npm - @praxisui/table - Versions diffs - 1.0.0-beta.63 → 1.0.0-beta.65 - Mend

@praxisui/table 1.0.0-beta.63 → 1.0.0-beta.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md +2 -2
package/fesm2022/praxisui-table.mjs +393 -223
package/fesm2022/praxisui-table.mjs.map +1 -1
package/index.d.ts +8 -0
package/package.json +7 -7

package/fesm2022/praxisui-table.mjs CHANGED Viewed

@@ -32,7 +32,7 @@ import * as i12 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import { Subject, debounceTime, takeUntil, of, firstValueFrom, BehaviorSubject, take as take$1 } from 'rxjs';
 import * as i1 from '@praxisui/core';
-import { LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, PraxisIconDirective, isTableConfigV2, GLOBAL_ACTION_SPEC_CATALOG, getGlobalActionUiSchema, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_VALUES, FieldControlType, INLINE_FILTER_ALIAS_TOKENS, normalizeControlTypeToken, ASYNC_CONFIG_STORAGE, resolveControlTypeAlias, mapFieldDefinitionsToMetadata, GenericCrudService, TableConfigService, createDefaultTableConfig, fillUndefined, deepMerge, GlobalConfigService, buildSchemaId, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, fetchWithETag, ResourceQuickConnectComponent, PRAXIS_LOADING_CTX, CONNECTION_STORAGE, PRAXIS_LOADING_RENDERER, EmptyStateCardComponent, ComponentMetadataRegistry } from '@praxisui/core';
+import { LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, PraxisIconDirective, isTableConfigV2, GLOBAL_ACTION_SPEC_CATALOG, getGlobalActionUiSchema, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_VALUES, FieldControlType, normalizeControlTypeToken, ASYNC_CONFIG_STORAGE, resolveControlTypeAlias, mapFieldDefinitionsToMetadata, GenericCrudService, TableConfigService, createDefaultTableConfig, fillUndefined, deepMerge, INLINE_FILTER_ALIAS_TOKENS, GlobalConfigService, buildSchemaId, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, resolveInlineFilterControlType, fetchWithETag, ResourceQuickConnectComponent, PRAXIS_LOADING_CTX, CONNECTION_STORAGE, PRAXIS_LOADING_RENDERER, EmptyStateCardComponent, ComponentMetadataRegistry } from '@praxisui/core';
 import * as i2 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { FunctionRegistry, DslParser, DslValidator, ValidationSeverity, ValidationIssueType } from '@praxisui/specification';
@@ -13374,6 +13374,13 @@ class BehaviorConfigEditorComponent {
             expansionStateMode: ['uncontrolled'],
             expansionTrigger: ['icon'],
             expansionToggleOnRowClick: [false],
+            expansionToggleIconCollapsed: ['chevron_right'],
+            expansionToggleIconExpanded: ['expand_more'],
+            expansionToggleIconAriaLabelCollapsed: [''],
+            expansionToggleIconAriaLabelExpanded: [''],
+            expansionMotionPreset: ['subtle-slide'],
+            expansionMotionDurationMs: [160],
+            expansionMotionEasing: ['standard'],
             expansionKeyboardProfile: ['disclosure'],
             expansionKeyboardEnterSpace: [true],
             expansionKeyboardArrowLeftRight: [false],
@@ -13499,6 +13506,13 @@ class BehaviorConfigEditorComponent {
                     expansionStateMode: expansion.state?.mode || 'uncontrolled',
                     expansionTrigger: expansion.interaction?.trigger || 'icon',
                     expansionToggleOnRowClick: expansion.interaction?.toggleOnRowClick || false,
+                    expansionToggleIconCollapsed: expansion.interaction?.toggleIcon?.collapsed || 'chevron_right',
+                    expansionToggleIconExpanded: expansion.interaction?.toggleIcon?.expanded || 'expand_more',
+                    expansionToggleIconAriaLabelCollapsed: expansion.interaction?.toggleIcon?.ariaLabelCollapsed || '',
+                    expansionToggleIconAriaLabelExpanded: expansion.interaction?.toggleIcon?.ariaLabelExpanded || '',
+                    expansionMotionPreset: expansion.interaction?.motion?.preset || 'subtle-slide',
+                    expansionMotionDurationMs: expansion.interaction?.motion?.durationMs ?? 160,
+                    expansionMotionEasing: expansion.interaction?.motion?.easing || 'standard',
                     expansionKeyboardProfile: keyboard.profile || 'disclosure',
                     expansionKeyboardEnterSpace: keyboard.enterSpace !== false,
                     expansionKeyboardArrowLeftRight: keyboard.arrowLeftRight || false,
@@ -13748,6 +13762,19 @@ class BehaviorConfigEditorComponent {
                     ...(existingExpansion.interaction || {}),
                     trigger: values.expansionTrigger || 'icon',
                     toggleOnRowClick: values.expansionToggleOnRowClick === true,
+                    toggleIcon: {
+                        ...((existingExpansion.interaction || {}).toggleIcon || {}),
+                        collapsed: (values.expansionToggleIconCollapsed || '').trim() || 'chevron_right',
+                        expanded: (values.expansionToggleIconExpanded || '').trim() || 'expand_more',
+                        ariaLabelCollapsed: (values.expansionToggleIconAriaLabelCollapsed || '').trim() || undefined,
+                        ariaLabelExpanded: (values.expansionToggleIconAriaLabelExpanded || '').trim() || undefined,
+                    },
+                    motion: {
+                        ...((existingExpansion.interaction || {}).motion || {}),
+                        preset: values.expansionMotionPreset || 'subtle-slide',
+                        durationMs: this.resolveNonNegativeNumber(values.expansionMotionDurationMs, 160),
+                        easing: values.expansionMotionEasing || 'standard',
+                    },
                     keyboard: {
                         ...((existingExpansion.interaction || {}).keyboard || {}),
                         profile: values.expansionKeyboardProfile || 'disclosure',
@@ -14092,6 +14119,13 @@ class BehaviorConfigEditorComponent {
         }
         return Math.floor(parsed);
     }
+    resolveNonNegativeNumber(value, fallback) {
+        const parsed = Number(value);
+        if (!Number.isFinite(parsed) || parsed < 0) {
+            return fallback;
+        }
+        return Math.floor(parsed);
+    }
     resolveExpansionMaxExpandedRows(allowMultiple, maxExpandedRows) {
         if (allowMultiple !== true)
             return 1;
@@ -14727,6 +14761,72 @@ class BehaviorConfigEditorComponent {
                 Toggle ao clicar na linha
               </mat-slide-toggle>
+              <mat-form-field appearance="outline">
+                <mat-label>Ícone recolhido</mat-label>
+                <input
+                  matInput
+                  formControlName="expansionToggleIconCollapsed"
+                  placeholder="chevron_right"
+                />
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Ícone expandido</mat-label>
+                <input
+                  matInput
+                  formControlName="expansionToggleIconExpanded"
+                  placeholder="expand_more"
+                />
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Aria-label recolhido</mat-label>
+                <input
+                  matInput
+                  formControlName="expansionToggleIconAriaLabelCollapsed"
+                  placeholder="Expandir detalhes da linha"
+                />
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Aria-label expandido</mat-label>
+                <input
+                  matInput
+                  formControlName="expansionToggleIconAriaLabelExpanded"
+                  placeholder="Recolher detalhes da linha"
+                />
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Preset de motion</mat-label>
+                <mat-select formControlName="expansionMotionPreset">
+                  <mat-option value="none">Sem animação</mat-option>
+                  <mat-option value="subtle-slide">Subtle slide</mat-option>
+                  <mat-option value="accordion">Accordion</mat-option>
+                  <mat-option value="fade-scale">Fade scale</mat-option>
+                </mat-select>
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Duração do motion (ms)</mat-label>
+                <input
+                  matInput
+                  type="number"
+                  min="0"
+                  max="600"
+                  formControlName="expansionMotionDurationMs"
+                />
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Easing do motion</mat-label>
+                <mat-select formControlName="expansionMotionEasing">
+                  <mat-option value="standard">Standard</mat-option>
+                  <mat-option value="emphasized">Emphasized</mat-option>
+                  <mat-option value="decelerate">Decelerate</mat-option>
+                </mat-select>
+              </mat-form-field>
               <mat-form-field appearance="outline">
                 <mat-label>Perfil de teclado</mat-label>
                 <mat-select formControlName="expansionKeyboardProfile">
@@ -15653,6 +15753,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 Toggle ao clicar na linha
               </mat-slide-toggle>
+              <mat-form-field appearance="outline">
+                <mat-label>Ícone recolhido</mat-label>
+                <input
+                  matInput
+                  formControlName="expansionToggleIconCollapsed"
+                  placeholder="chevron_right"
+                />
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Ícone expandido</mat-label>
+                <input
+                  matInput
+                  formControlName="expansionToggleIconExpanded"
+                  placeholder="expand_more"
+                />
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Aria-label recolhido</mat-label>
+                <input
+                  matInput
+                  formControlName="expansionToggleIconAriaLabelCollapsed"
+                  placeholder="Expandir detalhes da linha"
+                />
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Aria-label expandido</mat-label>
+                <input
+                  matInput
+                  formControlName="expansionToggleIconAriaLabelExpanded"
+                  placeholder="Recolher detalhes da linha"
+                />
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Preset de motion</mat-label>
+                <mat-select formControlName="expansionMotionPreset">
+                  <mat-option value="none">Sem animação</mat-option>
+                  <mat-option value="subtle-slide">Subtle slide</mat-option>
+                  <mat-option value="accordion">Accordion</mat-option>
+                  <mat-option value="fade-scale">Fade scale</mat-option>
+                </mat-select>
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Duração do motion (ms)</mat-label>
+                <input
+                  matInput
+                  type="number"
+                  min="0"
+                  max="600"
+                  formControlName="expansionMotionDurationMs"
+                />
+              </mat-form-field>
+              <mat-form-field appearance="outline">
+                <mat-label>Easing do motion</mat-label>
+                <mat-select formControlName="expansionMotionEasing">
+                  <mat-option value="standard">Standard</mat-option>
+                  <mat-option value="emphasized">Emphasized</mat-option>
+                  <mat-option value="decelerate">Decelerate</mat-option>
+                </mat-select>
+              </mat-form-field>
               <mat-form-field appearance="outline">
                 <mat-label>Perfil de teclado</mat-label>
                 <mat-select formControlName="expansionKeyboardProfile">
@@ -21953,7 +22119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }] } });
-const { SELECT: FILTER_INLINE_SELECT_CONTROL_TYPE$1, SEARCHABLE_SELECT: FILTER_INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1, MULTI_SELECT: FILTER_INLINE_MULTI_SELECT_CONTROL_TYPE$1, INPUT: FILTER_INLINE_INPUT_CONTROL_TYPE$1, TOGGLE: FILTER_INLINE_TOGGLE_CONTROL_TYPE$1, RANGE: FILTER_INLINE_RANGE_CONTROL_TYPE$1, ASYNC_SELECT: FILTER_INLINE_ASYNC_SELECT_CONTROL_TYPE$1, ENTITY_LOOKUP: FILTER_INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1, AUTOCOMPLETE: FILTER_INLINE_AUTOCOMPLETE_CONTROL_TYPE$1, NUMBER: FILTER_INLINE_NUMBER_CONTROL_TYPE$1, CURRENCY: FILTER_INLINE_CURRENCY_CONTROL_TYPE$1, CURRENCY_RANGE: FILTER_INLINE_CURRENCY_RANGE_CONTROL_TYPE$1, DATE: FILTER_INLINE_DATE_CONTROL_TYPE$1, DATE_RANGE: FILTER_INLINE_DATE_RANGE_CONTROL_TYPE$1, TIME: FILTER_INLINE_TIME_CONTROL_TYPE$1, TIME_RANGE: FILTER_INLINE_TIME_RANGE_CONTROL_TYPE$1, TREE_SELECT: FILTER_INLINE_TREE_SELECT_CONTROL_TYPE$1, RATING: FILTER_INLINE_RATING_CONTROL_TYPE$1, DISTANCE_RADIUS: FILTER_INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1, PIPELINE_STATUS: FILTER_INLINE_PIPELINE_STATUS_CONTROL_TYPE$1, SCORE_PRIORITY: FILTER_INLINE_SCORE_PRIORITY_CONTROL_TYPE$1, RELATIVE_PERIOD: FILTER_INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1, SENTIMENT: FILTER_INLINE_SENTIMENT_CONTROL_TYPE$1, COLOR_LABEL: FILTER_INLINE_COLOR_LABEL_CONTROL_TYPE$1, } = INLINE_FILTER_CONTROL_TYPES;
+const { SELECT: INLINE_SELECT_CONTROL_TYPE$1, SEARCHABLE_SELECT: INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1, MULTI_SELECT: INLINE_MULTI_SELECT_CONTROL_TYPE$1, INPUT: INLINE_INPUT_CONTROL_TYPE$1, TOGGLE: INLINE_TOGGLE_CONTROL_TYPE$1, RANGE: INLINE_RANGE_CONTROL_TYPE$1, ASYNC_SELECT: INLINE_ASYNC_SELECT_CONTROL_TYPE$1, ENTITY_LOOKUP: INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1, AUTOCOMPLETE: INLINE_AUTOCOMPLETE_CONTROL_TYPE$1, NUMBER: INLINE_NUMBER_CONTROL_TYPE$1, CURRENCY: INLINE_CURRENCY_CONTROL_TYPE$1, CURRENCY_RANGE: INLINE_CURRENCY_RANGE_CONTROL_TYPE$1, DATE: INLINE_DATE_CONTROL_TYPE$1, DATE_RANGE: INLINE_DATE_RANGE_CONTROL_TYPE$1, TIME: INLINE_TIME_CONTROL_TYPE$1, TIME_RANGE: INLINE_TIME_RANGE_CONTROL_TYPE$1, TREE_SELECT: INLINE_TREE_SELECT_CONTROL_TYPE$1, RATING: INLINE_RATING_CONTROL_TYPE$1, DISTANCE_RADIUS: INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1, PIPELINE_STATUS: INLINE_PIPELINE_STATUS_CONTROL_TYPE$1, SCORE_PRIORITY: INLINE_SCORE_PRIORITY_CONTROL_TYPE$1, RELATIVE_PERIOD: INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1, SENTIMENT: INLINE_SENTIMENT_CONTROL_TYPE$1, COLOR_LABEL: INLINE_COLOR_LABEL_CONTROL_TYPE$1, } = INLINE_FILTER_CONTROL_TYPES;
 const KNOWN_FILTER_SETTINGS_CONTROL_TYPES = new Set([
     ...Object.values(FieldControlType).map((type) => String(type).toLowerCase()),
     ...INLINE_FILTER_CONTROL_TYPE_VALUES,
@@ -21985,7 +22151,6 @@ const KNOWN_FILTER_SETTINGS_CONTROL_TYPE_SYNONYMS = new Set([
     'materialasyncselect',
     'searchableselect',
     'materialsearchableselect',
-    ...INLINE_FILTER_ALIAS_TOKENS,
 ]);
 const CONTROL_TYPE_LABELS = {
     [String(FieldControlType.INPUT).toLowerCase()]: 'Texto',
@@ -21993,34 +22158,32 @@ const CONTROL_TYPE_LABELS = {
     [String(FieldControlType.SELECT).toLowerCase()]: 'Select',
     [String(FieldControlType.MULTI_SELECT).toLowerCase()]: 'Multi-select',
     [String(FieldControlType.SEARCHABLE_SELECT).toLowerCase()]: 'Select buscável',
-    [FILTER_INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1]: 'Select buscável inline',
+    [INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1]: 'Select buscável inline',
     [String(FieldControlType.ASYNC_SELECT).toLowerCase()]: 'Select assíncrono',
-    [FILTER_INLINE_ASYNC_SELECT_CONTROL_TYPE$1]: 'Select assíncrono inline',
-    [FILTER_INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1]: 'Lookup entidade inline',
-    filterinlineentitylookup: 'Lookup entidade inline',
-    entitylookup: 'Lookup entidade',
+    [INLINE_ASYNC_SELECT_CONTROL_TYPE$1]: 'Select assíncrono inline',
+    [INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1]: 'Lookup entidade inline',
     [String(FieldControlType.AUTO_COMPLETE).toLowerCase()]: 'Autocomplete',
-    [FILTER_INLINE_AUTOCOMPLETE_CONTROL_TYPE$1]: 'Autocomplete inline',
-    [FILTER_INLINE_NUMBER_CONTROL_TYPE$1]: 'Numérico inline',
-    [FILTER_INLINE_CURRENCY_CONTROL_TYPE$1]: 'Moeda inline',
-    [FILTER_INLINE_CURRENCY_RANGE_CONTROL_TYPE$1]: 'Faixa monetária inline',
-    [FILTER_INLINE_RATING_CONTROL_TYPE$1]: 'Rating inline',
-    [FILTER_INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1]: 'Raio de distancia inline',
-    [FILTER_INLINE_PIPELINE_STATUS_CONTROL_TYPE$1]: 'Pipeline de status inline',
-    [FILTER_INLINE_SCORE_PRIORITY_CONTROL_TYPE$1]: 'Score/prioridade inline',
-    [FILTER_INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1]: 'Periodo relativo inline',
-    [FILTER_INLINE_SENTIMENT_CONTROL_TYPE$1]: 'Sentimento inline',
-    [FILTER_INLINE_COLOR_LABEL_CONTROL_TYPE$1]: 'Cor/label inline',
+    [INLINE_AUTOCOMPLETE_CONTROL_TYPE$1]: 'Autocomplete inline',
+    [INLINE_NUMBER_CONTROL_TYPE$1]: 'Numérico inline',
+    [INLINE_CURRENCY_CONTROL_TYPE$1]: 'Moeda inline',
+    [INLINE_CURRENCY_RANGE_CONTROL_TYPE$1]: 'Faixa monetária inline',
+    [INLINE_RATING_CONTROL_TYPE$1]: 'Rating inline',
+    [INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1]: 'Raio de distancia inline',
+    [INLINE_PIPELINE_STATUS_CONTROL_TYPE$1]: 'Pipeline de status inline',
+    [INLINE_SCORE_PRIORITY_CONTROL_TYPE$1]: 'Score/prioridade inline',
+    [INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1]: 'Periodo relativo inline',
+    [INLINE_SENTIMENT_CONTROL_TYPE$1]: 'Sentimento inline',
+    [INLINE_COLOR_LABEL_CONTROL_TYPE$1]: 'Cor/label inline',
     [String(FieldControlType.CURRENCY_INPUT).toLowerCase()]: 'Moeda',
     [String(FieldControlType.PRICE_RANGE).toLowerCase()]: 'Faixa monetária',
     [String(FieldControlType.TOGGLE).toLowerCase()]: 'Toggle',
     [String(FieldControlType.RANGE_SLIDER).toLowerCase()]: 'Range slider',
     [String(FieldControlType.RATING).toLowerCase()]: 'Rating',
-    [FILTER_INLINE_DATE_CONTROL_TYPE$1]: 'Data',
-    [FILTER_INLINE_DATE_RANGE_CONTROL_TYPE$1]: 'Intervalo de datas',
-    [FILTER_INLINE_TIME_CONTROL_TYPE$1]: 'Horario',
-    [FILTER_INLINE_TIME_RANGE_CONTROL_TYPE$1]: 'Intervalo de horario',
-    [FILTER_INLINE_TREE_SELECT_CONTROL_TYPE$1]: 'Arvore inline',
+    [INLINE_DATE_CONTROL_TYPE$1]: 'Data',
+    [INLINE_DATE_RANGE_CONTROL_TYPE$1]: 'Intervalo de datas',
+    [INLINE_TIME_CONTROL_TYPE$1]: 'Horario',
+    [INLINE_TIME_RANGE_CONTROL_TYPE$1]: 'Intervalo de horario',
+    [INLINE_TREE_SELECT_CONTROL_TYPE$1]: 'Arvore inline',
     [String(FieldControlType.TIME_PICKER).toLowerCase()]: 'Horario',
     [String(FieldControlType.TIME_RANGE).toLowerCase()]: 'Intervalo de horario',
     [String(FieldControlType.TREE_SELECT).toLowerCase()]: 'Arvore',
@@ -22041,36 +22204,36 @@ const ALWAYS_VISIBLE_LAYOUT_LANES = ['actions', 'inline', 'grid'];
 const INLINE_COMPACT_CONTROL_TYPE_TOKENS$1 = new Set(INLINE_FILTER_CONTROL_TYPE_VALUES.map((controlType) => normalizeControlTypeToken(controlType)));
 const TOGGLE_CONTROL_TYPE_TOKENS = new Set([
     normalizeControlTypeToken(FieldControlType.TOGGLE),
-    normalizeControlTypeToken(FILTER_INLINE_TOGGLE_CONTROL_TYPE$1),
+    normalizeControlTypeToken(INLINE_TOGGLE_CONTROL_TYPE$1),
     'switch',
     'boolean',
     'bool',
 ]);
 const CONTROL_TYPE_WIDTH_HINTS = {
-    [FILTER_INLINE_INPUT_CONTROL_TYPE$1]: '92-280px',
-    [FILTER_INLINE_SELECT_CONTROL_TYPE$1]: '84-280px',
-    [FILTER_INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1]: '100-320px',
-    [FILTER_INLINE_ASYNC_SELECT_CONTROL_TYPE$1]: '112-360px',
-    [FILTER_INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1]: '132-420px',
-    [FILTER_INLINE_AUTOCOMPLETE_CONTROL_TYPE$1]: '112-360px',
-    [FILTER_INLINE_NUMBER_CONTROL_TYPE$1]: '84-240px',
-    [FILTER_INLINE_CURRENCY_CONTROL_TYPE$1]: '96-258px',
-    [FILTER_INLINE_CURRENCY_RANGE_CONTROL_TYPE$1]: '188-360px',
-    [FILTER_INLINE_RATING_CONTROL_TYPE$1]: '172-320px',
-    [FILTER_INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1]: '188-360px',
-    [FILTER_INLINE_PIPELINE_STATUS_CONTROL_TYPE$1]: '188-420px',
-    [FILTER_INLINE_SCORE_PRIORITY_CONTROL_TYPE$1]: '182-340px',
-    [FILTER_INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1]: '186-360px',
-    [FILTER_INLINE_SENTIMENT_CONTROL_TYPE$1]: '186-360px',
-    [FILTER_INLINE_COLOR_LABEL_CONTROL_TYPE$1]: '186-360px',
-    [FILTER_INLINE_MULTI_SELECT_CONTROL_TYPE$1]: '100-320px',
-    [FILTER_INLINE_RANGE_CONTROL_TYPE$1]: '120-300px',
-    [FILTER_INLINE_TOGGLE_CONTROL_TYPE$1]: '76-320px',
-    [FILTER_INLINE_DATE_CONTROL_TYPE$1]: '108-280px',
-    [FILTER_INLINE_DATE_RANGE_CONTROL_TYPE$1]: '188-380px',
-    [FILTER_INLINE_TIME_CONTROL_TYPE$1]: '104-260px',
-    [FILTER_INLINE_TIME_RANGE_CONTROL_TYPE$1]: '204-420px',
-    [FILTER_INLINE_TREE_SELECT_CONTROL_TYPE$1]: '148-420px',
+    [INLINE_INPUT_CONTROL_TYPE$1]: '92-280px',
+    [INLINE_SELECT_CONTROL_TYPE$1]: '84-280px',
+    [INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1]: '100-320px',
+    [INLINE_ASYNC_SELECT_CONTROL_TYPE$1]: '112-360px',
+    [INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1]: '132-420px',
+    [INLINE_AUTOCOMPLETE_CONTROL_TYPE$1]: '112-360px',
+    [INLINE_NUMBER_CONTROL_TYPE$1]: '84-240px',
+    [INLINE_CURRENCY_CONTROL_TYPE$1]: '96-258px',
+    [INLINE_CURRENCY_RANGE_CONTROL_TYPE$1]: '188-360px',
+    [INLINE_RATING_CONTROL_TYPE$1]: '172-320px',
+    [INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1]: '188-360px',
+    [INLINE_PIPELINE_STATUS_CONTROL_TYPE$1]: '188-420px',
+    [INLINE_SCORE_PRIORITY_CONTROL_TYPE$1]: '182-340px',
+    [INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1]: '186-360px',
+    [INLINE_SENTIMENT_CONTROL_TYPE$1]: '186-360px',
+    [INLINE_COLOR_LABEL_CONTROL_TYPE$1]: '186-360px',
+    [INLINE_MULTI_SELECT_CONTROL_TYPE$1]: '100-320px',
+    [INLINE_RANGE_CONTROL_TYPE$1]: '120-300px',
+    [INLINE_TOGGLE_CONTROL_TYPE$1]: '76-320px',
+    [INLINE_DATE_CONTROL_TYPE$1]: '108-280px',
+    [INLINE_DATE_RANGE_CONTROL_TYPE$1]: '188-380px',
+    [INLINE_TIME_CONTROL_TYPE$1]: '104-260px',
+    [INLINE_TIME_RANGE_CONTROL_TYPE$1]: '204-420px',
+    [INLINE_TREE_SELECT_CONTROL_TYPE$1]: '148-420px',
 };
 const ALWAYS_VISIBLE_VIEWPORT_WIDTHS = {
     desktop: 980,
@@ -22584,7 +22747,7 @@ class FilterSettingsComponent {
             if (controlType === 'toggle' ||
                 controlType === 'checkbox' ||
                 controlType === 'switch' ||
-                controlType === 'filter-toggle-inline') {
+                controlType === 'inlinetoggle') {
                 return true;
             }
             const primitiveType = String(meta?.type ?? '').toLowerCase();
@@ -22776,146 +22939,119 @@ class FilterSettingsComponent {
         const timeRangeToken = normalizeControlTypeToken(FieldControlType.TIME_RANGE);
         const treeSelectToken = normalizeControlTypeToken(FieldControlType.TREE_SELECT);
         const multiSelectTreeToken = normalizeControlTypeToken(FieldControlType.MULTI_SELECT_TREE);
-        if (token === normalizeControlTypeToken(FILTER_INLINE_SELECT_CONTROL_TYPE$1)) {
-            return FILTER_INLINE_SELECT_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_SELECT_CONTROL_TYPE$1)) {
+            return INLINE_SELECT_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-searchable-select')) {
-            return FILTER_INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1)) {
+            return INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_ASYNC_SELECT_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-async-select')) {
-            return FILTER_INLINE_ASYNC_SELECT_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_ASYNC_SELECT_CONTROL_TYPE$1)) {
+            return INLINE_ASYNC_SELECT_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-entity-lookup') ||
-            token === normalizeControlTypeToken('entity-lookup') ||
-            token === normalizeControlTypeToken('entityLookup')) {
-            return FILTER_INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1)) {
+            return INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_AUTOCOMPLETE_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-autocomplete')) {
-            return FILTER_INLINE_AUTOCOMPLETE_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_AUTOCOMPLETE_CONTROL_TYPE$1)) {
+            return INLINE_AUTOCOMPLETE_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_NUMBER_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-number')) {
-            return FILTER_INLINE_NUMBER_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_NUMBER_CONTROL_TYPE$1)) {
+            return INLINE_NUMBER_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_CURRENCY_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-currency')) {
-            return FILTER_INLINE_CURRENCY_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_CURRENCY_CONTROL_TYPE$1)) {
+            return INLINE_CURRENCY_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_CURRENCY_RANGE_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-currency-range')) {
-            return FILTER_INLINE_CURRENCY_RANGE_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_CURRENCY_RANGE_CONTROL_TYPE$1)) {
+            return INLINE_CURRENCY_RANGE_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_MULTI_SELECT_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-multi-select')) {
-            return FILTER_INLINE_MULTI_SELECT_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_MULTI_SELECT_CONTROL_TYPE$1)) {
+            return INLINE_MULTI_SELECT_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_INPUT_CONTROL_TYPE$1)) {
-            return FILTER_INLINE_INPUT_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_INPUT_CONTROL_TYPE$1)) {
+            return INLINE_INPUT_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_TOGGLE_CONTROL_TYPE$1)) {
-            return FILTER_INLINE_TOGGLE_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_TOGGLE_CONTROL_TYPE$1)) {
+            return INLINE_TOGGLE_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_RANGE_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-range-slider')) {
-            return FILTER_INLINE_RANGE_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_RANGE_CONTROL_TYPE$1)) {
+            return INLINE_RANGE_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_DATE_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-date')) {
-            return FILTER_INLINE_DATE_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_DATE_CONTROL_TYPE$1)) {
+            return INLINE_DATE_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_DATE_RANGE_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-date-range') ||
-            token === normalizeControlTypeToken('filter-inline-daterange')) {
-            return FILTER_INLINE_DATE_RANGE_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_DATE_RANGE_CONTROL_TYPE$1)) {
+            return INLINE_DATE_RANGE_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_TIME_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-time')) {
-            return FILTER_INLINE_TIME_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_TIME_CONTROL_TYPE$1)) {
+            return INLINE_TIME_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_TIME_RANGE_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-time-range')) {
-            return FILTER_INLINE_TIME_RANGE_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_TIME_RANGE_CONTROL_TYPE$1)) {
+            return INLINE_TIME_RANGE_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_TREE_SELECT_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-tree-select')) {
-            return FILTER_INLINE_TREE_SELECT_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_TREE_SELECT_CONTROL_TYPE$1)) {
+            return INLINE_TREE_SELECT_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_RATING_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-rating')) {
-            return FILTER_INLINE_RATING_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_RATING_CONTROL_TYPE$1)) {
+            return INLINE_RATING_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-distance-radius')) {
-            return FILTER_INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1)) {
+            return INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_PIPELINE_STATUS_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-pipeline-status')) {
-            return FILTER_INLINE_PIPELINE_STATUS_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_PIPELINE_STATUS_CONTROL_TYPE$1)) {
+            return INLINE_PIPELINE_STATUS_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_SCORE_PRIORITY_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-score-priority')) {
-            return FILTER_INLINE_SCORE_PRIORITY_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_SCORE_PRIORITY_CONTROL_TYPE$1)) {
+            return INLINE_SCORE_PRIORITY_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-relative-period')) {
-            return FILTER_INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1)) {
+            return INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_SENTIMENT_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-sentiment')) {
-            return FILTER_INLINE_SENTIMENT_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_SENTIMENT_CONTROL_TYPE$1)) {
+            return INLINE_SENTIMENT_CONTROL_TYPE$1;
         }
-        if (token === normalizeControlTypeToken(FILTER_INLINE_COLOR_LABEL_CONTROL_TYPE$1) ||
-            token === normalizeControlTypeToken('filter-inline-color-label')) {
-            return FILTER_INLINE_COLOR_LABEL_CONTROL_TYPE$1;
+        if (token === normalizeControlTypeToken(INLINE_COLOR_LABEL_CONTROL_TYPE$1)) {
+            return INLINE_COLOR_LABEL_CONTROL_TYPE$1;
         }
         if (token === selectToken)
-            return FILTER_INLINE_SELECT_CONTROL_TYPE$1;
+            return INLINE_SELECT_CONTROL_TYPE$1;
         if (token === searchableSelectToken ||
             token === 'materialsearchableselect' ||
             token === 'searchableselect') {
             return this.form.controls.useInlineSearchableSelectVariant.value
-                ? FILTER_INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1
+                ? INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1
                 : String(FieldControlType.SEARCHABLE_SELECT).toLowerCase();
         }
         if (token === asyncSelectToken || token === 'materialasyncselect' || token === 'asyncselect') {
             return this.form.controls.useInlineSearchableSelectVariant.value
-                ? FILTER_INLINE_ASYNC_SELECT_CONTROL_TYPE$1
+                ? INLINE_ASYNC_SELECT_CONTROL_TYPE$1
                 : String(FieldControlType.ASYNC_SELECT).toLowerCase();
         }
-        if (token === 'entitylookup' || token === 'entitylookupinline') {
-            return FILTER_INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1;
-        }
         if (token === autoCompleteToken || token === 'autocomplete') {
             return this.form.controls.useInlineSearchableSelectVariant.value
-                ? FILTER_INLINE_AUTOCOMPLETE_CONTROL_TYPE$1
+                ? INLINE_AUTOCOMPLETE_CONTROL_TYPE$1
                 : String(FieldControlType.AUTO_COMPLETE).toLowerCase();
         }
         if (token === multiSelectToken || token === 'multiselect') {
-            return FILTER_INLINE_MULTI_SELECT_CONTROL_TYPE$1;
+            return INLINE_MULTI_SELECT_CONTROL_TYPE$1;
         }
         if (token === numericTextBoxToken || token === 'number' || token === 'numeric') {
-            return FILTER_INLINE_NUMBER_CONTROL_TYPE$1;
+            return INLINE_NUMBER_CONTROL_TYPE$1;
         }
         if (token === currencyToken || token === 'currency' || token === 'currencyinput') {
-            return FILTER_INLINE_CURRENCY_CONTROL_TYPE$1;
+            return INLINE_CURRENCY_CONTROL_TYPE$1;
         }
         if (token === priceRangeToken || token === 'pricerange') {
             return this.form.controls.useInlineRangeVariant.value
-                ? FILTER_INLINE_CURRENCY_RANGE_CONTROL_TYPE$1
+                ? INLINE_CURRENCY_RANGE_CONTROL_TYPE$1
                 : String(FieldControlType.PRICE_RANGE).toLowerCase();
         }
         if (token === inputToken || token === searchInputToken || token === 'search') {
-            return FILTER_INLINE_INPUT_CONTROL_TYPE$1;
+            return INLINE_INPUT_CONTROL_TYPE$1;
         }
         if (token === toggleToken || token === 'switch' || token === 'checkbox') {
-            return FILTER_INLINE_TOGGLE_CONTROL_TYPE$1;
+            return INLINE_TOGGLE_CONTROL_TYPE$1;
         }
         if (token === rangeToken || token === 'rangeslider') {
-            return FILTER_INLINE_RANGE_CONTROL_TYPE$1;
+            return INLINE_RANGE_CONTROL_TYPE$1;
         }
         if (token === ratingToken || token === 'rating') {
             return String(FieldControlType.RATING).toLowerCase();
@@ -22925,12 +23061,12 @@ class FilterSettingsComponent {
             token === 'date' ||
             token === 'datepicker') {
             return this.form.controls.useInlineDateVariant.value
-                ? FILTER_INLINE_DATE_CONTROL_TYPE$1
+                ? INLINE_DATE_CONTROL_TYPE$1
                 : String(FieldControlType.DATE_INPUT).toLowerCase();
         }
         if (token === dateRangeToken || token === 'daterange' || token === 'datetimerange') {
             return this.form.controls.useInlineDateRangeVariant.value
-                ? FILTER_INLINE_DATE_RANGE_CONTROL_TYPE$1
+                ? INLINE_DATE_RANGE_CONTROL_TYPE$1
                 : String(FieldControlType.DATE_RANGE).toLowerCase();
         }
         if (token === timeInputToken ||
@@ -22939,12 +23075,12 @@ class FilterSettingsComponent {
             token === 'timeinput' ||
             token === 'timepicker') {
             return this.form.controls.useInlineTimeVariant.value
-                ? FILTER_INLINE_TIME_CONTROL_TYPE$1
+                ? INLINE_TIME_CONTROL_TYPE$1
                 : String(FieldControlType.TIME_PICKER).toLowerCase();
         }
         if (token === timeRangeToken || token === 'timerange' || token === 'time-range') {
             return this.form.controls.useInlineTimeRangeVariant.value
-                ? FILTER_INLINE_TIME_RANGE_CONTROL_TYPE$1
+                ? INLINE_TIME_RANGE_CONTROL_TYPE$1
                 : String(FieldControlType.TIME_RANGE).toLowerCase();
         }
         if (token === multiSelectTreeToken || token === 'multiselecttree') {
@@ -22952,7 +23088,7 @@ class FilterSettingsComponent {
         }
         if (token === treeSelectToken || token === 'treeselect' || token === 'treeview') {
             return this.form.controls.useInlineTreeSelectVariant.value
-                ? FILTER_INLINE_TREE_SELECT_CONTROL_TYPE$1
+                ? INLINE_TREE_SELECT_CONTROL_TYPE$1
                 : String(FieldControlType.TREE_SELECT).toLowerCase();
         }
         return base || token || String(FieldControlType.INPUT).toLowerCase();
@@ -22974,7 +23110,7 @@ class FilterSettingsComponent {
             return CONTROL_TYPE_LABELS[raw];
         if (CONTROL_TYPE_LABELS[token])
             return CONTROL_TYPE_LABELS[token];
-        if (raw === FILTER_INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1) {
+        if (raw === INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1) {
             return 'Select buscável inline';
         }
         return raw || 'Campo';
@@ -23870,7 +24006,7 @@ class FilterSettingsComponent {
         // In a real implementation, this would trigger schema reload in PraxisFilter
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterSettingsComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterSettingsComponent, isStandalone: true, selector: "filter-settings", inputs: { metadata: "metadata", metadataSource: "metadataSource", metadataLoading: "metadataLoading", metadataErrorMsg: "metadataErrorMsg", settings: "settings", configKey: "configKey" }, outputs: { settingsChange: "settingsChange" }, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n  <mat-tab-group (selectedTabChange)=\"onTabChange($event)\">\n    <mat-tab label=\"Sempre Vis\u00EDveis\">\n      <div class=\"always-visible-tab-flow\">\n      <mat-form-field appearance=\"outline\" class=\"full-width\">\n        <mat-label>Campos sempre vis\u00EDveis</mat-label>\n        <mat-select\n          formControlName=\"alwaysVisibleFields\"\n          multiple\n        >\n          <mat-option\n            [value]=\"meta.name\"\n            *ngFor=\"let meta of filteredAlwaysVisibleMetadata(); trackBy: trackFieldMetadataByName\"\n          >\n            {{ meta.label || meta.name }}\n          </mat-option>\n        </mat-select>\n        <mat-hint *ngIf=\"metadataLoading && metadataSource === 'filter-dto'\">\n          Carregando campos do DTO de filtro...\n        </mat-hint>\n        <mat-error *ngIf=\"metadataErrorMsg\">{{ metadataErrorMsg }}</mat-error>\n        <mat-hint\n          *ngIf=\"!metadataLoading && !metadataErrorMsg && !metadata.length && metadataSource === 'filter-dto'\"\n        >\n          Nenhum campo do DTO de filtro dispon\u00EDvel para este recurso.\n        </mat-hint>\n        <mat-hint\n          *ngIf=\"!metadataLoading && !metadataErrorMsg && metadata.length && !hasAlwaysVisibleMetadataResults() && alwaysVisibleFieldSearchText\"\n        >\n          Nenhum campo encontrado para \"{{ alwaysVisibleFieldSearchText }}\".\n        </mat-hint>\n        <button\n          mat-icon-button\n          matSuffix\n          type=\"button\"\n          class=\"help-icon-button\"\n          matTooltip=\"Escolha os campos que aparecem sempre na barra de filtros.\"\n        >\n          <mat-icon>help_outline</mat-icon>\n        </button>\n      </mat-form-field>\n\n      <mat-form-field appearance=\"outline\" class=\"full-width\">\n        <mat-label>Buscar campo</mat-label>\n        <input\n          matInput\n          [ngModel]=\"alwaysVisibleFieldSearchText\"\n          (ngModelChange)=\"onAlwaysVisibleFieldSearchChange($event)\"\n          [ngModelOptions]=\"{standalone: true}\"\n          placeholder=\"Filtrar por nome ou label\"\n        />\n        <button\n          mat-icon-button\n          matSuffix\n          type=\"button\"\n          *ngIf=\"alwaysVisibleFieldSearchText\"\n          (click)=\"clearAlwaysVisibleFieldSearch()\"\n          aria-label=\"Limpar busca de campo\"\n        >\n          <mat-icon [praxisIcon]=\"'close'\"></mat-icon>\n        </button>\n      </mat-form-field>\n      <p class=\"field-hint\">\n        {{ alwaysVisibleSelectionCount() }} campo(s) selecionado(s).\n      </p>\n      <div class=\"always-visible-context\">\n        <div class=\"always-visible-summary\" role=\"status\" aria-live=\"polite\">\n          <div class=\"always-visible-summary-item\">\n            <span class=\"summary-value\">{{ alwaysVisibleSelectionCount() }}</span>\n            <span class=\"summary-label\">campos fixos</span>\n          </div>\n          <div class=\"always-visible-summary-item\">\n            <span class=\"summary-value\">{{ activeAlwaysVisibleOverrideCount() }}</span>\n            <span class=\"summary-label\">overrides ativos</span>\n          </div>\n        </div>\n        <nav\n          class=\"always-visible-quick-nav\"\n          aria-label=\"Navega\u00E7\u00E3o r\u00E1pida da se\u00E7\u00E3o Sempre Vis\u00EDveis\"\n        >\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-order')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-order') ? 'location' : null\"\n            aria-controls=\"always-visible-order\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-order')\"\n          >\n            Ordem\n          </button>\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-metadata')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-metadata') ? 'location' : null\"\n            aria-controls=\"always-visible-metadata\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-metadata')\"\n          >\n            Metadados\n          </button>\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-json')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-json') ? 'location' : null\"\n            aria-controls=\"always-visible-json\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-json')\"\n          >\n            JSON\n          </button>\n        </nav>\n      </div>\n\n      <div\n        id=\"always-visible-order\"\n        class=\"options options-compact-flow always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-order')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-order')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-order')\"\n      >\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Ordem dos campos</h4>\n          <p class=\"section-help\">\n            Reordene no formato mais pr\u00F3ximo da toolbar real: faixa de a\u00E7\u00F5es, barra inline e grid.\n          </p>\n        </div>\n        <div class=\"order-layout-toolbar\">\n          <mat-button-toggle-group\n            class=\"order-viewport-toggle-group\"\n            [value]=\"orderPreviewViewport\"\n            (change)=\"onAlwaysVisibleViewportChange($event.value)\"\n            aria-label=\"Largura simulada da toolbar\"\n          >\n            <mat-button-toggle\n              *ngFor=\"let viewport of alwaysVisibleViewports\"\n              [value]=\"viewport\"\n              [attr.aria-label]=\"alwaysVisibleViewportHint(viewport)\"\n            >\n              {{ alwaysVisibleViewportLabel(viewport) }}\n            </mat-button-toggle>\n          </mat-button-toggle-group>\n          <span class=\"order-viewport-caption\">\n            {{ alwaysVisibleViewportWidth() }}px\n          </span>\n        </div>\n        <p class=\"section-help\">\n          Ajuste o viewport para simular a quebra real das linhas na toolbar.\n        </p>\n        <div class=\"order-layout-viewport\">\n          <div\n            class=\"order-layout-frame\"\n            [attr.data-viewport]=\"orderPreviewViewport\"\n            [style.maxWidth.px]=\"alwaysVisibleViewportWidth()\"\n          >\n            <div class=\"order-layout-composer\" cdkDropListGroup>\n              <section\n                class=\"order-lane\"\n                *ngFor=\"let lane of alwaysVisibleLayoutLanes\"\n                [attr.data-lane]=\"lane\"\n              >\n                <ng-container *ngIf=\"alwaysVisibleLaneItems(lane) as laneItems\">\n                  <header class=\"order-lane-header\">\n                    <div class=\"order-lane-title-block\">\n                      <h5 class=\"order-lane-title\">{{ alwaysVisibleLaneLabel(lane) }}</h5>\n                      <p class=\"order-lane-help\">{{ alwaysVisibleLaneHint(lane) }}</p>\n                    </div>\n                    <span class=\"order-lane-count\">{{ laneItems.length }}</span>\n                  </header>\n                  <div\n                    cdkDropList\n                    class=\"order-lane-canvas\"\n                    [id]=\"alwaysVisibleLaneDropListId(lane)\"\n                    [class.is-empty]=\"!laneItems.length\"\n                    [cdkDropListData]=\"laneItems\"\n                    [cdkDropListEnterPredicate]=\"allowAlwaysVisibleLaneEnter\"\n                    cdkDropListOrientation=\"horizontal\"\n                    [attr.aria-label]=\"'Faixa ' + alwaysVisibleLaneLabel(lane)\"\n                    (cdkDropListDropped)=\"dropAlwaysVisibleLane(lane, $event)\"\n                  >\n                    <button\n                      type=\"button\"\n                      class=\"order-pill\"\n                      *ngFor=\"let item of laneItems; let i = index; trackBy: trackAlwaysVisibleLayoutItemByName\"\n                      cdkDrag\n                      [cdkDragData]=\"item\"\n                      [attr.aria-label]=\"alwaysVisibleLayoutItemAriaLabel(item, lane, i, laneItems.length)\"\n                      (keydown)=\"onAlwaysVisibleLaneItemKeydown($event, lane, item.name)\"\n                    >\n                      <mat-icon [praxisIcon]=\"'drag_indicator'\" cdkDragHandle></mat-icon>\n                      <span class=\"order-pill-label\">{{ item.label }}</span>\n                      <span class=\"order-pill-badges\">\n                        <span class=\"order-pill-chip\">{{ item.controlTypeLabel }}</span>\n                        <span class=\"order-pill-chip order-pill-chip-width\">{{ item.widthHint }}</span>\n                        <span class=\"order-pill-chip order-pill-chip-override\" *ngIf=\"item.hasOverride\">\n                          Override\n                        </span>\n                      </span>\n                    </button>\n                    <p class=\"order-lane-empty\" *ngIf=\"!laneItems.length\">\n                      {{ alwaysVisibleLaneEmptyHint(lane) }}\n                    </p>\n                  </div>\n                </ng-container>\n              </section>\n            </div>\n          </div>\n        </div>\n        <p class=\"field-hint\">\n          Acessibilidade: use Alt/Ctrl + setas para reordenar dentro de cada faixa. O drag & drop n\u00E3o mistura faixas.\n        </p>\n        <p class=\"section-help\" *ngIf=\"!form.controls.alwaysVisibleFields.value?.length\">\n          Nenhum campo selecionado. Use o seletor acima para adicionar.\n        </p>\n      </div>\n\n      <mat-divider class=\"section-divider\" role=\"presentation\"></mat-divider>\n\n      <div\n        id=\"always-visible-metadata\"\n        class=\"options options-compact-flow always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-metadata')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-metadata')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-metadata')\"\n      >\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Editor visual de metadados</h4>\n          <p class=\"section-help\">\n            Edite os principais ajustes dos campos sempre vis\u00EDveis no fluxo visual. Para propriedades avan\u00E7adas, use o JSON abaixo.\n          </p>\n        </div>\n        <p class=\"section-help\" *ngIf=\"!form.controls.alwaysVisibleFields.value?.length\">\n          Selecione campos em \u201CCampos sempre vis\u00EDveis\u201D para habilitar a edi\u00E7\u00E3o visual.\n        </p>\n        <div class=\"metadata-card-grid\" *ngIf=\"form.controls.alwaysVisibleFields.value?.length\">\n          <article class=\"metadata-card\" *ngFor=\"let name of form.controls.alwaysVisibleFields.value\">\n            <header class=\"metadata-card-header\">\n              <div class=\"metadata-card-title\">\n                <strong>{{ getFieldLabel(name) }}</strong>\n                <span>{{ name }}</span>\n              </div>\n              <div class=\"metadata-card-badges\">\n                <span class=\"metadata-chip\">{{ getAlwaysVisibleControlTypeLabel(name) }}</span>\n                <span class=\"metadata-chip metadata-chip-override\" *ngIf=\"hasAlwaysVisibleOverride(name)\">\n                  Override ativo\n                </span>\n              </div>\n            </header>\n            <p class=\"metadata-card-summary\">{{ getAlwaysVisibleOverridePreview(name) }}</p>\n            <div class=\"metadata-card-actions\">\n              <button mat-stroked-button type=\"button\" (click)=\"openAlwaysVisibleMetadataEditor(name)\">\n                <mat-icon [praxisIcon]=\"'tune'\"></mat-icon>\n                Editar campo\n              </button>\n              <button\n                mat-button\n                type=\"button\"\n                color=\"warn\"\n                (click)=\"clearAlwaysVisibleOverride(name)\"\n                [disabled]=\"!hasAlwaysVisibleOverride(name)\"\n              >\n                Limpar override\n              </button>\n            </div>\n          </article>\n        </div>\n      </div>\n\n      <mat-divider class=\"section-divider\" role=\"presentation\"></mat-divider>\n\n      <div\n        id=\"always-visible-json\"\n        class=\"always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-json')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-json')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-json')\"\n      >\n        <mat-expansion-panel\n          class=\"options options-compact-flow options-advanced-json\"\n          [expanded]=\"!!alwaysVisibleOverridesErrorMsg\"\n        >\n          <mat-expansion-panel-header>\n            <mat-panel-title>Avan\u00E7ado (JSON opcional)</mat-panel-title>\n            <mat-panel-description>Para ajustes n\u00E3o expostos no editor visual</mat-panel-description>\n          </mat-expansion-panel-header>\n          <div class=\"options-header\">\n            <h4 class=\"section-title\">Modo avan\u00E7ado (JSON)</h4>\n            <p class=\"section-help\">\n              Use JSON para ajustes em lote ou propriedades ainda n\u00E3o expostas no editor visual.\n            </p>\n          </div>\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>alwaysVisibleFieldMetadataOverrides (JSON)</mat-label>\n            <textarea\n              matInput\n              rows=\"8\"\n              [(ngModel)]=\"alwaysVisibleOverridesJsonText\"\n              [ngModelOptions]=\"{standalone: true}\"\n            ></textarea>\n          </mat-form-field>\n          <div class=\"actions\">\n            <button mat-stroked-button type=\"button\" (click)=\"formatAlwaysVisibleOverridesJson()\">Formatar</button>\n            <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"applyAlwaysVisibleOverridesJson()\">\n              Validar e carregar no editor\n            </button>\n          </div>\n          <p class=\"json-tip\">\n            Esta a\u00E7\u00E3o n\u00E3o persiste a configura\u00E7\u00E3o. Para persistir, use \u201CSalvar &amp; Fechar\u201D no rodap\u00E9.\n          </p>\n          <p class=\"json-tip\">\n            Exemplo:\n            &#123;\"status\":&#123;\"controlType\":\"filter-select-inline\",\"clearButton\":&#123;\"enabled\":true&#125;,\"inlineAutoSize\":&#123;\"minWidth\":140,\"maxWidth\":280&#125;&#125;&#125;\n          </p>\n          <p *ngIf=\"alwaysVisibleOverridesErrorMsg\" class=\"json-error\" role=\"status\" aria-live=\"polite\">{{ alwaysVisibleOverridesErrorMsg }}</p>\n        </mat-expansion-panel>\n      </div>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Layout\">\n      <div class=\"options\">\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Grid e responsividade</h4>\n          <p class=\"section-help\">\n            Ajuste largura m\u00EDnima e n\u00FAmero de colunas por breakpoint. Em telas menores que 600px, o layout usa 1 coluna.\n          </p>\n        </div>\n        <div class=\"layout-preview-section\" aria-live=\"polite\">\n          <h5 class=\"layout-preview-title\">Pr\u00E9-visualiza\u00E7\u00E3o do grid</h5>\n          <p class=\"section-help\">\n            Simula\u00E7\u00E3o com {{ layoutPreviewFields.length }} campos e largura m\u00EDnima de {{ layoutMinWidth() }}px por campo.\n          </p>\n          <div class=\"layout-preview-cards\">\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Mobile</strong>\n                <span>&lt;600px \u00B7 {{ layoutColsFor('sm') }} coluna</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('sm') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Tablet</strong>\n                <span>&ge;600px \u00B7 {{ layoutColsFor('md') }} colunas</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('md') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Desktop</strong>\n                <span>&ge;960px \u00B7 {{ layoutColsFor('lg') }} colunas</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('lg') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n          </div>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Largura m\u00EDnima por campo (px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysMinWidth\"\n            min=\"180\"\n            max=\"480\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysMinWidth')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre largura m\u00EDnima por campo\"\n            matTooltip=\"Define a largura m\u00EDnima de cada campo no grid. Recomendado entre 200 e 300px.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Intervalo permitido: 180 a 480px.</mat-hint>\n          <mat-hint align=\"end\">Recomendado: 200 a 300px.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysMinWidth') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Colunas em tablet (&ge;600px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysColsMd\"\n            min=\"1\"\n            max=\"3\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysColsMd')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre colunas em tablet\"\n            matTooltip=\"Define quantas colunas aparecem em telas m\u00E9dias (a partir de 600px).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Mobile (&lt;600px) usa 1 coluna.</mat-hint>\n          <mat-hint align=\"end\">Intervalo: 1 a 3 colunas.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysColsMd') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Colunas em desktop (&ge;960px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysColsLg\"\n            min=\"1\"\n            max=\"4\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysColsLg')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre colunas em desktop\"\n            matTooltip=\"Define quantas colunas aparecem em telas grandes (a partir de 960px).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Use mais colunas apenas quando houver espa\u00E7o.</mat-hint>\n          <mat-hint align=\"end\">Intervalo: 1 a 4 colunas.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysColsLg') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Booleanos\">\n      <div class=\"options\">\n        <p class=\"section-help\" *ngIf=\"!hasBooleanFieldMetadata()\">\n          Nenhum campo booleano foi detectado no schema atual. Estas prefer\u00EAncias ser\u00E3o aplicadas quando houver\n          campos `toggle`/boolean no filtro.\n        </p>\n        <div class=\"toggle-preview-section\" *ngIf=\"hasBooleanFieldMetadata()\">\n          <h4>Visualiza\u00E7\u00E3o dos Booleanos</h4>\n          <p class=\"section-help\">Veja o comportamento dos booleanos inline (com texto ou compacto) e a posi\u00E7\u00E3o na barra.</p>\n          <div class=\"preview-container\">\n            <div class=\"preview-item\">\n              <strong>Grade Principal</strong>\n              <div class=\"mock-grid\" [class.with-booleans]=\"!form.controls.placeBooleansInActions.value\">\n                <div class=\"mock-field\">Campo 1</div>\n                <div class=\"mock-field\">Campo 2</div>\n                <div class=\"mock-pill\" *ngIf=\"!form.controls.placeBooleansInActions.value\"\n                  [class.compact]=\"!form.controls.showToggleLabels.value\">\n                  <mat-slide-toggle [checked]=\"true\"></mat-slide-toggle>\n                  <span *ngIf=\"form.controls.showToggleLabels.value\">Ativo</span>\n                </div>\n              </div>\n            </div>\n            <div class=\"preview-item\">\n              <strong>\u00C1rea de A\u00E7\u00F5es</strong>\n              <div class=\"mock-actions\" [class.with-booleans]=\"form.controls.placeBooleansInActions.value\">\n                <button mat-icon-button><mat-icon>search</mat-icon></button>\n                <button mat-icon-button><mat-icon>tune</mat-icon></button>\n                <div class=\"mock-pill\" *ngIf=\"form.controls.placeBooleansInActions.value\"\n                  [class.compact]=\"!form.controls.showToggleLabels.value\">\n                  <mat-slide-toggle [checked]=\"true\"></mat-slide-toggle>\n                  <span *ngIf=\"form.controls.showToggleLabels.value\">Ativo</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <mat-checkbox formControlName=\"placeBooleansInActions\">\n          <mat-icon>swap_horiz</mat-icon>\n          Posicionar booleanos na \u00E1rea de a\u00E7\u00F5es\n        </mat-checkbox>\n        <p class=\"field-hint\">Move os booleanos da grade para os bot\u00F5es de a\u00E7\u00E3o, liberando espa\u00E7o horizontal.</p>\n        <mat-checkbox formControlName=\"showToggleLabels\">\n          <mat-icon>text_fields</mat-icon>\n          Mostrar texto nos booleanos inline\n        </mat-checkbox>\n        <p class=\"field-hint\">Quando desativado, os booleanos ficam em modo compacto (somente controle, sem texto).</p>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Op\u00E7\u00F5es\">\n      <div class=\"options\">\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Painel Avan\u00E7ado</h4>\n          <p class=\"section-help\">Apar\u00EAncia e comportamento do painel de filtros avan\u00E7ados.</p>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Modo de abertura do Avan\u00E7ado</mat-label>\n          <mat-select formControlName=\"advancedOpenMode\">\n            <mat-option value=\"modal\">Modal (padr\u00E3o)</mat-option>\n            <mat-option value=\"drawer\">Drawer (direita)</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Escolha como o painel de filtros avan\u00E7ados ser\u00E1 exibido: centralizado ou lateral.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n        <mat-checkbox formControlName=\"advancedClearButtonsEnabled\">\n          Mostrar bot\u00E3o de limpar nos campos\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Desative para ocultar o bot\u00E3o de limpar nos campos do painel avan\u00E7ado.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineSearchableSelectVariant\">\n          Compactar selects com busca/async/autocomplete na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico. Desative apenas quando o host precisar preservar o renderer dedicado por compatibilidade, performance ou comportamento legado. O lookup de entidade inline \u00E9 configurado por controlType expl\u00EDcito (`filter-entity-lookup-inline`).\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineRangeVariant\">\n          Compactar range slider na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Usa o componente inline em formato chip + popover para rangeSlider (single e faixa).\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineDateVariant\">\n          Compactar campos de data na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Usa o componente inline dedicado para date/dateInput/datepicker, com largura por conte\u00FAdo e placeholder compacto.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineDateRangeVariant\">\n          Compactar intervalo de datas na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para dateRange/daterange. Desative apenas para preservar o renderer tradicional em hosts legados.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTimeVariant\">\n          Compactar campos de horario na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para time/timePicker, com largura por conteudo e clear rapido. Desative apenas para manter a experi\u00EAncia legada.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTimeRangeVariant\">\n          Compactar intervalo de horario na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para timeRange/timerange. Desative apenas para preservar o renderer tradicional em hosts legados.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTreeSelectVariant\">\n          Compactar tree select na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para treeSelect na faixa compacta. Desative apenas quando o host depender do renderer dedicado. multiSelectTree mant\u00E9m o componente dedicado.\n        </p>\n\n        <mat-checkbox formControlName=\"confirmTagDelete\">Confirmar exclus\u00E3o de atalho</mat-checkbox>\n        <p class=\"field-hint\">Solicita confirma\u00E7\u00E3o antes de apagar atalhos salvos.</p>\n\n        <div class=\"options\">\n          <h4>Tema dos Atalhos (Tags)</h4>\n\n          <!-- Preview Section -->\n          <div class=\"preview-section\" [class.mdc-theme-dark]=\"previewDarkMode\" [class.dark-mode]=\"previewDarkMode\">\n            <div class=\"preview-controls\">\n              <span class=\"preview-label\">Pr\u00E9-visualiza\u00E7\u00E3o</span>\n              <button mat-icon-button (click)=\"previewDarkMode = !previewDarkMode\"\n                [matTooltip]=\"previewDarkMode ? 'Mudar para fundo claro' : 'Mudar para fundo escuro'\">\n                <mat-icon>{{ previewDarkMode ? 'light_mode' : 'dark_mode' }}</mat-icon>\n              </button>\n            </div>\n\n            <div class=\"preview-chips praxis-filter-tags\"\n              [class.outlined]=\"form.controls.tagVariant.value === 'outlined'\">\n              <mat-chip-set>\n                <!-- Inactive Chip -->\n                <mat-chip\n                  [color]=\"form.controls.tagVariant.value === 'outlined' ? null : (form.controls.tagColor.value === 'basic' ? null : form.controls.tagColor.value)\"\n                  [highlighted]=\"form.controls.tagVariant.value === 'filled' && form.controls.tagColor.value !== 'basic'\">\n                  Atalho Inativo\n                </mat-chip>\n\n                <!-- Active Chip -->\n                <mat-chip class=\"active\" [color]=\"form.controls.tagVariant.value === 'outlined' ? null : 'accent'\"\n                  [highlighted]=\"form.controls.tagVariant.value === 'filled'\">\n                  <mat-icon matChipAvatar>check</mat-icon>\n                  Atalho Ativo\n                  <button matChipTrailingIcon mat-icon-button\n                    [color]=\"form.controls.tagButtonColor.value === 'basic' ? null : form.controls.tagButtonColor.value\">\n                    <mat-icon>arrow_drop_down</mat-icon>\n                  </button>\n                </mat-chip>\n              </mat-chip-set>\n            </div>\n\n            <div class=\"contrast-warning\" *ngIf=\"getContrastWarning() as warning\">\n              <mat-icon>warning</mat-icon>\n              <span>{{ warning }}</span>\n            </div>\n          </div>\n\n          <!-- Reordered Fields -->\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Variante do atalho</mat-label>\n          <mat-select formControlName=\"tagVariant\">\n            <mat-option value=\"filled\">Filled (Preenchido)</mat-option>\n            <mat-option value=\"outlined\">Outlined (Contorno)</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Define o estilo base do atalho.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor do atalho</mat-label>\n          <mat-select formControlName=\"tagColor\">\n            <mat-option value=\"primary\">Primary</mat-option>\n            <mat-option value=\"accent\">Accent</mat-option>\n            <mat-option value=\"warn\">Warn</mat-option>\n            <mat-option value=\"basic\">Basic</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Cor de fundo (Filled) ou de contorno (Outlined).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor do bot\u00E3o do menu do atalho</mat-label>\n          <mat-select formControlName=\"tagButtonColor\">\n            <mat-option value=\"basic\">Basic</mat-option>\n            <mat-option value=\"primary\">Primary</mat-option>\n            <mat-option value=\"accent\">Accent</mat-option>\n            <mat-option value=\"warn\">Warn</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Cor do bot\u00E3o de dropdown dentro do atalho ativo.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n        </div>\n\n        <div class=\"options\">\n          <h4>Tema dos bot\u00F5es de a\u00E7\u00E3o</h4>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor dos bot\u00F5es</mat-label>\n            <mat-select formControlName=\"actionsButtonColor\">\n              <mat-option value=\"basic\">Basic</mat-option>\n              <mat-option value=\"primary\">Primary</mat-option>\n              <mat-option value=\"accent\">Accent</mat-option>\n              <mat-option value=\"warn\">Warn</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Variante dos bot\u00F5es</mat-label>\n            <mat-select formControlName=\"actionsVariant\">\n              <mat-option value=\"standard\">Standard</mat-option>\n              <mat-option value=\"outlined\">Outlined</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n\n        <div class=\"options\">\n          <h4>Predefini\u00E7\u00F5es de tema</h4>\n          <div class=\"preset-grid\">\n            <button\n              type=\"button\"\n              class=\"preset-card\"\n              *ngFor=\"let p of presets\"\n              (click)=\"applyPreset(p.key)\"\n              [attr.aria-label]=\"'Aplicar predefini\u00E7\u00E3o: ' + p.label\"\n            >\n              <div class=\"preset-preview\" [ngClass]=\"p.previewClass\"></div>\n              <div class=\"preset-info\">\n                <span class=\"preset-name\">{{ p.label }}</span>\n                <span class=\"preset-desc\">{{ p.description }}</span>\n              </div>\n            </button>\n          </div>\n          <button mat-button color=\"warn\" (click)=\"resetPreferences()\" class=\"restore-btn\">\n            Restaurar padr\u00E3o\n          </button>\n        </div>\n      </div>\n    </mat-tab>\n    @if (configKey) {\n    <mat-tab label=\"Atalhos\">\n      <div class=\"options\">\n        <p class=\"section-help\">Os atalhos s\u00E3o salvos por chave de configura\u00E7\u00E3o e compartilhados entre sess\u00F5es.</p>\n        <div class=\"tags-header\">\n          <span><strong>Atalhos salvos</strong></span>\n          <span class=\"spacer\"></span>\n          <button mat-stroked-button color=\"warn\" (click)=\"clearTags()\">Apagar tudo</button>\n        </div>\n        <div class=\"new-tag\">\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>R\u00F3tulo do novo atalho</mat-label>\n            <input matInput [(ngModel)]=\"newTagLabel\" [ngModelOptions]=\"{standalone: true}\" />\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>Patch (JSON, opcional)</mat-label>\n            <textarea matInput rows=\"3\" [(ngModel)]=\"newTagPatchText\" [ngModelOptions]=\"{standalone: true}\"></textarea>\n          </mat-form-field>\n          <div>\n            <button mat-stroked-button color=\"primary\" (click)=\"addTag()\">Adicionar</button>\n            @if (hasCurrentDto()) {\n            <button mat-stroked-button (click)=\"addTagFromCurrent()\">Adicionar a partir dos filtros atuais</button>\n            }\n          </div>\n          <div>\n            <button mat-stroked-button color=\"primary\" (click)=\"importTags()\">Importar</button>\n            <button mat-stroked-button (click)=\"loadTags()\">Recarregar</button>\n            <button mat-stroked-button (click)=\"saveTags()\">Salvar</button>\n          </div>\n        </div>\n      </div>\n    </mat-tab>\n    }\n    <mat-tab label=\"JSON\">\n      <div class=\"options\">\n        <p><strong>Configura\u00E7\u00E3o atual (somente leitura)</strong></p>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Atual</mat-label>\n          <textarea matInput rows=\"8\" [value]=\"effectiveJson\" readonly></textarea>\n        </mat-form-field>\n\n        <p><strong>Editar JSON</strong></p>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>JSON</mat-label>\n          <textarea matInput rows=\"12\" [(ngModel)]=\"settingsJsonText\" [ngModelOptions]=\"{standalone: true}\"></textarea>\n        </mat-form-field>\n        <div class=\"actions\">\n          <button mat-stroked-button (click)=\"onJsonReload()\">Recarregar do formul\u00E1rio</button>\n          <button mat-stroked-button (click)=\"onJsonFormat()\">Formatar</button>\n          <button mat-stroked-button color=\"primary\" (click)=\"onJsonApply()\">Carregar JSON no formul\u00E1rio</button>\n        </div>\n        <p class=\"json-tip\">\n          Dica: esta a\u00E7\u00E3o apenas atualiza o editor local. Para persistir, use os bot\u00F5es Aplicar ou\n          Salvar &amp; Fechar no rodap\u00E9 do painel.\n        </p>\n        <p *ngIf=\"jsonErrorMsg\" class=\"json-error\" role=\"status\" aria-live=\"polite\">{{ jsonErrorMsg }}</p>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Comportamento\">\n      <div class=\"options\">\n        <mat-checkbox formControlName=\"allowSaveTags\">Permitir salvar atalhos</mat-checkbox>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Avan\u00E7ado\">\n      <div class=\"options\">\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Debounce de altera\u00E7\u00F5es (ms)</mat-label>\n          <input matInput type=\"number\" formControlName=\"changeDebounceMs\" min=\"100\" max=\"1000\" />\n          @if (form.controls.changeDebounceMs.invalid) { <mat-error>Valor deve estar entre 100 e 1000</mat-error> }\n        </mat-form-field>\n        <div class=\"actions\">\n          <button mat-stroked-button color=\"warn\" (click)=\"resetPreferences()\">\n            <mat-icon [praxisIcon]=\"'restart_alt'\"></mat-icon>\n            Redefinir prefer\u00EAncias do filtro\n          </button>\n          <button mat-stroked-button color=\"accent\" (click)=\"clearPersistedFilters()\">\n            <mat-icon [praxisIcon]=\"'clear_all'\"></mat-icon>\n            Limpar filtros salvos\n          </button>\n          <button mat-stroked-button (click)=\"forceSchemaReload()\">\n            <mat-icon [praxisIcon]=\"'refresh'\"></mat-icon>\n            For\u00E7ar recarregamento do schema\n          </button>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>N\u00EDvel de log</mat-label>\n          <mat-select formControlName=\"logLevel\">\n            <mat-option value=\"none\">Nenhum</mat-option>\n            <mat-option value=\"error\">Erro</mat-option>\n            <mat-option value=\"warn\">Aviso</mat-option>\n            <mat-option value=\"info\">Info</mat-option>\n            <mat-option value=\"debug\">Debug</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Persistido no contrato para integra\u00E7\u00E3o host. Sem efeito direto no runtime atual do filtro.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n        <mat-checkbox formControlName=\"enablePerformanceMetrics\">Habilitar m\u00E9tricas de performance</mat-checkbox>\n        <p class=\"field-hint\">Prefer\u00EAncia persistida para integra\u00E7\u00E3o host. Sem efeito direto no runtime atual do filtro.</p>\n      </div>\n    </mat-tab>\n  </mat-tab-group>\n</form>\n", styles: [":host{display:block;min-width:0}.full-width{width:100%}.always-visible-tab-flow{display:flex;flex-direction:column;gap:4px}.always-visible-context{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.always-visible-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface-container-low)}.always-visible-summary-item{display:flex;align-items:baseline;gap:6px;min-width:0}.summary-value{font-size:1rem;font-weight:700;color:var(--md-sys-color-primary)}.summary-label{font-size:.8rem;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.always-visible-quick-nav{display:flex;flex-wrap:wrap;gap:6px}.always-visible-quick-nav button{min-height:30px;font-size:.76rem;padding-inline:10px;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.always-visible-quick-nav button.quick-nav-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 50%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 34%,var(--md-sys-color-surface-container-low));color:var(--md-sys-color-primary)}.always-visible-section-anchor{scroll-margin-top:140px;opacity:0;transform:translateY(8px);animation:always-visible-section-enter .22s cubic-bezier(.2,0,0,1) forwards;animation-delay:var(--section-enter-delay, 0ms)}.always-visible-section-anchor.section-active,.always-visible-section-anchor.section-active .options-advanced-json{box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 40%,transparent)}.always-visible-section-anchor:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}@keyframes always-visible-section-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.options{display:flex;flex-direction:column;gap:.75rem;padding:12px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container)}.options .options{padding:0;border:0;border-radius:0;background:transparent}.options-compact-flow{gap:8px;padding-top:10px;padding-bottom:10px}.section-divider{margin:2px;border-top-style:dashed;border-top-color:var(--md-sys-color-outline-variant);opacity:.28}.options-advanced-json{display:block;padding:0;overflow:hidden}:host ::ng-deep .options-advanced-json .mat-expansion-panel-header{padding:0 12px;min-height:52px}:host ::ng-deep .options-advanced-json .mat-expansion-panel-body{padding:0 12px 12px}.options-header{display:flex;flex-direction:column;gap:6px}.section-title{margin:0;font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.section-help{margin:0;font-size:.85rem;color:var(--md-sys-color-on-surface);opacity:.84}.field-hint{margin:-4px 0 0;font-size:.8rem;color:var(--md-sys-color-on-surface);opacity:.78}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.order-layout-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.order-viewport-toggle-group{max-width:100%}.order-viewport-caption{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);font-size:.75rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.order-layout-viewport{width:100%;display:flex;justify-content:center;padding:10px;border-radius:14px;border:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 74%,transparent)}.order-layout-frame{width:100%;transition:max-width .18s ease}.order-layout-frame[data-viewport=tablet] .order-lane-canvas{gap:7px}.order-layout-frame[data-viewport=mobile] .order-lane-canvas{gap:6px;padding:7px}.order-layout-frame[data-viewport=mobile] .order-pill{width:100%;max-width:100%;border-radius:12px}.order-layout-composer{display:flex;flex-direction:column;gap:9px}.order-lane{display:flex;flex-direction:column;gap:6px}.order-lane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-lane-title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.order-lane-title{margin:0;font-size:.85rem;font-weight:600;color:var(--md-sys-color-on-surface)}.order-lane-help{margin:0;font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.order-lane-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:600;padding:0 8px}.order-lane-canvas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:56px;padding:8px;border:1px dashed var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-low)}.order-lane-canvas.cdk-drop-list-dragging{border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,var(--md-sys-color-outline-variant))}.order-lane[data-lane=actions] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 28%,var(--md-sys-color-surface-container-low))}.order-lane[data-lane=inline] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-primary-container) 22%,var(--md-sys-color-surface-container-low))}.order-lane[data-lane=grid] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 18%,var(--md-sys-color-surface-container-low))}.order-lane-canvas.is-empty{justify-content:flex-start}.order-pill{display:inline-flex;align-items:center;gap:8px;max-width:min(100%,520px);min-height:38px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:4px 8px;box-sizing:border-box;cursor:grab;font:inherit;text-align:left}.order-pill:hover{border-color:var(--md-sys-color-outline)}.order-pill:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.order-pill mat-icon{opacity:.75}.order-pill-label{min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:500}.order-pill-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.order-pill-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface-variant);font-size:.7rem;font-weight:600;padding:1px 7px;white-space:nowrap}.order-pill-chip-width{font-weight:500;opacity:.86}.order-pill-chip-override{border-color:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary)}.order-lane-empty{margin:0;font-size:.78rem;color:var(--md-sys-color-on-surface-variant)}.order-pill.cdk-drag-preview{box-shadow:var(--md-sys-elevation-level2)}.order-pill.cdk-drag-placeholder{opacity:.45}.layout-preview-section{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface-container-low);min-width:0}.layout-preview-title{margin:0;font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.layout-preview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;min-width:0}.layout-preview-card{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);min-width:0}.layout-preview-header{display:flex;flex-direction:column;gap:2px}.layout-preview-header strong{font-size:.85rem;color:var(--md-sys-color-on-surface)}.layout-preview-header span{font-size:.78rem;color:var(--md-sys-color-on-surface-variant)}.layout-mini-grid{display:grid;gap:6px;min-width:0}.layout-mini-grid span{display:block;min-width:0;padding:6px 8px;border-radius:6px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:.75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-header{display:flex;align-items:center;gap:8px}.spacer{flex:1 1 auto}.new-tag{display:flex;flex-direction:column;gap:8px}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.option-with-preview{display:flex;align-items:center;gap:8px}.preview-card{width:20px;height:20px;background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.preview-frosted{width:20px;height:20px;background:var(--md-sys-color-surface-container);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.toggle-preview-section{margin-bottom:1.5rem;padding:1rem;background:var(--md-sys-color-surface-container-low);border-radius:8px;border:1px solid var(--md-sys-color-outline-variant)}.toggle-preview-section h4{margin:0 0 1rem;font-size:1.1rem;color:var(--md-sys-color-on-surface)}.preview-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.preview-item{text-align:center}.preview-item strong{display:block;margin-bottom:.5rem;font-weight:500}.mock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;padding:8px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:8px;min-height:72px}.mock-grid.with-booleans{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-field{padding:4px 8px;background:var(--md-sys-color-primary-container);border-radius:6px;font-size:.8rem;text-align:center}.mock-actions{display:flex;align-items:center;gap:8px;padding:8px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:8px;min-height:48px}.mock-actions button{width:34px;height:34px}.mock-pill{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-size:.82rem;justify-self:start}.mock-pill.compact{padding-inline:8px;gap:0}.mock-pill mat-slide-toggle{--mdc-switch-selected-track-color: var(--md-sys-color-primary);--mdc-switch-selected-handle-color: var(--md-sys-color-on-primary);transform:scale(.8);pointer-events:none}.mock-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.preview-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;margin-bottom:16px;box-shadow:var(--md-sys-elevation-level1);transition:background-color .3s,color .3s}.preview-section.dark-mode{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline-variant)}.preview-section.dark-mode .preview-label{color:var(--md-sys-color-on-surface-variant)}.preview-controls{display:flex;justify-content:space-between;align-items:center}.preview-label{font-weight:500;font-size:.9rem;color:var(--md-sys-color-on-surface-variant)}.preview-chips{display:flex;justify-content:center;padding:16px 0}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-color: var(--md-sys-color-primary) !important;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=primary] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=accent] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=warn] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags .mat-mdc-standard-chip .mdc-evolution-chip__text-label{display:flex;align-items:center;gap:4px}.contrast-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:4px;font-size:.85rem}.contrast-warning mat-icon{font-size:20px;width:20px;height:20px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:12px}.preset-card{display:flex;width:100%;flex-direction:column;gap:8px;padding:12px;text-align:left;font:inherit;color:inherit;background:transparent;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;cursor:pointer;transition:all .2s}.preset-card:hover{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline)}.preset-card:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.preset-preview{height:24px;border-radius:4px;background:var(--md-sys-color-surface-variant)}.preset-preview.preview-minimal{background:transparent;border:1px solid var(--md-sys-color-outline)}.preset-preview.preview-primary{background:var(--md-sys-color-primary-container)}.preset-preview.preview-accent{background:var(--md-sys-color-tertiary-container)}.preset-preview.preview-warn{background:var(--md-sys-color-error-container)}.preset-info{display:flex;flex-direction:column}.preset-name{font-weight:500;font-size:.9rem}.preset-desc{font-size:.75rem;opacity:.7}.restore-btn{align-self:flex-start}.metadata-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.metadata-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.metadata-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.metadata-card-title{display:flex;flex-direction:column;min-width:0}.metadata-card-title strong{font-size:.92rem;color:var(--md-sys-color-on-surface)}.metadata-card-title span{font-size:.78rem;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metadata-card-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.metadata-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-size:.78rem;font-weight:500;padding:2px 8px;white-space:nowrap}.metadata-chip-override{border-color:color-mix(in srgb,var(--md-sys-color-primary) 40%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 38%,var(--md-sys-color-surface-container))}.metadata-card-summary{margin:0;font-size:.8rem;color:var(--md-sys-color-on-surface-variant)}.metadata-card-actions{display:flex;flex-wrap:wrap;gap:6px}.metadata-card-actions button{display:inline-flex;align-items:center;gap:4px}.metadata-card-actions button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:1px}:host ::ng-deep .metadata-card-actions button[disabled]{opacity:.62}.json-tip{margin:6px 0 0;font-size:.85rem;color:var(--md-sys-color-on-surface-variant)}.json-error{margin-top:6px;font-size:.85rem;color:var(--md-sys-color-error)}@media(prefers-reduced-motion:reduce){.always-visible-section-anchor{animation:none;opacity:1;transform:none}.always-visible-quick-nav button{transition:none}}@media(max-width:680px){.order-layout-toolbar{flex-direction:column;align-items:stretch}.order-viewport-caption{align-self:flex-start}.order-layout-viewport{padding:8px}.always-visible-context{position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.always-visible-summary{grid-template-columns:1fr}.always-visible-quick-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.order-pill{width:100%;max-width:100%}.order-pill-label{max-width:none}.order-pill-badges{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i10$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i15$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i15$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i12.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i12.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i12.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i12.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i15.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i15.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i15.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i15.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: PraxisNumberWheelBlurDirective, selector: "input[type=number][praxisNumberWheelBlur]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterSettingsComponent, isStandalone: true, selector: "filter-settings", inputs: { metadata: "metadata", metadataSource: "metadataSource", metadataLoading: "metadataLoading", metadataErrorMsg: "metadataErrorMsg", settings: "settings", configKey: "configKey" }, outputs: { settingsChange: "settingsChange" }, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n  <mat-tab-group (selectedTabChange)=\"onTabChange($event)\">\n    <mat-tab label=\"Sempre Vis\u00EDveis\">\n      <div class=\"always-visible-tab-flow\">\n      <mat-form-field appearance=\"outline\" class=\"full-width\">\n        <mat-label>Campos sempre vis\u00EDveis</mat-label>\n        <mat-select\n          formControlName=\"alwaysVisibleFields\"\n          multiple\n        >\n          <mat-option\n            [value]=\"meta.name\"\n            *ngFor=\"let meta of filteredAlwaysVisibleMetadata(); trackBy: trackFieldMetadataByName\"\n          >\n            {{ meta.label || meta.name }}\n          </mat-option>\n        </mat-select>\n        <mat-hint *ngIf=\"metadataLoading && metadataSource === 'filter-dto'\">\n          Carregando campos do DTO de filtro...\n        </mat-hint>\n        <mat-error *ngIf=\"metadataErrorMsg\">{{ metadataErrorMsg }}</mat-error>\n        <mat-hint\n          *ngIf=\"!metadataLoading && !metadataErrorMsg && !metadata.length && metadataSource === 'filter-dto'\"\n        >\n          Nenhum campo do DTO de filtro dispon\u00EDvel para este recurso.\n        </mat-hint>\n        <mat-hint\n          *ngIf=\"!metadataLoading && !metadataErrorMsg && metadata.length && !hasAlwaysVisibleMetadataResults() && alwaysVisibleFieldSearchText\"\n        >\n          Nenhum campo encontrado para \"{{ alwaysVisibleFieldSearchText }}\".\n        </mat-hint>\n        <button\n          mat-icon-button\n          matSuffix\n          type=\"button\"\n          class=\"help-icon-button\"\n          matTooltip=\"Escolha os campos que aparecem sempre na barra de filtros.\"\n        >\n          <mat-icon>help_outline</mat-icon>\n        </button>\n      </mat-form-field>\n\n      <mat-form-field appearance=\"outline\" class=\"full-width\">\n        <mat-label>Buscar campo</mat-label>\n        <input\n          matInput\n          [ngModel]=\"alwaysVisibleFieldSearchText\"\n          (ngModelChange)=\"onAlwaysVisibleFieldSearchChange($event)\"\n          [ngModelOptions]=\"{standalone: true}\"\n          placeholder=\"Filtrar por nome ou label\"\n        />\n        <button\n          mat-icon-button\n          matSuffix\n          type=\"button\"\n          *ngIf=\"alwaysVisibleFieldSearchText\"\n          (click)=\"clearAlwaysVisibleFieldSearch()\"\n          aria-label=\"Limpar busca de campo\"\n        >\n          <mat-icon [praxisIcon]=\"'close'\"></mat-icon>\n        </button>\n      </mat-form-field>\n      <p class=\"field-hint\">\n        {{ alwaysVisibleSelectionCount() }} campo(s) selecionado(s).\n      </p>\n      <div class=\"always-visible-context\">\n        <div class=\"always-visible-summary\" role=\"status\" aria-live=\"polite\">\n          <div class=\"always-visible-summary-item\">\n            <span class=\"summary-value\">{{ alwaysVisibleSelectionCount() }}</span>\n            <span class=\"summary-label\">campos fixos</span>\n          </div>\n          <div class=\"always-visible-summary-item\">\n            <span class=\"summary-value\">{{ activeAlwaysVisibleOverrideCount() }}</span>\n            <span class=\"summary-label\">overrides ativos</span>\n          </div>\n        </div>\n        <nav\n          class=\"always-visible-quick-nav\"\n          aria-label=\"Navega\u00E7\u00E3o r\u00E1pida da se\u00E7\u00E3o Sempre Vis\u00EDveis\"\n        >\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-order')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-order') ? 'location' : null\"\n            aria-controls=\"always-visible-order\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-order')\"\n          >\n            Ordem\n          </button>\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-metadata')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-metadata') ? 'location' : null\"\n            aria-controls=\"always-visible-metadata\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-metadata')\"\n          >\n            Metadados\n          </button>\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-json')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-json') ? 'location' : null\"\n            aria-controls=\"always-visible-json\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-json')\"\n          >\n            JSON\n          </button>\n        </nav>\n      </div>\n\n      <div\n        id=\"always-visible-order\"\n        class=\"options options-compact-flow always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-order')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-order')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-order')\"\n      >\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Ordem dos campos</h4>\n          <p class=\"section-help\">\n            Reordene no formato mais pr\u00F3ximo da toolbar real: faixa de a\u00E7\u00F5es, barra inline e grid.\n          </p>\n        </div>\n        <div class=\"order-layout-toolbar\">\n          <mat-button-toggle-group\n            class=\"order-viewport-toggle-group\"\n            [value]=\"orderPreviewViewport\"\n            (change)=\"onAlwaysVisibleViewportChange($event.value)\"\n            aria-label=\"Largura simulada da toolbar\"\n          >\n            <mat-button-toggle\n              *ngFor=\"let viewport of alwaysVisibleViewports\"\n              [value]=\"viewport\"\n              [attr.aria-label]=\"alwaysVisibleViewportHint(viewport)\"\n            >\n              {{ alwaysVisibleViewportLabel(viewport) }}\n            </mat-button-toggle>\n          </mat-button-toggle-group>\n          <span class=\"order-viewport-caption\">\n            {{ alwaysVisibleViewportWidth() }}px\n          </span>\n        </div>\n        <p class=\"section-help\">\n          Ajuste o viewport para simular a quebra real das linhas na toolbar.\n        </p>\n        <div class=\"order-layout-viewport\">\n          <div\n            class=\"order-layout-frame\"\n            [attr.data-viewport]=\"orderPreviewViewport\"\n            [style.maxWidth.px]=\"alwaysVisibleViewportWidth()\"\n          >\n            <div class=\"order-layout-composer\" cdkDropListGroup>\n              <section\n                class=\"order-lane\"\n                *ngFor=\"let lane of alwaysVisibleLayoutLanes\"\n                [attr.data-lane]=\"lane\"\n              >\n                <ng-container *ngIf=\"alwaysVisibleLaneItems(lane) as laneItems\">\n                  <header class=\"order-lane-header\">\n                    <div class=\"order-lane-title-block\">\n                      <h5 class=\"order-lane-title\">{{ alwaysVisibleLaneLabel(lane) }}</h5>\n                      <p class=\"order-lane-help\">{{ alwaysVisibleLaneHint(lane) }}</p>\n                    </div>\n                    <span class=\"order-lane-count\">{{ laneItems.length }}</span>\n                  </header>\n                  <div\n                    cdkDropList\n                    class=\"order-lane-canvas\"\n                    [id]=\"alwaysVisibleLaneDropListId(lane)\"\n                    [class.is-empty]=\"!laneItems.length\"\n                    [cdkDropListData]=\"laneItems\"\n                    [cdkDropListEnterPredicate]=\"allowAlwaysVisibleLaneEnter\"\n                    cdkDropListOrientation=\"horizontal\"\n                    [attr.aria-label]=\"'Faixa ' + alwaysVisibleLaneLabel(lane)\"\n                    (cdkDropListDropped)=\"dropAlwaysVisibleLane(lane, $event)\"\n                  >\n                    <button\n                      type=\"button\"\n                      class=\"order-pill\"\n                      *ngFor=\"let item of laneItems; let i = index; trackBy: trackAlwaysVisibleLayoutItemByName\"\n                      cdkDrag\n                      [cdkDragData]=\"item\"\n                      [attr.aria-label]=\"alwaysVisibleLayoutItemAriaLabel(item, lane, i, laneItems.length)\"\n                      (keydown)=\"onAlwaysVisibleLaneItemKeydown($event, lane, item.name)\"\n                    >\n                      <mat-icon [praxisIcon]=\"'drag_indicator'\" cdkDragHandle></mat-icon>\n                      <span class=\"order-pill-label\">{{ item.label }}</span>\n                      <span class=\"order-pill-badges\">\n                        <span class=\"order-pill-chip\">{{ item.controlTypeLabel }}</span>\n                        <span class=\"order-pill-chip order-pill-chip-width\">{{ item.widthHint }}</span>\n                        <span class=\"order-pill-chip order-pill-chip-override\" *ngIf=\"item.hasOverride\">\n                          Override\n                        </span>\n                      </span>\n                    </button>\n                    <p class=\"order-lane-empty\" *ngIf=\"!laneItems.length\">\n                      {{ alwaysVisibleLaneEmptyHint(lane) }}\n                    </p>\n                  </div>\n                </ng-container>\n              </section>\n            </div>\n          </div>\n        </div>\n        <p class=\"field-hint\">\n          Acessibilidade: use Alt/Ctrl + setas para reordenar dentro de cada faixa. O drag & drop n\u00E3o mistura faixas.\n        </p>\n        <p class=\"section-help\" *ngIf=\"!form.controls.alwaysVisibleFields.value?.length\">\n          Nenhum campo selecionado. Use o seletor acima para adicionar.\n        </p>\n      </div>\n\n      <mat-divider class=\"section-divider\" role=\"presentation\"></mat-divider>\n\n      <div\n        id=\"always-visible-metadata\"\n        class=\"options options-compact-flow always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-metadata')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-metadata')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-metadata')\"\n      >\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Editor visual de metadados</h4>\n          <p class=\"section-help\">\n            Edite os principais ajustes dos campos sempre vis\u00EDveis no fluxo visual. Para propriedades avan\u00E7adas, use o JSON abaixo.\n          </p>\n        </div>\n        <p class=\"section-help\" *ngIf=\"!form.controls.alwaysVisibleFields.value?.length\">\n          Selecione campos em \u201CCampos sempre vis\u00EDveis\u201D para habilitar a edi\u00E7\u00E3o visual.\n        </p>\n        <div class=\"metadata-card-grid\" *ngIf=\"form.controls.alwaysVisibleFields.value?.length\">\n          <article class=\"metadata-card\" *ngFor=\"let name of form.controls.alwaysVisibleFields.value\">\n            <header class=\"metadata-card-header\">\n              <div class=\"metadata-card-title\">\n                <strong>{{ getFieldLabel(name) }}</strong>\n                <span>{{ name }}</span>\n              </div>\n              <div class=\"metadata-card-badges\">\n                <span class=\"metadata-chip\">{{ getAlwaysVisibleControlTypeLabel(name) }}</span>\n                <span class=\"metadata-chip metadata-chip-override\" *ngIf=\"hasAlwaysVisibleOverride(name)\">\n                  Override ativo\n                </span>\n              </div>\n            </header>\n            <p class=\"metadata-card-summary\">{{ getAlwaysVisibleOverridePreview(name) }}</p>\n            <div class=\"metadata-card-actions\">\n              <button mat-stroked-button type=\"button\" (click)=\"openAlwaysVisibleMetadataEditor(name)\">\n                <mat-icon [praxisIcon]=\"'tune'\"></mat-icon>\n                Editar campo\n              </button>\n              <button\n                mat-button\n                type=\"button\"\n                color=\"warn\"\n                (click)=\"clearAlwaysVisibleOverride(name)\"\n                [disabled]=\"!hasAlwaysVisibleOverride(name)\"\n              >\n                Limpar override\n              </button>\n            </div>\n          </article>\n        </div>\n      </div>\n\n      <mat-divider class=\"section-divider\" role=\"presentation\"></mat-divider>\n\n      <div\n        id=\"always-visible-json\"\n        class=\"always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-json')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-json')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-json')\"\n      >\n        <mat-expansion-panel\n          class=\"options options-compact-flow options-advanced-json\"\n          [expanded]=\"!!alwaysVisibleOverridesErrorMsg\"\n        >\n          <mat-expansion-panel-header>\n            <mat-panel-title>Avan\u00E7ado (JSON opcional)</mat-panel-title>\n            <mat-panel-description>Para ajustes n\u00E3o expostos no editor visual</mat-panel-description>\n          </mat-expansion-panel-header>\n          <div class=\"options-header\">\n            <h4 class=\"section-title\">Modo avan\u00E7ado (JSON)</h4>\n            <p class=\"section-help\">\n              Use JSON para ajustes em lote ou propriedades ainda n\u00E3o expostas no editor visual.\n            </p>\n          </div>\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>alwaysVisibleFieldMetadataOverrides (JSON)</mat-label>\n            <textarea\n              matInput\n              rows=\"8\"\n              [(ngModel)]=\"alwaysVisibleOverridesJsonText\"\n              [ngModelOptions]=\"{standalone: true}\"\n            ></textarea>\n          </mat-form-field>\n          <div class=\"actions\">\n            <button mat-stroked-button type=\"button\" (click)=\"formatAlwaysVisibleOverridesJson()\">Formatar</button>\n            <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"applyAlwaysVisibleOverridesJson()\">\n              Validar e carregar no editor\n            </button>\n          </div>\n          <p class=\"json-tip\">\n            Esta a\u00E7\u00E3o n\u00E3o persiste a configura\u00E7\u00E3o. Para persistir, use \u201CSalvar &amp; Fechar\u201D no rodap\u00E9.\n          </p>\n          <p class=\"json-tip\">\n            Exemplo:\n            &#123;\"status\":&#123;\"controlType\":\"inlineSelect\",\"clearButton\":&#123;\"enabled\":true&#125;,\"inlineAutoSize\":&#123;\"minWidth\":140,\"maxWidth\":280&#125;&#125;&#125;\n          </p>\n          <p *ngIf=\"alwaysVisibleOverridesErrorMsg\" class=\"json-error\" role=\"status\" aria-live=\"polite\">{{ alwaysVisibleOverridesErrorMsg }}</p>\n        </mat-expansion-panel>\n      </div>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Layout\">\n      <div class=\"options\">\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Grid e responsividade</h4>\n          <p class=\"section-help\">\n            Ajuste largura m\u00EDnima e n\u00FAmero de colunas por breakpoint. Em telas menores que 600px, o layout usa 1 coluna.\n          </p>\n        </div>\n        <div class=\"layout-preview-section\" aria-live=\"polite\">\n          <h5 class=\"layout-preview-title\">Pr\u00E9-visualiza\u00E7\u00E3o do grid</h5>\n          <p class=\"section-help\">\n            Simula\u00E7\u00E3o com {{ layoutPreviewFields.length }} campos e largura m\u00EDnima de {{ layoutMinWidth() }}px por campo.\n          </p>\n          <div class=\"layout-preview-cards\">\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Mobile</strong>\n                <span>&lt;600px \u00B7 {{ layoutColsFor('sm') }} coluna</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('sm') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Tablet</strong>\n                <span>&ge;600px \u00B7 {{ layoutColsFor('md') }} colunas</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('md') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Desktop</strong>\n                <span>&ge;960px \u00B7 {{ layoutColsFor('lg') }} colunas</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('lg') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n          </div>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Largura m\u00EDnima por campo (px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysMinWidth\"\n            min=\"180\"\n            max=\"480\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysMinWidth')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre largura m\u00EDnima por campo\"\n            matTooltip=\"Define a largura m\u00EDnima de cada campo no grid. Recomendado entre 200 e 300px.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Intervalo permitido: 180 a 480px.</mat-hint>\n          <mat-hint align=\"end\">Recomendado: 200 a 300px.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysMinWidth') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Colunas em tablet (&ge;600px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysColsMd\"\n            min=\"1\"\n            max=\"3\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysColsMd')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre colunas em tablet\"\n            matTooltip=\"Define quantas colunas aparecem em telas m\u00E9dias (a partir de 600px).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Mobile (&lt;600px) usa 1 coluna.</mat-hint>\n          <mat-hint align=\"end\">Intervalo: 1 a 3 colunas.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysColsMd') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Colunas em desktop (&ge;960px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysColsLg\"\n            min=\"1\"\n            max=\"4\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysColsLg')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre colunas em desktop\"\n            matTooltip=\"Define quantas colunas aparecem em telas grandes (a partir de 960px).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Use mais colunas apenas quando houver espa\u00E7o.</mat-hint>\n          <mat-hint align=\"end\">Intervalo: 1 a 4 colunas.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysColsLg') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Booleanos\">\n      <div class=\"options\">\n        <p class=\"section-help\" *ngIf=\"!hasBooleanFieldMetadata()\">\n          Nenhum campo booleano foi detectado no schema atual. Estas prefer\u00EAncias ser\u00E3o aplicadas quando houver\n          campos `toggle`/boolean no filtro.\n        </p>\n        <div class=\"toggle-preview-section\" *ngIf=\"hasBooleanFieldMetadata()\">\n          <h4>Visualiza\u00E7\u00E3o dos Booleanos</h4>\n          <p class=\"section-help\">Veja o comportamento dos booleanos inline (com texto ou compacto) e a posi\u00E7\u00E3o na barra.</p>\n          <div class=\"preview-container\">\n            <div class=\"preview-item\">\n              <strong>Grade Principal</strong>\n              <div class=\"mock-grid\" [class.with-booleans]=\"!form.controls.placeBooleansInActions.value\">\n                <div class=\"mock-field\">Campo 1</div>\n                <div class=\"mock-field\">Campo 2</div>\n                <div class=\"mock-pill\" *ngIf=\"!form.controls.placeBooleansInActions.value\"\n                  [class.compact]=\"!form.controls.showToggleLabels.value\">\n                  <mat-slide-toggle [checked]=\"true\"></mat-slide-toggle>\n                  <span *ngIf=\"form.controls.showToggleLabels.value\">Ativo</span>\n                </div>\n              </div>\n            </div>\n            <div class=\"preview-item\">\n              <strong>\u00C1rea de A\u00E7\u00F5es</strong>\n              <div class=\"mock-actions\" [class.with-booleans]=\"form.controls.placeBooleansInActions.value\">\n                <button mat-icon-button><mat-icon>search</mat-icon></button>\n                <button mat-icon-button><mat-icon>tune</mat-icon></button>\n                <div class=\"mock-pill\" *ngIf=\"form.controls.placeBooleansInActions.value\"\n                  [class.compact]=\"!form.controls.showToggleLabels.value\">\n                  <mat-slide-toggle [checked]=\"true\"></mat-slide-toggle>\n                  <span *ngIf=\"form.controls.showToggleLabels.value\">Ativo</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <mat-checkbox formControlName=\"placeBooleansInActions\">\n          <mat-icon>swap_horiz</mat-icon>\n          Posicionar booleanos na \u00E1rea de a\u00E7\u00F5es\n        </mat-checkbox>\n        <p class=\"field-hint\">Move os booleanos da grade para os bot\u00F5es de a\u00E7\u00E3o, liberando espa\u00E7o horizontal.</p>\n        <mat-checkbox formControlName=\"showToggleLabels\">\n          <mat-icon>text_fields</mat-icon>\n          Mostrar texto nos booleanos inline\n        </mat-checkbox>\n        <p class=\"field-hint\">Quando desativado, os booleanos ficam em modo compacto (somente controle, sem texto).</p>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Op\u00E7\u00F5es\">\n      <div class=\"options\">\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Painel Avan\u00E7ado</h4>\n          <p class=\"section-help\">Apar\u00EAncia e comportamento do painel de filtros avan\u00E7ados.</p>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Modo de abertura do Avan\u00E7ado</mat-label>\n          <mat-select formControlName=\"advancedOpenMode\">\n            <mat-option value=\"modal\">Modal (padr\u00E3o)</mat-option>\n            <mat-option value=\"drawer\">Drawer (direita)</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Escolha como o painel de filtros avan\u00E7ados ser\u00E1 exibido: centralizado ou lateral.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n        <mat-checkbox formControlName=\"advancedClearButtonsEnabled\">\n          Mostrar bot\u00E3o de limpar nos campos\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Desative para ocultar o bot\u00E3o de limpar nos campos do painel avan\u00E7ado.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineSearchableSelectVariant\">\n          Compactar selects com busca/async/autocomplete na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico. Desative apenas quando o host precisar preservar o renderer dedicado por compatibilidade, performance ou comportamento legado. O lookup de entidade inline \u00E9 configurado por controlType expl\u00EDcito (`inlineEntityLookup`).\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineRangeVariant\">\n          Compactar range slider na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Usa o componente inline em formato chip + popover para rangeSlider (single e faixa).\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineDateVariant\">\n          Compactar campos de data na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Usa o componente inline dedicado para date/dateInput/datepicker, com largura por conte\u00FAdo e placeholder compacto.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineDateRangeVariant\">\n          Compactar intervalo de datas na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para dateRange/daterange. Desative apenas para preservar o renderer tradicional em hosts legados.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTimeVariant\">\n          Compactar campos de horario na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para time/timePicker, com largura por conteudo e clear rapido. Desative apenas para manter a experi\u00EAncia legada.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTimeRangeVariant\">\n          Compactar intervalo de horario na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para timeRange/timerange. Desative apenas para preservar o renderer tradicional em hosts legados.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTreeSelectVariant\">\n          Compactar tree select na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para treeSelect na faixa compacta. Desative apenas quando o host depender do renderer dedicado. multiSelectTree mant\u00E9m o componente dedicado.\n        </p>\n\n        <mat-checkbox formControlName=\"confirmTagDelete\">Confirmar exclus\u00E3o de atalho</mat-checkbox>\n        <p class=\"field-hint\">Solicita confirma\u00E7\u00E3o antes de apagar atalhos salvos.</p>\n\n        <div class=\"options\">\n          <h4>Tema dos Atalhos (Tags)</h4>\n\n          <!-- Preview Section -->\n          <div class=\"preview-section\" [class.mdc-theme-dark]=\"previewDarkMode\" [class.dark-mode]=\"previewDarkMode\">\n            <div class=\"preview-controls\">\n              <span class=\"preview-label\">Pr\u00E9-visualiza\u00E7\u00E3o</span>\n              <button mat-icon-button (click)=\"previewDarkMode = !previewDarkMode\"\n                [matTooltip]=\"previewDarkMode ? 'Mudar para fundo claro' : 'Mudar para fundo escuro'\">\n                <mat-icon>{{ previewDarkMode ? 'light_mode' : 'dark_mode' }}</mat-icon>\n              </button>\n            </div>\n\n            <div class=\"preview-chips praxis-filter-tags\"\n              [class.outlined]=\"form.controls.tagVariant.value === 'outlined'\">\n              <mat-chip-set>\n                <!-- Inactive Chip -->\n                <mat-chip\n                  [color]=\"form.controls.tagVariant.value === 'outlined' ? null : (form.controls.tagColor.value === 'basic' ? null : form.controls.tagColor.value)\"\n                  [highlighted]=\"form.controls.tagVariant.value === 'filled' && form.controls.tagColor.value !== 'basic'\">\n                  Atalho Inativo\n                </mat-chip>\n\n                <!-- Active Chip -->\n                <mat-chip class=\"active\" [color]=\"form.controls.tagVariant.value === 'outlined' ? null : 'accent'\"\n                  [highlighted]=\"form.controls.tagVariant.value === 'filled'\">\n                  <mat-icon matChipAvatar>check</mat-icon>\n                  Atalho Ativo\n                  <button matChipTrailingIcon mat-icon-button\n                    [color]=\"form.controls.tagButtonColor.value === 'basic' ? null : form.controls.tagButtonColor.value\">\n                    <mat-icon>arrow_drop_down</mat-icon>\n                  </button>\n                </mat-chip>\n              </mat-chip-set>\n            </div>\n\n            <div class=\"contrast-warning\" *ngIf=\"getContrastWarning() as warning\">\n              <mat-icon>warning</mat-icon>\n              <span>{{ warning }}</span>\n            </div>\n          </div>\n\n          <!-- Reordered Fields -->\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Variante do atalho</mat-label>\n          <mat-select formControlName=\"tagVariant\">\n            <mat-option value=\"filled\">Filled (Preenchido)</mat-option>\n            <mat-option value=\"outlined\">Outlined (Contorno)</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Define o estilo base do atalho.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor do atalho</mat-label>\n          <mat-select formControlName=\"tagColor\">\n            <mat-option value=\"primary\">Primary</mat-option>\n            <mat-option value=\"accent\">Accent</mat-option>\n            <mat-option value=\"warn\">Warn</mat-option>\n            <mat-option value=\"basic\">Basic</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Cor de fundo (Filled) ou de contorno (Outlined).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor do bot\u00E3o do menu do atalho</mat-label>\n          <mat-select formControlName=\"tagButtonColor\">\n            <mat-option value=\"basic\">Basic</mat-option>\n            <mat-option value=\"primary\">Primary</mat-option>\n            <mat-option value=\"accent\">Accent</mat-option>\n            <mat-option value=\"warn\">Warn</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Cor do bot\u00E3o de dropdown dentro do atalho ativo.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n        </div>\n\n        <div class=\"options\">\n          <h4>Tema dos bot\u00F5es de a\u00E7\u00E3o</h4>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor dos bot\u00F5es</mat-label>\n            <mat-select formControlName=\"actionsButtonColor\">\n              <mat-option value=\"basic\">Basic</mat-option>\n              <mat-option value=\"primary\">Primary</mat-option>\n              <mat-option value=\"accent\">Accent</mat-option>\n              <mat-option value=\"warn\">Warn</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Variante dos bot\u00F5es</mat-label>\n            <mat-select formControlName=\"actionsVariant\">\n              <mat-option value=\"standard\">Standard</mat-option>\n              <mat-option value=\"outlined\">Outlined</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n\n        <div class=\"options\">\n          <h4>Predefini\u00E7\u00F5es de tema</h4>\n          <div class=\"preset-grid\">\n            <button\n              type=\"button\"\n              class=\"preset-card\"\n              *ngFor=\"let p of presets\"\n              (click)=\"applyPreset(p.key)\"\n              [attr.aria-label]=\"'Aplicar predefini\u00E7\u00E3o: ' + p.label\"\n            >\n              <div class=\"preset-preview\" [ngClass]=\"p.previewClass\"></div>\n              <div class=\"preset-info\">\n                <span class=\"preset-name\">{{ p.label }}</span>\n                <span class=\"preset-desc\">{{ p.description }}</span>\n              </div>\n            </button>\n          </div>\n          <button mat-button color=\"warn\" (click)=\"resetPreferences()\" class=\"restore-btn\">\n            Restaurar padr\u00E3o\n          </button>\n        </div>\n      </div>\n    </mat-tab>\n    @if (configKey) {\n    <mat-tab label=\"Atalhos\">\n      <div class=\"options\">\n        <p class=\"section-help\">Os atalhos s\u00E3o salvos por chave de configura\u00E7\u00E3o e compartilhados entre sess\u00F5es.</p>\n        <div class=\"tags-header\">\n          <span><strong>Atalhos salvos</strong></span>\n          <span class=\"spacer\"></span>\n          <button mat-stroked-button color=\"warn\" (click)=\"clearTags()\">Apagar tudo</button>\n        </div>\n        <div class=\"new-tag\">\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>R\u00F3tulo do novo atalho</mat-label>\n            <input matInput [(ngModel)]=\"newTagLabel\" [ngModelOptions]=\"{standalone: true}\" />\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>Patch (JSON, opcional)</mat-label>\n            <textarea matInput rows=\"3\" [(ngModel)]=\"newTagPatchText\" [ngModelOptions]=\"{standalone: true}\"></textarea>\n          </mat-form-field>\n          <div>\n            <button mat-stroked-button color=\"primary\" (click)=\"addTag()\">Adicionar</button>\n            @if (hasCurrentDto()) {\n            <button mat-stroked-button (click)=\"addTagFromCurrent()\">Adicionar a partir dos filtros atuais</button>\n            }\n          </div>\n          <div>\n            <button mat-stroked-button color=\"primary\" (click)=\"importTags()\">Importar</button>\n            <button mat-stroked-button (click)=\"loadTags()\">Recarregar</button>\n            <button mat-stroked-button (click)=\"saveTags()\">Salvar</button>\n          </div>\n        </div>\n      </div>\n    </mat-tab>\n    }\n    <mat-tab label=\"JSON\">\n      <div class=\"options\">\n        <p><strong>Configura\u00E7\u00E3o atual (somente leitura)</strong></p>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Atual</mat-label>\n          <textarea matInput rows=\"8\" [value]=\"effectiveJson\" readonly></textarea>\n        </mat-form-field>\n\n        <p><strong>Editar JSON</strong></p>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>JSON</mat-label>\n          <textarea matInput rows=\"12\" [(ngModel)]=\"settingsJsonText\" [ngModelOptions]=\"{standalone: true}\"></textarea>\n        </mat-form-field>\n        <div class=\"actions\">\n          <button mat-stroked-button (click)=\"onJsonReload()\">Recarregar do formul\u00E1rio</button>\n          <button mat-stroked-button (click)=\"onJsonFormat()\">Formatar</button>\n          <button mat-stroked-button color=\"primary\" (click)=\"onJsonApply()\">Carregar JSON no formul\u00E1rio</button>\n        </div>\n        <p class=\"json-tip\">\n          Dica: esta a\u00E7\u00E3o apenas atualiza o editor local. Para persistir, use os bot\u00F5es Aplicar ou\n          Salvar &amp; Fechar no rodap\u00E9 do painel.\n        </p>\n        <p *ngIf=\"jsonErrorMsg\" class=\"json-error\" role=\"status\" aria-live=\"polite\">{{ jsonErrorMsg }}</p>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Comportamento\">\n      <div class=\"options\">\n        <mat-checkbox formControlName=\"allowSaveTags\">Permitir salvar atalhos</mat-checkbox>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Avan\u00E7ado\">\n      <div class=\"options\">\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Debounce de altera\u00E7\u00F5es (ms)</mat-label>\n          <input matInput type=\"number\" formControlName=\"changeDebounceMs\" min=\"100\" max=\"1000\" />\n          @if (form.controls.changeDebounceMs.invalid) { <mat-error>Valor deve estar entre 100 e 1000</mat-error> }\n        </mat-form-field>\n        <div class=\"actions\">\n          <button mat-stroked-button color=\"warn\" (click)=\"resetPreferences()\">\n            <mat-icon [praxisIcon]=\"'restart_alt'\"></mat-icon>\n            Redefinir prefer\u00EAncias do filtro\n          </button>\n          <button mat-stroked-button color=\"accent\" (click)=\"clearPersistedFilters()\">\n            <mat-icon [praxisIcon]=\"'clear_all'\"></mat-icon>\n            Limpar filtros salvos\n          </button>\n          <button mat-stroked-button (click)=\"forceSchemaReload()\">\n            <mat-icon [praxisIcon]=\"'refresh'\"></mat-icon>\n            For\u00E7ar recarregamento do schema\n          </button>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>N\u00EDvel de log</mat-label>\n          <mat-select formControlName=\"logLevel\">\n            <mat-option value=\"none\">Nenhum</mat-option>\n            <mat-option value=\"error\">Erro</mat-option>\n            <mat-option value=\"warn\">Aviso</mat-option>\n            <mat-option value=\"info\">Info</mat-option>\n            <mat-option value=\"debug\">Debug</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Persistido no contrato para integra\u00E7\u00E3o host. Sem efeito direto no runtime atual do filtro.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n        <mat-checkbox formControlName=\"enablePerformanceMetrics\">Habilitar m\u00E9tricas de performance</mat-checkbox>\n        <p class=\"field-hint\">Prefer\u00EAncia persistida para integra\u00E7\u00E3o host. Sem efeito direto no runtime atual do filtro.</p>\n      </div>\n    </mat-tab>\n  </mat-tab-group>\n</form>\n", styles: [":host{display:block;min-width:0}.full-width{width:100%}.always-visible-tab-flow{display:flex;flex-direction:column;gap:4px}.always-visible-context{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.always-visible-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface-container-low)}.always-visible-summary-item{display:flex;align-items:baseline;gap:6px;min-width:0}.summary-value{font-size:1rem;font-weight:700;color:var(--md-sys-color-primary)}.summary-label{font-size:.8rem;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.always-visible-quick-nav{display:flex;flex-wrap:wrap;gap:6px}.always-visible-quick-nav button{min-height:30px;font-size:.76rem;padding-inline:10px;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.always-visible-quick-nav button.quick-nav-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 50%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 34%,var(--md-sys-color-surface-container-low));color:var(--md-sys-color-primary)}.always-visible-section-anchor{scroll-margin-top:140px;opacity:0;transform:translateY(8px);animation:always-visible-section-enter .22s cubic-bezier(.2,0,0,1) forwards;animation-delay:var(--section-enter-delay, 0ms)}.always-visible-section-anchor.section-active,.always-visible-section-anchor.section-active .options-advanced-json{box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 40%,transparent)}.always-visible-section-anchor:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}@keyframes always-visible-section-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.options{display:flex;flex-direction:column;gap:.75rem;padding:12px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container)}.options .options{padding:0;border:0;border-radius:0;background:transparent}.options-compact-flow{gap:8px;padding-top:10px;padding-bottom:10px}.section-divider{margin:2px;border-top-style:dashed;border-top-color:var(--md-sys-color-outline-variant);opacity:.28}.options-advanced-json{display:block;padding:0;overflow:hidden}:host ::ng-deep .options-advanced-json .mat-expansion-panel-header{padding:0 12px;min-height:52px}:host ::ng-deep .options-advanced-json .mat-expansion-panel-body{padding:0 12px 12px}.options-header{display:flex;flex-direction:column;gap:6px}.section-title{margin:0;font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.section-help{margin:0;font-size:.85rem;color:var(--md-sys-color-on-surface);opacity:.84}.field-hint{margin:-4px 0 0;font-size:.8rem;color:var(--md-sys-color-on-surface);opacity:.78}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.order-layout-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.order-viewport-toggle-group{max-width:100%}.order-viewport-caption{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);font-size:.75rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.order-layout-viewport{width:100%;display:flex;justify-content:center;padding:10px;border-radius:14px;border:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 74%,transparent)}.order-layout-frame{width:100%;transition:max-width .18s ease}.order-layout-frame[data-viewport=tablet] .order-lane-canvas{gap:7px}.order-layout-frame[data-viewport=mobile] .order-lane-canvas{gap:6px;padding:7px}.order-layout-frame[data-viewport=mobile] .order-pill{width:100%;max-width:100%;border-radius:12px}.order-layout-composer{display:flex;flex-direction:column;gap:9px}.order-lane{display:flex;flex-direction:column;gap:6px}.order-lane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-lane-title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.order-lane-title{margin:0;font-size:.85rem;font-weight:600;color:var(--md-sys-color-on-surface)}.order-lane-help{margin:0;font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.order-lane-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:600;padding:0 8px}.order-lane-canvas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:56px;padding:8px;border:1px dashed var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-low)}.order-lane-canvas.cdk-drop-list-dragging{border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,var(--md-sys-color-outline-variant))}.order-lane[data-lane=actions] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 28%,var(--md-sys-color-surface-container-low))}.order-lane[data-lane=inline] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-primary-container) 22%,var(--md-sys-color-surface-container-low))}.order-lane[data-lane=grid] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 18%,var(--md-sys-color-surface-container-low))}.order-lane-canvas.is-empty{justify-content:flex-start}.order-pill{display:inline-flex;align-items:center;gap:8px;max-width:min(100%,520px);min-height:38px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:4px 8px;box-sizing:border-box;cursor:grab;font:inherit;text-align:left}.order-pill:hover{border-color:var(--md-sys-color-outline)}.order-pill:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.order-pill mat-icon{opacity:.75}.order-pill-label{min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:500}.order-pill-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.order-pill-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface-variant);font-size:.7rem;font-weight:600;padding:1px 7px;white-space:nowrap}.order-pill-chip-width{font-weight:500;opacity:.86}.order-pill-chip-override{border-color:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary)}.order-lane-empty{margin:0;font-size:.78rem;color:var(--md-sys-color-on-surface-variant)}.order-pill.cdk-drag-preview{box-shadow:var(--md-sys-elevation-level2)}.order-pill.cdk-drag-placeholder{opacity:.45}.layout-preview-section{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface-container-low);min-width:0}.layout-preview-title{margin:0;font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.layout-preview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;min-width:0}.layout-preview-card{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);min-width:0}.layout-preview-header{display:flex;flex-direction:column;gap:2px}.layout-preview-header strong{font-size:.85rem;color:var(--md-sys-color-on-surface)}.layout-preview-header span{font-size:.78rem;color:var(--md-sys-color-on-surface-variant)}.layout-mini-grid{display:grid;gap:6px;min-width:0}.layout-mini-grid span{display:block;min-width:0;padding:6px 8px;border-radius:6px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:.75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-header{display:flex;align-items:center;gap:8px}.spacer{flex:1 1 auto}.new-tag{display:flex;flex-direction:column;gap:8px}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.option-with-preview{display:flex;align-items:center;gap:8px}.preview-card{width:20px;height:20px;background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.preview-frosted{width:20px;height:20px;background:var(--md-sys-color-surface-container);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.toggle-preview-section{margin-bottom:1.5rem;padding:1rem;background:var(--md-sys-color-surface-container-low);border-radius:8px;border:1px solid var(--md-sys-color-outline-variant)}.toggle-preview-section h4{margin:0 0 1rem;font-size:1.1rem;color:var(--md-sys-color-on-surface)}.preview-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.preview-item{text-align:center}.preview-item strong{display:block;margin-bottom:.5rem;font-weight:500}.mock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;padding:8px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:8px;min-height:72px}.mock-grid.with-booleans{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-field{padding:4px 8px;background:var(--md-sys-color-primary-container);border-radius:6px;font-size:.8rem;text-align:center}.mock-actions{display:flex;align-items:center;gap:8px;padding:8px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:8px;min-height:48px}.mock-actions button{width:34px;height:34px}.mock-pill{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-size:.82rem;justify-self:start}.mock-pill.compact{padding-inline:8px;gap:0}.mock-pill mat-slide-toggle{--mdc-switch-selected-track-color: var(--md-sys-color-primary);--mdc-switch-selected-handle-color: var(--md-sys-color-on-primary);transform:scale(.8);pointer-events:none}.mock-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.preview-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;margin-bottom:16px;box-shadow:var(--md-sys-elevation-level1);transition:background-color .3s,color .3s}.preview-section.dark-mode{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline-variant)}.preview-section.dark-mode .preview-label{color:var(--md-sys-color-on-surface-variant)}.preview-controls{display:flex;justify-content:space-between;align-items:center}.preview-label{font-weight:500;font-size:.9rem;color:var(--md-sys-color-on-surface-variant)}.preview-chips{display:flex;justify-content:center;padding:16px 0}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-color: var(--md-sys-color-primary) !important;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=primary] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=accent] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=warn] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags .mat-mdc-standard-chip .mdc-evolution-chip__text-label{display:flex;align-items:center;gap:4px}.contrast-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:4px;font-size:.85rem}.contrast-warning mat-icon{font-size:20px;width:20px;height:20px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:12px}.preset-card{display:flex;width:100%;flex-direction:column;gap:8px;padding:12px;text-align:left;font:inherit;color:inherit;background:transparent;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;cursor:pointer;transition:all .2s}.preset-card:hover{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline)}.preset-card:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.preset-preview{height:24px;border-radius:4px;background:var(--md-sys-color-surface-variant)}.preset-preview.preview-minimal{background:transparent;border:1px solid var(--md-sys-color-outline)}.preset-preview.preview-primary{background:var(--md-sys-color-primary-container)}.preset-preview.preview-accent{background:var(--md-sys-color-tertiary-container)}.preset-preview.preview-warn{background:var(--md-sys-color-error-container)}.preset-info{display:flex;flex-direction:column}.preset-name{font-weight:500;font-size:.9rem}.preset-desc{font-size:.75rem;opacity:.7}.restore-btn{align-self:flex-start}.metadata-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.metadata-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.metadata-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.metadata-card-title{display:flex;flex-direction:column;min-width:0}.metadata-card-title strong{font-size:.92rem;color:var(--md-sys-color-on-surface)}.metadata-card-title span{font-size:.78rem;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metadata-card-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.metadata-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-size:.78rem;font-weight:500;padding:2px 8px;white-space:nowrap}.metadata-chip-override{border-color:color-mix(in srgb,var(--md-sys-color-primary) 40%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 38%,var(--md-sys-color-surface-container))}.metadata-card-summary{margin:0;font-size:.8rem;color:var(--md-sys-color-on-surface-variant)}.metadata-card-actions{display:flex;flex-wrap:wrap;gap:6px}.metadata-card-actions button{display:inline-flex;align-items:center;gap:4px}.metadata-card-actions button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:1px}:host ::ng-deep .metadata-card-actions button[disabled]{opacity:.62}.json-tip{margin:6px 0 0;font-size:.85rem;color:var(--md-sys-color-on-surface-variant)}.json-error{margin-top:6px;font-size:.85rem;color:var(--md-sys-color-error)}@media(prefers-reduced-motion:reduce){.always-visible-section-anchor{animation:none;opacity:1;transform:none}.always-visible-quick-nav button{transition:none}}@media(max-width:680px){.order-layout-toolbar{flex-direction:column;align-items:stretch}.order-viewport-caption{align-self:flex-start}.order-layout-viewport{padding:8px}.always-visible-context{position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.always-visible-summary{grid-template-columns:1fr}.always-visible-quick-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.order-pill{width:100%;max-width:100%}.order-pill-label{max-width:none}.order-pill-badges{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i10$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i15$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i15$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i12.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i12.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i12.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i12.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i15.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i15.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i15.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i15.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: PraxisNumberWheelBlurDirective, selector: "input[type=number][praxisNumberWheelBlur]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterSettingsComponent, decorators: [{
             type: Component,
@@ -23895,7 +24031,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         MatDividerModule,
                         MatExpansionModule,
                         PraxisNumberWheelBlurDirective,
-                    ], template: "<form [formGroup]=\"form\">\n  <mat-tab-group (selectedTabChange)=\"onTabChange($event)\">\n    <mat-tab label=\"Sempre Vis\u00EDveis\">\n      <div class=\"always-visible-tab-flow\">\n      <mat-form-field appearance=\"outline\" class=\"full-width\">\n        <mat-label>Campos sempre vis\u00EDveis</mat-label>\n        <mat-select\n          formControlName=\"alwaysVisibleFields\"\n          multiple\n        >\n          <mat-option\n            [value]=\"meta.name\"\n            *ngFor=\"let meta of filteredAlwaysVisibleMetadata(); trackBy: trackFieldMetadataByName\"\n          >\n            {{ meta.label || meta.name }}\n          </mat-option>\n        </mat-select>\n        <mat-hint *ngIf=\"metadataLoading && metadataSource === 'filter-dto'\">\n          Carregando campos do DTO de filtro...\n        </mat-hint>\n        <mat-error *ngIf=\"metadataErrorMsg\">{{ metadataErrorMsg }}</mat-error>\n        <mat-hint\n          *ngIf=\"!metadataLoading && !metadataErrorMsg && !metadata.length && metadataSource === 'filter-dto'\"\n        >\n          Nenhum campo do DTO de filtro dispon\u00EDvel para este recurso.\n        </mat-hint>\n        <mat-hint\n          *ngIf=\"!metadataLoading && !metadataErrorMsg && metadata.length && !hasAlwaysVisibleMetadataResults() && alwaysVisibleFieldSearchText\"\n        >\n          Nenhum campo encontrado para \"{{ alwaysVisibleFieldSearchText }}\".\n        </mat-hint>\n        <button\n          mat-icon-button\n          matSuffix\n          type=\"button\"\n          class=\"help-icon-button\"\n          matTooltip=\"Escolha os campos que aparecem sempre na barra de filtros.\"\n        >\n          <mat-icon>help_outline</mat-icon>\n        </button>\n      </mat-form-field>\n\n      <mat-form-field appearance=\"outline\" class=\"full-width\">\n        <mat-label>Buscar campo</mat-label>\n        <input\n          matInput\n          [ngModel]=\"alwaysVisibleFieldSearchText\"\n          (ngModelChange)=\"onAlwaysVisibleFieldSearchChange($event)\"\n          [ngModelOptions]=\"{standalone: true}\"\n          placeholder=\"Filtrar por nome ou label\"\n        />\n        <button\n          mat-icon-button\n          matSuffix\n          type=\"button\"\n          *ngIf=\"alwaysVisibleFieldSearchText\"\n          (click)=\"clearAlwaysVisibleFieldSearch()\"\n          aria-label=\"Limpar busca de campo\"\n        >\n          <mat-icon [praxisIcon]=\"'close'\"></mat-icon>\n        </button>\n      </mat-form-field>\n      <p class=\"field-hint\">\n        {{ alwaysVisibleSelectionCount() }} campo(s) selecionado(s).\n      </p>\n      <div class=\"always-visible-context\">\n        <div class=\"always-visible-summary\" role=\"status\" aria-live=\"polite\">\n          <div class=\"always-visible-summary-item\">\n            <span class=\"summary-value\">{{ alwaysVisibleSelectionCount() }}</span>\n            <span class=\"summary-label\">campos fixos</span>\n          </div>\n          <div class=\"always-visible-summary-item\">\n            <span class=\"summary-value\">{{ activeAlwaysVisibleOverrideCount() }}</span>\n            <span class=\"summary-label\">overrides ativos</span>\n          </div>\n        </div>\n        <nav\n          class=\"always-visible-quick-nav\"\n          aria-label=\"Navega\u00E7\u00E3o r\u00E1pida da se\u00E7\u00E3o Sempre Vis\u00EDveis\"\n        >\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-order')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-order') ? 'location' : null\"\n            aria-controls=\"always-visible-order\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-order')\"\n          >\n            Ordem\n          </button>\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-metadata')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-metadata') ? 'location' : null\"\n            aria-controls=\"always-visible-metadata\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-metadata')\"\n          >\n            Metadados\n          </button>\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-json')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-json') ? 'location' : null\"\n            aria-controls=\"always-visible-json\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-json')\"\n          >\n            JSON\n          </button>\n        </nav>\n      </div>\n\n      <div\n        id=\"always-visible-order\"\n        class=\"options options-compact-flow always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-order')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-order')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-order')\"\n      >\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Ordem dos campos</h4>\n          <p class=\"section-help\">\n            Reordene no formato mais pr\u00F3ximo da toolbar real: faixa de a\u00E7\u00F5es, barra inline e grid.\n          </p>\n        </div>\n        <div class=\"order-layout-toolbar\">\n          <mat-button-toggle-group\n            class=\"order-viewport-toggle-group\"\n            [value]=\"orderPreviewViewport\"\n            (change)=\"onAlwaysVisibleViewportChange($event.value)\"\n            aria-label=\"Largura simulada da toolbar\"\n          >\n            <mat-button-toggle\n              *ngFor=\"let viewport of alwaysVisibleViewports\"\n              [value]=\"viewport\"\n              [attr.aria-label]=\"alwaysVisibleViewportHint(viewport)\"\n            >\n              {{ alwaysVisibleViewportLabel(viewport) }}\n            </mat-button-toggle>\n          </mat-button-toggle-group>\n          <span class=\"order-viewport-caption\">\n            {{ alwaysVisibleViewportWidth() }}px\n          </span>\n        </div>\n        <p class=\"section-help\">\n          Ajuste o viewport para simular a quebra real das linhas na toolbar.\n        </p>\n        <div class=\"order-layout-viewport\">\n          <div\n            class=\"order-layout-frame\"\n            [attr.data-viewport]=\"orderPreviewViewport\"\n            [style.maxWidth.px]=\"alwaysVisibleViewportWidth()\"\n          >\n            <div class=\"order-layout-composer\" cdkDropListGroup>\n              <section\n                class=\"order-lane\"\n                *ngFor=\"let lane of alwaysVisibleLayoutLanes\"\n                [attr.data-lane]=\"lane\"\n              >\n                <ng-container *ngIf=\"alwaysVisibleLaneItems(lane) as laneItems\">\n                  <header class=\"order-lane-header\">\n                    <div class=\"order-lane-title-block\">\n                      <h5 class=\"order-lane-title\">{{ alwaysVisibleLaneLabel(lane) }}</h5>\n                      <p class=\"order-lane-help\">{{ alwaysVisibleLaneHint(lane) }}</p>\n                    </div>\n                    <span class=\"order-lane-count\">{{ laneItems.length }}</span>\n                  </header>\n                  <div\n                    cdkDropList\n                    class=\"order-lane-canvas\"\n                    [id]=\"alwaysVisibleLaneDropListId(lane)\"\n                    [class.is-empty]=\"!laneItems.length\"\n                    [cdkDropListData]=\"laneItems\"\n                    [cdkDropListEnterPredicate]=\"allowAlwaysVisibleLaneEnter\"\n                    cdkDropListOrientation=\"horizontal\"\n                    [attr.aria-label]=\"'Faixa ' + alwaysVisibleLaneLabel(lane)\"\n                    (cdkDropListDropped)=\"dropAlwaysVisibleLane(lane, $event)\"\n                  >\n                    <button\n                      type=\"button\"\n                      class=\"order-pill\"\n                      *ngFor=\"let item of laneItems; let i = index; trackBy: trackAlwaysVisibleLayoutItemByName\"\n                      cdkDrag\n                      [cdkDragData]=\"item\"\n                      [attr.aria-label]=\"alwaysVisibleLayoutItemAriaLabel(item, lane, i, laneItems.length)\"\n                      (keydown)=\"onAlwaysVisibleLaneItemKeydown($event, lane, item.name)\"\n                    >\n                      <mat-icon [praxisIcon]=\"'drag_indicator'\" cdkDragHandle></mat-icon>\n                      <span class=\"order-pill-label\">{{ item.label }}</span>\n                      <span class=\"order-pill-badges\">\n                        <span class=\"order-pill-chip\">{{ item.controlTypeLabel }}</span>\n                        <span class=\"order-pill-chip order-pill-chip-width\">{{ item.widthHint }}</span>\n                        <span class=\"order-pill-chip order-pill-chip-override\" *ngIf=\"item.hasOverride\">\n                          Override\n                        </span>\n                      </span>\n                    </button>\n                    <p class=\"order-lane-empty\" *ngIf=\"!laneItems.length\">\n                      {{ alwaysVisibleLaneEmptyHint(lane) }}\n                    </p>\n                  </div>\n                </ng-container>\n              </section>\n            </div>\n          </div>\n        </div>\n        <p class=\"field-hint\">\n          Acessibilidade: use Alt/Ctrl + setas para reordenar dentro de cada faixa. O drag & drop n\u00E3o mistura faixas.\n        </p>\n        <p class=\"section-help\" *ngIf=\"!form.controls.alwaysVisibleFields.value?.length\">\n          Nenhum campo selecionado. Use o seletor acima para adicionar.\n        </p>\n      </div>\n\n      <mat-divider class=\"section-divider\" role=\"presentation\"></mat-divider>\n\n      <div\n        id=\"always-visible-metadata\"\n        class=\"options options-compact-flow always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-metadata')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-metadata')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-metadata')\"\n      >\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Editor visual de metadados</h4>\n          <p class=\"section-help\">\n            Edite os principais ajustes dos campos sempre vis\u00EDveis no fluxo visual. Para propriedades avan\u00E7adas, use o JSON abaixo.\n          </p>\n        </div>\n        <p class=\"section-help\" *ngIf=\"!form.controls.alwaysVisibleFields.value?.length\">\n          Selecione campos em \u201CCampos sempre vis\u00EDveis\u201D para habilitar a edi\u00E7\u00E3o visual.\n        </p>\n        <div class=\"metadata-card-grid\" *ngIf=\"form.controls.alwaysVisibleFields.value?.length\">\n          <article class=\"metadata-card\" *ngFor=\"let name of form.controls.alwaysVisibleFields.value\">\n            <header class=\"metadata-card-header\">\n              <div class=\"metadata-card-title\">\n                <strong>{{ getFieldLabel(name) }}</strong>\n                <span>{{ name }}</span>\n              </div>\n              <div class=\"metadata-card-badges\">\n                <span class=\"metadata-chip\">{{ getAlwaysVisibleControlTypeLabel(name) }}</span>\n                <span class=\"metadata-chip metadata-chip-override\" *ngIf=\"hasAlwaysVisibleOverride(name)\">\n                  Override ativo\n                </span>\n              </div>\n            </header>\n            <p class=\"metadata-card-summary\">{{ getAlwaysVisibleOverridePreview(name) }}</p>\n            <div class=\"metadata-card-actions\">\n              <button mat-stroked-button type=\"button\" (click)=\"openAlwaysVisibleMetadataEditor(name)\">\n                <mat-icon [praxisIcon]=\"'tune'\"></mat-icon>\n                Editar campo\n              </button>\n              <button\n                mat-button\n                type=\"button\"\n                color=\"warn\"\n                (click)=\"clearAlwaysVisibleOverride(name)\"\n                [disabled]=\"!hasAlwaysVisibleOverride(name)\"\n              >\n                Limpar override\n              </button>\n            </div>\n          </article>\n        </div>\n      </div>\n\n      <mat-divider class=\"section-divider\" role=\"presentation\"></mat-divider>\n\n      <div\n        id=\"always-visible-json\"\n        class=\"always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-json')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-json')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-json')\"\n      >\n        <mat-expansion-panel\n          class=\"options options-compact-flow options-advanced-json\"\n          [expanded]=\"!!alwaysVisibleOverridesErrorMsg\"\n        >\n          <mat-expansion-panel-header>\n            <mat-panel-title>Avan\u00E7ado (JSON opcional)</mat-panel-title>\n            <mat-panel-description>Para ajustes n\u00E3o expostos no editor visual</mat-panel-description>\n          </mat-expansion-panel-header>\n          <div class=\"options-header\">\n            <h4 class=\"section-title\">Modo avan\u00E7ado (JSON)</h4>\n            <p class=\"section-help\">\n              Use JSON para ajustes em lote ou propriedades ainda n\u00E3o expostas no editor visual.\n            </p>\n          </div>\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>alwaysVisibleFieldMetadataOverrides (JSON)</mat-label>\n            <textarea\n              matInput\n              rows=\"8\"\n              [(ngModel)]=\"alwaysVisibleOverridesJsonText\"\n              [ngModelOptions]=\"{standalone: true}\"\n            ></textarea>\n          </mat-form-field>\n          <div class=\"actions\">\n            <button mat-stroked-button type=\"button\" (click)=\"formatAlwaysVisibleOverridesJson()\">Formatar</button>\n            <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"applyAlwaysVisibleOverridesJson()\">\n              Validar e carregar no editor\n            </button>\n          </div>\n          <p class=\"json-tip\">\n            Esta a\u00E7\u00E3o n\u00E3o persiste a configura\u00E7\u00E3o. Para persistir, use \u201CSalvar &amp; Fechar\u201D no rodap\u00E9.\n          </p>\n          <p class=\"json-tip\">\n            Exemplo:\n            &#123;\"status\":&#123;\"controlType\":\"filter-select-inline\",\"clearButton\":&#123;\"enabled\":true&#125;,\"inlineAutoSize\":&#123;\"minWidth\":140,\"maxWidth\":280&#125;&#125;&#125;\n          </p>\n          <p *ngIf=\"alwaysVisibleOverridesErrorMsg\" class=\"json-error\" role=\"status\" aria-live=\"polite\">{{ alwaysVisibleOverridesErrorMsg }}</p>\n        </mat-expansion-panel>\n      </div>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Layout\">\n      <div class=\"options\">\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Grid e responsividade</h4>\n          <p class=\"section-help\">\n            Ajuste largura m\u00EDnima e n\u00FAmero de colunas por breakpoint. Em telas menores que 600px, o layout usa 1 coluna.\n          </p>\n        </div>\n        <div class=\"layout-preview-section\" aria-live=\"polite\">\n          <h5 class=\"layout-preview-title\">Pr\u00E9-visualiza\u00E7\u00E3o do grid</h5>\n          <p class=\"section-help\">\n            Simula\u00E7\u00E3o com {{ layoutPreviewFields.length }} campos e largura m\u00EDnima de {{ layoutMinWidth() }}px por campo.\n          </p>\n          <div class=\"layout-preview-cards\">\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Mobile</strong>\n                <span>&lt;600px \u00B7 {{ layoutColsFor('sm') }} coluna</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('sm') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Tablet</strong>\n                <span>&ge;600px \u00B7 {{ layoutColsFor('md') }} colunas</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('md') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Desktop</strong>\n                <span>&ge;960px \u00B7 {{ layoutColsFor('lg') }} colunas</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('lg') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n          </div>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Largura m\u00EDnima por campo (px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysMinWidth\"\n            min=\"180\"\n            max=\"480\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysMinWidth')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre largura m\u00EDnima por campo\"\n            matTooltip=\"Define a largura m\u00EDnima de cada campo no grid. Recomendado entre 200 e 300px.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Intervalo permitido: 180 a 480px.</mat-hint>\n          <mat-hint align=\"end\">Recomendado: 200 a 300px.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysMinWidth') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Colunas em tablet (&ge;600px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysColsMd\"\n            min=\"1\"\n            max=\"3\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysColsMd')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre colunas em tablet\"\n            matTooltip=\"Define quantas colunas aparecem em telas m\u00E9dias (a partir de 600px).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Mobile (&lt;600px) usa 1 coluna.</mat-hint>\n          <mat-hint align=\"end\">Intervalo: 1 a 3 colunas.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysColsMd') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Colunas em desktop (&ge;960px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysColsLg\"\n            min=\"1\"\n            max=\"4\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysColsLg')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre colunas em desktop\"\n            matTooltip=\"Define quantas colunas aparecem em telas grandes (a partir de 960px).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Use mais colunas apenas quando houver espa\u00E7o.</mat-hint>\n          <mat-hint align=\"end\">Intervalo: 1 a 4 colunas.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysColsLg') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Booleanos\">\n      <div class=\"options\">\n        <p class=\"section-help\" *ngIf=\"!hasBooleanFieldMetadata()\">\n          Nenhum campo booleano foi detectado no schema atual. Estas prefer\u00EAncias ser\u00E3o aplicadas quando houver\n          campos `toggle`/boolean no filtro.\n        </p>\n        <div class=\"toggle-preview-section\" *ngIf=\"hasBooleanFieldMetadata()\">\n          <h4>Visualiza\u00E7\u00E3o dos Booleanos</h4>\n          <p class=\"section-help\">Veja o comportamento dos booleanos inline (com texto ou compacto) e a posi\u00E7\u00E3o na barra.</p>\n          <div class=\"preview-container\">\n            <div class=\"preview-item\">\n              <strong>Grade Principal</strong>\n              <div class=\"mock-grid\" [class.with-booleans]=\"!form.controls.placeBooleansInActions.value\">\n                <div class=\"mock-field\">Campo 1</div>\n                <div class=\"mock-field\">Campo 2</div>\n                <div class=\"mock-pill\" *ngIf=\"!form.controls.placeBooleansInActions.value\"\n                  [class.compact]=\"!form.controls.showToggleLabels.value\">\n                  <mat-slide-toggle [checked]=\"true\"></mat-slide-toggle>\n                  <span *ngIf=\"form.controls.showToggleLabels.value\">Ativo</span>\n                </div>\n              </div>\n            </div>\n            <div class=\"preview-item\">\n              <strong>\u00C1rea de A\u00E7\u00F5es</strong>\n              <div class=\"mock-actions\" [class.with-booleans]=\"form.controls.placeBooleansInActions.value\">\n                <button mat-icon-button><mat-icon>search</mat-icon></button>\n                <button mat-icon-button><mat-icon>tune</mat-icon></button>\n                <div class=\"mock-pill\" *ngIf=\"form.controls.placeBooleansInActions.value\"\n                  [class.compact]=\"!form.controls.showToggleLabels.value\">\n                  <mat-slide-toggle [checked]=\"true\"></mat-slide-toggle>\n                  <span *ngIf=\"form.controls.showToggleLabels.value\">Ativo</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <mat-checkbox formControlName=\"placeBooleansInActions\">\n          <mat-icon>swap_horiz</mat-icon>\n          Posicionar booleanos na \u00E1rea de a\u00E7\u00F5es\n        </mat-checkbox>\n        <p class=\"field-hint\">Move os booleanos da grade para os bot\u00F5es de a\u00E7\u00E3o, liberando espa\u00E7o horizontal.</p>\n        <mat-checkbox formControlName=\"showToggleLabels\">\n          <mat-icon>text_fields</mat-icon>\n          Mostrar texto nos booleanos inline\n        </mat-checkbox>\n        <p class=\"field-hint\">Quando desativado, os booleanos ficam em modo compacto (somente controle, sem texto).</p>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Op\u00E7\u00F5es\">\n      <div class=\"options\">\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Painel Avan\u00E7ado</h4>\n          <p class=\"section-help\">Apar\u00EAncia e comportamento do painel de filtros avan\u00E7ados.</p>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Modo de abertura do Avan\u00E7ado</mat-label>\n          <mat-select formControlName=\"advancedOpenMode\">\n            <mat-option value=\"modal\">Modal (padr\u00E3o)</mat-option>\n            <mat-option value=\"drawer\">Drawer (direita)</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Escolha como o painel de filtros avan\u00E7ados ser\u00E1 exibido: centralizado ou lateral.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n        <mat-checkbox formControlName=\"advancedClearButtonsEnabled\">\n          Mostrar bot\u00E3o de limpar nos campos\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Desative para ocultar o bot\u00E3o de limpar nos campos do painel avan\u00E7ado.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineSearchableSelectVariant\">\n          Compactar selects com busca/async/autocomplete na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico. Desative apenas quando o host precisar preservar o renderer dedicado por compatibilidade, performance ou comportamento legado. O lookup de entidade inline \u00E9 configurado por controlType expl\u00EDcito (`filter-entity-lookup-inline`).\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineRangeVariant\">\n          Compactar range slider na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Usa o componente inline em formato chip + popover para rangeSlider (single e faixa).\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineDateVariant\">\n          Compactar campos de data na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Usa o componente inline dedicado para date/dateInput/datepicker, com largura por conte\u00FAdo e placeholder compacto.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineDateRangeVariant\">\n          Compactar intervalo de datas na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para dateRange/daterange. Desative apenas para preservar o renderer tradicional em hosts legados.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTimeVariant\">\n          Compactar campos de horario na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para time/timePicker, com largura por conteudo e clear rapido. Desative apenas para manter a experi\u00EAncia legada.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTimeRangeVariant\">\n          Compactar intervalo de horario na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para timeRange/timerange. Desative apenas para preservar o renderer tradicional em hosts legados.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTreeSelectVariant\">\n          Compactar tree select na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para treeSelect na faixa compacta. Desative apenas quando o host depender do renderer dedicado. multiSelectTree mant\u00E9m o componente dedicado.\n        </p>\n\n        <mat-checkbox formControlName=\"confirmTagDelete\">Confirmar exclus\u00E3o de atalho</mat-checkbox>\n        <p class=\"field-hint\">Solicita confirma\u00E7\u00E3o antes de apagar atalhos salvos.</p>\n\n        <div class=\"options\">\n          <h4>Tema dos Atalhos (Tags)</h4>\n\n          <!-- Preview Section -->\n          <div class=\"preview-section\" [class.mdc-theme-dark]=\"previewDarkMode\" [class.dark-mode]=\"previewDarkMode\">\n            <div class=\"preview-controls\">\n              <span class=\"preview-label\">Pr\u00E9-visualiza\u00E7\u00E3o</span>\n              <button mat-icon-button (click)=\"previewDarkMode = !previewDarkMode\"\n                [matTooltip]=\"previewDarkMode ? 'Mudar para fundo claro' : 'Mudar para fundo escuro'\">\n                <mat-icon>{{ previewDarkMode ? 'light_mode' : 'dark_mode' }}</mat-icon>\n              </button>\n            </div>\n\n            <div class=\"preview-chips praxis-filter-tags\"\n              [class.outlined]=\"form.controls.tagVariant.value === 'outlined'\">\n              <mat-chip-set>\n                <!-- Inactive Chip -->\n                <mat-chip\n                  [color]=\"form.controls.tagVariant.value === 'outlined' ? null : (form.controls.tagColor.value === 'basic' ? null : form.controls.tagColor.value)\"\n                  [highlighted]=\"form.controls.tagVariant.value === 'filled' && form.controls.tagColor.value !== 'basic'\">\n                  Atalho Inativo\n                </mat-chip>\n\n                <!-- Active Chip -->\n                <mat-chip class=\"active\" [color]=\"form.controls.tagVariant.value === 'outlined' ? null : 'accent'\"\n                  [highlighted]=\"form.controls.tagVariant.value === 'filled'\">\n                  <mat-icon matChipAvatar>check</mat-icon>\n                  Atalho Ativo\n                  <button matChipTrailingIcon mat-icon-button\n                    [color]=\"form.controls.tagButtonColor.value === 'basic' ? null : form.controls.tagButtonColor.value\">\n                    <mat-icon>arrow_drop_down</mat-icon>\n                  </button>\n                </mat-chip>\n              </mat-chip-set>\n            </div>\n\n            <div class=\"contrast-warning\" *ngIf=\"getContrastWarning() as warning\">\n              <mat-icon>warning</mat-icon>\n              <span>{{ warning }}</span>\n            </div>\n          </div>\n\n          <!-- Reordered Fields -->\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Variante do atalho</mat-label>\n          <mat-select formControlName=\"tagVariant\">\n            <mat-option value=\"filled\">Filled (Preenchido)</mat-option>\n            <mat-option value=\"outlined\">Outlined (Contorno)</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Define o estilo base do atalho.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor do atalho</mat-label>\n          <mat-select formControlName=\"tagColor\">\n            <mat-option value=\"primary\">Primary</mat-option>\n            <mat-option value=\"accent\">Accent</mat-option>\n            <mat-option value=\"warn\">Warn</mat-option>\n            <mat-option value=\"basic\">Basic</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Cor de fundo (Filled) ou de contorno (Outlined).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor do bot\u00E3o do menu do atalho</mat-label>\n          <mat-select formControlName=\"tagButtonColor\">\n            <mat-option value=\"basic\">Basic</mat-option>\n            <mat-option value=\"primary\">Primary</mat-option>\n            <mat-option value=\"accent\">Accent</mat-option>\n            <mat-option value=\"warn\">Warn</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Cor do bot\u00E3o de dropdown dentro do atalho ativo.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n        </div>\n\n        <div class=\"options\">\n          <h4>Tema dos bot\u00F5es de a\u00E7\u00E3o</h4>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor dos bot\u00F5es</mat-label>\n            <mat-select formControlName=\"actionsButtonColor\">\n              <mat-option value=\"basic\">Basic</mat-option>\n              <mat-option value=\"primary\">Primary</mat-option>\n              <mat-option value=\"accent\">Accent</mat-option>\n              <mat-option value=\"warn\">Warn</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Variante dos bot\u00F5es</mat-label>\n            <mat-select formControlName=\"actionsVariant\">\n              <mat-option value=\"standard\">Standard</mat-option>\n              <mat-option value=\"outlined\">Outlined</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n\n        <div class=\"options\">\n          <h4>Predefini\u00E7\u00F5es de tema</h4>\n          <div class=\"preset-grid\">\n            <button\n              type=\"button\"\n              class=\"preset-card\"\n              *ngFor=\"let p of presets\"\n              (click)=\"applyPreset(p.key)\"\n              [attr.aria-label]=\"'Aplicar predefini\u00E7\u00E3o: ' + p.label\"\n            >\n              <div class=\"preset-preview\" [ngClass]=\"p.previewClass\"></div>\n              <div class=\"preset-info\">\n                <span class=\"preset-name\">{{ p.label }}</span>\n                <span class=\"preset-desc\">{{ p.description }}</span>\n              </div>\n            </button>\n          </div>\n          <button mat-button color=\"warn\" (click)=\"resetPreferences()\" class=\"restore-btn\">\n            Restaurar padr\u00E3o\n          </button>\n        </div>\n      </div>\n    </mat-tab>\n    @if (configKey) {\n    <mat-tab label=\"Atalhos\">\n      <div class=\"options\">\n        <p class=\"section-help\">Os atalhos s\u00E3o salvos por chave de configura\u00E7\u00E3o e compartilhados entre sess\u00F5es.</p>\n        <div class=\"tags-header\">\n          <span><strong>Atalhos salvos</strong></span>\n          <span class=\"spacer\"></span>\n          <button mat-stroked-button color=\"warn\" (click)=\"clearTags()\">Apagar tudo</button>\n        </div>\n        <div class=\"new-tag\">\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>R\u00F3tulo do novo atalho</mat-label>\n            <input matInput [(ngModel)]=\"newTagLabel\" [ngModelOptions]=\"{standalone: true}\" />\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>Patch (JSON, opcional)</mat-label>\n            <textarea matInput rows=\"3\" [(ngModel)]=\"newTagPatchText\" [ngModelOptions]=\"{standalone: true}\"></textarea>\n          </mat-form-field>\n          <div>\n            <button mat-stroked-button color=\"primary\" (click)=\"addTag()\">Adicionar</button>\n            @if (hasCurrentDto()) {\n            <button mat-stroked-button (click)=\"addTagFromCurrent()\">Adicionar a partir dos filtros atuais</button>\n            }\n          </div>\n          <div>\n            <button mat-stroked-button color=\"primary\" (click)=\"importTags()\">Importar</button>\n            <button mat-stroked-button (click)=\"loadTags()\">Recarregar</button>\n            <button mat-stroked-button (click)=\"saveTags()\">Salvar</button>\n          </div>\n        </div>\n      </div>\n    </mat-tab>\n    }\n    <mat-tab label=\"JSON\">\n      <div class=\"options\">\n        <p><strong>Configura\u00E7\u00E3o atual (somente leitura)</strong></p>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Atual</mat-label>\n          <textarea matInput rows=\"8\" [value]=\"effectiveJson\" readonly></textarea>\n        </mat-form-field>\n\n        <p><strong>Editar JSON</strong></p>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>JSON</mat-label>\n          <textarea matInput rows=\"12\" [(ngModel)]=\"settingsJsonText\" [ngModelOptions]=\"{standalone: true}\"></textarea>\n        </mat-form-field>\n        <div class=\"actions\">\n          <button mat-stroked-button (click)=\"onJsonReload()\">Recarregar do formul\u00E1rio</button>\n          <button mat-stroked-button (click)=\"onJsonFormat()\">Formatar</button>\n          <button mat-stroked-button color=\"primary\" (click)=\"onJsonApply()\">Carregar JSON no formul\u00E1rio</button>\n        </div>\n        <p class=\"json-tip\">\n          Dica: esta a\u00E7\u00E3o apenas atualiza o editor local. Para persistir, use os bot\u00F5es Aplicar ou\n          Salvar &amp; Fechar no rodap\u00E9 do painel.\n        </p>\n        <p *ngIf=\"jsonErrorMsg\" class=\"json-error\" role=\"status\" aria-live=\"polite\">{{ jsonErrorMsg }}</p>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Comportamento\">\n      <div class=\"options\">\n        <mat-checkbox formControlName=\"allowSaveTags\">Permitir salvar atalhos</mat-checkbox>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Avan\u00E7ado\">\n      <div class=\"options\">\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Debounce de altera\u00E7\u00F5es (ms)</mat-label>\n          <input matInput type=\"number\" formControlName=\"changeDebounceMs\" min=\"100\" max=\"1000\" />\n          @if (form.controls.changeDebounceMs.invalid) { <mat-error>Valor deve estar entre 100 e 1000</mat-error> }\n        </mat-form-field>\n        <div class=\"actions\">\n          <button mat-stroked-button color=\"warn\" (click)=\"resetPreferences()\">\n            <mat-icon [praxisIcon]=\"'restart_alt'\"></mat-icon>\n            Redefinir prefer\u00EAncias do filtro\n          </button>\n          <button mat-stroked-button color=\"accent\" (click)=\"clearPersistedFilters()\">\n            <mat-icon [praxisIcon]=\"'clear_all'\"></mat-icon>\n            Limpar filtros salvos\n          </button>\n          <button mat-stroked-button (click)=\"forceSchemaReload()\">\n            <mat-icon [praxisIcon]=\"'refresh'\"></mat-icon>\n            For\u00E7ar recarregamento do schema\n          </button>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>N\u00EDvel de log</mat-label>\n          <mat-select formControlName=\"logLevel\">\n            <mat-option value=\"none\">Nenhum</mat-option>\n            <mat-option value=\"error\">Erro</mat-option>\n            <mat-option value=\"warn\">Aviso</mat-option>\n            <mat-option value=\"info\">Info</mat-option>\n            <mat-option value=\"debug\">Debug</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Persistido no contrato para integra\u00E7\u00E3o host. Sem efeito direto no runtime atual do filtro.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n        <mat-checkbox formControlName=\"enablePerformanceMetrics\">Habilitar m\u00E9tricas de performance</mat-checkbox>\n        <p class=\"field-hint\">Prefer\u00EAncia persistida para integra\u00E7\u00E3o host. Sem efeito direto no runtime atual do filtro.</p>\n      </div>\n    </mat-tab>\n  </mat-tab-group>\n</form>\n", styles: [":host{display:block;min-width:0}.full-width{width:100%}.always-visible-tab-flow{display:flex;flex-direction:column;gap:4px}.always-visible-context{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.always-visible-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface-container-low)}.always-visible-summary-item{display:flex;align-items:baseline;gap:6px;min-width:0}.summary-value{font-size:1rem;font-weight:700;color:var(--md-sys-color-primary)}.summary-label{font-size:.8rem;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.always-visible-quick-nav{display:flex;flex-wrap:wrap;gap:6px}.always-visible-quick-nav button{min-height:30px;font-size:.76rem;padding-inline:10px;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.always-visible-quick-nav button.quick-nav-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 50%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 34%,var(--md-sys-color-surface-container-low));color:var(--md-sys-color-primary)}.always-visible-section-anchor{scroll-margin-top:140px;opacity:0;transform:translateY(8px);animation:always-visible-section-enter .22s cubic-bezier(.2,0,0,1) forwards;animation-delay:var(--section-enter-delay, 0ms)}.always-visible-section-anchor.section-active,.always-visible-section-anchor.section-active .options-advanced-json{box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 40%,transparent)}.always-visible-section-anchor:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}@keyframes always-visible-section-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.options{display:flex;flex-direction:column;gap:.75rem;padding:12px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container)}.options .options{padding:0;border:0;border-radius:0;background:transparent}.options-compact-flow{gap:8px;padding-top:10px;padding-bottom:10px}.section-divider{margin:2px;border-top-style:dashed;border-top-color:var(--md-sys-color-outline-variant);opacity:.28}.options-advanced-json{display:block;padding:0;overflow:hidden}:host ::ng-deep .options-advanced-json .mat-expansion-panel-header{padding:0 12px;min-height:52px}:host ::ng-deep .options-advanced-json .mat-expansion-panel-body{padding:0 12px 12px}.options-header{display:flex;flex-direction:column;gap:6px}.section-title{margin:0;font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.section-help{margin:0;font-size:.85rem;color:var(--md-sys-color-on-surface);opacity:.84}.field-hint{margin:-4px 0 0;font-size:.8rem;color:var(--md-sys-color-on-surface);opacity:.78}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.order-layout-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.order-viewport-toggle-group{max-width:100%}.order-viewport-caption{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);font-size:.75rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.order-layout-viewport{width:100%;display:flex;justify-content:center;padding:10px;border-radius:14px;border:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 74%,transparent)}.order-layout-frame{width:100%;transition:max-width .18s ease}.order-layout-frame[data-viewport=tablet] .order-lane-canvas{gap:7px}.order-layout-frame[data-viewport=mobile] .order-lane-canvas{gap:6px;padding:7px}.order-layout-frame[data-viewport=mobile] .order-pill{width:100%;max-width:100%;border-radius:12px}.order-layout-composer{display:flex;flex-direction:column;gap:9px}.order-lane{display:flex;flex-direction:column;gap:6px}.order-lane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-lane-title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.order-lane-title{margin:0;font-size:.85rem;font-weight:600;color:var(--md-sys-color-on-surface)}.order-lane-help{margin:0;font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.order-lane-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:600;padding:0 8px}.order-lane-canvas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:56px;padding:8px;border:1px dashed var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-low)}.order-lane-canvas.cdk-drop-list-dragging{border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,var(--md-sys-color-outline-variant))}.order-lane[data-lane=actions] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 28%,var(--md-sys-color-surface-container-low))}.order-lane[data-lane=inline] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-primary-container) 22%,var(--md-sys-color-surface-container-low))}.order-lane[data-lane=grid] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 18%,var(--md-sys-color-surface-container-low))}.order-lane-canvas.is-empty{justify-content:flex-start}.order-pill{display:inline-flex;align-items:center;gap:8px;max-width:min(100%,520px);min-height:38px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:4px 8px;box-sizing:border-box;cursor:grab;font:inherit;text-align:left}.order-pill:hover{border-color:var(--md-sys-color-outline)}.order-pill:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.order-pill mat-icon{opacity:.75}.order-pill-label{min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:500}.order-pill-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.order-pill-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface-variant);font-size:.7rem;font-weight:600;padding:1px 7px;white-space:nowrap}.order-pill-chip-width{font-weight:500;opacity:.86}.order-pill-chip-override{border-color:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary)}.order-lane-empty{margin:0;font-size:.78rem;color:var(--md-sys-color-on-surface-variant)}.order-pill.cdk-drag-preview{box-shadow:var(--md-sys-elevation-level2)}.order-pill.cdk-drag-placeholder{opacity:.45}.layout-preview-section{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface-container-low);min-width:0}.layout-preview-title{margin:0;font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.layout-preview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;min-width:0}.layout-preview-card{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);min-width:0}.layout-preview-header{display:flex;flex-direction:column;gap:2px}.layout-preview-header strong{font-size:.85rem;color:var(--md-sys-color-on-surface)}.layout-preview-header span{font-size:.78rem;color:var(--md-sys-color-on-surface-variant)}.layout-mini-grid{display:grid;gap:6px;min-width:0}.layout-mini-grid span{display:block;min-width:0;padding:6px 8px;border-radius:6px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:.75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-header{display:flex;align-items:center;gap:8px}.spacer{flex:1 1 auto}.new-tag{display:flex;flex-direction:column;gap:8px}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.option-with-preview{display:flex;align-items:center;gap:8px}.preview-card{width:20px;height:20px;background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.preview-frosted{width:20px;height:20px;background:var(--md-sys-color-surface-container);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.toggle-preview-section{margin-bottom:1.5rem;padding:1rem;background:var(--md-sys-color-surface-container-low);border-radius:8px;border:1px solid var(--md-sys-color-outline-variant)}.toggle-preview-section h4{margin:0 0 1rem;font-size:1.1rem;color:var(--md-sys-color-on-surface)}.preview-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.preview-item{text-align:center}.preview-item strong{display:block;margin-bottom:.5rem;font-weight:500}.mock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;padding:8px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:8px;min-height:72px}.mock-grid.with-booleans{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-field{padding:4px 8px;background:var(--md-sys-color-primary-container);border-radius:6px;font-size:.8rem;text-align:center}.mock-actions{display:flex;align-items:center;gap:8px;padding:8px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:8px;min-height:48px}.mock-actions button{width:34px;height:34px}.mock-pill{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-size:.82rem;justify-self:start}.mock-pill.compact{padding-inline:8px;gap:0}.mock-pill mat-slide-toggle{--mdc-switch-selected-track-color: var(--md-sys-color-primary);--mdc-switch-selected-handle-color: var(--md-sys-color-on-primary);transform:scale(.8);pointer-events:none}.mock-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.preview-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;margin-bottom:16px;box-shadow:var(--md-sys-elevation-level1);transition:background-color .3s,color .3s}.preview-section.dark-mode{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline-variant)}.preview-section.dark-mode .preview-label{color:var(--md-sys-color-on-surface-variant)}.preview-controls{display:flex;justify-content:space-between;align-items:center}.preview-label{font-weight:500;font-size:.9rem;color:var(--md-sys-color-on-surface-variant)}.preview-chips{display:flex;justify-content:center;padding:16px 0}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-color: var(--md-sys-color-primary) !important;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=primary] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=accent] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=warn] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags .mat-mdc-standard-chip .mdc-evolution-chip__text-label{display:flex;align-items:center;gap:4px}.contrast-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:4px;font-size:.85rem}.contrast-warning mat-icon{font-size:20px;width:20px;height:20px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:12px}.preset-card{display:flex;width:100%;flex-direction:column;gap:8px;padding:12px;text-align:left;font:inherit;color:inherit;background:transparent;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;cursor:pointer;transition:all .2s}.preset-card:hover{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline)}.preset-card:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.preset-preview{height:24px;border-radius:4px;background:var(--md-sys-color-surface-variant)}.preset-preview.preview-minimal{background:transparent;border:1px solid var(--md-sys-color-outline)}.preset-preview.preview-primary{background:var(--md-sys-color-primary-container)}.preset-preview.preview-accent{background:var(--md-sys-color-tertiary-container)}.preset-preview.preview-warn{background:var(--md-sys-color-error-container)}.preset-info{display:flex;flex-direction:column}.preset-name{font-weight:500;font-size:.9rem}.preset-desc{font-size:.75rem;opacity:.7}.restore-btn{align-self:flex-start}.metadata-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.metadata-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.metadata-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.metadata-card-title{display:flex;flex-direction:column;min-width:0}.metadata-card-title strong{font-size:.92rem;color:var(--md-sys-color-on-surface)}.metadata-card-title span{font-size:.78rem;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metadata-card-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.metadata-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-size:.78rem;font-weight:500;padding:2px 8px;white-space:nowrap}.metadata-chip-override{border-color:color-mix(in srgb,var(--md-sys-color-primary) 40%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 38%,var(--md-sys-color-surface-container))}.metadata-card-summary{margin:0;font-size:.8rem;color:var(--md-sys-color-on-surface-variant)}.metadata-card-actions{display:flex;flex-wrap:wrap;gap:6px}.metadata-card-actions button{display:inline-flex;align-items:center;gap:4px}.metadata-card-actions button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:1px}:host ::ng-deep .metadata-card-actions button[disabled]{opacity:.62}.json-tip{margin:6px 0 0;font-size:.85rem;color:var(--md-sys-color-on-surface-variant)}.json-error{margin-top:6px;font-size:.85rem;color:var(--md-sys-color-error)}@media(prefers-reduced-motion:reduce){.always-visible-section-anchor{animation:none;opacity:1;transform:none}.always-visible-quick-nav button{transition:none}}@media(max-width:680px){.order-layout-toolbar{flex-direction:column;align-items:stretch}.order-viewport-caption{align-self:flex-start}.order-layout-viewport{padding:8px}.always-visible-context{position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.always-visible-summary{grid-template-columns:1fr}.always-visible-quick-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.order-pill{width:100%;max-width:100%}.order-pill-label{max-width:none}.order-pill-badges{display:none}}\n"] }]
+                    ], template: "<form [formGroup]=\"form\">\n  <mat-tab-group (selectedTabChange)=\"onTabChange($event)\">\n    <mat-tab label=\"Sempre Vis\u00EDveis\">\n      <div class=\"always-visible-tab-flow\">\n      <mat-form-field appearance=\"outline\" class=\"full-width\">\n        <mat-label>Campos sempre vis\u00EDveis</mat-label>\n        <mat-select\n          formControlName=\"alwaysVisibleFields\"\n          multiple\n        >\n          <mat-option\n            [value]=\"meta.name\"\n            *ngFor=\"let meta of filteredAlwaysVisibleMetadata(); trackBy: trackFieldMetadataByName\"\n          >\n            {{ meta.label || meta.name }}\n          </mat-option>\n        </mat-select>\n        <mat-hint *ngIf=\"metadataLoading && metadataSource === 'filter-dto'\">\n          Carregando campos do DTO de filtro...\n        </mat-hint>\n        <mat-error *ngIf=\"metadataErrorMsg\">{{ metadataErrorMsg }}</mat-error>\n        <mat-hint\n          *ngIf=\"!metadataLoading && !metadataErrorMsg && !metadata.length && metadataSource === 'filter-dto'\"\n        >\n          Nenhum campo do DTO de filtro dispon\u00EDvel para este recurso.\n        </mat-hint>\n        <mat-hint\n          *ngIf=\"!metadataLoading && !metadataErrorMsg && metadata.length && !hasAlwaysVisibleMetadataResults() && alwaysVisibleFieldSearchText\"\n        >\n          Nenhum campo encontrado para \"{{ alwaysVisibleFieldSearchText }}\".\n        </mat-hint>\n        <button\n          mat-icon-button\n          matSuffix\n          type=\"button\"\n          class=\"help-icon-button\"\n          matTooltip=\"Escolha os campos que aparecem sempre na barra de filtros.\"\n        >\n          <mat-icon>help_outline</mat-icon>\n        </button>\n      </mat-form-field>\n\n      <mat-form-field appearance=\"outline\" class=\"full-width\">\n        <mat-label>Buscar campo</mat-label>\n        <input\n          matInput\n          [ngModel]=\"alwaysVisibleFieldSearchText\"\n          (ngModelChange)=\"onAlwaysVisibleFieldSearchChange($event)\"\n          [ngModelOptions]=\"{standalone: true}\"\n          placeholder=\"Filtrar por nome ou label\"\n        />\n        <button\n          mat-icon-button\n          matSuffix\n          type=\"button\"\n          *ngIf=\"alwaysVisibleFieldSearchText\"\n          (click)=\"clearAlwaysVisibleFieldSearch()\"\n          aria-label=\"Limpar busca de campo\"\n        >\n          <mat-icon [praxisIcon]=\"'close'\"></mat-icon>\n        </button>\n      </mat-form-field>\n      <p class=\"field-hint\">\n        {{ alwaysVisibleSelectionCount() }} campo(s) selecionado(s).\n      </p>\n      <div class=\"always-visible-context\">\n        <div class=\"always-visible-summary\" role=\"status\" aria-live=\"polite\">\n          <div class=\"always-visible-summary-item\">\n            <span class=\"summary-value\">{{ alwaysVisibleSelectionCount() }}</span>\n            <span class=\"summary-label\">campos fixos</span>\n          </div>\n          <div class=\"always-visible-summary-item\">\n            <span class=\"summary-value\">{{ activeAlwaysVisibleOverrideCount() }}</span>\n            <span class=\"summary-label\">overrides ativos</span>\n          </div>\n        </div>\n        <nav\n          class=\"always-visible-quick-nav\"\n          aria-label=\"Navega\u00E7\u00E3o r\u00E1pida da se\u00E7\u00E3o Sempre Vis\u00EDveis\"\n        >\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-order')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-order') ? 'location' : null\"\n            aria-controls=\"always-visible-order\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-order')\"\n          >\n            Ordem\n          </button>\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-metadata')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-metadata') ? 'location' : null\"\n            aria-controls=\"always-visible-metadata\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-metadata')\"\n          >\n            Metadados\n          </button>\n          <button\n            mat-stroked-button\n            type=\"button\"\n            [class.quick-nav-active]=\"isAlwaysVisibleSectionActive('always-visible-json')\"\n            [attr.aria-current]=\"isAlwaysVisibleSectionActive('always-visible-json') ? 'location' : null\"\n            aria-controls=\"always-visible-json\"\n            (click)=\"scrollToAlwaysVisibleSection('always-visible-json')\"\n          >\n            JSON\n          </button>\n        </nav>\n      </div>\n\n      <div\n        id=\"always-visible-order\"\n        class=\"options options-compact-flow always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-order')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-order')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-order')\"\n      >\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Ordem dos campos</h4>\n          <p class=\"section-help\">\n            Reordene no formato mais pr\u00F3ximo da toolbar real: faixa de a\u00E7\u00F5es, barra inline e grid.\n          </p>\n        </div>\n        <div class=\"order-layout-toolbar\">\n          <mat-button-toggle-group\n            class=\"order-viewport-toggle-group\"\n            [value]=\"orderPreviewViewport\"\n            (change)=\"onAlwaysVisibleViewportChange($event.value)\"\n            aria-label=\"Largura simulada da toolbar\"\n          >\n            <mat-button-toggle\n              *ngFor=\"let viewport of alwaysVisibleViewports\"\n              [value]=\"viewport\"\n              [attr.aria-label]=\"alwaysVisibleViewportHint(viewport)\"\n            >\n              {{ alwaysVisibleViewportLabel(viewport) }}\n            </mat-button-toggle>\n          </mat-button-toggle-group>\n          <span class=\"order-viewport-caption\">\n            {{ alwaysVisibleViewportWidth() }}px\n          </span>\n        </div>\n        <p class=\"section-help\">\n          Ajuste o viewport para simular a quebra real das linhas na toolbar.\n        </p>\n        <div class=\"order-layout-viewport\">\n          <div\n            class=\"order-layout-frame\"\n            [attr.data-viewport]=\"orderPreviewViewport\"\n            [style.maxWidth.px]=\"alwaysVisibleViewportWidth()\"\n          >\n            <div class=\"order-layout-composer\" cdkDropListGroup>\n              <section\n                class=\"order-lane\"\n                *ngFor=\"let lane of alwaysVisibleLayoutLanes\"\n                [attr.data-lane]=\"lane\"\n              >\n                <ng-container *ngIf=\"alwaysVisibleLaneItems(lane) as laneItems\">\n                  <header class=\"order-lane-header\">\n                    <div class=\"order-lane-title-block\">\n                      <h5 class=\"order-lane-title\">{{ alwaysVisibleLaneLabel(lane) }}</h5>\n                      <p class=\"order-lane-help\">{{ alwaysVisibleLaneHint(lane) }}</p>\n                    </div>\n                    <span class=\"order-lane-count\">{{ laneItems.length }}</span>\n                  </header>\n                  <div\n                    cdkDropList\n                    class=\"order-lane-canvas\"\n                    [id]=\"alwaysVisibleLaneDropListId(lane)\"\n                    [class.is-empty]=\"!laneItems.length\"\n                    [cdkDropListData]=\"laneItems\"\n                    [cdkDropListEnterPredicate]=\"allowAlwaysVisibleLaneEnter\"\n                    cdkDropListOrientation=\"horizontal\"\n                    [attr.aria-label]=\"'Faixa ' + alwaysVisibleLaneLabel(lane)\"\n                    (cdkDropListDropped)=\"dropAlwaysVisibleLane(lane, $event)\"\n                  >\n                    <button\n                      type=\"button\"\n                      class=\"order-pill\"\n                      *ngFor=\"let item of laneItems; let i = index; trackBy: trackAlwaysVisibleLayoutItemByName\"\n                      cdkDrag\n                      [cdkDragData]=\"item\"\n                      [attr.aria-label]=\"alwaysVisibleLayoutItemAriaLabel(item, lane, i, laneItems.length)\"\n                      (keydown)=\"onAlwaysVisibleLaneItemKeydown($event, lane, item.name)\"\n                    >\n                      <mat-icon [praxisIcon]=\"'drag_indicator'\" cdkDragHandle></mat-icon>\n                      <span class=\"order-pill-label\">{{ item.label }}</span>\n                      <span class=\"order-pill-badges\">\n                        <span class=\"order-pill-chip\">{{ item.controlTypeLabel }}</span>\n                        <span class=\"order-pill-chip order-pill-chip-width\">{{ item.widthHint }}</span>\n                        <span class=\"order-pill-chip order-pill-chip-override\" *ngIf=\"item.hasOverride\">\n                          Override\n                        </span>\n                      </span>\n                    </button>\n                    <p class=\"order-lane-empty\" *ngIf=\"!laneItems.length\">\n                      {{ alwaysVisibleLaneEmptyHint(lane) }}\n                    </p>\n                  </div>\n                </ng-container>\n              </section>\n            </div>\n          </div>\n        </div>\n        <p class=\"field-hint\">\n          Acessibilidade: use Alt/Ctrl + setas para reordenar dentro de cada faixa. O drag & drop n\u00E3o mistura faixas.\n        </p>\n        <p class=\"section-help\" *ngIf=\"!form.controls.alwaysVisibleFields.value?.length\">\n          Nenhum campo selecionado. Use o seletor acima para adicionar.\n        </p>\n      </div>\n\n      <mat-divider class=\"section-divider\" role=\"presentation\"></mat-divider>\n\n      <div\n        id=\"always-visible-metadata\"\n        class=\"options options-compact-flow always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-metadata')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-metadata')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-metadata')\"\n      >\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Editor visual de metadados</h4>\n          <p class=\"section-help\">\n            Edite os principais ajustes dos campos sempre vis\u00EDveis no fluxo visual. Para propriedades avan\u00E7adas, use o JSON abaixo.\n          </p>\n        </div>\n        <p class=\"section-help\" *ngIf=\"!form.controls.alwaysVisibleFields.value?.length\">\n          Selecione campos em \u201CCampos sempre vis\u00EDveis\u201D para habilitar a edi\u00E7\u00E3o visual.\n        </p>\n        <div class=\"metadata-card-grid\" *ngIf=\"form.controls.alwaysVisibleFields.value?.length\">\n          <article class=\"metadata-card\" *ngFor=\"let name of form.controls.alwaysVisibleFields.value\">\n            <header class=\"metadata-card-header\">\n              <div class=\"metadata-card-title\">\n                <strong>{{ getFieldLabel(name) }}</strong>\n                <span>{{ name }}</span>\n              </div>\n              <div class=\"metadata-card-badges\">\n                <span class=\"metadata-chip\">{{ getAlwaysVisibleControlTypeLabel(name) }}</span>\n                <span class=\"metadata-chip metadata-chip-override\" *ngIf=\"hasAlwaysVisibleOverride(name)\">\n                  Override ativo\n                </span>\n              </div>\n            </header>\n            <p class=\"metadata-card-summary\">{{ getAlwaysVisibleOverridePreview(name) }}</p>\n            <div class=\"metadata-card-actions\">\n              <button mat-stroked-button type=\"button\" (click)=\"openAlwaysVisibleMetadataEditor(name)\">\n                <mat-icon [praxisIcon]=\"'tune'\"></mat-icon>\n                Editar campo\n              </button>\n              <button\n                mat-button\n                type=\"button\"\n                color=\"warn\"\n                (click)=\"clearAlwaysVisibleOverride(name)\"\n                [disabled]=\"!hasAlwaysVisibleOverride(name)\"\n              >\n                Limpar override\n              </button>\n            </div>\n          </article>\n        </div>\n      </div>\n\n      <mat-divider class=\"section-divider\" role=\"presentation\"></mat-divider>\n\n      <div\n        id=\"always-visible-json\"\n        class=\"always-visible-section-anchor\"\n        [class.section-active]=\"isAlwaysVisibleSectionActive('always-visible-json')\"\n        [style.--section-enter-delay]=\"sectionEnterDelay('always-visible-json')\"\n        tabindex=\"-1\"\n        (focusin)=\"onAlwaysVisibleSectionFocus('always-visible-json')\"\n      >\n        <mat-expansion-panel\n          class=\"options options-compact-flow options-advanced-json\"\n          [expanded]=\"!!alwaysVisibleOverridesErrorMsg\"\n        >\n          <mat-expansion-panel-header>\n            <mat-panel-title>Avan\u00E7ado (JSON opcional)</mat-panel-title>\n            <mat-panel-description>Para ajustes n\u00E3o expostos no editor visual</mat-panel-description>\n          </mat-expansion-panel-header>\n          <div class=\"options-header\">\n            <h4 class=\"section-title\">Modo avan\u00E7ado (JSON)</h4>\n            <p class=\"section-help\">\n              Use JSON para ajustes em lote ou propriedades ainda n\u00E3o expostas no editor visual.\n            </p>\n          </div>\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>alwaysVisibleFieldMetadataOverrides (JSON)</mat-label>\n            <textarea\n              matInput\n              rows=\"8\"\n              [(ngModel)]=\"alwaysVisibleOverridesJsonText\"\n              [ngModelOptions]=\"{standalone: true}\"\n            ></textarea>\n          </mat-form-field>\n          <div class=\"actions\">\n            <button mat-stroked-button type=\"button\" (click)=\"formatAlwaysVisibleOverridesJson()\">Formatar</button>\n            <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"applyAlwaysVisibleOverridesJson()\">\n              Validar e carregar no editor\n            </button>\n          </div>\n          <p class=\"json-tip\">\n            Esta a\u00E7\u00E3o n\u00E3o persiste a configura\u00E7\u00E3o. Para persistir, use \u201CSalvar &amp; Fechar\u201D no rodap\u00E9.\n          </p>\n          <p class=\"json-tip\">\n            Exemplo:\n            &#123;\"status\":&#123;\"controlType\":\"inlineSelect\",\"clearButton\":&#123;\"enabled\":true&#125;,\"inlineAutoSize\":&#123;\"minWidth\":140,\"maxWidth\":280&#125;&#125;&#125;\n          </p>\n          <p *ngIf=\"alwaysVisibleOverridesErrorMsg\" class=\"json-error\" role=\"status\" aria-live=\"polite\">{{ alwaysVisibleOverridesErrorMsg }}</p>\n        </mat-expansion-panel>\n      </div>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Layout\">\n      <div class=\"options\">\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Grid e responsividade</h4>\n          <p class=\"section-help\">\n            Ajuste largura m\u00EDnima e n\u00FAmero de colunas por breakpoint. Em telas menores que 600px, o layout usa 1 coluna.\n          </p>\n        </div>\n        <div class=\"layout-preview-section\" aria-live=\"polite\">\n          <h5 class=\"layout-preview-title\">Pr\u00E9-visualiza\u00E7\u00E3o do grid</h5>\n          <p class=\"section-help\">\n            Simula\u00E7\u00E3o com {{ layoutPreviewFields.length }} campos e largura m\u00EDnima de {{ layoutMinWidth() }}px por campo.\n          </p>\n          <div class=\"layout-preview-cards\">\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Mobile</strong>\n                <span>&lt;600px \u00B7 {{ layoutColsFor('sm') }} coluna</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('sm') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Tablet</strong>\n                <span>&ge;600px \u00B7 {{ layoutColsFor('md') }} colunas</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('md') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n            <article class=\"layout-preview-card\">\n              <div class=\"layout-preview-header\">\n                <strong>Desktop</strong>\n                <span>&ge;960px \u00B7 {{ layoutColsFor('lg') }} colunas</span>\n              </div>\n              <div class=\"layout-mini-grid\" [style.gridTemplateColumns]=\"'repeat(' + layoutColsFor('lg') + ', minmax(0, 1fr))'\">\n                <span *ngFor=\"let field of layoutPreviewFields\">{{ field }}</span>\n              </div>\n            </article>\n          </div>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Largura m\u00EDnima por campo (px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysMinWidth\"\n            min=\"180\"\n            max=\"480\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysMinWidth')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre largura m\u00EDnima por campo\"\n            matTooltip=\"Define a largura m\u00EDnima de cada campo no grid. Recomendado entre 200 e 300px.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Intervalo permitido: 180 a 480px.</mat-hint>\n          <mat-hint align=\"end\">Recomendado: 200 a 300px.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysMinWidth') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Colunas em tablet (&ge;600px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysColsMd\"\n            min=\"1\"\n            max=\"3\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysColsMd')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre colunas em tablet\"\n            matTooltip=\"Define quantas colunas aparecem em telas m\u00E9dias (a partir de 600px).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Mobile (&lt;600px) usa 1 coluna.</mat-hint>\n          <mat-hint align=\"end\">Intervalo: 1 a 3 colunas.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysColsMd') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Colunas em desktop (&ge;960px)</mat-label>\n          <input\n            matInput\n            type=\"number\"\n            formControlName=\"alwaysColsLg\"\n            min=\"1\"\n            max=\"4\"\n            step=\"1\"\n            inputmode=\"numeric\"\n            praxisNumberWheelBlur\n            (blur)=\"normalizeLayoutControl('alwaysColsLg')\"\n          />\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            aria-label=\"Ajuda sobre colunas em desktop\"\n            matTooltip=\"Define quantas colunas aparecem em telas grandes (a partir de 960px).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n          <mat-hint align=\"start\">Use mais colunas apenas quando houver espa\u00E7o.</mat-hint>\n          <mat-hint align=\"end\">Intervalo: 1 a 4 colunas.</mat-hint>\n          <mat-error *ngIf=\"layoutControlError('alwaysColsLg') as error\">{{ error }}</mat-error>\n        </mat-form-field>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Booleanos\">\n      <div class=\"options\">\n        <p class=\"section-help\" *ngIf=\"!hasBooleanFieldMetadata()\">\n          Nenhum campo booleano foi detectado no schema atual. Estas prefer\u00EAncias ser\u00E3o aplicadas quando houver\n          campos `toggle`/boolean no filtro.\n        </p>\n        <div class=\"toggle-preview-section\" *ngIf=\"hasBooleanFieldMetadata()\">\n          <h4>Visualiza\u00E7\u00E3o dos Booleanos</h4>\n          <p class=\"section-help\">Veja o comportamento dos booleanos inline (com texto ou compacto) e a posi\u00E7\u00E3o na barra.</p>\n          <div class=\"preview-container\">\n            <div class=\"preview-item\">\n              <strong>Grade Principal</strong>\n              <div class=\"mock-grid\" [class.with-booleans]=\"!form.controls.placeBooleansInActions.value\">\n                <div class=\"mock-field\">Campo 1</div>\n                <div class=\"mock-field\">Campo 2</div>\n                <div class=\"mock-pill\" *ngIf=\"!form.controls.placeBooleansInActions.value\"\n                  [class.compact]=\"!form.controls.showToggleLabels.value\">\n                  <mat-slide-toggle [checked]=\"true\"></mat-slide-toggle>\n                  <span *ngIf=\"form.controls.showToggleLabels.value\">Ativo</span>\n                </div>\n              </div>\n            </div>\n            <div class=\"preview-item\">\n              <strong>\u00C1rea de A\u00E7\u00F5es</strong>\n              <div class=\"mock-actions\" [class.with-booleans]=\"form.controls.placeBooleansInActions.value\">\n                <button mat-icon-button><mat-icon>search</mat-icon></button>\n                <button mat-icon-button><mat-icon>tune</mat-icon></button>\n                <div class=\"mock-pill\" *ngIf=\"form.controls.placeBooleansInActions.value\"\n                  [class.compact]=\"!form.controls.showToggleLabels.value\">\n                  <mat-slide-toggle [checked]=\"true\"></mat-slide-toggle>\n                  <span *ngIf=\"form.controls.showToggleLabels.value\">Ativo</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <mat-checkbox formControlName=\"placeBooleansInActions\">\n          <mat-icon>swap_horiz</mat-icon>\n          Posicionar booleanos na \u00E1rea de a\u00E7\u00F5es\n        </mat-checkbox>\n        <p class=\"field-hint\">Move os booleanos da grade para os bot\u00F5es de a\u00E7\u00E3o, liberando espa\u00E7o horizontal.</p>\n        <mat-checkbox formControlName=\"showToggleLabels\">\n          <mat-icon>text_fields</mat-icon>\n          Mostrar texto nos booleanos inline\n        </mat-checkbox>\n        <p class=\"field-hint\">Quando desativado, os booleanos ficam em modo compacto (somente controle, sem texto).</p>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Op\u00E7\u00F5es\">\n      <div class=\"options\">\n        <div class=\"options-header\">\n          <h4 class=\"section-title\">Painel Avan\u00E7ado</h4>\n          <p class=\"section-help\">Apar\u00EAncia e comportamento do painel de filtros avan\u00E7ados.</p>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Modo de abertura do Avan\u00E7ado</mat-label>\n          <mat-select formControlName=\"advancedOpenMode\">\n            <mat-option value=\"modal\">Modal (padr\u00E3o)</mat-option>\n            <mat-option value=\"drawer\">Drawer (direita)</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Escolha como o painel de filtros avan\u00E7ados ser\u00E1 exibido: centralizado ou lateral.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n        <mat-checkbox formControlName=\"advancedClearButtonsEnabled\">\n          Mostrar bot\u00E3o de limpar nos campos\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Desative para ocultar o bot\u00E3o de limpar nos campos do painel avan\u00E7ado.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineSearchableSelectVariant\">\n          Compactar selects com busca/async/autocomplete na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico. Desative apenas quando o host precisar preservar o renderer dedicado por compatibilidade, performance ou comportamento legado. O lookup de entidade inline \u00E9 configurado por controlType expl\u00EDcito (`inlineEntityLookup`).\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineRangeVariant\">\n          Compactar range slider na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Usa o componente inline em formato chip + popover para rangeSlider (single e faixa).\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineDateVariant\">\n          Compactar campos de data na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Usa o componente inline dedicado para date/dateInput/datepicker, com largura por conte\u00FAdo e placeholder compacto.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineDateRangeVariant\">\n          Compactar intervalo de datas na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para dateRange/daterange. Desative apenas para preservar o renderer tradicional em hosts legados.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTimeVariant\">\n          Compactar campos de horario na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para time/timePicker, com largura por conteudo e clear rapido. Desative apenas para manter a experi\u00EAncia legada.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTimeRangeVariant\">\n          Compactar intervalo de horario na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para timeRange/timerange. Desative apenas para preservar o renderer tradicional em hosts legados.\n        </p>\n\n        <mat-checkbox formControlName=\"useInlineTreeSelectVariant\">\n          Compactar tree select na barra inline\n        </mat-checkbox>\n        <p class=\"field-hint\">\n          Padr\u00E3o do filtro din\u00E2mico para treeSelect na faixa compacta. Desative apenas quando o host depender do renderer dedicado. multiSelectTree mant\u00E9m o componente dedicado.\n        </p>\n\n        <mat-checkbox formControlName=\"confirmTagDelete\">Confirmar exclus\u00E3o de atalho</mat-checkbox>\n        <p class=\"field-hint\">Solicita confirma\u00E7\u00E3o antes de apagar atalhos salvos.</p>\n\n        <div class=\"options\">\n          <h4>Tema dos Atalhos (Tags)</h4>\n\n          <!-- Preview Section -->\n          <div class=\"preview-section\" [class.mdc-theme-dark]=\"previewDarkMode\" [class.dark-mode]=\"previewDarkMode\">\n            <div class=\"preview-controls\">\n              <span class=\"preview-label\">Pr\u00E9-visualiza\u00E7\u00E3o</span>\n              <button mat-icon-button (click)=\"previewDarkMode = !previewDarkMode\"\n                [matTooltip]=\"previewDarkMode ? 'Mudar para fundo claro' : 'Mudar para fundo escuro'\">\n                <mat-icon>{{ previewDarkMode ? 'light_mode' : 'dark_mode' }}</mat-icon>\n              </button>\n            </div>\n\n            <div class=\"preview-chips praxis-filter-tags\"\n              [class.outlined]=\"form.controls.tagVariant.value === 'outlined'\">\n              <mat-chip-set>\n                <!-- Inactive Chip -->\n                <mat-chip\n                  [color]=\"form.controls.tagVariant.value === 'outlined' ? null : (form.controls.tagColor.value === 'basic' ? null : form.controls.tagColor.value)\"\n                  [highlighted]=\"form.controls.tagVariant.value === 'filled' && form.controls.tagColor.value !== 'basic'\">\n                  Atalho Inativo\n                </mat-chip>\n\n                <!-- Active Chip -->\n                <mat-chip class=\"active\" [color]=\"form.controls.tagVariant.value === 'outlined' ? null : 'accent'\"\n                  [highlighted]=\"form.controls.tagVariant.value === 'filled'\">\n                  <mat-icon matChipAvatar>check</mat-icon>\n                  Atalho Ativo\n                  <button matChipTrailingIcon mat-icon-button\n                    [color]=\"form.controls.tagButtonColor.value === 'basic' ? null : form.controls.tagButtonColor.value\">\n                    <mat-icon>arrow_drop_down</mat-icon>\n                  </button>\n                </mat-chip>\n              </mat-chip-set>\n            </div>\n\n            <div class=\"contrast-warning\" *ngIf=\"getContrastWarning() as warning\">\n              <mat-icon>warning</mat-icon>\n              <span>{{ warning }}</span>\n            </div>\n          </div>\n\n          <!-- Reordered Fields -->\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Variante do atalho</mat-label>\n          <mat-select formControlName=\"tagVariant\">\n            <mat-option value=\"filled\">Filled (Preenchido)</mat-option>\n            <mat-option value=\"outlined\">Outlined (Contorno)</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Define o estilo base do atalho.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor do atalho</mat-label>\n          <mat-select formControlName=\"tagColor\">\n            <mat-option value=\"primary\">Primary</mat-option>\n            <mat-option value=\"accent\">Accent</mat-option>\n            <mat-option value=\"warn\">Warn</mat-option>\n            <mat-option value=\"basic\">Basic</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Cor de fundo (Filled) ou de contorno (Outlined).\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor do bot\u00E3o do menu do atalho</mat-label>\n          <mat-select formControlName=\"tagButtonColor\">\n            <mat-option value=\"basic\">Basic</mat-option>\n            <mat-option value=\"primary\">Primary</mat-option>\n            <mat-option value=\"accent\">Accent</mat-option>\n            <mat-option value=\"warn\">Warn</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Cor do bot\u00E3o de dropdown dentro do atalho ativo.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n        </div>\n\n        <div class=\"options\">\n          <h4>Tema dos bot\u00F5es de a\u00E7\u00E3o</h4>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Cor dos bot\u00F5es</mat-label>\n            <mat-select formControlName=\"actionsButtonColor\">\n              <mat-option value=\"basic\">Basic</mat-option>\n              <mat-option value=\"primary\">Primary</mat-option>\n              <mat-option value=\"accent\">Accent</mat-option>\n              <mat-option value=\"warn\">Warn</mat-option>\n            </mat-select>\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Variante dos bot\u00F5es</mat-label>\n            <mat-select formControlName=\"actionsVariant\">\n              <mat-option value=\"standard\">Standard</mat-option>\n              <mat-option value=\"outlined\">Outlined</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n\n        <div class=\"options\">\n          <h4>Predefini\u00E7\u00F5es de tema</h4>\n          <div class=\"preset-grid\">\n            <button\n              type=\"button\"\n              class=\"preset-card\"\n              *ngFor=\"let p of presets\"\n              (click)=\"applyPreset(p.key)\"\n              [attr.aria-label]=\"'Aplicar predefini\u00E7\u00E3o: ' + p.label\"\n            >\n              <div class=\"preset-preview\" [ngClass]=\"p.previewClass\"></div>\n              <div class=\"preset-info\">\n                <span class=\"preset-name\">{{ p.label }}</span>\n                <span class=\"preset-desc\">{{ p.description }}</span>\n              </div>\n            </button>\n          </div>\n          <button mat-button color=\"warn\" (click)=\"resetPreferences()\" class=\"restore-btn\">\n            Restaurar padr\u00E3o\n          </button>\n        </div>\n      </div>\n    </mat-tab>\n    @if (configKey) {\n    <mat-tab label=\"Atalhos\">\n      <div class=\"options\">\n        <p class=\"section-help\">Os atalhos s\u00E3o salvos por chave de configura\u00E7\u00E3o e compartilhados entre sess\u00F5es.</p>\n        <div class=\"tags-header\">\n          <span><strong>Atalhos salvos</strong></span>\n          <span class=\"spacer\"></span>\n          <button mat-stroked-button color=\"warn\" (click)=\"clearTags()\">Apagar tudo</button>\n        </div>\n        <div class=\"new-tag\">\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>R\u00F3tulo do novo atalho</mat-label>\n            <input matInput [(ngModel)]=\"newTagLabel\" [ngModelOptions]=\"{standalone: true}\" />\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\" class=\"full-width\">\n            <mat-label>Patch (JSON, opcional)</mat-label>\n            <textarea matInput rows=\"3\" [(ngModel)]=\"newTagPatchText\" [ngModelOptions]=\"{standalone: true}\"></textarea>\n          </mat-form-field>\n          <div>\n            <button mat-stroked-button color=\"primary\" (click)=\"addTag()\">Adicionar</button>\n            @if (hasCurrentDto()) {\n            <button mat-stroked-button (click)=\"addTagFromCurrent()\">Adicionar a partir dos filtros atuais</button>\n            }\n          </div>\n          <div>\n            <button mat-stroked-button color=\"primary\" (click)=\"importTags()\">Importar</button>\n            <button mat-stroked-button (click)=\"loadTags()\">Recarregar</button>\n            <button mat-stroked-button (click)=\"saveTags()\">Salvar</button>\n          </div>\n        </div>\n      </div>\n    </mat-tab>\n    }\n    <mat-tab label=\"JSON\">\n      <div class=\"options\">\n        <p><strong>Configura\u00E7\u00E3o atual (somente leitura)</strong></p>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Atual</mat-label>\n          <textarea matInput rows=\"8\" [value]=\"effectiveJson\" readonly></textarea>\n        </mat-form-field>\n\n        <p><strong>Editar JSON</strong></p>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>JSON</mat-label>\n          <textarea matInput rows=\"12\" [(ngModel)]=\"settingsJsonText\" [ngModelOptions]=\"{standalone: true}\"></textarea>\n        </mat-form-field>\n        <div class=\"actions\">\n          <button mat-stroked-button (click)=\"onJsonReload()\">Recarregar do formul\u00E1rio</button>\n          <button mat-stroked-button (click)=\"onJsonFormat()\">Formatar</button>\n          <button mat-stroked-button color=\"primary\" (click)=\"onJsonApply()\">Carregar JSON no formul\u00E1rio</button>\n        </div>\n        <p class=\"json-tip\">\n          Dica: esta a\u00E7\u00E3o apenas atualiza o editor local. Para persistir, use os bot\u00F5es Aplicar ou\n          Salvar &amp; Fechar no rodap\u00E9 do painel.\n        </p>\n        <p *ngIf=\"jsonErrorMsg\" class=\"json-error\" role=\"status\" aria-live=\"polite\">{{ jsonErrorMsg }}</p>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Comportamento\">\n      <div class=\"options\">\n        <mat-checkbox formControlName=\"allowSaveTags\">Permitir salvar atalhos</mat-checkbox>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Avan\u00E7ado\">\n      <div class=\"options\">\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>Debounce de altera\u00E7\u00F5es (ms)</mat-label>\n          <input matInput type=\"number\" formControlName=\"changeDebounceMs\" min=\"100\" max=\"1000\" />\n          @if (form.controls.changeDebounceMs.invalid) { <mat-error>Valor deve estar entre 100 e 1000</mat-error> }\n        </mat-form-field>\n        <div class=\"actions\">\n          <button mat-stroked-button color=\"warn\" (click)=\"resetPreferences()\">\n            <mat-icon [praxisIcon]=\"'restart_alt'\"></mat-icon>\n            Redefinir prefer\u00EAncias do filtro\n          </button>\n          <button mat-stroked-button color=\"accent\" (click)=\"clearPersistedFilters()\">\n            <mat-icon [praxisIcon]=\"'clear_all'\"></mat-icon>\n            Limpar filtros salvos\n          </button>\n          <button mat-stroked-button (click)=\"forceSchemaReload()\">\n            <mat-icon [praxisIcon]=\"'refresh'\"></mat-icon>\n            For\u00E7ar recarregamento do schema\n          </button>\n        </div>\n        <mat-form-field appearance=\"outline\" class=\"full-width\">\n          <mat-label>N\u00EDvel de log</mat-label>\n          <mat-select formControlName=\"logLevel\">\n            <mat-option value=\"none\">Nenhum</mat-option>\n            <mat-option value=\"error\">Erro</mat-option>\n            <mat-option value=\"warn\">Aviso</mat-option>\n            <mat-option value=\"info\">Info</mat-option>\n            <mat-option value=\"debug\">Debug</mat-option>\n          </mat-select>\n          <button\n            mat-icon-button\n            matSuffix\n            type=\"button\"\n            class=\"help-icon-button\"\n            matTooltip=\"Persistido no contrato para integra\u00E7\u00E3o host. Sem efeito direto no runtime atual do filtro.\"\n          >\n            <mat-icon>help_outline</mat-icon>\n          </button>\n        </mat-form-field>\n        <mat-checkbox formControlName=\"enablePerformanceMetrics\">Habilitar m\u00E9tricas de performance</mat-checkbox>\n        <p class=\"field-hint\">Prefer\u00EAncia persistida para integra\u00E7\u00E3o host. Sem efeito direto no runtime atual do filtro.</p>\n      </div>\n    </mat-tab>\n  </mat-tab-group>\n</form>\n", styles: [":host{display:block;min-width:0}.full-width{width:100%}.always-visible-tab-flow{display:flex;flex-direction:column;gap:4px}.always-visible-context{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.always-visible-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface-container-low)}.always-visible-summary-item{display:flex;align-items:baseline;gap:6px;min-width:0}.summary-value{font-size:1rem;font-weight:700;color:var(--md-sys-color-primary)}.summary-label{font-size:.8rem;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.always-visible-quick-nav{display:flex;flex-wrap:wrap;gap:6px}.always-visible-quick-nav button{min-height:30px;font-size:.76rem;padding-inline:10px;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.always-visible-quick-nav button.quick-nav-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 50%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 34%,var(--md-sys-color-surface-container-low));color:var(--md-sys-color-primary)}.always-visible-section-anchor{scroll-margin-top:140px;opacity:0;transform:translateY(8px);animation:always-visible-section-enter .22s cubic-bezier(.2,0,0,1) forwards;animation-delay:var(--section-enter-delay, 0ms)}.always-visible-section-anchor.section-active,.always-visible-section-anchor.section-active .options-advanced-json{box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 40%,transparent)}.always-visible-section-anchor:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}@keyframes always-visible-section-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.options{display:flex;flex-direction:column;gap:.75rem;padding:12px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container)}.options .options{padding:0;border:0;border-radius:0;background:transparent}.options-compact-flow{gap:8px;padding-top:10px;padding-bottom:10px}.section-divider{margin:2px;border-top-style:dashed;border-top-color:var(--md-sys-color-outline-variant);opacity:.28}.options-advanced-json{display:block;padding:0;overflow:hidden}:host ::ng-deep .options-advanced-json .mat-expansion-panel-header{padding:0 12px;min-height:52px}:host ::ng-deep .options-advanced-json .mat-expansion-panel-body{padding:0 12px 12px}.options-header{display:flex;flex-direction:column;gap:6px}.section-title{margin:0;font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.section-help{margin:0;font-size:.85rem;color:var(--md-sys-color-on-surface);opacity:.84}.field-hint{margin:-4px 0 0;font-size:.8rem;color:var(--md-sys-color-on-surface);opacity:.78}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.order-layout-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.order-viewport-toggle-group{max-width:100%}.order-viewport-caption{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);font-size:.75rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.order-layout-viewport{width:100%;display:flex;justify-content:center;padding:10px;border-radius:14px;border:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 74%,transparent)}.order-layout-frame{width:100%;transition:max-width .18s ease}.order-layout-frame[data-viewport=tablet] .order-lane-canvas{gap:7px}.order-layout-frame[data-viewport=mobile] .order-lane-canvas{gap:6px;padding:7px}.order-layout-frame[data-viewport=mobile] .order-pill{width:100%;max-width:100%;border-radius:12px}.order-layout-composer{display:flex;flex-direction:column;gap:9px}.order-lane{display:flex;flex-direction:column;gap:6px}.order-lane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-lane-title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.order-lane-title{margin:0;font-size:.85rem;font-weight:600;color:var(--md-sys-color-on-surface)}.order-lane-help{margin:0;font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.order-lane-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:600;padding:0 8px}.order-lane-canvas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:56px;padding:8px;border:1px dashed var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-low)}.order-lane-canvas.cdk-drop-list-dragging{border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,var(--md-sys-color-outline-variant))}.order-lane[data-lane=actions] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 28%,var(--md-sys-color-surface-container-low))}.order-lane[data-lane=inline] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-primary-container) 22%,var(--md-sys-color-surface-container-low))}.order-lane[data-lane=grid] .order-lane-canvas{background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 18%,var(--md-sys-color-surface-container-low))}.order-lane-canvas.is-empty{justify-content:flex-start}.order-pill{display:inline-flex;align-items:center;gap:8px;max-width:min(100%,520px);min-height:38px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:4px 8px;box-sizing:border-box;cursor:grab;font:inherit;text-align:left}.order-pill:hover{border-color:var(--md-sys-color-outline)}.order-pill:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.order-pill mat-icon{opacity:.75}.order-pill-label{min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:500}.order-pill-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.order-pill-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface-variant);font-size:.7rem;font-weight:600;padding:1px 7px;white-space:nowrap}.order-pill-chip-width{font-weight:500;opacity:.86}.order-pill-chip-override{border-color:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary)}.order-lane-empty{margin:0;font-size:.78rem;color:var(--md-sys-color-on-surface-variant)}.order-pill.cdk-drag-preview{box-shadow:var(--md-sys-elevation-level2)}.order-pill.cdk-drag-placeholder{opacity:.45}.layout-preview-section{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;background:var(--md-sys-color-surface-container-low);min-width:0}.layout-preview-title{margin:0;font-size:.95rem;font-weight:600;color:var(--md-sys-color-on-surface)}.layout-preview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;min-width:0}.layout-preview-card{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);min-width:0}.layout-preview-header{display:flex;flex-direction:column;gap:2px}.layout-preview-header strong{font-size:.85rem;color:var(--md-sys-color-on-surface)}.layout-preview-header span{font-size:.78rem;color:var(--md-sys-color-on-surface-variant)}.layout-mini-grid{display:grid;gap:6px;min-width:0}.layout-mini-grid span{display:block;min-width:0;padding:6px 8px;border-radius:6px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:.75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-header{display:flex;align-items:center;gap:8px}.spacer{flex:1 1 auto}.new-tag{display:flex;flex-direction:column;gap:8px}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.option-with-preview{display:flex;align-items:center;gap:8px}.preview-card{width:20px;height:20px;background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.preview-frosted{width:20px;height:20px;background:var(--md-sys-color-surface-container);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.toggle-preview-section{margin-bottom:1.5rem;padding:1rem;background:var(--md-sys-color-surface-container-low);border-radius:8px;border:1px solid var(--md-sys-color-outline-variant)}.toggle-preview-section h4{margin:0 0 1rem;font-size:1.1rem;color:var(--md-sys-color-on-surface)}.preview-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.preview-item{text-align:center}.preview-item strong{display:block;margin-bottom:.5rem;font-weight:500}.mock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;padding:8px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:8px;min-height:72px}.mock-grid.with-booleans{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-field{padding:4px 8px;background:var(--md-sys-color-primary-container);border-radius:6px;font-size:.8rem;text-align:center}.mock-actions{display:flex;align-items:center;gap:8px;padding:8px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:8px;min-height:48px}.mock-actions button{width:34px;height:34px}.mock-pill{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-size:.82rem;justify-self:start}.mock-pill.compact{padding-inline:8px;gap:0}.mock-pill mat-slide-toggle{--mdc-switch-selected-track-color: var(--md-sys-color-primary);--mdc-switch-selected-handle-color: var(--md-sys-color-on-primary);transform:scale(.8);pointer-events:none}.mock-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.preview-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;margin-bottom:16px;box-shadow:var(--md-sys-elevation-level1);transition:background-color .3s,color .3s}.preview-section.dark-mode{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline-variant)}.preview-section.dark-mode .preview-label{color:var(--md-sys-color-on-surface-variant)}.preview-controls{display:flex;justify-content:space-between;align-items:center}.preview-label{font-weight:500;font-size:.9rem;color:var(--md-sys-color-on-surface-variant)}.preview-chips{display:flex;justify-content:center;padding:16px 0}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-color: var(--md-sys-color-primary) !important;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=primary] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=accent] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined mat-chip[ng-reflect-color=warn] .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags .mat-mdc-standard-chip .mdc-evolution-chip__text-label{display:flex;align-items:center;gap:4px}.contrast-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:4px;font-size:.85rem}.contrast-warning mat-icon{font-size:20px;width:20px;height:20px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:12px}.preset-card{display:flex;width:100%;flex-direction:column;gap:8px;padding:12px;text-align:left;font:inherit;color:inherit;background:transparent;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;cursor:pointer;transition:all .2s}.preset-card:hover{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline)}.preset-card:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.preset-preview{height:24px;border-radius:4px;background:var(--md-sys-color-surface-variant)}.preset-preview.preview-minimal{background:transparent;border:1px solid var(--md-sys-color-outline)}.preset-preview.preview-primary{background:var(--md-sys-color-primary-container)}.preset-preview.preview-accent{background:var(--md-sys-color-tertiary-container)}.preset-preview.preview-warn{background:var(--md-sys-color-error-container)}.preset-info{display:flex;flex-direction:column}.preset-name{font-weight:500;font-size:.9rem}.preset-desc{font-size:.75rem;opacity:.7}.restore-btn{align-self:flex-start}.metadata-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.metadata-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.metadata-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.metadata-card-title{display:flex;flex-direction:column;min-width:0}.metadata-card-title strong{font-size:.92rem;color:var(--md-sys-color-on-surface)}.metadata-card-title span{font-size:.78rem;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metadata-card-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.metadata-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-size:.78rem;font-weight:500;padding:2px 8px;white-space:nowrap}.metadata-chip-override{border-color:color-mix(in srgb,var(--md-sys-color-primary) 40%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 38%,var(--md-sys-color-surface-container))}.metadata-card-summary{margin:0;font-size:.8rem;color:var(--md-sys-color-on-surface-variant)}.metadata-card-actions{display:flex;flex-wrap:wrap;gap:6px}.metadata-card-actions button{display:inline-flex;align-items:center;gap:4px}.metadata-card-actions button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:1px}:host ::ng-deep .metadata-card-actions button[disabled]{opacity:.62}.json-tip{margin:6px 0 0;font-size:.85rem;color:var(--md-sys-color-on-surface-variant)}.json-error{margin-top:6px;font-size:.85rem;color:var(--md-sys-color-error)}@media(prefers-reduced-motion:reduce){.always-visible-section-anchor{animation:none;opacity:1;transform:none}.always-visible-quick-nav button{transition:none}}@media(max-width:680px){.order-layout-toolbar{flex-direction:column;align-items:stretch}.order-viewport-caption{align-self:flex-start}.order-layout-viewport{padding:8px}.always-visible-context{position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.always-visible-summary{grid-template-columns:1fr}.always-visible-quick-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.order-pill{width:100%;max-width:100%}.order-pill-label{max-width:none}.order-pill-badges{display:none}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }], propDecorators: { metadata: [{
                 type: Input
             }], metadataSource: [{
@@ -29744,7 +29880,7 @@ const DEFAULT_I18N = {
     shortcutRemoved: 'Atalho removido',
     undo: 'Desfazer',
 };
-const { SELECT: FILTER_INLINE_SELECT_CONTROL_TYPE, SEARCHABLE_SELECT: FILTER_INLINE_SEARCHABLE_SELECT_CONTROL_TYPE, MULTI_SELECT: FILTER_INLINE_MULTI_SELECT_CONTROL_TYPE, INPUT: FILTER_INLINE_INPUT_CONTROL_TYPE, TOGGLE: FILTER_INLINE_TOGGLE_CONTROL_TYPE, RANGE: FILTER_INLINE_RANGE_CONTROL_TYPE, DATE: FILTER_INLINE_DATE_CONTROL_TYPE, DATE_RANGE: FILTER_INLINE_DATE_RANGE_CONTROL_TYPE, ASYNC_SELECT: FILTER_INLINE_ASYNC_SELECT_CONTROL_TYPE, ENTITY_LOOKUP: FILTER_INLINE_ENTITY_LOOKUP_CONTROL_TYPE, AUTOCOMPLETE: FILTER_INLINE_AUTOCOMPLETE_CONTROL_TYPE, NUMBER: FILTER_INLINE_NUMBER_CONTROL_TYPE, CURRENCY: FILTER_INLINE_CURRENCY_CONTROL_TYPE, CURRENCY_RANGE: FILTER_INLINE_CURRENCY_RANGE_CONTROL_TYPE, TIME: FILTER_INLINE_TIME_CONTROL_TYPE, TIME_RANGE: FILTER_INLINE_TIME_RANGE_CONTROL_TYPE, TREE_SELECT: FILTER_INLINE_TREE_SELECT_CONTROL_TYPE, RATING: FILTER_INLINE_RATING_CONTROL_TYPE, DISTANCE_RADIUS: FILTER_INLINE_DISTANCE_RADIUS_CONTROL_TYPE, PIPELINE_STATUS: FILTER_INLINE_PIPELINE_STATUS_CONTROL_TYPE, SCORE_PRIORITY: FILTER_INLINE_SCORE_PRIORITY_CONTROL_TYPE, RELATIVE_PERIOD: FILTER_INLINE_RELATIVE_PERIOD_CONTROL_TYPE, SENTIMENT: FILTER_INLINE_SENTIMENT_CONTROL_TYPE, COLOR_LABEL: FILTER_INLINE_COLOR_LABEL_CONTROL_TYPE, } = INLINE_FILTER_CONTROL_TYPES;
+const { SELECT: INLINE_SELECT_CONTROL_TYPE, SEARCHABLE_SELECT: INLINE_SEARCHABLE_SELECT_CONTROL_TYPE, MULTI_SELECT: INLINE_MULTI_SELECT_CONTROL_TYPE, INPUT: INLINE_INPUT_CONTROL_TYPE, TOGGLE: INLINE_TOGGLE_CONTROL_TYPE, RANGE: INLINE_RANGE_CONTROL_TYPE, DATE: INLINE_DATE_CONTROL_TYPE, DATE_RANGE: INLINE_DATE_RANGE_CONTROL_TYPE, ASYNC_SELECT: INLINE_ASYNC_SELECT_CONTROL_TYPE, ENTITY_LOOKUP: INLINE_ENTITY_LOOKUP_CONTROL_TYPE, AUTOCOMPLETE: INLINE_AUTOCOMPLETE_CONTROL_TYPE, NUMBER: INLINE_NUMBER_CONTROL_TYPE, CURRENCY: INLINE_CURRENCY_CONTROL_TYPE, CURRENCY_RANGE: INLINE_CURRENCY_RANGE_CONTROL_TYPE, TIME: INLINE_TIME_CONTROL_TYPE, TIME_RANGE: INLINE_TIME_RANGE_CONTROL_TYPE, TREE_SELECT: INLINE_TREE_SELECT_CONTROL_TYPE, RATING: INLINE_RATING_CONTROL_TYPE, DISTANCE_RADIUS: INLINE_DISTANCE_RADIUS_CONTROL_TYPE, PIPELINE_STATUS: INLINE_PIPELINE_STATUS_CONTROL_TYPE, SCORE_PRIORITY: INLINE_SCORE_PRIORITY_CONTROL_TYPE, RELATIVE_PERIOD: INLINE_RELATIVE_PERIOD_CONTROL_TYPE, SENTIMENT: INLINE_SENTIMENT_CONTROL_TYPE, COLOR_LABEL: INLINE_COLOR_LABEL_CONTROL_TYPE, } = INLINE_FILTER_CONTROL_TYPES;
 const INLINE_DATE_RANGE_CORPORATE_SHORTCUTS = [
     'today',
     'thisWeek',
@@ -31307,9 +31443,6 @@ class PraxisFilter {
             return false;
         if (definition.filterable === true)
             return true;
-        const filterControlTypeToken = normalizeControlTypeToken(definition.filterControlType || '');
-        if (filterControlTypeToken)
-            return true;
         const controlTypeToken = normalizeControlTypeToken(definition.controlType || '');
         return controlTypeToken.startsWith('filter');
     }
@@ -31551,12 +31684,7 @@ class PraxisFilter {
                 normalizedControlType === 'autocomplete' ||
                 normalizedControlType === 'auto-complete' ||
                 controlTypeToken === 'autocomplete';
-            const isEntityLookup = normalizedControlType === FILTER_INLINE_ENTITY_LOOKUP_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-entity-lookup' ||
-                controlTypeToken === 'filterentitylookupinline' ||
-                controlTypeToken === 'filterinlineentitylookup' ||
-                controlTypeToken === 'entitylookupinline' ||
-                controlTypeToken === 'entitylookup' ||
+            const isEntityLookup = normalizedControlType === INLINE_ENTITY_LOOKUP_CONTROL_TYPE ||
                 meta?.entityLookup === true;
             const isNumeric = controlType === FieldControlType.NUMERIC_TEXT_BOX ||
                 normalizedControlType === 'numerictextbox' ||
@@ -31594,46 +31722,16 @@ class PraxisFilter {
                 normalizedControlType === 'tree-select' ||
                 controlTypeToken === 'treeselect' ||
                 controlTypeToken === 'treeview';
-            const isInlineTimeExplicit = normalizedControlType === FILTER_INLINE_TIME_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-time' ||
-                controlTypeToken === 'filtertimeinline' ||
-                controlTypeToken === 'filterinlinetime';
-            const isInlineTimeRangeExplicit = normalizedControlType === FILTER_INLINE_TIME_RANGE_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-time-range' ||
-                controlTypeToken === 'filtertimerangeinline' ||
-                controlTypeToken === 'filterinlinetimerange';
-            const isInlineTreeSelectExplicit = normalizedControlType === FILTER_INLINE_TREE_SELECT_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-tree-select' ||
-                controlTypeToken === 'filtertreeselectinline' ||
-                controlTypeToken === 'filterinlinetreeselect';
-            const isInlineRatingExplicit = normalizedControlType === FILTER_INLINE_RATING_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-rating' ||
-                controlTypeToken === 'filterratinginline' ||
-                controlTypeToken === 'filterinlinerating';
-            const isInlineDistanceRadiusExplicit = normalizedControlType === FILTER_INLINE_DISTANCE_RADIUS_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-distance-radius' ||
-                controlTypeToken === 'filterdistanceradiusinline' ||
-                controlTypeToken === 'filterinlinedistanceradius';
-            const isInlinePipelineStatusExplicit = normalizedControlType === FILTER_INLINE_PIPELINE_STATUS_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-pipeline-status' ||
-                controlTypeToken === 'filterpipelinestatusinline' ||
-                controlTypeToken === 'filterinlinepipelinestatus';
-            const isInlineScorePriorityExplicit = normalizedControlType === FILTER_INLINE_SCORE_PRIORITY_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-score-priority' ||
-                controlTypeToken === 'filterscorepriorityinline' ||
-                controlTypeToken === 'filterinlinescorepriority';
-            const isInlineRelativePeriodExplicit = normalizedControlType === FILTER_INLINE_RELATIVE_PERIOD_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-relative-period' ||
-                controlTypeToken === 'filterrelativeperiodinline' ||
-                controlTypeToken === 'filterinlinerelativeperiod';
-            const isInlineSentimentExplicit = normalizedControlType === FILTER_INLINE_SENTIMENT_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-sentiment' ||
-                controlTypeToken === 'filtersentimentinline' ||
-                controlTypeToken === 'filterinlinesentiment';
-            const isInlineColorLabelExplicit = normalizedControlType === FILTER_INLINE_COLOR_LABEL_CONTROL_TYPE ||
-                normalizedControlType === 'filter-inline-color-label' ||
-                controlTypeToken === 'filtercolorlabelinline' ||
-                controlTypeToken === 'filterinlinecolorlabel';
+            const isInlineTimeExplicit = normalizedControlType === INLINE_TIME_CONTROL_TYPE;
+            const isInlineTimeRangeExplicit = normalizedControlType === INLINE_TIME_RANGE_CONTROL_TYPE;
+            const isInlineTreeSelectExplicit = normalizedControlType === INLINE_TREE_SELECT_CONTROL_TYPE;
+            const isInlineRatingExplicit = normalizedControlType === INLINE_RATING_CONTROL_TYPE;
+            const isInlineDistanceRadiusExplicit = normalizedControlType === INLINE_DISTANCE_RADIUS_CONTROL_TYPE;
+            const isInlinePipelineStatusExplicit = normalizedControlType === INLINE_PIPELINE_STATUS_CONTROL_TYPE;
+            const isInlineScorePriorityExplicit = normalizedControlType === INLINE_SCORE_PRIORITY_CONTROL_TYPE;
+            const isInlineRelativePeriodExplicit = normalizedControlType === INLINE_RELATIVE_PERIOD_CONTROL_TYPE;
+            const isInlineSentimentExplicit = normalizedControlType === INLINE_SENTIMENT_CONTROL_TYPE;
+            const isInlineColorLabelExplicit = normalizedControlType === INLINE_COLOR_LABEL_CONTROL_TYPE;
             const shouldUseInlineSearchableSelect = this.useInlineSearchableSelectVariant && isSearchableSelect;
             const shouldUseInlineAsyncSelect = this.useInlineSearchableSelectVariant && isAsyncSelect;
             const shouldUseInlineAutocomplete = this.useInlineSearchableSelectVariant && isAutocomplete;
@@ -31683,53 +31781,53 @@ class PraxisFilter {
             const shouldUseInlineTimeRange = isInlineTimeRangeExplicit || (this.useInlineTimeRangeVariant && isTimeRange);
             const shouldUseInlineTreeSelect = isInlineTreeSelectExplicit || (this.useInlineTreeSelectVariant && isTreeSelect);
             const inlineControlType = shouldUseInlineEntityLookup
-                ? FILTER_INLINE_ENTITY_LOOKUP_CONTROL_TYPE
+                ? INLINE_ENTITY_LOOKUP_CONTROL_TYPE
                 : shouldUseInlineAsyncSelect
-                    ? FILTER_INLINE_ASYNC_SELECT_CONTROL_TYPE
+                    ? INLINE_ASYNC_SELECT_CONTROL_TYPE
                     : shouldUseInlineAutocomplete
-                        ? FILTER_INLINE_AUTOCOMPLETE_CONTROL_TYPE
+                        ? INLINE_AUTOCOMPLETE_CONTROL_TYPE
                         : shouldUseInlineSearchableSelect
-                            ? FILTER_INLINE_SEARCHABLE_SELECT_CONTROL_TYPE
+                            ? INLINE_SEARCHABLE_SELECT_CONTROL_TYPE
                             : shouldUseInlineSelect
-                                ? FILTER_INLINE_SELECT_CONTROL_TYPE
+                                ? INLINE_SELECT_CONTROL_TYPE
                                 : shouldUseInlineMultiSelect
-                                    ? FILTER_INLINE_MULTI_SELECT_CONTROL_TYPE
+                                    ? INLINE_MULTI_SELECT_CONTROL_TYPE
                                     : shouldUseInlineInput
-                                        ? FILTER_INLINE_INPUT_CONTROL_TYPE
+                                        ? INLINE_INPUT_CONTROL_TYPE
                                         : shouldUseInlineNumber
-                                            ? FILTER_INLINE_NUMBER_CONTROL_TYPE
+                                            ? INLINE_NUMBER_CONTROL_TYPE
                                             : shouldUseInlineCurrency
-                                                ? FILTER_INLINE_CURRENCY_CONTROL_TYPE
+                                                ? INLINE_CURRENCY_CONTROL_TYPE
                                                 : shouldUseInlineCurrencyRange
-                                                    ? FILTER_INLINE_CURRENCY_RANGE_CONTROL_TYPE
+                                                    ? INLINE_CURRENCY_RANGE_CONTROL_TYPE
                                                     : shouldUseInlineRating
-                                                        ? FILTER_INLINE_RATING_CONTROL_TYPE
+                                                        ? INLINE_RATING_CONTROL_TYPE
                                                         : shouldUseInlineDistanceRadius
-                                                            ? FILTER_INLINE_DISTANCE_RADIUS_CONTROL_TYPE
+                                                            ? INLINE_DISTANCE_RADIUS_CONTROL_TYPE
                                                             : isInlinePipelineStatusExplicit
-                                                                ? FILTER_INLINE_PIPELINE_STATUS_CONTROL_TYPE
+                                                                ? INLINE_PIPELINE_STATUS_CONTROL_TYPE
                                                                 : isInlineScorePriorityExplicit
-                                                                    ? FILTER_INLINE_SCORE_PRIORITY_CONTROL_TYPE
+                                                                    ? INLINE_SCORE_PRIORITY_CONTROL_TYPE
                                                                     : isInlineRelativePeriodExplicit
-                                                                        ? FILTER_INLINE_RELATIVE_PERIOD_CONTROL_TYPE
+                                                                        ? INLINE_RELATIVE_PERIOD_CONTROL_TYPE
                                                                         : isInlineSentimentExplicit
-                                                                            ? FILTER_INLINE_SENTIMENT_CONTROL_TYPE
+                                                                            ? INLINE_SENTIMENT_CONTROL_TYPE
                                                                             : isInlineColorLabelExplicit
-                                                                                ? FILTER_INLINE_COLOR_LABEL_CONTROL_TYPE
+                                                                                ? INLINE_COLOR_LABEL_CONTROL_TYPE
                                                                                 : shouldUseInlineToggle
-                                                                                    ? FILTER_INLINE_TOGGLE_CONTROL_TYPE
+                                                                                    ? INLINE_TOGGLE_CONTROL_TYPE
                                                                                     : shouldUseInlineRange
-                                                                                        ? FILTER_INLINE_RANGE_CONTROL_TYPE
+                                                                                        ? INLINE_RANGE_CONTROL_TYPE
                                                                                         : shouldUseInlineDate
-                                                                                            ? FILTER_INLINE_DATE_CONTROL_TYPE
+                                                                                            ? INLINE_DATE_CONTROL_TYPE
                                                                                             : shouldUseInlineDateRange
-                                                                                                ? FILTER_INLINE_DATE_RANGE_CONTROL_TYPE
+                                                                                                ? INLINE_DATE_RANGE_CONTROL_TYPE
                                                                                                 : shouldUseInlineTime
-                                                                                                    ? FILTER_INLINE_TIME_CONTROL_TYPE
+                                                                                                    ? INLINE_TIME_CONTROL_TYPE
                                                                                                     : shouldUseInlineTimeRange
-                                                                                                        ? FILTER_INLINE_TIME_RANGE_CONTROL_TYPE
+                                                                                                        ? INLINE_TIME_RANGE_CONTROL_TYPE
                                                                                                         : shouldUseInlineTreeSelect
-                                                                                                            ? FILTER_INLINE_TREE_SELECT_CONTROL_TYPE
+                                                                                                            ? INLINE_TREE_SELECT_CONTROL_TYPE
                                                                                                             : controlType;
             const supportsInlineClear = supportsClearButtonControlType(inlineControlType) ||
                 supportsClearButtonControlType(controlType);
@@ -31784,7 +31882,7 @@ class PraxisFilter {
         // Separar toggles (booleans simples) para a faixa de ações, se habilitado
         const isToggle = (m) => {
             const ct = String(m.controlType || '').toLowerCase();
-            return ct === String(FieldControlType.TOGGLE).toLowerCase() || ct === FILTER_INLINE_TOGGLE_CONTROL_TYPE;
+            return ct === String(FieldControlType.TOGGLE).toLowerCase() || ct === INLINE_TOGGLE_CONTROL_TYPE;
         };
         const applyToggleDisplayPrefs = (m) => {
             if (!isToggle(m))
@@ -31954,6 +32052,13 @@ class PraxisFilter {
         return ordered;
     }
     withInferredFilterControlType(meta) {
+        const explicitControlType = resolveInlineFilterControlType(meta?.controlType);
+        if (explicitControlType) {
+            return {
+                ...meta,
+                controlType: explicitControlType,
+            };
+        }
         const current = meta?.controlType;
         if (current)
             return meta;
@@ -33195,7 +33300,7 @@ class PraxisFilter {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilter, deps: [{ token: i1.GenericCrudService }, { token: ASYNC_CONFIG_STORAGE }, { token: i0.DestroyRef }, { token: FilterConfigService }, { token: i3$1.SettingsPanelService }, { token: i2$1.MatSnackBar }, { token: i1$3.MatDialog }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.DynamicFormService }, { token: i1.SchemaNormalizerService }, { token: i1.ComponentKeyService }, { token: i6$2.ActivatedRoute, optional: true }, { token: i1.LoggerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisFilter, isStandalone: true, selector: "praxis-filter", inputs: { resourcePath: "resourcePath", fieldMetadata: "fieldMetadata", filterId: "filterId", formId: "formId", componentInstanceId: "componentInstanceId", mode: "mode", notifyIfOutdated: "notifyIfOutdated", snoozeMs: "snoozeMs", autoOpenSettingsOnOutdated: "autoOpenSettingsOnOutdated", editModeEnabled: "editModeEnabled", value: "value", alwaysVisibleFields: "alwaysVisibleFields", alwaysVisibleFieldMetadataOverrides: "alwaysVisibleFieldMetadataOverrides", selectedFieldIds: "selectedFieldIds", tags: "tags", allowSaveTags: "allowSaveTags", persistenceKey: "persistenceKey", i18n: "i18n", changeDebounceMs: "changeDebounceMs", showFilterSettings: "showFilterSettings", confirmTagDelete: "confirmTagDelete", placeBooleansInActions: "placeBooleansInActions", showToggleLabels: "showToggleLabels", useInlineSelectVariant: "useInlineSelectVariant", useInlineSearchableSelectVariant: "useInlineSearchableSelectVariant", useInlineMultiSelectVariant: "useInlineMultiSelectVariant", useInlineInputVariant: "useInlineInputVariant", useInlineToggleVariant: "useInlineToggleVariant", useInlineRangeVariant: "useInlineRangeVariant", useInlineDateVariant: "useInlineDateVariant", useInlineDateRangeVariant: "useInlineDateRangeVariant", useInlineTimeVariant: "useInlineTimeVariant", useInlineTimeRangeVariant: "useInlineTimeRangeVariant", useInlineTreeSelectVariant: "useInlineTreeSelectVariant", alwaysMinWidth: "alwaysMinWidth", alwaysColsMd: "alwaysColsMd", alwaysColsLg: "alwaysColsLg", tagColor: "tagColor", tagVariant: "tagVariant", tagButtonColor: "tagButtonColor", actionsButtonColor: "actionsButtonColor", actionsVariant: "actionsVariant", overlayVariant: "overlayVariant", overlayBackdrop: "overlayBackdrop", advancedOpenMode: "advancedOpenMode", advancedClearButtonsEnabled: "advancedClearButtonsEnabled" }, outputs: { submit: "submit", change: "change", clear: "clear", modeChange: "modeChange", requestSearch: "requestSearch", tagsChange: "tagsChange", selectedFieldIdsChange: "selectedFieldIdsChange", metaChanged: "metaChanged", schemaStatusChange: "schemaStatusChange" }, host: { listeners: { "window:resize": "onWindowResize()", "document:keydown": "onGlobalKeydown($event)" }, properties: { "style.--pfx-always-min": "alwaysMinWidth + \"px\"", "style.--pfx-always-cols-md": "alwaysColsMd", "style.--pfx-always-cols-lg": "alwaysColsLg" } }, viewQueries: [{ propertyName: "anchorRef", first: true, predicate: ["anchorRef"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "addAnchor", first: true, predicate: ["addAnchor"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "advancedButton", first: true, predicate: ["advancedButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<mat-progress-bar *ngIf=\"saving\" mode=\"indeterminate\"></mat-progress-bar>\n<div class=\"schema-error-banner\" *ngIf=\"schemaError\" role=\"alert\" aria-live=\"polite\">\n  <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n  <span class=\"schema-error-message\">{{ i18nLabels.errorLoadingFilters || 'Erro ao carregar filtros.' }}</span>\n  <button\n    mat-stroked-button\n    class=\"schema-error-retry\"\n    type=\"button\"\n    (click)=\"retrySchemaLoad()\"\n    [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n  >\n    {{ i18nLabels.retry || 'Tentar novamente' }}\n  </button>\n</div>\n\n<form class=\"praxis-filter-bar\" [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"compactSelectedMetas.length || compactAlwaysVisibleMetas.length\"\n  (submit)=\"onSubmit(); $event.preventDefault()\">\n  <div class=\"inline-actions\" [class.actions-outlined]=\"actionsVariant==='outlined'\">\n    <div class=\"actions-anchor\" #anchorRef=\"cdkOverlayOrigin\" cdkOverlayOrigin></div>\n    <div class=\"inline-toggles\" *ngIf=\"toggleMetas.length\">\n      <ng-container dynamicFieldLoader [fields]=\"toggleMetas\" [formGroup]=\"alwaysForm\"\n        (componentsCreated)=\"onToggleComponents($event)\"></ng-container>\n    </div>\n\n    <div class=\"action-cluster action-cluster--manage\">\n      <button #advancedButton mat-icon-button class=\"cluster-btn\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\" type=\"button\"\n        [matBadge]=\"activeFiltersCount\" [matBadgeHidden]=\"!activeFiltersCount\" matBadgeSize=\"small\"\n        matBadgeColor=\"primary\" [matBadgeOverlap]=\"false\" (click)=\"toggleAdvanced()\"\n        [attr.aria-label]=\"getAdvancedAriaLabel()\" [attr.aria-expanded]=\"advancedOpen\"\n        [matTooltip]=\"getAdvancedTooltip()\"\n        matTooltipPosition=\"below\"\n        [attr.aria-controls]=\"advancedPanelId\">\n        <mat-icon [praxisIcon]=\"'filter_list'\"></mat-icon>\n      </button>\n\n      <button mat-icon-button class=\"cluster-btn\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\" [attr.aria-label]=\"getAddAriaLabel()\" [matTooltip]=\"getAddTooltip()\"\n        matTooltipPosition=\"below\" [matBadge]=\"selectedFieldIds.length || 0\"\n        [matBadgeHidden]=\"!(selectedFieldIds.length)\" matBadgeSize=\"small\" matBadgeColor=\"primary\"\n        [matBadgeOverlap]=\"false\" (click)=\"addSelect.open()\">\n        <mat-icon [praxisIcon]=\"'add'\"></mat-icon>\n      </button>\n\n      <mat-select #addSelect multiple panelClass=\"praxis-add-select-panel\" panelWidth=\"min(340px, calc(100vw - 24px))\" [value]=\"selectedFieldIds\"\n        class=\"cluster-select cluster-select--hidden\"\n        [aria-label]=\"getAddAriaLabel()\" (openedChange)=\"onAddOpened($event)\"\n        (selectionChange)=\"onAddSelectionChange(addSelect.value)\">\n        <mat-option disabled class=\"add-search\">\n          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n            <mat-label>{{ i18nLabels.filtersSearch || i18nLabels.searchPlaceholder }}</mat-label>\n            <input matInput (input)=\"onAddQuery(($any($event.target)).value)\" />\n          </mat-form-field>\n        </mat-option>\n        <mat-option class=\"add-select-all\" (click)=\"toggleSelectAll()\"\n          [class.partial]=\"isSomeSelected() && !isAllSelected()\">\n          {{ i18nLabels.selectAll || 'Selecionar todos' }}<span class=\"select-all-partial\" *ngIf=\"isSomeSelected() && !isAllSelected()\">\n            {{ i18nLabels.selectAllPartial || '(parcial)' }}</span>\n        </mat-option>\n        <mat-option *ngFor=\"let it of addItems; trackBy: trackById\" [value]=\"it.id\">\n          {{ it.label }}\n        </mat-option>\n      </mat-select>\n\n      <button mat-icon-button class=\"cluster-btn separator-before\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\" (click)=\"openSettings()\" *ngIf=\"showFilterSettings\" [matBadge]=\"schemaOutdated ? '!' : ''\"\n        [matBadgeHidden]=\"!schemaOutdated\" matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n        [matTooltip]=\"getSettingsTooltip()\"\n        matTooltipPosition=\"below\" [attr.aria-label]=\"getSettingsAriaLabel()\">\n        <mat-icon [praxisIcon]=\"'settings'\"></mat-icon>\n      </button>\n    </div>\n\n    <span class=\"sr-only\" aria-live=\"polite\">{{ getAddAriaLabel() }}</span>\n  </div>\n\n  <div class=\"compact-fields\" *ngIf=\"compactSelectedMetas.length || compactAlwaysVisibleMetas.length\">\n    <ng-container *ngIf=\"compactSelectedMetas.length\" dynamicFieldLoader [fields]=\"compactSelectedMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onSelectedComponents($event)\"></ng-container>\n    <ng-container *ngIf=\"compactAlwaysVisibleMetas.length\" dynamicFieldLoader [fields]=\"compactAlwaysVisibleMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onAlwaysComponents($event)\"></ng-container>\n  </div>\n\n  <div class=\"fields-grid\" *ngIf=\"gridSelectedMetas.length || gridAlwaysVisibleMetas.length\">\n    <ng-container *ngIf=\"gridSelectedMetas.length\" dynamicFieldLoader [fields]=\"gridSelectedMetas\" [formGroup]=\"alwaysForm\"\n      (componentsCreated)=\"onSelectedComponents($event)\"></ng-container>\n    <ng-container *ngIf=\"gridAlwaysVisibleMetas.length\" dynamicFieldLoader [fields]=\"gridAlwaysVisibleMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onAlwaysComponents($event)\"></ng-container>\n  </div>\n\n  <span class=\"sr-only\" aria-live=\"polite\">\n    {{ activeFiltersCount ? (activeFiltersCount + ' filtros ativos') : '' }}\n  </span>\n  <button type=\"submit\" class=\"hidden-submit\" aria-hidden=\"true\" tabindex=\"-1\"></button>\n</form>\n\n<div class=\"praxis-filter-tags\" *ngIf=\"displayedTags.length\" [class.outlined]=\"tagVariant==='outlined'\">\n  <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n    <mat-chip *ngFor=\"let tag of displayedTags\" [class.active]=\"isActiveTag(tag)\"\n      [color]=\"tagVariant === 'outlined' ? null : (isActiveTag(tag) ? 'accent' : (tagColor === 'basic' ? null : tagColor))\"\n      [highlighted]=\"tagVariant === 'filled' && tagColor !== 'basic'\" (click)=\"applyTag(tag)\"\n      (keydown.enter)=\"applyTag(tag)\" (keydown.space)=\"applyTag(tag)\" tabindex=\"0\" role=\"button\"\n      [attr.aria-pressed]=\"isActiveTag(tag)\">\n      <ng-container *ngIf=\"editingTagId !== tag.id; else editChip\">\n        <span class=\"chip-leading\" *ngIf=\"isActiveTag(tag)\">\n          <mat-icon class=\"leading-check\">check</mat-icon>\n        </span>\n        <span class=\"chip-label\">{{ tag.label }}</span>\n        <span class=\"chip-trailing\" *ngIf=\"isUserTag(tag); else roTag\">\n          <button mat-icon-button [color]=\"tagButtonColor === 'basic' ? null : tagButtonColor\"\n            [matMenuTriggerFor]=\"tagMenu\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getTagActionsAriaLabel(tag)\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n            <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n              <mat-icon>edit</mat-icon>\n              <span>{{ i18nLabels.renameShortcut }}</span>\n            </button>\n            <button mat-menu-item (click)=\"deleteTag(tag)\">\n              <mat-icon>delete</mat-icon>\n              <span>{{ i18nLabels.removeShortcut }}</span>\n            </button>\n          </mat-menu>\n        </span>\n        <ng-template #roTag>\n          <span class=\"chip-readonly\" [matTooltip]=\"i18nLabels.readonlyShortcut\">\n            <mat-icon>lock</mat-icon>\n          </span>\n        </ng-template>\n      </ng-container>\n      <ng-template #editChip>\n        <input matInput class=\"chip-editor\" [formControl]=\"editingTagLabel\" autofocus\n          [matTooltip]=\"'Enter para salvar, Esc para cancelar'\" matTooltipPosition=\"below\"\n          (keydown.enter)=\"commitEditTag(tag, $event)\" (keydown.escape)=\"cancelEditTag($event)\"\n          (blur)=\"commitEditTag(tag, $event)\" (click)=\"$event.stopPropagation()\" />\n      </ng-template>\n    </mat-chip>\n  </mat-chip-set>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--pfx-filter-h: 38px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var(--md-sys-color-outline)}:host{--border-color: var(--md-sys-color-outline-variant);--border-color-hover: var(--md-sys-color-outline);--pfx-overlay-surface: var(--md-sys-color-surface-container);--pfx-overlay-surface-elev: var(--md-sys-color-surface-container-high);--pfx-overlay-surface-variant: var(--md-sys-color-surface-variant);--pfx-overlay-on-surface: var(--md-sys-color-on-surface);--pfx-overlay-on-surface-variant: var(--md-sys-color-on-surface-variant);display:block;width:100%;min-width:0;flex:1 1 auto}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:start}.inline-actions .actions-anchor{width:0;height:0;overflow:hidden}.inline-actions{grid-column:2;grid-row:1;flex:0 0 auto;display:flex;gap:6px;justify-self:end;align-self:start;width:fit-content;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;border-color:color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high)}:host ::ng-deep .action-cluster .mat-mdc-icon-button,:host ::ng-deep .action-cluster .cluster-btn.mat-mdc-icon-button{width:32px;height:32px;padding:0;--mat-icon-button-state-layer-size: 32px}.inline-actions.actions-outlined button.mat-mdc-icon-button{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button.mat-mdc-icon-button{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:center;gap:6px;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=filter-date-range-inline] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:1}.praxis-filter-bar.has-compact .fields-grid{grid-column:1/-1;grid-row:2}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-select-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-select-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-searchable-select-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-searchable-select-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-multiselect-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-multiselect-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-input-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-input-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-toggle-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-toggle-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-range-inline]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=filter-range-inline]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-date-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-date-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-date-range-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-date-range-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-color: var(--md-sys-color-primary) !important;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags .mat-mdc-standard-chip .mdc-evolution-chip__text-label{display:flex;align-items:center;justify-content:center;gap:4px;line-height:1.2;font-size:.875rem}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing{display:inline-flex;align-items:center}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .chip-label{position:relative;top:-6px}.praxis-filter-tags .chip-trailing .mat-mdc-icon-button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;line-height:28px}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: 36px}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var(--pfx-overlay-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@media(min-width:600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.fields-grid{gap:6px 10px}}@media(min-width:1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}:host ::ng-deep .praxis-add-select-panel{width:min(340px,100vw - 24px)!important;min-width:min(280px,100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px);margin-top:8px;padding:6px 0;border-radius:14px;overflow:auto;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));box-shadow:var(--md-sys-elevation-level3)}:host ::ng-deep .cdk-overlay-pane:has(.praxis-add-select-panel){width:auto!important;min-width:0!important;max-width:calc(100vw - 24px)!important}:host ::ng-deep .praxis-add-select-panel .mat-mdc-option{min-height:36px}:host ::ng-deep .praxis-add-select-panel .add-search{position:sticky;top:0;background:var(--md-sys-color-surface-container-highest);z-index:1;padding:0 8px 6px;cursor:default}:host ::ng-deep .praxis-add-select-panel .add-search .mat-mdc-form-field{width:100%}:host ::ng-deep .praxis-add-select-panel .add-search .mat-mdc-form-field-subscript-wrapper{display:none}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:32px;width:100%;max-width:100%;min-width:0;padding:0 10px;border-radius:0;border:0;background:transparent;overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:32px;min-width:32px;padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}:host ::ng-deep .praxis-add-select-panel .add-select-all.partial .select-all-partial{opacity:.7;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i15.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i15.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i15$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i15$4.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i17.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i17.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i17.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i11$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisFilter, isStandalone: true, selector: "praxis-filter", inputs: { resourcePath: "resourcePath", fieldMetadata: "fieldMetadata", filterId: "filterId", formId: "formId", componentInstanceId: "componentInstanceId", mode: "mode", notifyIfOutdated: "notifyIfOutdated", snoozeMs: "snoozeMs", autoOpenSettingsOnOutdated: "autoOpenSettingsOnOutdated", editModeEnabled: "editModeEnabled", value: "value", alwaysVisibleFields: "alwaysVisibleFields", alwaysVisibleFieldMetadataOverrides: "alwaysVisibleFieldMetadataOverrides", selectedFieldIds: "selectedFieldIds", tags: "tags", allowSaveTags: "allowSaveTags", persistenceKey: "persistenceKey", i18n: "i18n", changeDebounceMs: "changeDebounceMs", showFilterSettings: "showFilterSettings", confirmTagDelete: "confirmTagDelete", placeBooleansInActions: "placeBooleansInActions", showToggleLabels: "showToggleLabels", useInlineSelectVariant: "useInlineSelectVariant", useInlineSearchableSelectVariant: "useInlineSearchableSelectVariant", useInlineMultiSelectVariant: "useInlineMultiSelectVariant", useInlineInputVariant: "useInlineInputVariant", useInlineToggleVariant: "useInlineToggleVariant", useInlineRangeVariant: "useInlineRangeVariant", useInlineDateVariant: "useInlineDateVariant", useInlineDateRangeVariant: "useInlineDateRangeVariant", useInlineTimeVariant: "useInlineTimeVariant", useInlineTimeRangeVariant: "useInlineTimeRangeVariant", useInlineTreeSelectVariant: "useInlineTreeSelectVariant", alwaysMinWidth: "alwaysMinWidth", alwaysColsMd: "alwaysColsMd", alwaysColsLg: "alwaysColsLg", tagColor: "tagColor", tagVariant: "tagVariant", tagButtonColor: "tagButtonColor", actionsButtonColor: "actionsButtonColor", actionsVariant: "actionsVariant", overlayVariant: "overlayVariant", overlayBackdrop: "overlayBackdrop", advancedOpenMode: "advancedOpenMode", advancedClearButtonsEnabled: "advancedClearButtonsEnabled" }, outputs: { submit: "submit", change: "change", clear: "clear", modeChange: "modeChange", requestSearch: "requestSearch", tagsChange: "tagsChange", selectedFieldIdsChange: "selectedFieldIdsChange", metaChanged: "metaChanged", schemaStatusChange: "schemaStatusChange" }, host: { listeners: { "window:resize": "onWindowResize()", "document:keydown": "onGlobalKeydown($event)" }, properties: { "style.--pfx-always-min": "alwaysMinWidth + \"px\"", "style.--pfx-always-cols-md": "alwaysColsMd", "style.--pfx-always-cols-lg": "alwaysColsLg" } }, viewQueries: [{ propertyName: "anchorRef", first: true, predicate: ["anchorRef"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "addAnchor", first: true, predicate: ["addAnchor"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "advancedButton", first: true, predicate: ["advancedButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<mat-progress-bar *ngIf=\"saving\" mode=\"indeterminate\"></mat-progress-bar>\n<div class=\"schema-error-banner\" *ngIf=\"schemaError\" role=\"alert\" aria-live=\"polite\">\n  <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n  <span class=\"schema-error-message\">{{ i18nLabels.errorLoadingFilters || 'Erro ao carregar filtros.' }}</span>\n  <button\n    mat-stroked-button\n    class=\"schema-error-retry\"\n    type=\"button\"\n    (click)=\"retrySchemaLoad()\"\n    [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n  >\n    {{ i18nLabels.retry || 'Tentar novamente' }}\n  </button>\n</div>\n\n<form class=\"praxis-filter-bar\" [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"compactSelectedMetas.length || compactAlwaysVisibleMetas.length\"\n  (submit)=\"onSubmit(); $event.preventDefault()\">\n  <div class=\"inline-actions\" [class.actions-outlined]=\"actionsVariant==='outlined'\">\n    <div class=\"actions-anchor\" #anchorRef=\"cdkOverlayOrigin\" cdkOverlayOrigin></div>\n    <div class=\"inline-toggles\" *ngIf=\"toggleMetas.length\">\n      <ng-container dynamicFieldLoader [fields]=\"toggleMetas\" [formGroup]=\"alwaysForm\"\n        (componentsCreated)=\"onToggleComponents($event)\"></ng-container>\n    </div>\n\n    <div class=\"action-cluster action-cluster--manage\">\n      <button #advancedButton mat-icon-button class=\"cluster-btn\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\" type=\"button\"\n        [matBadge]=\"activeFiltersCount\" [matBadgeHidden]=\"!activeFiltersCount\" matBadgeSize=\"small\"\n        matBadgeColor=\"primary\" [matBadgeOverlap]=\"false\" (click)=\"toggleAdvanced()\"\n        [attr.aria-label]=\"getAdvancedAriaLabel()\" [attr.aria-expanded]=\"advancedOpen\"\n        [matTooltip]=\"getAdvancedTooltip()\"\n        matTooltipPosition=\"below\"\n        [attr.aria-controls]=\"advancedPanelId\">\n        <mat-icon [praxisIcon]=\"'filter_list'\"></mat-icon>\n      </button>\n\n      <button mat-icon-button class=\"cluster-btn\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\" [attr.aria-label]=\"getAddAriaLabel()\" [matTooltip]=\"getAddTooltip()\"\n        matTooltipPosition=\"below\" [matBadge]=\"selectedFieldIds.length || 0\"\n        [matBadgeHidden]=\"!(selectedFieldIds.length)\" matBadgeSize=\"small\" matBadgeColor=\"primary\"\n        [matBadgeOverlap]=\"false\" (click)=\"addSelect.open()\">\n        <mat-icon [praxisIcon]=\"'add'\"></mat-icon>\n      </button>\n\n      <mat-select #addSelect multiple panelClass=\"praxis-add-select-panel\" panelWidth=\"min(340px, calc(100vw - 24px))\" [value]=\"selectedFieldIds\"\n        class=\"cluster-select cluster-select--hidden\"\n        [aria-label]=\"getAddAriaLabel()\" (openedChange)=\"onAddOpened($event)\"\n        (selectionChange)=\"onAddSelectionChange(addSelect.value)\">\n        <mat-option disabled class=\"add-search\">\n          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n            <mat-label>{{ i18nLabels.filtersSearch || i18nLabels.searchPlaceholder }}</mat-label>\n            <input matInput (input)=\"onAddQuery(($any($event.target)).value)\" />\n          </mat-form-field>\n        </mat-option>\n        <mat-option class=\"add-select-all\" (click)=\"toggleSelectAll()\"\n          [class.partial]=\"isSomeSelected() && !isAllSelected()\">\n          {{ i18nLabels.selectAll || 'Selecionar todos' }}<span class=\"select-all-partial\" *ngIf=\"isSomeSelected() && !isAllSelected()\">\n            {{ i18nLabels.selectAllPartial || '(parcial)' }}</span>\n        </mat-option>\n        <mat-option *ngFor=\"let it of addItems; trackBy: trackById\" [value]=\"it.id\">\n          {{ it.label }}\n        </mat-option>\n      </mat-select>\n\n      <button mat-icon-button class=\"cluster-btn separator-before\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\" (click)=\"openSettings()\" *ngIf=\"showFilterSettings\" [matBadge]=\"schemaOutdated ? '!' : ''\"\n        [matBadgeHidden]=\"!schemaOutdated\" matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n        [matTooltip]=\"getSettingsTooltip()\"\n        matTooltipPosition=\"below\" [attr.aria-label]=\"getSettingsAriaLabel()\">\n        <mat-icon [praxisIcon]=\"'settings'\"></mat-icon>\n      </button>\n    </div>\n\n    <span class=\"sr-only\" aria-live=\"polite\">{{ getAddAriaLabel() }}</span>\n  </div>\n\n  <div class=\"compact-fields\" *ngIf=\"compactSelectedMetas.length || compactAlwaysVisibleMetas.length\">\n    <ng-container *ngIf=\"compactSelectedMetas.length\" dynamicFieldLoader [fields]=\"compactSelectedMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onSelectedComponents($event)\"></ng-container>\n    <ng-container *ngIf=\"compactAlwaysVisibleMetas.length\" dynamicFieldLoader [fields]=\"compactAlwaysVisibleMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onAlwaysComponents($event)\"></ng-container>\n  </div>\n\n  <div class=\"fields-grid\" *ngIf=\"gridSelectedMetas.length || gridAlwaysVisibleMetas.length\">\n    <ng-container *ngIf=\"gridSelectedMetas.length\" dynamicFieldLoader [fields]=\"gridSelectedMetas\" [formGroup]=\"alwaysForm\"\n      (componentsCreated)=\"onSelectedComponents($event)\"></ng-container>\n    <ng-container *ngIf=\"gridAlwaysVisibleMetas.length\" dynamicFieldLoader [fields]=\"gridAlwaysVisibleMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onAlwaysComponents($event)\"></ng-container>\n  </div>\n\n  <span class=\"sr-only\" aria-live=\"polite\">\n    {{ activeFiltersCount ? (activeFiltersCount + ' filtros ativos') : '' }}\n  </span>\n  <button type=\"submit\" class=\"hidden-submit\" aria-hidden=\"true\" tabindex=\"-1\"></button>\n</form>\n\n<div class=\"praxis-filter-tags\" *ngIf=\"displayedTags.length\" [class.outlined]=\"tagVariant==='outlined'\">\n  <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n    <mat-chip *ngFor=\"let tag of displayedTags\" [class.active]=\"isActiveTag(tag)\"\n      [color]=\"tagVariant === 'outlined' ? null : (isActiveTag(tag) ? 'accent' : (tagColor === 'basic' ? null : tagColor))\"\n      [highlighted]=\"tagVariant === 'filled' && tagColor !== 'basic'\" (click)=\"applyTag(tag)\"\n      (keydown.enter)=\"applyTag(tag)\" (keydown.space)=\"applyTag(tag)\" tabindex=\"0\" role=\"button\"\n      [attr.aria-pressed]=\"isActiveTag(tag)\">\n      <ng-container *ngIf=\"editingTagId !== tag.id; else editChip\">\n        <span class=\"chip-leading\" *ngIf=\"isActiveTag(tag)\">\n          <mat-icon class=\"leading-check\">check</mat-icon>\n        </span>\n        <span class=\"chip-label\">{{ tag.label }}</span>\n        <span class=\"chip-trailing\" *ngIf=\"isUserTag(tag); else roTag\">\n          <button mat-icon-button [color]=\"tagButtonColor === 'basic' ? null : tagButtonColor\"\n            [matMenuTriggerFor]=\"tagMenu\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getTagActionsAriaLabel(tag)\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n            <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n              <mat-icon>edit</mat-icon>\n              <span>{{ i18nLabels.renameShortcut }}</span>\n            </button>\n            <button mat-menu-item (click)=\"deleteTag(tag)\">\n              <mat-icon>delete</mat-icon>\n              <span>{{ i18nLabels.removeShortcut }}</span>\n            </button>\n          </mat-menu>\n        </span>\n        <ng-template #roTag>\n          <span class=\"chip-readonly\" [matTooltip]=\"i18nLabels.readonlyShortcut\">\n            <mat-icon>lock</mat-icon>\n          </span>\n        </ng-template>\n      </ng-container>\n      <ng-template #editChip>\n        <input matInput class=\"chip-editor\" [formControl]=\"editingTagLabel\" autofocus\n          [matTooltip]=\"'Enter para salvar, Esc para cancelar'\" matTooltipPosition=\"below\"\n          (keydown.enter)=\"commitEditTag(tag, $event)\" (keydown.escape)=\"cancelEditTag($event)\"\n          (blur)=\"commitEditTag(tag, $event)\" (click)=\"$event.stopPropagation()\" />\n      </ng-template>\n    </mat-chip>\n  </mat-chip-set>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--pfx-filter-h: 38px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var(--md-sys-color-outline)}:host{--border-color: var(--md-sys-color-outline-variant);--border-color-hover: var(--md-sys-color-outline);--pfx-overlay-surface: var(--md-sys-color-surface-container);--pfx-overlay-surface-elev: var(--md-sys-color-surface-container-high);--pfx-overlay-surface-variant: var(--md-sys-color-surface-variant);--pfx-overlay-on-surface: var(--md-sys-color-on-surface);--pfx-overlay-on-surface-variant: var(--md-sys-color-on-surface-variant);display:block;width:100%;min-width:0;flex:1 1 auto}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:start}.inline-actions .actions-anchor{width:0;height:0;overflow:hidden}.inline-actions{grid-column:2;grid-row:1;flex:0 0 auto;display:flex;gap:6px;justify-self:end;align-self:start;width:fit-content;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;border-color:color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high)}:host ::ng-deep .action-cluster .mat-mdc-icon-button,:host ::ng-deep .action-cluster .cluster-btn.mat-mdc-icon-button{width:32px;height:32px;padding:0;--mat-icon-button-state-layer-size: 32px}.inline-actions.actions-outlined button.mat-mdc-icon-button{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button.mat-mdc-icon-button{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:center;gap:6px;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:1}.praxis-filter-bar.has-compact .fields-grid{grid-column:1/-1;grid-row:2}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineRange]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineRange]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-color: var(--md-sys-color-primary) !important;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags .mat-mdc-standard-chip .mdc-evolution-chip__text-label{display:flex;align-items:center;justify-content:center;gap:4px;line-height:1.2;font-size:.875rem}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing{display:inline-flex;align-items:center}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .chip-label{position:relative;top:-6px}.praxis-filter-tags .chip-trailing .mat-mdc-icon-button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;line-height:28px}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: 36px}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var(--pfx-overlay-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@media(min-width:600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.fields-grid{gap:6px 10px}}@media(min-width:1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}:host ::ng-deep .praxis-add-select-panel{width:min(340px,100vw - 24px)!important;min-width:min(280px,100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px);margin-top:8px;padding:6px 0;border-radius:14px;overflow:auto;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));box-shadow:var(--md-sys-elevation-level3)}:host ::ng-deep .cdk-overlay-pane:has(.praxis-add-select-panel){width:auto!important;min-width:0!important;max-width:calc(100vw - 24px)!important}:host ::ng-deep .praxis-add-select-panel .mat-mdc-option{min-height:36px}:host ::ng-deep .praxis-add-select-panel .add-search{position:sticky;top:0;background:var(--md-sys-color-surface-container-highest);z-index:1;padding:0 8px 6px;cursor:default}:host ::ng-deep .praxis-add-select-panel .add-search .mat-mdc-form-field{width:100%}:host ::ng-deep .praxis-add-select-panel .add-search .mat-mdc-form-field-subscript-wrapper{display:none}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:32px;width:100%;max-width:100%;min-width:0;padding:0 10px;border-radius:0;border:0;background:transparent;overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:32px;min-width:32px;padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}:host ::ng-deep .praxis-add-select-panel .add-select-all.partial .select-all-partial{opacity:.7;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i15.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i15.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i15$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i15$4.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i17.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i17.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i17.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i11$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilter, decorators: [{
             type: Component,
@@ -33223,7 +33328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[style.--pfx-always-min]': 'alwaysMinWidth + "px"',
                         '[style.--pfx-always-cols-md]': 'alwaysColsMd',
                         '[style.--pfx-always-cols-lg]': 'alwaysColsLg',
-                    }, template: "<mat-progress-bar *ngIf=\"saving\" mode=\"indeterminate\"></mat-progress-bar>\n<div class=\"schema-error-banner\" *ngIf=\"schemaError\" role=\"alert\" aria-live=\"polite\">\n  <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n  <span class=\"schema-error-message\">{{ i18nLabels.errorLoadingFilters || 'Erro ao carregar filtros.' }}</span>\n  <button\n    mat-stroked-button\n    class=\"schema-error-retry\"\n    type=\"button\"\n    (click)=\"retrySchemaLoad()\"\n    [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n  >\n    {{ i18nLabels.retry || 'Tentar novamente' }}\n  </button>\n</div>\n\n<form class=\"praxis-filter-bar\" [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"compactSelectedMetas.length || compactAlwaysVisibleMetas.length\"\n  (submit)=\"onSubmit(); $event.preventDefault()\">\n  <div class=\"inline-actions\" [class.actions-outlined]=\"actionsVariant==='outlined'\">\n    <div class=\"actions-anchor\" #anchorRef=\"cdkOverlayOrigin\" cdkOverlayOrigin></div>\n    <div class=\"inline-toggles\" *ngIf=\"toggleMetas.length\">\n      <ng-container dynamicFieldLoader [fields]=\"toggleMetas\" [formGroup]=\"alwaysForm\"\n        (componentsCreated)=\"onToggleComponents($event)\"></ng-container>\n    </div>\n\n    <div class=\"action-cluster action-cluster--manage\">\n      <button #advancedButton mat-icon-button class=\"cluster-btn\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\" type=\"button\"\n        [matBadge]=\"activeFiltersCount\" [matBadgeHidden]=\"!activeFiltersCount\" matBadgeSize=\"small\"\n        matBadgeColor=\"primary\" [matBadgeOverlap]=\"false\" (click)=\"toggleAdvanced()\"\n        [attr.aria-label]=\"getAdvancedAriaLabel()\" [attr.aria-expanded]=\"advancedOpen\"\n        [matTooltip]=\"getAdvancedTooltip()\"\n        matTooltipPosition=\"below\"\n        [attr.aria-controls]=\"advancedPanelId\">\n        <mat-icon [praxisIcon]=\"'filter_list'\"></mat-icon>\n      </button>\n\n      <button mat-icon-button class=\"cluster-btn\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\" [attr.aria-label]=\"getAddAriaLabel()\" [matTooltip]=\"getAddTooltip()\"\n        matTooltipPosition=\"below\" [matBadge]=\"selectedFieldIds.length || 0\"\n        [matBadgeHidden]=\"!(selectedFieldIds.length)\" matBadgeSize=\"small\" matBadgeColor=\"primary\"\n        [matBadgeOverlap]=\"false\" (click)=\"addSelect.open()\">\n        <mat-icon [praxisIcon]=\"'add'\"></mat-icon>\n      </button>\n\n      <mat-select #addSelect multiple panelClass=\"praxis-add-select-panel\" panelWidth=\"min(340px, calc(100vw - 24px))\" [value]=\"selectedFieldIds\"\n        class=\"cluster-select cluster-select--hidden\"\n        [aria-label]=\"getAddAriaLabel()\" (openedChange)=\"onAddOpened($event)\"\n        (selectionChange)=\"onAddSelectionChange(addSelect.value)\">\n        <mat-option disabled class=\"add-search\">\n          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n            <mat-label>{{ i18nLabels.filtersSearch || i18nLabels.searchPlaceholder }}</mat-label>\n            <input matInput (input)=\"onAddQuery(($any($event.target)).value)\" />\n          </mat-form-field>\n        </mat-option>\n        <mat-option class=\"add-select-all\" (click)=\"toggleSelectAll()\"\n          [class.partial]=\"isSomeSelected() && !isAllSelected()\">\n          {{ i18nLabels.selectAll || 'Selecionar todos' }}<span class=\"select-all-partial\" *ngIf=\"isSomeSelected() && !isAllSelected()\">\n            {{ i18nLabels.selectAllPartial || '(parcial)' }}</span>\n        </mat-option>\n        <mat-option *ngFor=\"let it of addItems; trackBy: trackById\" [value]=\"it.id\">\n          {{ it.label }}\n        </mat-option>\n      </mat-select>\n\n      <button mat-icon-button class=\"cluster-btn separator-before\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\" (click)=\"openSettings()\" *ngIf=\"showFilterSettings\" [matBadge]=\"schemaOutdated ? '!' : ''\"\n        [matBadgeHidden]=\"!schemaOutdated\" matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n        [matTooltip]=\"getSettingsTooltip()\"\n        matTooltipPosition=\"below\" [attr.aria-label]=\"getSettingsAriaLabel()\">\n        <mat-icon [praxisIcon]=\"'settings'\"></mat-icon>\n      </button>\n    </div>\n\n    <span class=\"sr-only\" aria-live=\"polite\">{{ getAddAriaLabel() }}</span>\n  </div>\n\n  <div class=\"compact-fields\" *ngIf=\"compactSelectedMetas.length || compactAlwaysVisibleMetas.length\">\n    <ng-container *ngIf=\"compactSelectedMetas.length\" dynamicFieldLoader [fields]=\"compactSelectedMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onSelectedComponents($event)\"></ng-container>\n    <ng-container *ngIf=\"compactAlwaysVisibleMetas.length\" dynamicFieldLoader [fields]=\"compactAlwaysVisibleMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onAlwaysComponents($event)\"></ng-container>\n  </div>\n\n  <div class=\"fields-grid\" *ngIf=\"gridSelectedMetas.length || gridAlwaysVisibleMetas.length\">\n    <ng-container *ngIf=\"gridSelectedMetas.length\" dynamicFieldLoader [fields]=\"gridSelectedMetas\" [formGroup]=\"alwaysForm\"\n      (componentsCreated)=\"onSelectedComponents($event)\"></ng-container>\n    <ng-container *ngIf=\"gridAlwaysVisibleMetas.length\" dynamicFieldLoader [fields]=\"gridAlwaysVisibleMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onAlwaysComponents($event)\"></ng-container>\n  </div>\n\n  <span class=\"sr-only\" aria-live=\"polite\">\n    {{ activeFiltersCount ? (activeFiltersCount + ' filtros ativos') : '' }}\n  </span>\n  <button type=\"submit\" class=\"hidden-submit\" aria-hidden=\"true\" tabindex=\"-1\"></button>\n</form>\n\n<div class=\"praxis-filter-tags\" *ngIf=\"displayedTags.length\" [class.outlined]=\"tagVariant==='outlined'\">\n  <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n    <mat-chip *ngFor=\"let tag of displayedTags\" [class.active]=\"isActiveTag(tag)\"\n      [color]=\"tagVariant === 'outlined' ? null : (isActiveTag(tag) ? 'accent' : (tagColor === 'basic' ? null : tagColor))\"\n      [highlighted]=\"tagVariant === 'filled' && tagColor !== 'basic'\" (click)=\"applyTag(tag)\"\n      (keydown.enter)=\"applyTag(tag)\" (keydown.space)=\"applyTag(tag)\" tabindex=\"0\" role=\"button\"\n      [attr.aria-pressed]=\"isActiveTag(tag)\">\n      <ng-container *ngIf=\"editingTagId !== tag.id; else editChip\">\n        <span class=\"chip-leading\" *ngIf=\"isActiveTag(tag)\">\n          <mat-icon class=\"leading-check\">check</mat-icon>\n        </span>\n        <span class=\"chip-label\">{{ tag.label }}</span>\n        <span class=\"chip-trailing\" *ngIf=\"isUserTag(tag); else roTag\">\n          <button mat-icon-button [color]=\"tagButtonColor === 'basic' ? null : tagButtonColor\"\n            [matMenuTriggerFor]=\"tagMenu\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getTagActionsAriaLabel(tag)\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n            <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n              <mat-icon>edit</mat-icon>\n              <span>{{ i18nLabels.renameShortcut }}</span>\n            </button>\n            <button mat-menu-item (click)=\"deleteTag(tag)\">\n              <mat-icon>delete</mat-icon>\n              <span>{{ i18nLabels.removeShortcut }}</span>\n            </button>\n          </mat-menu>\n        </span>\n        <ng-template #roTag>\n          <span class=\"chip-readonly\" [matTooltip]=\"i18nLabels.readonlyShortcut\">\n            <mat-icon>lock</mat-icon>\n          </span>\n        </ng-template>\n      </ng-container>\n      <ng-template #editChip>\n        <input matInput class=\"chip-editor\" [formControl]=\"editingTagLabel\" autofocus\n          [matTooltip]=\"'Enter para salvar, Esc para cancelar'\" matTooltipPosition=\"below\"\n          (keydown.enter)=\"commitEditTag(tag, $event)\" (keydown.escape)=\"cancelEditTag($event)\"\n          (blur)=\"commitEditTag(tag, $event)\" (click)=\"$event.stopPropagation()\" />\n      </ng-template>\n    </mat-chip>\n  </mat-chip-set>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--pfx-filter-h: 38px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var(--md-sys-color-outline)}:host{--border-color: var(--md-sys-color-outline-variant);--border-color-hover: var(--md-sys-color-outline);--pfx-overlay-surface: var(--md-sys-color-surface-container);--pfx-overlay-surface-elev: var(--md-sys-color-surface-container-high);--pfx-overlay-surface-variant: var(--md-sys-color-surface-variant);--pfx-overlay-on-surface: var(--md-sys-color-on-surface);--pfx-overlay-on-surface-variant: var(--md-sys-color-on-surface-variant);display:block;width:100%;min-width:0;flex:1 1 auto}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:start}.inline-actions .actions-anchor{width:0;height:0;overflow:hidden}.inline-actions{grid-column:2;grid-row:1;flex:0 0 auto;display:flex;gap:6px;justify-self:end;align-self:start;width:fit-content;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;border-color:color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high)}:host ::ng-deep .action-cluster .mat-mdc-icon-button,:host ::ng-deep .action-cluster .cluster-btn.mat-mdc-icon-button{width:32px;height:32px;padding:0;--mat-icon-button-state-layer-size: 32px}.inline-actions.actions-outlined button.mat-mdc-icon-button{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button.mat-mdc-icon-button{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:center;gap:6px;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=filter-date-range-inline] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:1}.praxis-filter-bar.has-compact .fields-grid{grid-column:1/-1;grid-row:2}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-select-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-select-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-searchable-select-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-searchable-select-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-multiselect-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-multiselect-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-input-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-input-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-toggle-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-toggle-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-range-inline]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=filter-range-inline]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-date-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-date-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-date-range-inline]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=filter-date-range-inline] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-color: var(--md-sys-color-primary) !important;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags .mat-mdc-standard-chip .mdc-evolution-chip__text-label{display:flex;align-items:center;justify-content:center;gap:4px;line-height:1.2;font-size:.875rem}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing{display:inline-flex;align-items:center}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .chip-label{position:relative;top:-6px}.praxis-filter-tags .chip-trailing .mat-mdc-icon-button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;line-height:28px}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: 36px}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var(--pfx-overlay-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@media(min-width:600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.fields-grid{gap:6px 10px}}@media(min-width:1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}:host ::ng-deep .praxis-add-select-panel{width:min(340px,100vw - 24px)!important;min-width:min(280px,100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px);margin-top:8px;padding:6px 0;border-radius:14px;overflow:auto;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));box-shadow:var(--md-sys-elevation-level3)}:host ::ng-deep .cdk-overlay-pane:has(.praxis-add-select-panel){width:auto!important;min-width:0!important;max-width:calc(100vw - 24px)!important}:host ::ng-deep .praxis-add-select-panel .mat-mdc-option{min-height:36px}:host ::ng-deep .praxis-add-select-panel .add-search{position:sticky;top:0;background:var(--md-sys-color-surface-container-highest);z-index:1;padding:0 8px 6px;cursor:default}:host ::ng-deep .praxis-add-select-panel .add-search .mat-mdc-form-field{width:100%}:host ::ng-deep .praxis-add-select-panel .add-search .mat-mdc-form-field-subscript-wrapper{display:none}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:32px;width:100%;max-width:100%;min-width:0;padding:0 10px;border-radius:0;border:0;background:transparent;overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:32px;min-width:32px;padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}:host ::ng-deep .praxis-add-select-panel .add-select-all.partial .select-all-partial{opacity:.7;font-style:italic}\n"] }]
+                    }, template: "<mat-progress-bar *ngIf=\"saving\" mode=\"indeterminate\"></mat-progress-bar>\n<div class=\"schema-error-banner\" *ngIf=\"schemaError\" role=\"alert\" aria-live=\"polite\">\n  <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n  <span class=\"schema-error-message\">{{ i18nLabels.errorLoadingFilters || 'Erro ao carregar filtros.' }}</span>\n  <button\n    mat-stroked-button\n    class=\"schema-error-retry\"\n    type=\"button\"\n    (click)=\"retrySchemaLoad()\"\n    [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n  >\n    {{ i18nLabels.retry || 'Tentar novamente' }}\n  </button>\n</div>\n\n<form class=\"praxis-filter-bar\" [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"compactSelectedMetas.length || compactAlwaysVisibleMetas.length\"\n  (submit)=\"onSubmit(); $event.preventDefault()\">\n  <div class=\"inline-actions\" [class.actions-outlined]=\"actionsVariant==='outlined'\">\n    <div class=\"actions-anchor\" #anchorRef=\"cdkOverlayOrigin\" cdkOverlayOrigin></div>\n    <div class=\"inline-toggles\" *ngIf=\"toggleMetas.length\">\n      <ng-container dynamicFieldLoader [fields]=\"toggleMetas\" [formGroup]=\"alwaysForm\"\n        (componentsCreated)=\"onToggleComponents($event)\"></ng-container>\n    </div>\n\n    <div class=\"action-cluster action-cluster--manage\">\n      <button #advancedButton mat-icon-button class=\"cluster-btn\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\" type=\"button\"\n        [matBadge]=\"activeFiltersCount\" [matBadgeHidden]=\"!activeFiltersCount\" matBadgeSize=\"small\"\n        matBadgeColor=\"primary\" [matBadgeOverlap]=\"false\" (click)=\"toggleAdvanced()\"\n        [attr.aria-label]=\"getAdvancedAriaLabel()\" [attr.aria-expanded]=\"advancedOpen\"\n        [matTooltip]=\"getAdvancedTooltip()\"\n        matTooltipPosition=\"below\"\n        [attr.aria-controls]=\"advancedPanelId\">\n        <mat-icon [praxisIcon]=\"'filter_list'\"></mat-icon>\n      </button>\n\n      <button mat-icon-button class=\"cluster-btn\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\" [attr.aria-label]=\"getAddAriaLabel()\" [matTooltip]=\"getAddTooltip()\"\n        matTooltipPosition=\"below\" [matBadge]=\"selectedFieldIds.length || 0\"\n        [matBadgeHidden]=\"!(selectedFieldIds.length)\" matBadgeSize=\"small\" matBadgeColor=\"primary\"\n        [matBadgeOverlap]=\"false\" (click)=\"addSelect.open()\">\n        <mat-icon [praxisIcon]=\"'add'\"></mat-icon>\n      </button>\n\n      <mat-select #addSelect multiple panelClass=\"praxis-add-select-panel\" panelWidth=\"min(340px, calc(100vw - 24px))\" [value]=\"selectedFieldIds\"\n        class=\"cluster-select cluster-select--hidden\"\n        [aria-label]=\"getAddAriaLabel()\" (openedChange)=\"onAddOpened($event)\"\n        (selectionChange)=\"onAddSelectionChange(addSelect.value)\">\n        <mat-option disabled class=\"add-search\">\n          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n            <mat-label>{{ i18nLabels.filtersSearch || i18nLabels.searchPlaceholder }}</mat-label>\n            <input matInput (input)=\"onAddQuery(($any($event.target)).value)\" />\n          </mat-form-field>\n        </mat-option>\n        <mat-option class=\"add-select-all\" (click)=\"toggleSelectAll()\"\n          [class.partial]=\"isSomeSelected() && !isAllSelected()\">\n          {{ i18nLabels.selectAll || 'Selecionar todos' }}<span class=\"select-all-partial\" *ngIf=\"isSomeSelected() && !isAllSelected()\">\n            {{ i18nLabels.selectAllPartial || '(parcial)' }}</span>\n        </mat-option>\n        <mat-option *ngFor=\"let it of addItems; trackBy: trackById\" [value]=\"it.id\">\n          {{ it.label }}\n        </mat-option>\n      </mat-select>\n\n      <button mat-icon-button class=\"cluster-btn separator-before\" [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\" (click)=\"openSettings()\" *ngIf=\"showFilterSettings\" [matBadge]=\"schemaOutdated ? '!' : ''\"\n        [matBadgeHidden]=\"!schemaOutdated\" matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n        [matTooltip]=\"getSettingsTooltip()\"\n        matTooltipPosition=\"below\" [attr.aria-label]=\"getSettingsAriaLabel()\">\n        <mat-icon [praxisIcon]=\"'settings'\"></mat-icon>\n      </button>\n    </div>\n\n    <span class=\"sr-only\" aria-live=\"polite\">{{ getAddAriaLabel() }}</span>\n  </div>\n\n  <div class=\"compact-fields\" *ngIf=\"compactSelectedMetas.length || compactAlwaysVisibleMetas.length\">\n    <ng-container *ngIf=\"compactSelectedMetas.length\" dynamicFieldLoader [fields]=\"compactSelectedMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onSelectedComponents($event)\"></ng-container>\n    <ng-container *ngIf=\"compactAlwaysVisibleMetas.length\" dynamicFieldLoader [fields]=\"compactAlwaysVisibleMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onAlwaysComponents($event)\"></ng-container>\n  </div>\n\n  <div class=\"fields-grid\" *ngIf=\"gridSelectedMetas.length || gridAlwaysVisibleMetas.length\">\n    <ng-container *ngIf=\"gridSelectedMetas.length\" dynamicFieldLoader [fields]=\"gridSelectedMetas\" [formGroup]=\"alwaysForm\"\n      (componentsCreated)=\"onSelectedComponents($event)\"></ng-container>\n    <ng-container *ngIf=\"gridAlwaysVisibleMetas.length\" dynamicFieldLoader [fields]=\"gridAlwaysVisibleMetas\"\n      [formGroup]=\"alwaysForm\" (componentsCreated)=\"onAlwaysComponents($event)\"></ng-container>\n  </div>\n\n  <span class=\"sr-only\" aria-live=\"polite\">\n    {{ activeFiltersCount ? (activeFiltersCount + ' filtros ativos') : '' }}\n  </span>\n  <button type=\"submit\" class=\"hidden-submit\" aria-hidden=\"true\" tabindex=\"-1\"></button>\n</form>\n\n<div class=\"praxis-filter-tags\" *ngIf=\"displayedTags.length\" [class.outlined]=\"tagVariant==='outlined'\">\n  <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n    <mat-chip *ngFor=\"let tag of displayedTags\" [class.active]=\"isActiveTag(tag)\"\n      [color]=\"tagVariant === 'outlined' ? null : (isActiveTag(tag) ? 'accent' : (tagColor === 'basic' ? null : tagColor))\"\n      [highlighted]=\"tagVariant === 'filled' && tagColor !== 'basic'\" (click)=\"applyTag(tag)\"\n      (keydown.enter)=\"applyTag(tag)\" (keydown.space)=\"applyTag(tag)\" tabindex=\"0\" role=\"button\"\n      [attr.aria-pressed]=\"isActiveTag(tag)\">\n      <ng-container *ngIf=\"editingTagId !== tag.id; else editChip\">\n        <span class=\"chip-leading\" *ngIf=\"isActiveTag(tag)\">\n          <mat-icon class=\"leading-check\">check</mat-icon>\n        </span>\n        <span class=\"chip-label\">{{ tag.label }}</span>\n        <span class=\"chip-trailing\" *ngIf=\"isUserTag(tag); else roTag\">\n          <button mat-icon-button [color]=\"tagButtonColor === 'basic' ? null : tagButtonColor\"\n            [matMenuTriggerFor]=\"tagMenu\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getTagActionsAriaLabel(tag)\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n            <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n              <mat-icon>edit</mat-icon>\n              <span>{{ i18nLabels.renameShortcut }}</span>\n            </button>\n            <button mat-menu-item (click)=\"deleteTag(tag)\">\n              <mat-icon>delete</mat-icon>\n              <span>{{ i18nLabels.removeShortcut }}</span>\n            </button>\n          </mat-menu>\n        </span>\n        <ng-template #roTag>\n          <span class=\"chip-readonly\" [matTooltip]=\"i18nLabels.readonlyShortcut\">\n            <mat-icon>lock</mat-icon>\n          </span>\n        </ng-template>\n      </ng-container>\n      <ng-template #editChip>\n        <input matInput class=\"chip-editor\" [formControl]=\"editingTagLabel\" autofocus\n          [matTooltip]=\"'Enter para salvar, Esc para cancelar'\" matTooltipPosition=\"below\"\n          (keydown.enter)=\"commitEditTag(tag, $event)\" (keydown.escape)=\"cancelEditTag($event)\"\n          (blur)=\"commitEditTag(tag, $event)\" (click)=\"$event.stopPropagation()\" />\n      </ng-template>\n    </mat-chip>\n  </mat-chip-set>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--pfx-filter-h: 38px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var(--md-sys-color-outline)}:host{--border-color: var(--md-sys-color-outline-variant);--border-color-hover: var(--md-sys-color-outline);--pfx-overlay-surface: var(--md-sys-color-surface-container);--pfx-overlay-surface-elev: var(--md-sys-color-surface-container-high);--pfx-overlay-surface-variant: var(--md-sys-color-surface-variant);--pfx-overlay-on-surface: var(--md-sys-color-on-surface);--pfx-overlay-on-surface-variant: var(--md-sys-color-on-surface-variant);display:block;width:100%;min-width:0;flex:1 1 auto}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:start}.inline-actions .actions-anchor{width:0;height:0;overflow:hidden}.inline-actions{grid-column:2;grid-row:1;flex:0 0 auto;display:flex;gap:6px;justify-self:end;align-self:start;width:fit-content;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;border-color:color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high)}:host ::ng-deep .action-cluster .mat-mdc-icon-button,:host ::ng-deep .action-cluster .cluster-btn.mat-mdc-icon-button{width:32px;height:32px;padding:0;--mat-icon-button-state-layer-size: 32px}.inline-actions.actions-outlined button.mat-mdc-icon-button{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button.mat-mdc-icon-button{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:center;gap:6px;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:1}.praxis-filter-bar.has-compact .fields-grid{grid-column:1/-1;grid-row:2}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineRange]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineRange]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-color: var(--md-sys-color-primary) !important;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags .mat-mdc-standard-chip .mdc-evolution-chip__text-label{display:flex;align-items:center;justify-content:center;gap:4px;line-height:1.2;font-size:.875rem}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing{display:inline-flex;align-items:center}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .chip-label{position:relative;top:-6px}.praxis-filter-tags .chip-trailing .mat-mdc-icon-button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;line-height:28px}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: 36px}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var(--pfx-overlay-on-surface-variant);--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@media(min-width:600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.fields-grid{gap:6px 10px}}@media(min-width:1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}:host ::ng-deep .praxis-add-select-panel{width:min(340px,100vw - 24px)!important;min-width:min(280px,100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px);margin-top:8px;padding:6px 0;border-radius:14px;overflow:auto;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));box-shadow:var(--md-sys-elevation-level3)}:host ::ng-deep .cdk-overlay-pane:has(.praxis-add-select-panel){width:auto!important;min-width:0!important;max-width:calc(100vw - 24px)!important}:host ::ng-deep .praxis-add-select-panel .mat-mdc-option{min-height:36px}:host ::ng-deep .praxis-add-select-panel .add-search{position:sticky;top:0;background:var(--md-sys-color-surface-container-highest);z-index:1;padding:0 8px 6px;cursor:default}:host ::ng-deep .praxis-add-select-panel .add-search .mat-mdc-form-field{width:100%}:host ::ng-deep .praxis-add-select-panel .add-search .mat-mdc-form-field-subscript-wrapper{display:none}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:32px;width:100%;max-width:100%;min-width:0;padding:0 10px;border-radius:0;border:0;background:transparent;overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:32px;min-width:32px;padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}:host ::ng-deep .praxis-add-select-panel .add-select-all.partial .select-all-partial{opacity:.7;font-style:italic}\n"] }]
         }], ctorParameters: () => [{ type: i1.GenericCrudService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ASYNC_CONFIG_STORAGE]
@@ -35183,8 +35288,37 @@ class PraxisTable {
     }
     getRowExpansionToggleAriaLabel(row, index = 0) {
         const expanded = this.isRowExpanded(row, index);
+        const toggleIcon = (this.getExpansionConfig()?.interaction?.toggleIcon ||
+            {});
+        const stateful = String(expanded ? toggleIcon.ariaLabelExpanded || '' : toggleIcon.ariaLabelCollapsed || '').trim();
+        if (stateful)
+            return stateful;
+        const legacy = String(toggleIcon.ariaLabel || '').trim();
+        if (legacy)
+            return legacy;
         return expanded ? 'Recolher detalhes da linha' : 'Expandir detalhes da linha';
     }
+    getExpansionCollapsedIcon() {
+        const raw = String((this.getExpansionConfig()?.interaction?.toggleIcon?.collapsed ||
+            '')).trim();
+        return raw || 'chevron_right';
+    }
+    getExpansionExpandedIcon() {
+        const raw = String((this.getExpansionConfig()?.interaction?.toggleIcon?.expanded ||
+            '')).trim();
+        return raw || 'expand_more';
+    }
+    getExpansionMotionPresetClass() {
+        const preset = this.getExpansionMotionPreset();
+        return preset === 'none' ? 'pfx-expansion-motion-none' : `pfx-expansion-motion-${preset}`;
+    }
+    getExpansionMotionStyle() {
+        const durationMs = this.getExpansionMotionDurationMs();
+        return {
+            '--pfx-expansion-motion-duration': `${durationMs}ms`,
+            '--pfx-expansion-motion-easing': this.getExpansionMotionEasingCurve(),
+        };
+    }
     getRowExpansionRegionAriaLabel(row, index = 0) {
         const key = this.resolveRowExpansionKey(row, index) || String(index);
         return `Detalhes da linha ${key}`;
@@ -36408,6 +36542,33 @@ class PraxisTable {
         const target = (event?.target || null);
         return !this.isInteractiveRowTarget(target);
     }
+    getExpansionMotionPreset() {
+        const raw = String((this.getExpansionConfig()?.interaction?.motion?.preset || '')).trim();
+        if (raw === 'none' ||
+            raw === 'subtle-slide' ||
+            raw === 'accordion' ||
+            raw === 'fade-scale') {
+            return raw;
+        }
+        return 'subtle-slide';
+    }
+    getExpansionMotionDurationMs() {
+        const raw = Number((this.getExpansionConfig()?.interaction?.motion?.durationMs ?? 160));
+        if (!Number.isFinite(raw))
+            return 160;
+        return Math.min(600, Math.max(0, Math.round(raw)));
+    }
+    getExpansionMotionEasingCurve() {
+        const easing = String((this.getExpansionConfig()?.interaction?.motion?.easing || '')).trim();
+        switch (easing) {
+            case 'emphasized':
+                return 'cubic-bezier(0.2, 0, 0, 1)';
+            case 'decelerate':
+                return 'cubic-bezier(0, 0, 0.2, 1)';
+            default:
+                return 'cubic-bezier(0.2, 0, 0, 1)';
+        }
+    }
     isInteractiveRowTarget(target) {
         if (!target || typeof target.closest !== 'function')
             return false;
@@ -41814,7 +41975,7 @@ class PraxisTable {
             TableDefaultsProvider,
             FilterConfigService,
             DataFormattingService
-        ], queries: [{ propertyName: "toolbar", first: true, predicate: PraxisTableToolbar, descendants: true }, { propertyName: "projectedFilter", first: true, predicate: ["projectedFilter"], descendants: true }], viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "materialTable", first: true, predicate: MatTable, descendants: true }, { propertyName: "internalFilter", first: true, predicate: PraxisFilter, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \u00E0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"\n  ></praxis-empty-state-card>\n}\n\n<!-- Error State with Quick Connect CTA -->\n@if (isRemoteMode() && (schemaError || dataError)) {\n<div class=\"ptable-error\" role=\"alert\" aria-live=\"assertive\">\n  <mat-icon color=\"warn\" aria-hidden=\"true\">error</mat-icon>\n  <div class=\"ptable-error__content\">\n    <div class=\"ptable-error__title\">Erro</div>\n    <div>{{ errorMessage || 'Ocorreu um erro ao carregar a tabela.' }}</div>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    Conectar a recurso\n  </button>\n  @if (!schemaError) { <button mat-stroked-button (click)=\"retryData()\">Tentar novamente</button> }\n  @if (schemaError) { <button mat-stroked-button (click)=\"reloadSchema()\">Recarregar colunas</button> }\n  </div>\n}\n\n<!-- Inline banner for schema change (only in edit mode) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"ptable-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n  </div>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"editModeEnabled\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        \n        <!-- AI Assistant in Toolbar -->\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n          }\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" aria-label=\"Desconectar\" matTooltip=\"Desconectar da fonte de dados\">\n            <mat-icon>link_off</mat-icon>\n          </button>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  @if (shouldRenderDataSurface() && !schemaError && !dataError) {\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n      </div>\n    }\n  }\n}\n<div class=\"px-scroll-viewport\"\n     cdkScrollable\n     [class.scroll-auto]=\"horizontalScroll === 'auto'\"\n     [class.scroll-wrap]=\"horizontalScroll === 'wrap'\"\n     [class.scroll-none]=\"horizontalScroll === 'none'\">\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError) {\n<div class=\"praxis-visually-hidden-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n  {{ columnReorderStatusMessage }}\n</div>\n@if (columnReorderVisualStatusMessage) {\n  <div class=\"praxis-column-reorder-status\" role=\"note\">\n    {{ columnReorderVisualStatusMessage }}\n  </div>\n}\n<table\n  mat-table\n  data-testid=\"table-column-drag-drop-list\"\n  [dataSource]=\"dataSource\"\n  [multiTemplateDataRows]=\"isRowExpansionRuntimeEnabled()\"\n  cdkDropList\n  [cdkDropListDisabled]=\"!isColumnDraggingEnabled()\"\n  [cdkDropListData]=\"visibleDataColumnsForDrag\"\n  cdkDropListOrientation=\"horizontal\"\n  (cdkDropListDropped)=\"onColumnDrop($event)\"\n  matSort\n  (matSortChange)=\"onSortChange($event)\"\n  [matSortDisabled]=\"!getSortingEnabled()\"\n  [ngClass]=\"getTableElevationClassName()\"\n  [class.table-stack-top]=\"showToolbar\"\n  [class.pfx-column-drag-enabled]=\"isColumnDraggingEnabled()\"\n  [class.pfx-column-drag-indicator]=\"isColumnDragIndicatorEnabled()\"\n>\n  @if (config.behavior?.selection?.enabled) {\n  <ng-container\n    matColumnDef=\"_select\"\n  >\n    <th mat-header-cell *matHeaderCellDef>\n      @if (canSelectAll()) {\n        <mat-checkbox\n          (change)=\"masterToggle()\"\n          [checked]=\"isAllSelected()\"\n          [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        ></mat-checkbox>\n      }\n    </th>\n    <td mat-cell *matCellDef=\"let row\">\n      <mat-checkbox\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"toggleRow(row)\"\n        [checked]=\"selection.isSelected(row)\"\n      ></mat-checkbox>\n    </td>\n  </ng-container>\n  }\n  @if (isRowExpansionRuntimeEnabled()) {\n  <ng-container matColumnDef=\"_expander\">\n    <th mat-header-cell *matHeaderCellDef class=\"pfx-expansion-col-header\">\n      <span class=\"praxis-visually-hidden-status\">Expandir detalhes da linha</span>\n    </th>\n    <td mat-cell *matCellDef=\"let row; let i = index\" class=\"pfx-expansion-col-cell\">\n      <button\n        mat-icon-button\n        class=\"pfx-expansion-toggle\"\n        [disabled]=\"!isRowExpandable(row, i) || !isExpansionIconTriggerEnabled()\"\n        [attr.aria-expanded]=\"isRowExpanded(row, i) ? 'true' : 'false'\"\n        [attr.aria-controls]=\"getRowExpansionDetailId(row, i)\"\n        [attr.aria-label]=\"getRowExpansionToggleAriaLabel(row, i)\"\n        (click)=\"onExpansionToggleFromIcon(row, i, $event)\"\n        (keydown)=\"onExpansionToggleKeydown($event, row, i)\"\n      >\n        <mat-icon>{{ isRowExpanded(row, i) ? 'expand_more' : 'chevron_right' }}</mat-icon>\n      </button>\n    </td>\n  </ng-container>\n  }\n  @for (column of visibleColumns; track column.field) {\n  <ng-container\n    [matColumnDef]=\"column.field\"\n    [sticky]=\"column.sticky === true || column.sticky === 'start'\"\n    [stickyEnd]=\"column.sticky === 'end'\"\n  >\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n      mat-sort-header\n      cdkDrag\n      [cdkDragData]=\"column\"\n      cdkDragLockAxis=\"x\"\n      cdkDragPreviewClass=\"pfx-column-drag-preview\"\n      (cdkDragStarted)=\"onColumnDragStarted(column)\"\n      (cdkDragEnded)=\"onColumnDragEnded($event, column)\"\n      (keydown)=\"onColumnDragHandleKeydown($event, column)\"\n      [cdkDragDisabled]=\"!isColumnDraggingEnabled() || !isColumnDraggable(column)\"\n      [class.praxis-header-draggable]=\"isColumnDraggingEnabled() && isColumnDraggable(column)\"\n      [disabled]=\"!getSortingEnabled() || column.sortable === false\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnHeaderAttrStyle(column)\"\n      [attr.aria-label]=\"isColumnDraggingEnabled() && isColumnDraggable(column) ? getColumnDragHandleAriaLabel(column) : null\"\n    >\n      <span class=\"praxis-header-label\" data-testid=\"column-header-label\">\n        @if (isColumnDraggingEnabled() && isColumnDraggable(column)) {\n          <span\n            class=\"praxis-column-drag-handle\"\n            data-testid=\"column-drag-handle\"\n            [attr.data-column-field]=\"column.field\"\n            aria-hidden=\"true\"\n          >\n            <mat-icon [praxisIcon]=\"'drag_indicator'\"></mat-icon>\n          </span>\n        }\n        <span class=\"praxis-header-label-text\">{{ column.header }}</span>\n      </span>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnCellAttrStyle(column)\"\n      [ngClass]=\"getCellClasses(element, column)\"\n      [ngStyle]=\"getCellNgStyle(element, column)\"\n    >\n      <div\n        class=\"pfx-cell-content\"\n        [ngClass]=\"getCellContentClasses(element, column)\"\n        [ngStyle]=\"getCellContentNgStyle(element, column)\"\n      >\n      <ng-container [ngSwitch]=\"getEffectiveRendererType(element, column)\">\n        <!-- Icon renderer -->\n        <ng-container *ngSwitchCase=\"'icon'\">\n          <mat-icon\n            [color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n            >{{ getIconName(element, column) }}</mat-icon\n          >\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <img\n            class=\"pfx-cell-image\"\n            [src]=\"getImageSrc(element, column)\"\n            [attr.alt]=\"getImageAlt(element, column) || ''\"\n            [attr.loading]=\"getImageLazy(element, column) ? 'lazy' : null\"\n            [style.width.px]=\"getImageWidth(element, column)\"\n            [style.height.px]=\"getImageHeight(element, column)\"\n            [class.shape-rounded]=\"getImageShape(element, column) === 'rounded'\"\n            [class.shape-circle]=\"getImageShape(element, column) === 'circle'\"\n            [style.object-fit]=\"getImageFit(element, column)\"\n          />\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n              @if (getBadgeIcon(element, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n            <span class=\"pfx-badge-text\">{{ getBadgeText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Link renderer -->\n        <ng-container *ngSwitchCase=\"'link'\">\n          <a\n            class=\"pfx-link\"\n            [attr.href]=\"getLinkHref(element, column) || null\"\n            [attr.target]=\"getLinkTarget(element, column) || null\"\n            [attr.rel]=\"getLinkRel(element, column) || null\"\n            (click)=\"$event.stopPropagation()\"\n            >{{ getLinkText(element, column) }}</a\n          >\n        </ng-container>\n\n        <!-- Button renderer -->\n        <ng-container *ngSwitchCase=\"'button'\">\n          <ng-container [ngSwitch]=\"getButtonVariant(element, column)\">\n            <button\n              *ngSwitchCase=\"'outlined'\"\n              mat-stroked-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchCase=\"'text'\"\n              mat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchDefault\n              mat-flat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n          </ng-container>\n        </ng-container>\n\n        <!-- Chip renderer -->\n        <ng-container *ngSwitchCase=\"'chip'\">\n          <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, column)\">\n            @if (getChipIcon(element, column); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }\n            <span class=\"pfx-chip-text\">{{ getChipText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, column)\" [style.background]=\"getProgressBackgroundStyle(element, column)\"></div>\n            @if (getProgressShowLabel(element, column)) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, column) }}%</div> }\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          @if (getAvatarSrc(element, column); as asrc) {\n            <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, column) || ''\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\" loading=\"lazy\" />\n          } @else {\n            <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">{{ getAvatarInitials(element, column) }}</span>\n          }\n        </ng-container>\n\n        <!-- Toggle renderer -->\n        <ng-container *ngSwitchCase=\"'toggle'\">\n          <mat-slide-toggle\n            [checked]=\"getToggleState(element, column)\"\n            [disabled]=\"isToggleDisabled(element, column)\"\n            [attr.aria-label]=\"getToggleAriaLabel(element, column) || 'Alternar'\"\n            (change)=\"onToggleChange(element, column, $event)\"\n            (click)=\"$event.stopPropagation()\"\n          ></mat-slide-toggle>\n        </ng-container>\n\n        <!-- Menu renderer -->\n        <ng-container *ngSwitchCase=\"'menu'\">\n          <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, column) || 'Menu'\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let it of getMenuItems(element, column)\" (click)=\"onMenuItemClick(it, element, $event)\" [disabled]=\"!it.__visible\" >\n              @if (it.icon) { <mat-icon>{{ it.icon }}</mat-icon> }\n              <span>{{ it.label }}</span>\n            </button>\n          </mat-menu>\n        </ng-container>\n\n        <!-- Rating renderer -->\n        <ng-container *ngSwitchCase=\"'rating'\">\n          <praxis-table-rating\n            class=\"pfx-rating-cell\"\n            [itemsCount]=\"getRatingMax(element, column)\"\n            [value]=\"getRatingValue(element, column)\"\n            [size]=\"getRatingSize(element, column)\"\n            [ratingColor]=\"getRatingColor(element, column)\"\n            [outlineColor]=\"getRatingOutlineColor(element, column)\"\n            [ariaLabel]=\"getRatingAriaLabel(element, column) || column.header\">\n          </praxis-table-rating>\n        </ng-container>\n\n        <!-- HTML renderer (sanitizado) -->\n        <ng-container *ngSwitchCase=\"'html'\">\n          <span [innerHTML]=\"getSafeHtml(element, column)\"></span>\n        </ng-container>\n\n        <!-- Compose renderer -->\n        <ng-container *ngSwitchCase=\"'compose'\">\n          <span class=\"pfx-cell-compose\" [ngClass]=\"getComposeClasses(element, column)\" [ngStyle]=\"getComposeGapStyle(element, column)\">\n            <ng-container *ngFor=\"let it of getComposeItems(element, column)\">\n              <ng-container [ngSwitch]=\"getItemEffectiveType(element, column, it)\">\n                <!-- Reuse helpers by projecting item as faux column -->\n                <ng-container *ngSwitchCase=\"'icon'\">\n                  <mat-icon [color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\">{{ getIconName(element, asItemColumn(column, it)) }}</mat-icon>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <img class=\"pfx-cell-image\" [src]=\"getImageSrc(element, asItemColumn(column, it))\" [attr.alt]=\"getImageAlt(element, asItemColumn(column, it)) || ''\" [attr.loading]=\"getImageLazy(element, asItemColumn(column, it)) ? 'lazy' : null\" [style.width.px]=\"getImageWidth(element, asItemColumn(column, it))\" [style.height.px]=\"getImageHeight(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getImageShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getImageShape(element, asItemColumn(column, it)) === 'circle'\" [style.object-fit]=\"getImageFit(element, asItemColumn(column, it))\" />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\">@if (getBadgeIcon(element, asItemColumn(column, it)); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }<span class=\"pfx-badge-text\">{{ getBadgeText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'link'\">\n                  <a class=\"pfx-link\" [attr.href]=\"getLinkHref(element, asItemColumn(column, it)) || null\" [attr.target]=\"getLinkTarget(element, asItemColumn(column, it)) || null\" [attr.rel]=\"getLinkRel(element, asItemColumn(column, it)) || null\" (click)=\"$event.stopPropagation()\">{{ getLinkText(element, asItemColumn(column, it)) }}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'button'\">\n                  <ng-container [ngSwitch]=\"getButtonVariant(element, asItemColumn(column, it))\">\n                    <button *ngSwitchCase=\"'outlined'\" mat-stroked-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchCase=\"'text'\" mat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchDefault mat-flat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\">@if (getChipIcon(element, asItemColumn(column, it)); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }<span class=\"pfx-chip-text\">{{ getChipText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\"><div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, asItemColumn(column, it))\" [style.background]=\"getProgressBackgroundStyle(element, asItemColumn(column, it))\"></div>@if (getProgressShowLabel(element, asItemColumn(column, it))) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, asItemColumn(column, it)) }}%</div> }</div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  @if (getAvatarSrc(element, asItemColumn(column, it)); as asrc) {\n                    <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, asItemColumn(column, it)) || ''\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\" loading=\"lazy\" />\n                  } @else {\n                    <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\">{{ getAvatarInitials(element, asItemColumn(column, it)) }}</span>\n                  }\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'toggle'\">\n                  <mat-slide-toggle [checked]=\"getToggleState(element, asItemColumn(column, it))\" [disabled]=\"isToggleDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getToggleAriaLabel(element, asItemColumn(column, it)) || 'Alternar'\" (change)=\"onToggleChange(element, asItemColumn(column, it), $event)\" (click)=\"$event.stopPropagation()\"></mat-slide-toggle>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'menu'\">\n                  <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, asItemColumn(column, it)) || 'Menu'\"><mat-icon>more_vert</mat-icon></button>\n                  <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let mi of getMenuItems(element, asItemColumn(column, it))\" (click)=\"onMenuItemClick(mi, element, $event)\" [disabled]=\"!mi.__visible\">\n              @if (mi.icon) { <mat-icon>{{ mi.icon }}</mat-icon> }\n              <span>{{ mi.label }}</span>\n            </button>\n                  </mat-menu>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'rating'\">\n                  <praxis-table-rating\n                    class=\"pfx-rating-cell\"\n                    [itemsCount]=\"getRatingMax(element, asItemColumn(column, it))\"\n                    [value]=\"getRatingValue(element, asItemColumn(column, it))\"\n                    [size]=\"getRatingSize(element, asItemColumn(column, it))\"\n                    [ratingColor]=\"getRatingColor(element, asItemColumn(column, it))\"\n                    [outlineColor]=\"getRatingOutlineColor(element, asItemColumn(column, it))\"\n                    [ariaLabel]=\"getRatingAriaLabel(element, asItemColumn(column, it)) || column.header\">\n                  </praxis-table-rating>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'html'\">\n                  <span [innerHTML]=\"getSafeHtml(element, asItemColumn(column, it))\"></span>\n                </ng-container>\n                <!-- Value item: render base cell text alongside visuals -->\n                <ng-container *ngSwitchCase=\"'value'\">\n                  <span class=\"pfx-cell-value\">{{ getComposeItemValue(element, column, it) }}</span>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </span>\n        </ng-container>\n\n        <!-- Default text rendering -->\n        <ng-container *ngSwitchDefault>\n          {{ getCellValue(element, column) }}\n        </ng-container>\n      </ng-container>\n      </div>\n    </td>\n  </ng-container>\n  }\n  @if (config.actions?.row?.enabled) {\n  <ng-container matColumnDef=\"_actions\" [sticky]=\"config.actions?.row?.sticky === true || config.actions?.row?.sticky === 'start'\" [stickyEnd]=\"config.actions?.row?.sticky === 'end'\">\n    <th mat-header-cell *matHeaderCellDef #actionsHeaderCell [style.width]=\"getRowActionsWidthStyle()\" class=\"praxis-actions-header\" [class.align-start]=\"getActionsHeaderAlign() === 'start'\" [class.align-center]=\"getActionsHeaderAlign() === 'center'\" [class.align-end]=\"getActionsHeaderAlign() === 'end'\">\n      <div class=\"praxis-actions-header__content\" [matTooltip]=\"getActionsHeaderTooltip() || ''\" [matTooltipDisabled]=\"!getActionsHeaderTooltip()\">\n        @if (getActionsHeaderIcon(); as hi) { <mat-icon [praxisIcon]=\"hi\"></mat-icon> }\n        @if (getActionsHeaderLabel(); as hl) { <span class=\"label\">{{ hl }}</span> }\n      </div>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"praxis-actions-cell\"\n      [class.dense]=\"dense\"\n      [style.width]=\"getRowActionsWidthStyle()\"\n    >\n      <div class=\"praxis-actions-cell__content\">\n        <!-- A\u00E7\u00F5es inline -->\n        <!-- Inline actions: icons mode -->\n        @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-icon-button\n              class=\"praxis-icon-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [matTooltip]=\"a.label || getActionId(a)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Inline actions: buttons mode (show label + icon) -->\n        @if (config.actions?.row?.display === 'buttons') {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-flat-button\n              class=\"praxis-row-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Menu de overflow -->\n        @if (hasOverflowRowActions(row)) {\n          <button\n            mat-icon-button\n            class=\"praxis-icon-btn praxis-more-btn\"\n            [matMenuTriggerFor]=\"rowMoreMenu\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            aria-label=\"Mais a\u00E7\u00F5es\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          <ng-container\n            *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\"\n          >\n            <button\n              mat-menu-item\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        </mat-menu>\n      </div>\n    </td>\n  </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns\"\n  ></tr>\n  @if (!isVirtualized()) {\n    <tr\n      mat-row\n      *matRowDef=\"let row; let i = index; columns: displayedColumns\"\n      [class.pfx-row-selected]=\"selection.isSelected(row)\"\n      [class.pfx-row-expanded]=\"isRowExpansionRuntimeEnabled() && isRowExpanded(row, i)\"\n      [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n      [attr.aria-expanded]=\"isRowExpansionRuntimeEnabled() ? (isRowExpanded(row, i) ? 'true' : 'false') : null\"\n      [ngClass]=\"getRowClasses(row)\"\n      [ngStyle]=\"getRowNgStyle(row)\"\n      [matTooltip]=\"getRowTooltip(row) || null\"\n      [matTooltipDisabled]=\"!getRowTooltip(row)\"\n      [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n      [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n      (click)=\"onRowClicked(row, i, $event)\"\n      (dblclick)=\"onRowDoubleClicked(row, i)\"\n    ></tr>\n    @if (isRowExpansionRuntimeEnabled()) {\n      <ng-container matColumnDef=\"_detail\">\n        <td\n          mat-cell\n          *matCellDef=\"let row; let i = index\"\n          class=\"pfx-expansion-detail-cell\"\n          [attr.colspan]=\"displayedColumns.length\"\n        >\n          <section\n            class=\"pfx-expansion-detail-panel\"\n            [attr.id]=\"getRowExpansionDetailId(row, i)\"\n            role=\"region\"\n            [attr.aria-label]=\"getRowExpansionRegionAriaLabel(row, i)\"\n            [attr.aria-busy]=\"getExpansionDetailViewState(row, i).status === 'loading' ? 'true' : 'false'\"\n          >\n            @let detailState = getExpansionDetailViewState(row, i);\n            @if (detailState.status === 'loading') {\n              <div class=\"pfx-expansion-detail-message\" role=\"status\" aria-live=\"polite\">\n                Carregando detail schema...\n              </div>\n            } @else if (detailState.status !== 'ready') {\n              <div\n                class=\"pfx-expansion-detail-message pfx-expansion-detail-message--error\"\n                role=\"alert\"\n                aria-live=\"assertive\"\n                aria-atomic=\"true\"\n              >\n                {{ detailState.message || 'Detail indispon\u00EDvel para esta linha.' }}\n              </div>\n            } @else {\n              @if (getExpansionDetailLayout(detailState.schema) === 'tabs') {\n                @let detailTabs = getExpansionDetailTabs(detailState.schema);\n                @if (detailTabs.length) {\n                  <div class=\"pfx-expansion-detail-tabs\" role=\"tablist\" aria-label=\"Se\u00E7\u00F5es do detail\">\n                    @for (tab of detailTabs; track $index; let tabIndex = $index) {\n                      <button\n                        type=\"button\"\n                        class=\"pfx-expansion-detail-tab-btn\"\n                        role=\"tab\"\n                        [attr.id]=\"getExpansionDetailTabId(row, i, tab, tabIndex)\"\n                        [attr.aria-controls]=\"getExpansionDetailPanelId(row, i, tab, tabIndex)\"\n                        [attr.aria-selected]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs) ? 'true' : 'false'\"\n                        [attr.tabindex]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs) ? '0' : '-1'\"\n                        [class.is-active]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs)\"\n                        (click)=\"onExpansionDetailTabSelect(row, i, tab, tabIndex, $event)\"\n                        (keydown)=\"onExpansionDetailTabKeydown($event, row, i, tabIndex, detailTabs)\"\n                      >\n                        {{ getExpansionDetailNodeTitle(tab, 'Tab') }}\n                      </button>\n                    }\n                  </div>\n                  @for (tab of detailTabs; track $index; let tabIndex = $index) {\n                    @if (isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs)) {\n                      <div\n                        class=\"pfx-expansion-detail-tab-panel\"\n                        role=\"tabpanel\"\n                        [attr.id]=\"getExpansionDetailPanelId(row, i, tab, tabIndex)\"\n                        [attr.aria-labelledby]=\"getExpansionDetailTabId(row, i, tab, tabIndex)\"\n                      >\n                        @for (childNode of getExpansionDetailNodeChildren(tab); track $index) {\n                          <ng-container\n                            *ngTemplateOutlet=\"\n                              expansionDetailNodeTemplate;\n                              context: { $implicit: childNode, row: row, index: i }\n                            \"\n                          ></ng-container>\n                        }\n                      </div>\n                    }\n                  }\n                } @else {\n                  <div class=\"pfx-expansion-detail-message\">\n                    Schema em layout tabs sem abas v\u00E1lidas.\n                  </div>\n                }\n              } @else {\n                <div class=\"pfx-expansion-detail-stack\">\n                  @for (node of getExpansionDetailItems(detailState.schema); track $index) {\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        expansionDetailNodeTemplate;\n                        context: { $implicit: node, row: row, index: i }\n                      \"\n                    ></ng-container>\n                  }\n                </div>\n              }\n            }\n\n            <ng-template #expansionDetailNodeTemplate let-node let-row=\"row\" let-index=\"index\">\n              @switch (getExpansionDetailNodeType(node)) {\n                @case ('card') {\n                  <article class=\"pfx-expansion-node pfx-expansion-node-card\">\n                    <header class=\"pfx-expansion-node-card__header\">\n                      <h5 class=\"pfx-expansion-node-card__title\">\n                        {{ getExpansionDetailNodeTitle(node, 'Card') }}\n                      </h5>\n                      @if (node?.subtitle) {\n                        <p class=\"pfx-expansion-node-card__subtitle\">{{ node?.subtitle }}</p>\n                      }\n                    </header>\n                    @for (childNode of getExpansionDetailNodeChildren(node); track $index) {\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                          expansionDetailNodeTemplate;\n                          context: { $implicit: childNode, row: row, index: index }\n                        \"\n                      ></ng-container>\n                    }\n                  </article>\n                }\n                @case ('value') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-value\">\n                    <span class=\"pfx-expansion-node-value__label\">\n                      {{ getExpansionDetailNodeTitle(node, 'Valor') }}\n                    </span>\n                    <strong class=\"pfx-expansion-node-value__content\">\n                      {{ getExpansionDetailValue(row, node) }}\n                    </strong>\n                  </div>\n                }\n                @case ('list') {\n                  <section class=\"pfx-expansion-node pfx-expansion-node-list\">\n                    <h6 class=\"pfx-expansion-node-list__title\">\n                      {{ getExpansionDetailNodeTitle(node, 'Lista') }}\n                    </h6>\n                    @let listItems = getExpansionDetailListItems(row, node);\n                    @if (listItems.length) {\n                      <ul>\n                        @for (entry of listItems; track $index) {\n                          <li>{{ entry }}</li>\n                        }\n                      </ul>\n                    } @else {\n                      <p class=\"pfx-expansion-node-placeholder\">Sem itens.</p>\n                    }\n                  </section>\n                }\n                @case ('richText') {\n                  <div\n                    class=\"pfx-expansion-node pfx-expansion-node-richtext\"\n                    [innerHTML]=\"getExpansionDetailRichText(node)\"\n                  ></div>\n                }\n                @case ('formRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Formul\u00E1rio referenciado: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('tableRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Tabela referenciada: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('chartRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Gr\u00E1fico referenciado: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('templateRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Template referenciado: <code>{{ node?.id || node?.templateId || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('action') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    A\u00E7\u00E3o declarada: <code>{{ node?.id || node?.actionId || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('tab') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Node <code>tab</code> fora de contexto de tabs.\n                  </div>\n                }\n                @default {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Node n\u00E3o suportado: <code>{{ getExpansionDetailNodeType(node) }}</code>\n                  </div>\n                }\n              }\n            </ng-template>\n          </section>\n        </td>\n      </ng-container>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: expansionDetailRowColumns; when: isExpansionDetailRow\"\n        class=\"pfx-expansion-detail-row\"\n      ></tr>\n    }\n  }\n</table>\n}\n\n<!-- Virtual rows path (header preserved above) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && isVirtualized()) {\n  <cdk-virtual-scroll-viewport\n    class=\"ptable-viewport\"\n    [itemSize]=\"getVirtItemHeight()\"\n    [minBufferPx]=\"getVirtBufferSize() * getVirtItemHeight()\"\n    [maxBufferPx]=\"getVirtBufferSize() * getVirtItemHeight() * 2\"\n    [style.minHeight]=\"getVirtMinHeightHostStyle()\"\n  >\n    <table\n      class=\"mat-mdc-table\"\n      [ngClass]=\"getTableElevationClassName()\"\n      [style.width]=\"getVirtualTableWidthStyle()\"\n    >\n      <tbody>\n        <tr class=\"mat-mdc-row\"\n            *cdkVirtualFor=\"let row of dataSource.data; let i = index; trackBy: trackByRow\"\n            [class.pfx-row-selected]=\"selection.isSelected(row)\"\n            [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n            [ngClass]=\"getRowClasses(row)\"\n            [ngStyle]=\"getRowNgStyle(row)\"\n            [matTooltip]=\"getRowTooltip(row) || null\"\n            [matTooltipDisabled]=\"!getRowTooltip(row)\"\n            [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n            [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n            (click)=\"onRowClicked(row, i, $event)\"\n            (dblclick)=\"onRowDoubleClicked(row, i)\">\n          <!-- Selection column -->\n          @if (config.behavior?.selection?.enabled) { <td class=\"mat-mdc-cell\">\n            <mat-checkbox\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleRow(row)\"\n              [checked]=\"selection.isSelected(row)\">\n            </mat-checkbox>\n          </td> }\n          <!-- Data columns -->\n          @for (column of visibleColumns; track column.field) {\n          <td class=\"mat-mdc-cell\"\n              [style.text-align]=\"getColumnTextAlignStyle(column)\"\n              [style.width]=\"getColumnWidthStyle(column)\"\n              [attr.style]=\"getColumnCellAttrStyle(column)\"\n              [ngClass]=\"getCellClasses(row, column)\"\n              [ngStyle]=\"getCellNgStyle(row, column)\">\n            <div\n              class=\"pfx-cell-content\"\n              [ngClass]=\"getCellContentClasses(row, column)\"\n              [ngStyle]=\"getCellContentNgStyle(row, column)\"\n            >\n            <ng-container [ngSwitch]=\"getEffectiveRendererType(row, column)\">\n              <ng-container *ngSwitchCase=\"'icon'\">\n                <mat-icon [color]=\"getIconColor(row, column) || null\"\n                          [ngStyle]=\"getIconStyle(row, column)\"\n                          [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  {{ getIconName(row, column) }}\n                </mat-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <img class=\"pfx-cell-image\"\n                     [src]=\"getImageSrc(row, column)\"\n                     [attr.alt]=\"getImageAlt(row, column) || ''\"\n                     [attr.loading]=\"getImageLazy(row, column) ? 'lazy' : null\"\n                     [style.width.px]=\"getImageWidth(row, column)\"\n                     [style.height.px]=\"getImageHeight(row, column)\"\n                     [class.shape-rounded]=\"getImageShape(row, column) === 'rounded'\"\n                     [class.shape-circle]=\"getImageShape(row, column) === 'circle'\"\n                     [style.object-fit]=\"getImageFit(row, column)\" />\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n              @if (getBadgeIcon(row, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n                  <span class=\"pfx-badge-text\">{{ getBadgeText(row, column) }}</span>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchDefault>\n                {{ getCellValue(row, column) }}\n              </ng-container>\n            </ng-container>\n            </div>\n          </td>\n          }\n\n          <!-- Actions column -->\n  @if (config.actions?.row?.enabled) {\n  <td class=\"mat-mdc-cell praxis-actions-cell\" [class.dense]=\"dense\" [style.width]=\"getRowActionsWidthStyle()\">\n            <div class=\"praxis-actions-cell__content\">\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-icon-button class=\"praxis-icon-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [matTooltip]=\"a.label || getActionId(a)\"\n                          matTooltipPosition=\"above\"\n                          matTooltipClass=\"praxis-tooltip\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                  </button>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-flat-button class=\"praxis-row-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        aria-label=\"Mais a\u00E7\u00F5es\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n                  <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event)\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              </mat-menu>\n            </div>\n  </td>\n  }\n        </tr>\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n}\n\n</div>\n@if (\n  shouldRenderDataSurface()\n  && !schemaError\n  && !dataError\n  && shouldRenderFloatingBulkActions()\n  && getFloatingBulkActions().length\n  && !shouldHideFloatingBulkActions()\n) {\n  <div [class]=\"'praxis-floating-bulk-actions ' + getFloatingBulkPositionClass()\">\n    @for (action of getFloatingBulkActions(); track getActionId(action)) {\n      <button\n        mat-mini-fab\n        [color]=\"action.color || 'primary'\"\n        [disabled]=\"isFloatingBulkActionDisabled(action)\"\n        (click)=\"onToolbarAction({ action: getActionId(action), actionConfig: action })\"\n        [attr.aria-label]=\"action.label || getActionId(action)\"\n        [matTooltip]=\"action.label || getActionId(action)\"\n        matTooltipPosition=\"left\"\n      >\n        <mat-icon [praxisIcon]=\"action.icon || 'done_all'\"></mat-icon>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00E7\u00F5es no rodap\u00E9 (opcional) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && showToolbar && shouldRenderFooterToolbar()) {\n  <praxis-table-toolbar\n    [config]=\"config\"\n    [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n    [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n    [class.footer-flat]=\"hasBottomPaginator()\"\n    class=\"praxis-toolbar-footer\"\n    placement=\"footer\"\n    [showMain]=\"shouldShowFooterToolbarMain()\"\n    [showEndActions]=\"shouldShowFooterToolbarEndActions()\"\n    [showReset]=\"shouldShowFooterToolbarReset()\"\n    [showActionsGroup]=\"shouldShowToolbarActionsBottom()\"\n    [showMobileActions]=\"shouldShowToolbarActionsBottom()\"\n    [dslContext]=\"getToolbarDslContext()\"\n    [dslFunctionRegistry]=\"dslFunctionRegistry\"\n    (toolbarAction)=\"onToolbarAction($event)\"\n  >\n    <praxis-filter\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\"\n      advancedFilter\n      [resourcePath]=\"getAdvancedFilterResourcePath()\"\n      [filterId]=\"tableId\"\n      [formId]=\"tableId\"\n      [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n      [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n      [editModeEnabled]=\"editModeEnabled\"\n      [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n      [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n      [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n      [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n      [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n      [i18n]=\"getFilterI18n()\"\n      [mode]=\"'filter'\"\n      [showFilterSettings]=\"editModeEnabled\"\n      (change)=\"onAdvancedFilterChange($event)\"\n      (submit)=\"onAdvancedFilterSubmit($event)\"\n      (clear)=\"onAdvancedFilterClear()\"\n    ></praxis-filter>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[advancedFilter]\"></ng-content>\n    </ng-container>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[toolbar]\"></ng-content>\n    </ng-container>\n    @if (shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()) {\n      @defer (on idle) {\n        @if (aiAdapter) {\n          <praxis-ai-assistant\n            [adapter]=\"aiAdapter\"\n            end-actions\n          ></praxis-ai-assistant>\n        }\n      }\n    }\n    <button\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter() && editModeEnabled\"\n      end-actions\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      aria-label=\"Configura\u00E7\u00F5es\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  </praxis-table-toolbar>\n}\n<!-- Paginadores (top/bottom) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'top' || config.behavior?.pagination?.position === 'both')) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n  >\n  </mat-paginator>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'bottom' || config.behavior?.pagination?.position === 'both' || !config.behavior?.pagination?.position)) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n    [class.footer-stack]=\"shouldShowToolbarActionsBottom()\"\n  >\n  </mat-paginator>\n}\n", styles: ["@charset \"UTF-8\";table{width:100%}.praxis-visually-hidden-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-column-reorder-status{margin:8px 0;padding:10px 12px;border-radius:8px;border:1px solid var(--p-table-border-color);background:var(--p-table-row-hover-bg);color:var(--p-table-header-fg);font-size:12px;line-height:1.4;box-shadow:0 4px 12px #00000014;animation:pfx-column-reorder-status-in var(--p-table-drag-status-enter-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}@keyframes pfx-column-reorder-status-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.praxis-actions-cell{height:100%;padding-inline:12px;white-space:nowrap}.pfx-expansion-col-header,.pfx-expansion-col-cell{width:52px;min-width:52px;text-align:center}.pfx-expansion-toggle:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pfx-expansion-detail-row{background:var(--md-sys-color-surface-container-low)}.pfx-expansion-detail-cell{padding:0!important;border-bottom:1px solid var(--p-table-border-color)}.pfx-expansion-detail-panel{padding:12px 16px;border-left:3px solid var(--md-sys-color-primary)}.pfx-expansion-detail-schema{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-detail-message{font-size:13px;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-detail-message--error{color:var(--md-sys-color-error)}.pfx-expansion-detail-stack{display:grid;gap:10px}.pfx-expansion-detail-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pfx-expansion-detail-tab-btn{border:1px solid var(--p-table-border-color);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:999px;padding:6px 12px;font-size:12px;line-height:1.2;cursor:pointer}.pfx-expansion-detail-tab-btn.is-active{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary);font-weight:600}.pfx-expansion-detail-tab-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pfx-expansion-detail-tab-panel{display:grid;gap:10px}.pfx-expansion-node{border:1px solid var(--p-table-border-color);border-radius:8px;padding:10px 12px;background:var(--md-sys-color-surface)}.pfx-expansion-node-card__header{margin-bottom:8px}.pfx-expansion-node-card__title{margin:0;font-size:14px;line-height:1.3}.pfx-expansion-node-card__subtitle{margin:4px 0 0;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-node-value{display:flex;align-items:baseline;gap:8px}.pfx-expansion-node-value__label{color:var(--md-sys-color-on-surface-variant);font-size:12px}.pfx-expansion-node-value__content{font-size:14px}.pfx-expansion-node-list__title{margin:0 0 6px;font-size:13px}.pfx-expansion-node-list ul{margin:0;padding-left:18px}.pfx-expansion-node-richtext :where(p,ul,ol,h1,h2,h3,h4,h5,h6){margin-top:0;margin-bottom:8px}.pfx-expansion-node-placeholder{font-size:12px;color:var(--md-sys-color-on-surface-variant)}:host.density-compact{--p-header-padding: 8px 12px;--p-cell-padding: 8px 12px;--p-actions-btn-size: 32px;--p-actions-icon-size: 18px}:host.density-comfortable{--p-header-padding: 12px 16px;--p-cell-padding: 12px 16px;--p-actions-btn-size: 40px;--p-actions-icon-size: 22px}:host.density-spacious{--p-header-padding: 16px 20px;--p-cell-padding: 16px 20px;--p-actions-btn-size: 44px;--p-actions-icon-size: 24px}:host.density-compact ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 8px 12px)}:host.density-comfortable ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 12px 16px)}:host.density-spacious ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 16px 20px)}:host.density-compact .praxis-actions-cell{padding-inline:8px}:host.density-spacious .praxis-actions-cell{padding-inline:16px}.praxis-actions-cell__content{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-icon-btn{width:var(--p-actions-btn-size, 40px);height:var(--p-actions-btn-size, 40px);border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;cursor:pointer;--mat-icon-button-state-layer-size: var(--p-actions-btn-size, 40px)}.praxis-icon-btn:hover{background:var(--md-sys-color-surface-variant)}.praxis-icon-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.praxis-icon-btn mat-icon,.praxis-icon-btn .mat-icon{font-size:var(--p-actions-icon-size, 22px);width:var(--p-actions-icon-size, 22px);height:var(--p-actions-icon-size, 22px);line-height:var(--p-actions-icon-size, 22px)}.praxis-more-btn{width:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));height:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));--mat-icon-button-state-layer-size: var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));background-image:var(--p-actions-more-btn-gradient, none);background-size:100% 100%;background-repeat:no-repeat}.praxis-more-btn mat-icon,.praxis-more-btn .mat-icon{font-size:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));width:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));line-height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));color:var(--p-actions-more-icon-color);background-image:var(--p-actions-more-icon-gradient, none);-webkit-background-clip:text;background-clip:text}.praxis-icon-btn.destructive mat-icon{color:var(--md-sys-color-error)}.mat-mdc-tooltip.praxis-tooltip{margin-top:-8px;margin-bottom:8px}.spacer{flex:1 1 auto}.praxis-table-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:16px 0 12px;width:100%;clear:both;position:relative}.praxis-table-header.stacked{margin:0}.praxis-table-header>praxis-table-toolbar{flex:1 0 100%}.praxis-floating-bulk-actions{position:fixed;z-index:1001;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:var(--md-sys-color-surface-container-highest);box-shadow:0 8px 20px #00000029}.praxis-floating-bulk-actions.pos-bottom-right{right:20px;bottom:20px}.praxis-floating-bulk-actions.pos-bottom-left{left:20px;bottom:20px}.praxis-floating-bulk-actions.pos-top-right{right:20px;top:20px}.praxis-floating-bulk-actions.pos-top-left{left:20px;top:20px}@media(max-width:768px){.praxis-floating-bulk-actions{gap:6px;padding:6px}.praxis-floating-bulk-actions.pos-bottom-right{right:12px;left:auto;bottom:12px}.praxis-floating-bulk-actions.pos-bottom-left{left:12px;right:auto;bottom:12px}.praxis-floating-bulk-actions.pos-top-right{right:12px;left:auto;top:12px}.praxis-floating-bulk-actions.pos-top-left{left:12px;right:auto;top:12px}}:host{display:block;width:100%;min-width:0;max-width:100%;--pfx-toolbar-pad-y: 6px;--pfx-toolbar-pad-x: 12px;--p-table-bg: var(--md-sys-color-surface-container-highest);--p-table-text-color: var(--md-sys-color-on-surface);--p-table-header-bg: var(--md-sys-color-surface-container-highest);--p-table-header-fg: var(--md-sys-color-on-surface);--p-table-border-color: var(--md-sys-color-outline-variant);--p-table-row-even-bg: var(--md-sys-color-surface-container);--p-table-row-hover-bg: var(--md-sys-color-surface-container-high);--p-table-row-selected-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-fg: var(--md-sys-color-on-primary-container);--p-table-badge-soft-accent-bg: var(--md-sys-color-secondary-container);--p-table-badge-soft-accent-fg: var(--md-sys-color-on-secondary-container);--p-table-badge-soft-warn-bg: var(--md-sys-color-error-container);--p-table-badge-soft-warn-fg: var(--md-sys-color-on-error-container);--p-table-state-success-bg: var(--md-sys-color-tertiary-container);--p-table-state-success-fg: var(--md-sys-color-on-tertiary-container);--p-table-state-warning-bg: var(--md-sys-color-secondary-container);--p-table-state-warning-fg: var(--md-sys-color-on-secondary-container);--p-table-state-danger-bg: var(--md-sys-color-error-container);--p-table-state-danger-fg: var(--md-sys-color-on-error-container);--p-table-state-highlight-bg: var(--md-sys-color-primary-container);--p-table-state-highlight-fg: var(--md-sys-color-on-primary-container);--p-table-drag-handle-size: 14px;--p-table-drag-handle-color: var(--md-sys-color-on-surface-variant);--p-table-drag-handle-hover-color: var(--md-sys-color-on-surface);--p-table-drag-handle-base-opacity: 0;--p-table-drag-handle-visible-opacity: .72;--p-table-drag-handle-active-opacity: 1;--p-table-drag-handle-transition-duration: .16s;--p-table-reorder-transition-duration: .16s;--p-table-drag-preview-scale: 1.01;--p-table-drag-status-enter-duration: .18s;--p-table-drag-preview-shadow: 0 14px 32px rgba(0, 0, 0, .28), 0 0 0 1px var(--p-table-border-color)}:host ::ng-deep .mat-mdc-table{background:var(--p-table-bg);color:var(--p-table-text-color);border-radius:12px 12px 0 0;width:100%;box-shadow:var(--p-table-surface-shadow);transition:box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-table:hover{box-shadow:var(--p-table-surface-shadow-hover, var(--p-table-surface-shadow))}:host ::ng-deep .mat-mdc-table.table-stack-top{border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .praxis-toolbar-footer{border:0 solid var(--p-table-border-color);border-top:0;border-radius:0;background:var(--p-table-bg)}:host ::ng-deep .mat-mdc-paginator.footer-stack{border-top-left-radius:0;border-top-right-radius:0;border-top:0}:host ::ng-deep .mat-mdc-paginator.footer-stack .mat-mdc-paginator-container{padding:8px 12px}:host [data-role=table-settings].mat-mdc-icon-button{--mdc-icon-button-icon-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pfx-link{color:var(--md-sys-color-primary);text-decoration:underline;cursor:pointer}.pfx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;line-height:1;border:1px solid transparent}.pfx-chip-icon{font-size:14px;width:14px;height:14px}.pfx-chip--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.pfx-chip--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-chip--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-chip--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-chip--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-chip--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-chip--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.pfx-progress{position:relative;width:100%;max-width:140px;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle}.pfx-progress-bar{height:100%;background:var(--md-sys-color-primary);transition:width .2s ease}.pfx-progress-label{margin-left:8px;font-size:12px;opacity:.8;display:inline-block;vertical-align:middle}.pfx-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:4px;overflow:hidden;font-weight:600}.pfx-avatar.shape-rounded{border-radius:8px}.pfx-avatar.shape-circle{border-radius:999px}.pfx-avatar--initials{text-transform:uppercase;font-size:12px}.pfx-cell-compose{display:inline-flex;align-items:center;gap:6px}.pfx-cell-compose.dir-col{flex-direction:column;align-items:stretch}.pfx-cell-compose.align-start{justify-content:flex-start}.pfx-cell-compose.align-center{justify-content:center}.pfx-cell-compose.align-end{justify-content:flex-end}.pfx-cell-compose.wrap{flex-wrap:wrap}.pfx-cell-compose.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-scroll-viewport{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.px-scroll-viewport.scroll-none{overflow-x:visible}.px-scroll-viewport.scroll-auto ::ng-deep .mat-mdc-table{width:max-content;min-width:100%}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-header-cell,.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-cell{white-space:normal;text-overflow:initial}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-header-row{position:sticky;top:0;z-index:1;background:var(--p-table-header-bg);color:var(--p-table-header-fg);box-shadow:var(--p-table-header-shadow, 0 1px 0 var(--p-table-border-color));border-bottom:1px solid var(--p-table-border-color)}:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mat-sort-header-content,:host ::ng-deep .mat-mdc-header-row .mat-icon{color:var(--p-table-header-fg)!important;font-weight:600}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow,:host ::ng-deep .mat-mdc-header-cell:hover .mat-sort-header-arrow{color:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-indicator,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-stem,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-left,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-right{border-color:var(--p-table-header-fg)!important;background:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell{padding:var(--p-header-padding, 12px 16px)!important;font-size:var(--p-header-font-size, inherit);font-weight:var(--p-header-font-weight, 600);letter-spacing:var(--p-header-letter-spacing, normal);text-transform:var(--p-header-text-transform, none);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{display:flex;align-items:center;width:100%;gap:4px;cursor:inherit}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable{-webkit-user-select:none;user-select:none;cursor:grab;padding-left:0!important}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable.cdk-drag-dragging{cursor:grabbing}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-content{display:inline-flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-header-label{display:inline-flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-header-label-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--p-table-drag-handle-color);width:var(--p-table-drag-handle-size);min-width:var(--p-table-drag-handle-size);flex:0 0 var(--p-table-drag-handle-size);height:var(--p-table-drag-handle-size);padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:0;cursor:inherit;pointer-events:none;touch-action:none;opacity:var(--p-table-drag-handle-base-opacity, .42);transform:none;order:-1;margin-inline-end:0;transition:opacity var(--p-table-drag-handle-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),color var(--p-table-drag-handle-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:hover .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:focus-within .praxis-column-drag-handle{opacity:var(--p-table-drag-handle-visible-opacity, .72);color:var(--p-table-drag-handle-hover-color, var(--p-table-drag-handle-color))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle:active{opacity:var(--p-table-drag-handle-active-opacity, 1);cursor:grabbing}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon{font-size:14px;width:14px;height:14px;line-height:14px;transition:transform .18s var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:hover .praxis-column-drag-handle .mat-icon{transform:none}:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:transform var(--p-table-reorder-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-animating{transition:transform var(--p-table-reorder-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}.pfx-column-drag-preview{box-sizing:border-box;display:flex;align-items:center;border-radius:10px;border:1px solid var(--p-table-border-color);background:linear-gradient(135deg,var(--p-table-header-bg) 0%,var(--p-table-row-hover-bg) 100%);color:var(--p-table-header-fg);box-shadow:var(--p-table-drag-preview-shadow);transform:scale(var(--p-table-drag-preview-scale, 1.01));pointer-events:none;z-index:1000}.pfx-column-drag-preview .praxis-column-drag-handle,.pfx-column-drag-preview .mat-sort-header-arrow,.pfx-column-drag-preview .mat-sort-header-indicator,.pfx-column-drag-preview .mat-sort-header-stem,.pfx-column-drag-preview .mat-sort-header-pointer,.pfx-column-drag-preview .mat-sort-header-pointer-left,.pfx-column-drag-preview .mat-sort-header-pointer-right{display:none!important}.pfx-column-drag-preview .mat-sort-header-container{display:flex;align-items:center;width:100%;min-height:100%;padding-right:0!important}.pfx-column-drag-preview .mat-sort-header-content,.pfx-column-drag-preview .praxis-header-label{display:inline-flex;align-items:center;min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder{opacity:1;border:1px dashed var(--p-table-border-color);background:var(--p-table-row-hover-bg)}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder *{opacity:0}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-dragging{opacity:.58}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:none}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon,.pfx-column-drag-preview{transition:none;transform:none}.praxis-column-reorder-status{animation:none}:host ::ng-deep .mat-mdc-row{transition:none}:host ::ng-deep .mat-mdc-table{transition:none}}.praxis-actions-header{text-align:right}.praxis-actions-header.align-start{text-align:left}.praxis-actions-header.align-center{text-align:center}.praxis-actions-header.align-end{text-align:right}.praxis-actions-header .praxis-actions-header__content{display:inline-flex;align-items:center;gap:var(--p-actions-header-gap, 6px);color:var(--p-actions-header-color, inherit)}.praxis-actions-header .praxis-actions-header__content .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}:host ::ng-deep .mat-mdc-header-cell .mat-sort-header-container{padding-right:20px}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{padding-right:12px}@media(pointer:coarse){:host{--p-table-drag-handle-size: 18px;--p-table-drag-handle-base-opacity: .56;--p-table-drag-handle-visible-opacity: .92}}:host ::ng-deep .mat-mdc-cell{color:var(--p-table-text-color);font-size:var(--p-cell-font-size, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .mat-mdc-cell .pfx-cell-content,:host ::ng-deep .mat-cell .pfx-cell-content{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pfx-cell-content.pfx-cell-anim{animation-duration:var(--pfx-cell-anim-duration, .8s);animation-delay:var(--pfx-cell-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--once{animation-iteration-count:1}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--count{animation-iteration-count:var(--pfx-cell-anim-iteration-count, 1)}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover,:host ::ng-deep .mat-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:running}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--pulse{animation-name:pfx-cell-pulse}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--blink{animation-name:pfx-cell-blink}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--grow{animation-name:pfx-cell-grow}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--fade{animation-name:pfx-cell-fade}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--slide-in{animation-name:pfx-cell-slide-in}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--border-pulse{animation-name:pfx-cell-border-pulse}@keyframes pfx-cell-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-cell-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-cell-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-cell-anim-min-opacity, .35)}}@keyframes pfx-cell-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-cell-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-cell-slide-in{0%{opacity:0;transform:translateY(var(--pfx-cell-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-cell-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),var(--pfx-cell-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-cell-content.pfx-cell-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation-duration:var(--pfx-row-anim-duration, .8s);animation-delay:var(--pfx-row-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--once{animation-iteration-count:1}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--count{animation-iteration-count:var(--pfx-row-anim-iteration-count, 1)}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover:hover{animation-play-state:running}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--pulse{animation-name:pfx-row-pulse}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--blink{animation-name:pfx-row-blink}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--grow{animation-name:pfx-row-grow}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--fade{animation-name:pfx-row-fade}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--slide-in{animation-name:pfx-row-slide-in}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--border-pulse{animation-name:pfx-row-border-pulse}@keyframes pfx-row-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-row-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-row-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-row-anim-min-opacity, .35)}}@keyframes pfx-row-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-row-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-row-slide-in{0%{opacity:0;transform:translateY(var(--pfx-row-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-row-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),var(--pfx-row-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:nth-child(2n){background:var(--p-table-row-even-bg)}:host ::ng-deep .mat-mdc-row:nth-child(2n):hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row.pfx-row-selected,:host ::ng-deep .mat-mdc-row.pfx-row-selected:hover{background:var(--p-table-row-selected-bg)}:host.row-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-bottom:1px solid var(--p-table-border-color)}:host.row-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell{border-bottom:none}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-right:1px solid var(--p-table-border-color)}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell:last-child,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell:last-child{border-right:none}.ptable-error{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--md-sys-color-error);border-radius:8px}.ptable-error__content{flex:1}.ptable-error__title{font-weight:600}.ptable-info-banner{display:flex;gap:12px;align-items:center;padding:8px 12px;margin:8px 0;border-radius:8px;border:1px solid var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.ptable-info-banner .text{flex:1;font-weight:600}.ptable-info-banner .actions{display:flex;gap:8px}.pfx-cell-image{display:inline-block;vertical-align:middle;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant)}.pfx-cell-image.shape-rounded{border-radius:8px}.pfx-cell-image.shape-circle{border-radius:9999px}.pfx-badge{display:inline-flex;align-items:center;gap:6px;line-height:1;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid transparent}.pfx-badge .pfx-badge-icon{font-size:16px;width:16px;height:16px}.pfx-badge--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-badge--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-badge--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-badge--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:inherit}.pfx-badge--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-badge--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-badge--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.row--success,.row--success td,td.row--success{background-color:var(--p-table-state-success-bg)!important;color:var(--p-table-state-success-fg)!important}.row--warning,.row--warning td,td.row--warning{background-color:var(--p-table-state-warning-bg)!important;color:var(--p-table-state-warning-fg)!important}.row--danger,.row--danger td,td.row--danger{background-color:var(--p-table-state-danger-bg)!important;color:var(--p-table-state-danger-fg)!important}.row--highlight,.row--highlight td,td.row--highlight{background-color:var(--p-table-state-highlight-bg)!important;color:var(--p-table-state-highlight-fg)!important;font-weight:600}.row--muted,.row--muted td,td.row--muted{opacity:.7;filter:saturate(.6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i10$3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i11$1.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i11$1.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i11$1.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i12.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i12.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i15$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i17.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i17.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i17.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i18.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i20.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i20.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i8$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisFilter, selector: "praxis-filter", inputs: ["resourcePath", "fieldMetadata", "filterId", "formId", "componentInstanceId", "mode", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "editModeEnabled", "value", "alwaysVisibleFields", "alwaysVisibleFieldMetadataOverrides", "selectedFieldIds", "tags", "allowSaveTags", "persistenceKey", "i18n", "changeDebounceMs", "showFilterSettings", "confirmTagDelete", "placeBooleansInActions", "showToggleLabels", "useInlineSelectVariant", "useInlineSearchableSelectVariant", "useInlineMultiSelectVariant", "useInlineInputVariant", "useInlineToggleVariant", "useInlineRangeVariant", "useInlineDateVariant", "useInlineDateRangeVariant", "useInlineTimeVariant", "useInlineTimeRangeVariant", "useInlineTreeSelectVariant", "alwaysMinWidth", "alwaysColsMd", "alwaysColsLg", "tagColor", "tagVariant", "tagButtonColor", "actionsButtonColor", "actionsVariant", "overlayVariant", "overlayBackdrop", "advancedOpenMode", "advancedClearButtonsEnabled"], outputs: ["submit", "change", "clear", "modeChange", "requestSearch", "tagsChange", "selectedFieldIdsChange", "metaChanged", "schemaStatusChange"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisTableToolbar, selector: "praxis-table-toolbar", inputs: ["config", "backgroundColor", "placement", "showMain", "showActionsGroup", "showEndActions", "showMobileActions", "showReset", "dslContext", "dslFunctionRegistry"], outputs: ["toolbarAction", "reset"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "component", type: TableRatingCellComponent, selector: "praxis-table-rating", inputs: ["itemsCount", "value", "size", "ratingColor", "outlineColor", "ariaLabel"] }], deferBlockDependencies: [() => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)]] });
+        ], queries: [{ propertyName: "toolbar", first: true, predicate: PraxisTableToolbar, descendants: true }, { propertyName: "projectedFilter", first: true, predicate: ["projectedFilter"], descendants: true }], viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "materialTable", first: true, predicate: MatTable, descendants: true }, { propertyName: "internalFilter", first: true, predicate: PraxisFilter, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \u00E0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"\n  ></praxis-empty-state-card>\n}\n\n<!-- Error State with Quick Connect CTA -->\n@if (isRemoteMode() && (schemaError || dataError)) {\n<div class=\"ptable-error\" role=\"alert\" aria-live=\"assertive\">\n  <mat-icon color=\"warn\" aria-hidden=\"true\">error</mat-icon>\n  <div class=\"ptable-error__content\">\n    <div class=\"ptable-error__title\">Erro</div>\n    <div>{{ errorMessage || 'Ocorreu um erro ao carregar a tabela.' }}</div>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    Conectar a recurso\n  </button>\n  @if (!schemaError) { <button mat-stroked-button (click)=\"retryData()\">Tentar novamente</button> }\n  @if (schemaError) { <button mat-stroked-button (click)=\"reloadSchema()\">Recarregar colunas</button> }\n  </div>\n}\n\n<!-- Inline banner for schema change (only in edit mode) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"ptable-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n  </div>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"editModeEnabled\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        \n        <!-- AI Assistant in Toolbar -->\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n          }\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" aria-label=\"Desconectar\" matTooltip=\"Desconectar da fonte de dados\">\n            <mat-icon>link_off</mat-icon>\n          </button>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  @if (shouldRenderDataSurface() && !schemaError && !dataError) {\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n      </div>\n    }\n  }\n}\n<div class=\"px-scroll-viewport\"\n     cdkScrollable\n     [class.scroll-auto]=\"horizontalScroll === 'auto'\"\n     [class.scroll-wrap]=\"horizontalScroll === 'wrap'\"\n     [class.scroll-none]=\"horizontalScroll === 'none'\">\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError) {\n<div class=\"praxis-visually-hidden-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n  {{ columnReorderStatusMessage }}\n</div>\n@if (columnReorderVisualStatusMessage) {\n  <div class=\"praxis-column-reorder-status\" role=\"note\">\n    {{ columnReorderVisualStatusMessage }}\n  </div>\n}\n<table\n  mat-table\n  data-testid=\"table-column-drag-drop-list\"\n  [dataSource]=\"dataSource\"\n  [multiTemplateDataRows]=\"isRowExpansionRuntimeEnabled()\"\n  cdkDropList\n  [cdkDropListDisabled]=\"!isColumnDraggingEnabled()\"\n  [cdkDropListData]=\"visibleDataColumnsForDrag\"\n  cdkDropListOrientation=\"horizontal\"\n  (cdkDropListDropped)=\"onColumnDrop($event)\"\n  matSort\n  (matSortChange)=\"onSortChange($event)\"\n  [matSortDisabled]=\"!getSortingEnabled()\"\n  [ngClass]=\"getTableElevationClassName()\"\n  [class.table-stack-top]=\"showToolbar\"\n  [class.pfx-column-drag-enabled]=\"isColumnDraggingEnabled()\"\n  [class.pfx-column-drag-indicator]=\"isColumnDragIndicatorEnabled()\"\n>\n  @if (config.behavior?.selection?.enabled) {\n  <ng-container\n    matColumnDef=\"_select\"\n  >\n    <th mat-header-cell *matHeaderCellDef>\n      @if (canSelectAll()) {\n        <mat-checkbox\n          (change)=\"masterToggle()\"\n          [checked]=\"isAllSelected()\"\n          [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        ></mat-checkbox>\n      }\n    </th>\n    <td mat-cell *matCellDef=\"let row\">\n      <mat-checkbox\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"toggleRow(row)\"\n        [checked]=\"selection.isSelected(row)\"\n      ></mat-checkbox>\n    </td>\n  </ng-container>\n  }\n  @if (isRowExpansionRuntimeEnabled()) {\n  <ng-container matColumnDef=\"_expander\">\n    <th mat-header-cell *matHeaderCellDef class=\"pfx-expansion-col-header\">\n      <span class=\"praxis-visually-hidden-status\">Expandir detalhes da linha</span>\n    </th>\n    <td mat-cell *matCellDef=\"let row; let i = index\" class=\"pfx-expansion-col-cell\">\n      <button\n        mat-icon-button\n        class=\"pfx-expansion-toggle\"\n        [disabled]=\"!isRowExpandable(row, i) || !isExpansionIconTriggerEnabled()\"\n        [attr.aria-expanded]=\"isRowExpanded(row, i) ? 'true' : 'false'\"\n        [attr.aria-controls]=\"getRowExpansionDetailId(row, i)\"\n        [attr.aria-label]=\"getRowExpansionToggleAriaLabel(row, i)\"\n        (click)=\"onExpansionToggleFromIcon(row, i, $event)\"\n        (keydown)=\"onExpansionToggleKeydown($event, row, i)\"\n      >\n        <mat-icon [praxisIcon]=\"isRowExpanded(row, i)\n            ? getExpansionExpandedIcon()\n            : getExpansionCollapsedIcon()\"></mat-icon>\n      </button>\n    </td>\n  </ng-container>\n  }\n  @for (column of visibleColumns; track column.field) {\n  <ng-container\n    [matColumnDef]=\"column.field\"\n    [sticky]=\"column.sticky === true || column.sticky === 'start'\"\n    [stickyEnd]=\"column.sticky === 'end'\"\n  >\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n      mat-sort-header\n      cdkDrag\n      [cdkDragData]=\"column\"\n      cdkDragLockAxis=\"x\"\n      cdkDragPreviewClass=\"pfx-column-drag-preview\"\n      (cdkDragStarted)=\"onColumnDragStarted(column)\"\n      (cdkDragEnded)=\"onColumnDragEnded($event, column)\"\n      (keydown)=\"onColumnDragHandleKeydown($event, column)\"\n      [cdkDragDisabled]=\"!isColumnDraggingEnabled() || !isColumnDraggable(column)\"\n      [class.praxis-header-draggable]=\"isColumnDraggingEnabled() && isColumnDraggable(column)\"\n      [disabled]=\"!getSortingEnabled() || column.sortable === false\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnHeaderAttrStyle(column)\"\n      [attr.aria-label]=\"isColumnDraggingEnabled() && isColumnDraggable(column) ? getColumnDragHandleAriaLabel(column) : null\"\n    >\n      <span class=\"praxis-header-label\" data-testid=\"column-header-label\">\n        @if (isColumnDraggingEnabled() && isColumnDraggable(column)) {\n          <span\n            class=\"praxis-column-drag-handle\"\n            data-testid=\"column-drag-handle\"\n            [attr.data-column-field]=\"column.field\"\n            aria-hidden=\"true\"\n          >\n            <mat-icon [praxisIcon]=\"'drag_indicator'\"></mat-icon>\n          </span>\n        }\n        <span class=\"praxis-header-label-text\">{{ column.header }}</span>\n      </span>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnCellAttrStyle(column)\"\n      [ngClass]=\"getCellClasses(element, column)\"\n      [ngStyle]=\"getCellNgStyle(element, column)\"\n    >\n      <div\n        class=\"pfx-cell-content\"\n        [ngClass]=\"getCellContentClasses(element, column)\"\n        [ngStyle]=\"getCellContentNgStyle(element, column)\"\n      >\n      <ng-container [ngSwitch]=\"getEffectiveRendererType(element, column)\">\n        <!-- Icon renderer -->\n        <ng-container *ngSwitchCase=\"'icon'\">\n          <mat-icon\n            [color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n            >{{ getIconName(element, column) }}</mat-icon\n          >\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <img\n            class=\"pfx-cell-image\"\n            [src]=\"getImageSrc(element, column)\"\n            [attr.alt]=\"getImageAlt(element, column) || ''\"\n            [attr.loading]=\"getImageLazy(element, column) ? 'lazy' : null\"\n            [style.width.px]=\"getImageWidth(element, column)\"\n            [style.height.px]=\"getImageHeight(element, column)\"\n            [class.shape-rounded]=\"getImageShape(element, column) === 'rounded'\"\n            [class.shape-circle]=\"getImageShape(element, column) === 'circle'\"\n            [style.object-fit]=\"getImageFit(element, column)\"\n          />\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n              @if (getBadgeIcon(element, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n            <span class=\"pfx-badge-text\">{{ getBadgeText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Link renderer -->\n        <ng-container *ngSwitchCase=\"'link'\">\n          <a\n            class=\"pfx-link\"\n            [attr.href]=\"getLinkHref(element, column) || null\"\n            [attr.target]=\"getLinkTarget(element, column) || null\"\n            [attr.rel]=\"getLinkRel(element, column) || null\"\n            (click)=\"$event.stopPropagation()\"\n            >{{ getLinkText(element, column) }}</a\n          >\n        </ng-container>\n\n        <!-- Button renderer -->\n        <ng-container *ngSwitchCase=\"'button'\">\n          <ng-container [ngSwitch]=\"getButtonVariant(element, column)\">\n            <button\n              *ngSwitchCase=\"'outlined'\"\n              mat-stroked-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchCase=\"'text'\"\n              mat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchDefault\n              mat-flat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n          </ng-container>\n        </ng-container>\n\n        <!-- Chip renderer -->\n        <ng-container *ngSwitchCase=\"'chip'\">\n          <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, column)\">\n            @if (getChipIcon(element, column); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }\n            <span class=\"pfx-chip-text\">{{ getChipText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, column)\" [style.background]=\"getProgressBackgroundStyle(element, column)\"></div>\n            @if (getProgressShowLabel(element, column)) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, column) }}%</div> }\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          @if (getAvatarSrc(element, column); as asrc) {\n            <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, column) || ''\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\" loading=\"lazy\" />\n          } @else {\n            <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">{{ getAvatarInitials(element, column) }}</span>\n          }\n        </ng-container>\n\n        <!-- Toggle renderer -->\n        <ng-container *ngSwitchCase=\"'toggle'\">\n          <mat-slide-toggle\n            [checked]=\"getToggleState(element, column)\"\n            [disabled]=\"isToggleDisabled(element, column)\"\n            [attr.aria-label]=\"getToggleAriaLabel(element, column) || 'Alternar'\"\n            (change)=\"onToggleChange(element, column, $event)\"\n            (click)=\"$event.stopPropagation()\"\n          ></mat-slide-toggle>\n        </ng-container>\n\n        <!-- Menu renderer -->\n        <ng-container *ngSwitchCase=\"'menu'\">\n          <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, column) || 'Menu'\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let it of getMenuItems(element, column)\" (click)=\"onMenuItemClick(it, element, $event)\" [disabled]=\"!it.__visible\" >\n              @if (it.icon) { <mat-icon>{{ it.icon }}</mat-icon> }\n              <span>{{ it.label }}</span>\n            </button>\n          </mat-menu>\n        </ng-container>\n\n        <!-- Rating renderer -->\n        <ng-container *ngSwitchCase=\"'rating'\">\n          <praxis-table-rating\n            class=\"pfx-rating-cell\"\n            [itemsCount]=\"getRatingMax(element, column)\"\n            [value]=\"getRatingValue(element, column)\"\n            [size]=\"getRatingSize(element, column)\"\n            [ratingColor]=\"getRatingColor(element, column)\"\n            [outlineColor]=\"getRatingOutlineColor(element, column)\"\n            [ariaLabel]=\"getRatingAriaLabel(element, column) || column.header\">\n          </praxis-table-rating>\n        </ng-container>\n\n        <!-- HTML renderer (sanitizado) -->\n        <ng-container *ngSwitchCase=\"'html'\">\n          <span [innerHTML]=\"getSafeHtml(element, column)\"></span>\n        </ng-container>\n\n        <!-- Compose renderer -->\n        <ng-container *ngSwitchCase=\"'compose'\">\n          <span class=\"pfx-cell-compose\" [ngClass]=\"getComposeClasses(element, column)\" [ngStyle]=\"getComposeGapStyle(element, column)\">\n            <ng-container *ngFor=\"let it of getComposeItems(element, column)\">\n              <ng-container [ngSwitch]=\"getItemEffectiveType(element, column, it)\">\n                <!-- Reuse helpers by projecting item as faux column -->\n                <ng-container *ngSwitchCase=\"'icon'\">\n                  <mat-icon [color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\">{{ getIconName(element, asItemColumn(column, it)) }}</mat-icon>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <img class=\"pfx-cell-image\" [src]=\"getImageSrc(element, asItemColumn(column, it))\" [attr.alt]=\"getImageAlt(element, asItemColumn(column, it)) || ''\" [attr.loading]=\"getImageLazy(element, asItemColumn(column, it)) ? 'lazy' : null\" [style.width.px]=\"getImageWidth(element, asItemColumn(column, it))\" [style.height.px]=\"getImageHeight(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getImageShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getImageShape(element, asItemColumn(column, it)) === 'circle'\" [style.object-fit]=\"getImageFit(element, asItemColumn(column, it))\" />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\">@if (getBadgeIcon(element, asItemColumn(column, it)); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }<span class=\"pfx-badge-text\">{{ getBadgeText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'link'\">\n                  <a class=\"pfx-link\" [attr.href]=\"getLinkHref(element, asItemColumn(column, it)) || null\" [attr.target]=\"getLinkTarget(element, asItemColumn(column, it)) || null\" [attr.rel]=\"getLinkRel(element, asItemColumn(column, it)) || null\" (click)=\"$event.stopPropagation()\">{{ getLinkText(element, asItemColumn(column, it)) }}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'button'\">\n                  <ng-container [ngSwitch]=\"getButtonVariant(element, asItemColumn(column, it))\">\n                    <button *ngSwitchCase=\"'outlined'\" mat-stroked-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchCase=\"'text'\" mat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchDefault mat-flat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\">@if (getChipIcon(element, asItemColumn(column, it)); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }<span class=\"pfx-chip-text\">{{ getChipText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\"><div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, asItemColumn(column, it))\" [style.background]=\"getProgressBackgroundStyle(element, asItemColumn(column, it))\"></div>@if (getProgressShowLabel(element, asItemColumn(column, it))) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, asItemColumn(column, it)) }}%</div> }</div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  @if (getAvatarSrc(element, asItemColumn(column, it)); as asrc) {\n                    <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, asItemColumn(column, it)) || ''\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\" loading=\"lazy\" />\n                  } @else {\n                    <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\">{{ getAvatarInitials(element, asItemColumn(column, it)) }}</span>\n                  }\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'toggle'\">\n                  <mat-slide-toggle [checked]=\"getToggleState(element, asItemColumn(column, it))\" [disabled]=\"isToggleDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getToggleAriaLabel(element, asItemColumn(column, it)) || 'Alternar'\" (change)=\"onToggleChange(element, asItemColumn(column, it), $event)\" (click)=\"$event.stopPropagation()\"></mat-slide-toggle>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'menu'\">\n                  <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, asItemColumn(column, it)) || 'Menu'\"><mat-icon>more_vert</mat-icon></button>\n                  <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let mi of getMenuItems(element, asItemColumn(column, it))\" (click)=\"onMenuItemClick(mi, element, $event)\" [disabled]=\"!mi.__visible\">\n              @if (mi.icon) { <mat-icon>{{ mi.icon }}</mat-icon> }\n              <span>{{ mi.label }}</span>\n            </button>\n                  </mat-menu>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'rating'\">\n                  <praxis-table-rating\n                    class=\"pfx-rating-cell\"\n                    [itemsCount]=\"getRatingMax(element, asItemColumn(column, it))\"\n                    [value]=\"getRatingValue(element, asItemColumn(column, it))\"\n                    [size]=\"getRatingSize(element, asItemColumn(column, it))\"\n                    [ratingColor]=\"getRatingColor(element, asItemColumn(column, it))\"\n                    [outlineColor]=\"getRatingOutlineColor(element, asItemColumn(column, it))\"\n                    [ariaLabel]=\"getRatingAriaLabel(element, asItemColumn(column, it)) || column.header\">\n                  </praxis-table-rating>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'html'\">\n                  <span [innerHTML]=\"getSafeHtml(element, asItemColumn(column, it))\"></span>\n                </ng-container>\n                <!-- Value item: render base cell text alongside visuals -->\n                <ng-container *ngSwitchCase=\"'value'\">\n                  <span class=\"pfx-cell-value\">{{ getComposeItemValue(element, column, it) }}</span>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </span>\n        </ng-container>\n\n        <!-- Default text rendering -->\n        <ng-container *ngSwitchDefault>\n          {{ getCellValue(element, column) }}\n        </ng-container>\n      </ng-container>\n      </div>\n    </td>\n  </ng-container>\n  }\n  @if (config.actions?.row?.enabled) {\n  <ng-container matColumnDef=\"_actions\" [sticky]=\"config.actions?.row?.sticky === true || config.actions?.row?.sticky === 'start'\" [stickyEnd]=\"config.actions?.row?.sticky === 'end'\">\n    <th mat-header-cell *matHeaderCellDef #actionsHeaderCell [style.width]=\"getRowActionsWidthStyle()\" class=\"praxis-actions-header\" [class.align-start]=\"getActionsHeaderAlign() === 'start'\" [class.align-center]=\"getActionsHeaderAlign() === 'center'\" [class.align-end]=\"getActionsHeaderAlign() === 'end'\">\n      <div class=\"praxis-actions-header__content\" [matTooltip]=\"getActionsHeaderTooltip() || ''\" [matTooltipDisabled]=\"!getActionsHeaderTooltip()\">\n        @if (getActionsHeaderIcon(); as hi) { <mat-icon [praxisIcon]=\"hi\"></mat-icon> }\n        @if (getActionsHeaderLabel(); as hl) { <span class=\"label\">{{ hl }}</span> }\n      </div>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"praxis-actions-cell\"\n      [class.dense]=\"dense\"\n      [style.width]=\"getRowActionsWidthStyle()\"\n    >\n      <div class=\"praxis-actions-cell__content\">\n        <!-- A\u00E7\u00F5es inline -->\n        <!-- Inline actions: icons mode -->\n        @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-icon-button\n              class=\"praxis-icon-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [matTooltip]=\"a.label || getActionId(a)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Inline actions: buttons mode (show label + icon) -->\n        @if (config.actions?.row?.display === 'buttons') {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-flat-button\n              class=\"praxis-row-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Menu de overflow -->\n        @if (hasOverflowRowActions(row)) {\n          <button\n            mat-icon-button\n            class=\"praxis-icon-btn praxis-more-btn\"\n            [matMenuTriggerFor]=\"rowMoreMenu\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            aria-label=\"Mais a\u00E7\u00F5es\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          <ng-container\n            *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\"\n          >\n            <button\n              mat-menu-item\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        </mat-menu>\n      </div>\n    </td>\n  </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns\"\n  ></tr>\n  @if (!isVirtualized()) {\n    <tr\n      mat-row\n      *matRowDef=\"let row; let i = index; columns: displayedColumns\"\n      [class.pfx-row-selected]=\"selection.isSelected(row)\"\n      [class.pfx-row-expanded]=\"isRowExpansionRuntimeEnabled() && isRowExpanded(row, i)\"\n      [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n      [attr.aria-expanded]=\"isRowExpansionRuntimeEnabled() ? (isRowExpanded(row, i) ? 'true' : 'false') : null\"\n      [ngClass]=\"getRowClasses(row)\"\n      [ngStyle]=\"getRowNgStyle(row)\"\n      [matTooltip]=\"getRowTooltip(row) || null\"\n      [matTooltipDisabled]=\"!getRowTooltip(row)\"\n      [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n      [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n      (click)=\"onRowClicked(row, i, $event)\"\n      (dblclick)=\"onRowDoubleClicked(row, i)\"\n    ></tr>\n    @if (isRowExpansionRuntimeEnabled()) {\n      <ng-container matColumnDef=\"_detail\">\n        <td\n          mat-cell\n          *matCellDef=\"let row; let i = index\"\n          class=\"pfx-expansion-detail-cell\"\n          [attr.colspan]=\"displayedColumns.length\"\n        >\n          <section\n            class=\"pfx-expansion-detail-panel\"\n            [ngClass]=\"getExpansionMotionPresetClass()\"\n            [ngStyle]=\"getExpansionMotionStyle()\"\n            [attr.id]=\"getRowExpansionDetailId(row, i)\"\n            role=\"region\"\n            [attr.aria-label]=\"getRowExpansionRegionAriaLabel(row, i)\"\n            [attr.aria-busy]=\"getExpansionDetailViewState(row, i).status === 'loading' ? 'true' : 'false'\"\n          >\n            @let detailState = getExpansionDetailViewState(row, i);\n            @if (detailState.status === 'loading') {\n              <div class=\"pfx-expansion-detail-message\" role=\"status\" aria-live=\"polite\">\n                Carregando detail schema...\n              </div>\n            } @else if (detailState.status !== 'ready') {\n              <div\n                class=\"pfx-expansion-detail-message pfx-expansion-detail-message--error\"\n                role=\"alert\"\n                aria-live=\"assertive\"\n                aria-atomic=\"true\"\n              >\n                {{ detailState.message || 'Detail indispon\u00EDvel para esta linha.' }}\n              </div>\n            } @else {\n              @if (getExpansionDetailLayout(detailState.schema) === 'tabs') {\n                @let detailTabs = getExpansionDetailTabs(detailState.schema);\n                @if (detailTabs.length) {\n                  <div class=\"pfx-expansion-detail-tabs\" role=\"tablist\" aria-label=\"Se\u00E7\u00F5es do detail\">\n                    @for (tab of detailTabs; track $index; let tabIndex = $index) {\n                      <button\n                        type=\"button\"\n                        class=\"pfx-expansion-detail-tab-btn\"\n                        role=\"tab\"\n                        [attr.id]=\"getExpansionDetailTabId(row, i, tab, tabIndex)\"\n                        [attr.aria-controls]=\"getExpansionDetailPanelId(row, i, tab, tabIndex)\"\n                        [attr.aria-selected]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs) ? 'true' : 'false'\"\n                        [attr.tabindex]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs) ? '0' : '-1'\"\n                        [class.is-active]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs)\"\n                        (click)=\"onExpansionDetailTabSelect(row, i, tab, tabIndex, $event)\"\n                        (keydown)=\"onExpansionDetailTabKeydown($event, row, i, tabIndex, detailTabs)\"\n                      >\n                        {{ getExpansionDetailNodeTitle(tab, 'Tab') }}\n                      </button>\n                    }\n                  </div>\n                  @for (tab of detailTabs; track $index; let tabIndex = $index) {\n                    @if (isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs)) {\n                      <div\n                        class=\"pfx-expansion-detail-tab-panel\"\n                        role=\"tabpanel\"\n                        [attr.id]=\"getExpansionDetailPanelId(row, i, tab, tabIndex)\"\n                        [attr.aria-labelledby]=\"getExpansionDetailTabId(row, i, tab, tabIndex)\"\n                      >\n                        @for (childNode of getExpansionDetailNodeChildren(tab); track $index) {\n                          <ng-container\n                            *ngTemplateOutlet=\"\n                              expansionDetailNodeTemplate;\n                              context: { $implicit: childNode, row: row, index: i }\n                            \"\n                          ></ng-container>\n                        }\n                      </div>\n                    }\n                  }\n                } @else {\n                  <div class=\"pfx-expansion-detail-message\">\n                    Schema em layout tabs sem abas v\u00E1lidas.\n                  </div>\n                }\n              } @else {\n                <div class=\"pfx-expansion-detail-stack\">\n                  @for (node of getExpansionDetailItems(detailState.schema); track $index) {\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        expansionDetailNodeTemplate;\n                        context: { $implicit: node, row: row, index: i }\n                      \"\n                    ></ng-container>\n                  }\n                </div>\n              }\n            }\n\n            <ng-template #expansionDetailNodeTemplate let-node let-row=\"row\" let-index=\"index\">\n              @switch (getExpansionDetailNodeType(node)) {\n                @case ('card') {\n                  <article class=\"pfx-expansion-node pfx-expansion-node-card\">\n                    <header class=\"pfx-expansion-node-card__header\">\n                      <h5 class=\"pfx-expansion-node-card__title\">\n                        {{ getExpansionDetailNodeTitle(node, 'Card') }}\n                      </h5>\n                      @if (node?.subtitle) {\n                        <p class=\"pfx-expansion-node-card__subtitle\">{{ node?.subtitle }}</p>\n                      }\n                    </header>\n                    @for (childNode of getExpansionDetailNodeChildren(node); track $index) {\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                          expansionDetailNodeTemplate;\n                          context: { $implicit: childNode, row: row, index: index }\n                        \"\n                      ></ng-container>\n                    }\n                  </article>\n                }\n                @case ('value') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-value\">\n                    <span class=\"pfx-expansion-node-value__label\">\n                      {{ getExpansionDetailNodeTitle(node, 'Valor') }}\n                    </span>\n                    <strong class=\"pfx-expansion-node-value__content\">\n                      {{ getExpansionDetailValue(row, node) }}\n                    </strong>\n                  </div>\n                }\n                @case ('list') {\n                  <section class=\"pfx-expansion-node pfx-expansion-node-list\">\n                    <h6 class=\"pfx-expansion-node-list__title\">\n                      {{ getExpansionDetailNodeTitle(node, 'Lista') }}\n                    </h6>\n                    @let listItems = getExpansionDetailListItems(row, node);\n                    @if (listItems.length) {\n                      <ul>\n                        @for (entry of listItems; track $index) {\n                          <li>{{ entry }}</li>\n                        }\n                      </ul>\n                    } @else {\n                      <p class=\"pfx-expansion-node-placeholder\">Sem itens.</p>\n                    }\n                  </section>\n                }\n                @case ('richText') {\n                  <div\n                    class=\"pfx-expansion-node pfx-expansion-node-richtext\"\n                    [innerHTML]=\"getExpansionDetailRichText(node)\"\n                  ></div>\n                }\n                @case ('formRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Formul\u00E1rio referenciado: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('tableRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Tabela referenciada: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('chartRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Gr\u00E1fico referenciado: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('templateRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Template referenciado: <code>{{ node?.id || node?.templateId || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('action') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    A\u00E7\u00E3o declarada: <code>{{ node?.id || node?.actionId || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('tab') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Node <code>tab</code> fora de contexto de tabs.\n                  </div>\n                }\n                @default {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Node n\u00E3o suportado: <code>{{ getExpansionDetailNodeType(node) }}</code>\n                  </div>\n                }\n              }\n            </ng-template>\n          </section>\n        </td>\n      </ng-container>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: expansionDetailRowColumns; when: isExpansionDetailRow\"\n        class=\"pfx-expansion-detail-row\"\n      ></tr>\n    }\n  }\n</table>\n}\n\n<!-- Virtual rows path (header preserved above) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && isVirtualized()) {\n  <cdk-virtual-scroll-viewport\n    class=\"ptable-viewport\"\n    [itemSize]=\"getVirtItemHeight()\"\n    [minBufferPx]=\"getVirtBufferSize() * getVirtItemHeight()\"\n    [maxBufferPx]=\"getVirtBufferSize() * getVirtItemHeight() * 2\"\n    [style.minHeight]=\"getVirtMinHeightHostStyle()\"\n  >\n    <table\n      class=\"mat-mdc-table\"\n      [ngClass]=\"getTableElevationClassName()\"\n      [style.width]=\"getVirtualTableWidthStyle()\"\n    >\n      <tbody>\n        <tr class=\"mat-mdc-row\"\n            *cdkVirtualFor=\"let row of dataSource.data; let i = index; trackBy: trackByRow\"\n            [class.pfx-row-selected]=\"selection.isSelected(row)\"\n            [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n            [ngClass]=\"getRowClasses(row)\"\n            [ngStyle]=\"getRowNgStyle(row)\"\n            [matTooltip]=\"getRowTooltip(row) || null\"\n            [matTooltipDisabled]=\"!getRowTooltip(row)\"\n            [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n            [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n            (click)=\"onRowClicked(row, i, $event)\"\n            (dblclick)=\"onRowDoubleClicked(row, i)\">\n          <!-- Selection column -->\n          @if (config.behavior?.selection?.enabled) { <td class=\"mat-mdc-cell\">\n            <mat-checkbox\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleRow(row)\"\n              [checked]=\"selection.isSelected(row)\">\n            </mat-checkbox>\n          </td> }\n          <!-- Data columns -->\n          @for (column of visibleColumns; track column.field) {\n          <td class=\"mat-mdc-cell\"\n              [style.text-align]=\"getColumnTextAlignStyle(column)\"\n              [style.width]=\"getColumnWidthStyle(column)\"\n              [attr.style]=\"getColumnCellAttrStyle(column)\"\n              [ngClass]=\"getCellClasses(row, column)\"\n              [ngStyle]=\"getCellNgStyle(row, column)\">\n            <div\n              class=\"pfx-cell-content\"\n              [ngClass]=\"getCellContentClasses(row, column)\"\n              [ngStyle]=\"getCellContentNgStyle(row, column)\"\n            >\n            <ng-container [ngSwitch]=\"getEffectiveRendererType(row, column)\">\n              <ng-container *ngSwitchCase=\"'icon'\">\n                <mat-icon [color]=\"getIconColor(row, column) || null\"\n                          [ngStyle]=\"getIconStyle(row, column)\"\n                          [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  {{ getIconName(row, column) }}\n                </mat-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <img class=\"pfx-cell-image\"\n                     [src]=\"getImageSrc(row, column)\"\n                     [attr.alt]=\"getImageAlt(row, column) || ''\"\n                     [attr.loading]=\"getImageLazy(row, column) ? 'lazy' : null\"\n                     [style.width.px]=\"getImageWidth(row, column)\"\n                     [style.height.px]=\"getImageHeight(row, column)\"\n                     [class.shape-rounded]=\"getImageShape(row, column) === 'rounded'\"\n                     [class.shape-circle]=\"getImageShape(row, column) === 'circle'\"\n                     [style.object-fit]=\"getImageFit(row, column)\" />\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n              @if (getBadgeIcon(row, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n                  <span class=\"pfx-badge-text\">{{ getBadgeText(row, column) }}</span>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchDefault>\n                {{ getCellValue(row, column) }}\n              </ng-container>\n            </ng-container>\n            </div>\n          </td>\n          }\n\n          <!-- Actions column -->\n  @if (config.actions?.row?.enabled) {\n  <td class=\"mat-mdc-cell praxis-actions-cell\" [class.dense]=\"dense\" [style.width]=\"getRowActionsWidthStyle()\">\n            <div class=\"praxis-actions-cell__content\">\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-icon-button class=\"praxis-icon-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [matTooltip]=\"a.label || getActionId(a)\"\n                          matTooltipPosition=\"above\"\n                          matTooltipClass=\"praxis-tooltip\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                  </button>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-flat-button class=\"praxis-row-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        aria-label=\"Mais a\u00E7\u00F5es\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n                  <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event)\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              </mat-menu>\n            </div>\n  </td>\n  }\n        </tr>\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n}\n\n</div>\n@if (\n  shouldRenderDataSurface()\n  && !schemaError\n  && !dataError\n  && shouldRenderFloatingBulkActions()\n  && getFloatingBulkActions().length\n  && !shouldHideFloatingBulkActions()\n) {\n  <div [class]=\"'praxis-floating-bulk-actions ' + getFloatingBulkPositionClass()\">\n    @for (action of getFloatingBulkActions(); track getActionId(action)) {\n      <button\n        mat-mini-fab\n        [color]=\"action.color || 'primary'\"\n        [disabled]=\"isFloatingBulkActionDisabled(action)\"\n        (click)=\"onToolbarAction({ action: getActionId(action), actionConfig: action })\"\n        [attr.aria-label]=\"action.label || getActionId(action)\"\n        [matTooltip]=\"action.label || getActionId(action)\"\n        matTooltipPosition=\"left\"\n      >\n        <mat-icon [praxisIcon]=\"action.icon || 'done_all'\"></mat-icon>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00E7\u00F5es no rodap\u00E9 (opcional) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && showToolbar && shouldRenderFooterToolbar()) {\n  <praxis-table-toolbar\n    [config]=\"config\"\n    [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n    [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n    [class.footer-flat]=\"hasBottomPaginator()\"\n    class=\"praxis-toolbar-footer\"\n    placement=\"footer\"\n    [showMain]=\"shouldShowFooterToolbarMain()\"\n    [showEndActions]=\"shouldShowFooterToolbarEndActions()\"\n    [showReset]=\"shouldShowFooterToolbarReset()\"\n    [showActionsGroup]=\"shouldShowToolbarActionsBottom()\"\n    [showMobileActions]=\"shouldShowToolbarActionsBottom()\"\n    [dslContext]=\"getToolbarDslContext()\"\n    [dslFunctionRegistry]=\"dslFunctionRegistry\"\n    (toolbarAction)=\"onToolbarAction($event)\"\n  >\n    <praxis-filter\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\"\n      advancedFilter\n      [resourcePath]=\"getAdvancedFilterResourcePath()\"\n      [filterId]=\"tableId\"\n      [formId]=\"tableId\"\n      [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n      [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n      [editModeEnabled]=\"editModeEnabled\"\n      [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n      [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n      [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n      [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n      [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n      [i18n]=\"getFilterI18n()\"\n      [mode]=\"'filter'\"\n      [showFilterSettings]=\"editModeEnabled\"\n      (change)=\"onAdvancedFilterChange($event)\"\n      (submit)=\"onAdvancedFilterSubmit($event)\"\n      (clear)=\"onAdvancedFilterClear()\"\n    ></praxis-filter>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[advancedFilter]\"></ng-content>\n    </ng-container>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[toolbar]\"></ng-content>\n    </ng-container>\n    @if (shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()) {\n      @defer (on idle) {\n        @if (aiAdapter) {\n          <praxis-ai-assistant\n            [adapter]=\"aiAdapter\"\n            end-actions\n          ></praxis-ai-assistant>\n        }\n      }\n    }\n    <button\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter() && editModeEnabled\"\n      end-actions\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      aria-label=\"Configura\u00E7\u00F5es\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  </praxis-table-toolbar>\n}\n<!-- Paginadores (top/bottom) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'top' || config.behavior?.pagination?.position === 'both')) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n  >\n  </mat-paginator>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'bottom' || config.behavior?.pagination?.position === 'both' || !config.behavior?.pagination?.position)) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n    [class.footer-stack]=\"shouldShowToolbarActionsBottom()\"\n  >\n  </mat-paginator>\n}\n", styles: ["@charset \"UTF-8\";table{width:100%}.praxis-visually-hidden-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-column-reorder-status{margin:8px 0;padding:10px 12px;border-radius:8px;border:1px solid var(--p-table-border-color);background:var(--p-table-row-hover-bg);color:var(--p-table-header-fg);font-size:12px;line-height:1.4;box-shadow:0 4px 12px #00000014;animation:pfx-column-reorder-status-in var(--p-table-drag-status-enter-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}@keyframes pfx-column-reorder-status-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.praxis-actions-cell{height:100%;padding-inline:12px;white-space:nowrap}.pfx-expansion-col-header,.pfx-expansion-col-cell{width:52px;min-width:52px;text-align:center}.pfx-expansion-toggle:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pfx-expansion-detail-row{background:var(--md-sys-color-surface-container-low)}.pfx-expansion-detail-cell{padding:0!important;border-bottom:1px solid var(--p-table-border-color)}.pfx-expansion-detail-panel{padding:12px 16px;border-left:3px solid var(--md-sys-color-primary)}.pfx-expansion-detail-panel.pfx-expansion-motion-none{animation:none;transition:none}.pfx-expansion-detail-panel.pfx-expansion-motion-subtle-slide{animation:pfx-expansion-subtle-slide-in var(--pfx-expansion-motion-duration, .16s) var(--pfx-expansion-motion-easing, cubic-bezier(.2, 0, 0, 1))}.pfx-expansion-detail-panel.pfx-expansion-motion-accordion{animation:pfx-expansion-accordion-in var(--pfx-expansion-motion-duration, .18s) var(--pfx-expansion-motion-easing, cubic-bezier(.2, 0, 0, 1));transform-origin:top center}.pfx-expansion-detail-panel.pfx-expansion-motion-fade-scale{animation:pfx-expansion-fade-scale-in var(--pfx-expansion-motion-duration, .16s) var(--pfx-expansion-motion-easing, cubic-bezier(.2, 0, 0, 1));transform-origin:top center}@keyframes pfx-expansion-subtle-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pfx-expansion-accordion-in{0%{opacity:0;transform:scaleY(.96)}to{opacity:1;transform:scaleY(1)}}@keyframes pfx-expansion-fade-scale-in{0%{opacity:0;transform:translateY(-2px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.pfx-expansion-detail-schema{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-detail-message{font-size:13px;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-detail-message--error{color:var(--md-sys-color-error)}.pfx-expansion-detail-stack{display:grid;gap:10px}.pfx-expansion-detail-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pfx-expansion-detail-tab-btn{border:1px solid var(--p-table-border-color);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:999px;padding:6px 12px;font-size:12px;line-height:1.2;cursor:pointer}.pfx-expansion-detail-tab-btn.is-active{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary);font-weight:600}.pfx-expansion-detail-tab-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pfx-expansion-detail-tab-panel{display:grid;gap:10px}.pfx-expansion-node{border:1px solid var(--p-table-border-color);border-radius:8px;padding:10px 12px;background:var(--md-sys-color-surface)}.pfx-expansion-node-card__header{margin-bottom:8px}.pfx-expansion-node-card__title{margin:0;font-size:14px;line-height:1.3}.pfx-expansion-node-card__subtitle{margin:4px 0 0;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-node-value{display:flex;align-items:baseline;gap:8px}.pfx-expansion-node-value__label{color:var(--md-sys-color-on-surface-variant);font-size:12px}.pfx-expansion-node-value__content{font-size:14px}.pfx-expansion-node-list__title{margin:0 0 6px;font-size:13px}.pfx-expansion-node-list ul{margin:0;padding-left:18px}.pfx-expansion-node-richtext :where(p,ul,ol,h1,h2,h3,h4,h5,h6){margin-top:0;margin-bottom:8px}.pfx-expansion-node-placeholder{font-size:12px;color:var(--md-sys-color-on-surface-variant)}:host.density-compact{--p-header-padding: 8px 12px;--p-cell-padding: 8px 12px;--p-actions-btn-size: 32px;--p-actions-icon-size: 18px}:host.density-comfortable{--p-header-padding: 12px 16px;--p-cell-padding: 12px 16px;--p-actions-btn-size: 40px;--p-actions-icon-size: 22px}:host.density-spacious{--p-header-padding: 16px 20px;--p-cell-padding: 16px 20px;--p-actions-btn-size: 44px;--p-actions-icon-size: 24px}:host.density-compact ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 8px 12px)}:host.density-comfortable ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 12px 16px)}:host.density-spacious ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 16px 20px)}:host.density-compact .praxis-actions-cell{padding-inline:8px}:host.density-spacious .praxis-actions-cell{padding-inline:16px}.praxis-actions-cell__content{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-icon-btn{width:var(--p-actions-btn-size, 40px);height:var(--p-actions-btn-size, 40px);border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;cursor:pointer;--mat-icon-button-state-layer-size: var(--p-actions-btn-size, 40px)}.praxis-icon-btn:hover{background:var(--md-sys-color-surface-variant)}.praxis-icon-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.praxis-icon-btn mat-icon,.praxis-icon-btn .mat-icon{font-size:var(--p-actions-icon-size, 22px);width:var(--p-actions-icon-size, 22px);height:var(--p-actions-icon-size, 22px);line-height:var(--p-actions-icon-size, 22px)}.praxis-more-btn{width:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));height:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));--mat-icon-button-state-layer-size: var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));background-image:var(--p-actions-more-btn-gradient, none);background-size:100% 100%;background-repeat:no-repeat}.praxis-more-btn mat-icon,.praxis-more-btn .mat-icon{font-size:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));width:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));line-height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));color:var(--p-actions-more-icon-color);background-image:var(--p-actions-more-icon-gradient, none);-webkit-background-clip:text;background-clip:text}.praxis-icon-btn.destructive mat-icon{color:var(--md-sys-color-error)}.mat-mdc-tooltip.praxis-tooltip{margin-top:-8px;margin-bottom:8px}.spacer{flex:1 1 auto}.praxis-table-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:16px 0 12px;width:100%;clear:both;position:relative}.praxis-table-header.stacked{margin:0}.praxis-table-header>praxis-table-toolbar{flex:1 0 100%}.praxis-floating-bulk-actions{position:fixed;z-index:1001;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:var(--md-sys-color-surface-container-highest);box-shadow:0 8px 20px #00000029}.praxis-floating-bulk-actions.pos-bottom-right{right:20px;bottom:20px}.praxis-floating-bulk-actions.pos-bottom-left{left:20px;bottom:20px}.praxis-floating-bulk-actions.pos-top-right{right:20px;top:20px}.praxis-floating-bulk-actions.pos-top-left{left:20px;top:20px}@media(max-width:768px){.praxis-floating-bulk-actions{gap:6px;padding:6px}.praxis-floating-bulk-actions.pos-bottom-right{right:12px;left:auto;bottom:12px}.praxis-floating-bulk-actions.pos-bottom-left{left:12px;right:auto;bottom:12px}.praxis-floating-bulk-actions.pos-top-right{right:12px;left:auto;top:12px}.praxis-floating-bulk-actions.pos-top-left{left:12px;right:auto;top:12px}}:host{display:block;width:100%;min-width:0;max-width:100%;--pfx-toolbar-pad-y: 6px;--pfx-toolbar-pad-x: 12px;--p-table-bg: var(--md-sys-color-surface-container-highest);--p-table-text-color: var(--md-sys-color-on-surface);--p-table-header-bg: var(--md-sys-color-surface-container-highest);--p-table-header-fg: var(--md-sys-color-on-surface);--p-table-border-color: var(--md-sys-color-outline-variant);--p-table-row-even-bg: var(--md-sys-color-surface-container);--p-table-row-hover-bg: var(--md-sys-color-surface-container-high);--p-table-row-selected-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-fg: var(--md-sys-color-on-primary-container);--p-table-badge-soft-accent-bg: var(--md-sys-color-secondary-container);--p-table-badge-soft-accent-fg: var(--md-sys-color-on-secondary-container);--p-table-badge-soft-warn-bg: var(--md-sys-color-error-container);--p-table-badge-soft-warn-fg: var(--md-sys-color-on-error-container);--p-table-state-success-bg: var(--md-sys-color-tertiary-container);--p-table-state-success-fg: var(--md-sys-color-on-tertiary-container);--p-table-state-warning-bg: var(--md-sys-color-secondary-container);--p-table-state-warning-fg: var(--md-sys-color-on-secondary-container);--p-table-state-danger-bg: var(--md-sys-color-error-container);--p-table-state-danger-fg: var(--md-sys-color-on-error-container);--p-table-state-highlight-bg: var(--md-sys-color-primary-container);--p-table-state-highlight-fg: var(--md-sys-color-on-primary-container);--p-table-drag-handle-size: 14px;--p-table-drag-handle-color: var(--md-sys-color-on-surface-variant);--p-table-drag-handle-hover-color: var(--md-sys-color-on-surface);--p-table-drag-handle-base-opacity: 0;--p-table-drag-handle-visible-opacity: .72;--p-table-drag-handle-active-opacity: 1;--p-table-drag-handle-transition-duration: .16s;--p-table-reorder-transition-duration: .16s;--p-table-drag-preview-scale: 1.01;--p-table-drag-status-enter-duration: .18s;--p-table-drag-preview-shadow: 0 14px 32px rgba(0, 0, 0, .28), 0 0 0 1px var(--p-table-border-color)}:host ::ng-deep .mat-mdc-table{background:var(--p-table-bg);color:var(--p-table-text-color);border-radius:12px 12px 0 0;width:100%;box-shadow:var(--p-table-surface-shadow);transition:box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-table:hover{box-shadow:var(--p-table-surface-shadow-hover, var(--p-table-surface-shadow))}:host ::ng-deep .mat-mdc-table.table-stack-top{border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .praxis-toolbar-footer{border:0 solid var(--p-table-border-color);border-top:0;border-radius:0;background:var(--p-table-bg)}:host ::ng-deep .mat-mdc-paginator.footer-stack{border-top-left-radius:0;border-top-right-radius:0;border-top:0}:host ::ng-deep .mat-mdc-paginator.footer-stack .mat-mdc-paginator-container{padding:8px 12px}:host [data-role=table-settings].mat-mdc-icon-button{--mdc-icon-button-icon-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pfx-link{color:var(--md-sys-color-primary);text-decoration:underline;cursor:pointer}.pfx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;line-height:1;border:1px solid transparent}.pfx-chip-icon{font-size:14px;width:14px;height:14px}.pfx-chip--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.pfx-chip--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-chip--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-chip--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-chip--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-chip--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-chip--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.pfx-progress{position:relative;width:100%;max-width:140px;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle}.pfx-progress-bar{height:100%;background:var(--md-sys-color-primary);transition:width .2s ease}.pfx-progress-label{margin-left:8px;font-size:12px;opacity:.8;display:inline-block;vertical-align:middle}.pfx-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:4px;overflow:hidden;font-weight:600}.pfx-avatar.shape-rounded{border-radius:8px}.pfx-avatar.shape-circle{border-radius:999px}.pfx-avatar--initials{text-transform:uppercase;font-size:12px}.pfx-cell-compose{display:inline-flex;align-items:center;gap:6px}.pfx-cell-compose.dir-col{flex-direction:column;align-items:stretch}.pfx-cell-compose.align-start{justify-content:flex-start}.pfx-cell-compose.align-center{justify-content:center}.pfx-cell-compose.align-end{justify-content:flex-end}.pfx-cell-compose.wrap{flex-wrap:wrap}.pfx-cell-compose.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-scroll-viewport{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.px-scroll-viewport.scroll-none{overflow-x:visible}.px-scroll-viewport.scroll-auto ::ng-deep .mat-mdc-table{width:max-content;min-width:100%}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-header-cell,.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-cell{white-space:normal;text-overflow:initial}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-header-row{position:sticky;top:0;z-index:1;background:var(--p-table-header-bg);color:var(--p-table-header-fg);box-shadow:var(--p-table-header-shadow, 0 1px 0 var(--p-table-border-color));border-bottom:1px solid var(--p-table-border-color)}:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mat-sort-header-content,:host ::ng-deep .mat-mdc-header-row .mat-icon{color:var(--p-table-header-fg)!important;font-weight:600}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow,:host ::ng-deep .mat-mdc-header-cell:hover .mat-sort-header-arrow{color:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-indicator,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-stem,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-left,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-right{border-color:var(--p-table-header-fg)!important;background:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell{padding:var(--p-header-padding, 12px 16px)!important;font-size:var(--p-header-font-size, inherit);font-weight:var(--p-header-font-weight, 600);letter-spacing:var(--p-header-letter-spacing, normal);text-transform:var(--p-header-text-transform, none);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{display:flex;align-items:center;width:100%;gap:4px;cursor:inherit}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable{-webkit-user-select:none;user-select:none;cursor:grab;padding-left:0!important}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable.cdk-drag-dragging{cursor:grabbing}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-content{display:inline-flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-header-label{display:inline-flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-header-label-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--p-table-drag-handle-color);width:var(--p-table-drag-handle-size);min-width:var(--p-table-drag-handle-size);flex:0 0 var(--p-table-drag-handle-size);height:var(--p-table-drag-handle-size);padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:0;cursor:inherit;pointer-events:none;touch-action:none;opacity:var(--p-table-drag-handle-base-opacity, .42);transform:none;order:-1;margin-inline-end:0;transition:opacity var(--p-table-drag-handle-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),color var(--p-table-drag-handle-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:hover .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:focus-within .praxis-column-drag-handle{opacity:var(--p-table-drag-handle-visible-opacity, .72);color:var(--p-table-drag-handle-hover-color, var(--p-table-drag-handle-color))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle:active{opacity:var(--p-table-drag-handle-active-opacity, 1);cursor:grabbing}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon{font-size:14px;width:14px;height:14px;line-height:14px;transition:transform .18s var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:hover .praxis-column-drag-handle .mat-icon{transform:none}:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:transform var(--p-table-reorder-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-animating{transition:transform var(--p-table-reorder-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}.pfx-column-drag-preview{box-sizing:border-box;display:flex;align-items:center;border-radius:10px;border:1px solid var(--p-table-border-color);background:linear-gradient(135deg,var(--p-table-header-bg) 0%,var(--p-table-row-hover-bg) 100%);color:var(--p-table-header-fg);box-shadow:var(--p-table-drag-preview-shadow);transform:scale(var(--p-table-drag-preview-scale, 1.01));pointer-events:none;z-index:1000}.pfx-column-drag-preview .praxis-column-drag-handle,.pfx-column-drag-preview .mat-sort-header-arrow,.pfx-column-drag-preview .mat-sort-header-indicator,.pfx-column-drag-preview .mat-sort-header-stem,.pfx-column-drag-preview .mat-sort-header-pointer,.pfx-column-drag-preview .mat-sort-header-pointer-left,.pfx-column-drag-preview .mat-sort-header-pointer-right{display:none!important}.pfx-column-drag-preview .mat-sort-header-container{display:flex;align-items:center;width:100%;min-height:100%;padding-right:0!important}.pfx-column-drag-preview .mat-sort-header-content,.pfx-column-drag-preview .praxis-header-label{display:inline-flex;align-items:center;min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder{opacity:1;border:1px dashed var(--p-table-border-color);background:var(--p-table-row-hover-bg)}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder *{opacity:0}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-dragging{opacity:.58}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:none}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon,.pfx-column-drag-preview{transition:none;transform:none}.praxis-column-reorder-status{animation:none}.pfx-expansion-detail-panel{animation:none!important;transition:none!important;transform:none!important}:host ::ng-deep .mat-mdc-row{transition:none}:host ::ng-deep .mat-mdc-table{transition:none}}.praxis-actions-header{text-align:right}.praxis-actions-header.align-start{text-align:left}.praxis-actions-header.align-center{text-align:center}.praxis-actions-header.align-end{text-align:right}.praxis-actions-header .praxis-actions-header__content{display:inline-flex;align-items:center;gap:var(--p-actions-header-gap, 6px);color:var(--p-actions-header-color, inherit)}.praxis-actions-header .praxis-actions-header__content .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}:host ::ng-deep .mat-mdc-header-cell .mat-sort-header-container{padding-right:20px}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{padding-right:12px}@media(pointer:coarse){:host{--p-table-drag-handle-size: 18px;--p-table-drag-handle-base-opacity: .56;--p-table-drag-handle-visible-opacity: .92}}:host ::ng-deep .mat-mdc-cell{color:var(--p-table-text-color);font-size:var(--p-cell-font-size, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .mat-mdc-cell .pfx-cell-content,:host ::ng-deep .mat-cell .pfx-cell-content{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;overflow:hidden}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row:nth-child(2n){background:var(--p-table-row-even-bg)}:host ::ng-deep .mat-mdc-row:nth-child(2n):hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row.pfx-row-selected,:host ::ng-deep .mat-mdc-row.pfx-row-selected:hover{background:var(--p-table-row-selected-bg)}:host.row-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-bottom:1px solid var(--p-table-border-color)}:host.row-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell{border-bottom:none}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-right:1px solid var(--p-table-border-color)}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell:last-child,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell:last-child{border-right:none}.ptable-error{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--md-sys-color-error);border-radius:8px}.ptable-error__content{flex:1}.ptable-error__title{font-weight:600}.ptable-info-banner{display:flex;gap:12px;align-items:center;padding:8px 12px;margin:8px 0;border-radius:8px;border:1px solid var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.ptable-info-banner .text{flex:1;font-weight:600}.ptable-info-banner .actions{display:flex;gap:8px}.pfx-cell-image{display:inline-block;vertical-align:middle;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant)}.pfx-cell-image.shape-rounded{border-radius:8px}.pfx-cell-image.shape-circle{border-radius:9999px}.pfx-badge{display:inline-flex;align-items:center;gap:6px;line-height:1;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid transparent}.pfx-badge .pfx-badge-icon{font-size:16px;width:16px;height:16px}.pfx-badge--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-badge--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-badge--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-badge--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:inherit}.pfx-badge--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-badge--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-badge--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.row--success,.row--success td,td.row--success{background-color:var(--p-table-state-success-bg)!important;color:var(--p-table-state-success-fg)!important}.row--warning,.row--warning td,td.row--warning{background-color:var(--p-table-state-warning-bg)!important;color:var(--p-table-state-warning-fg)!important}.row--danger,.row--danger td,td.row--danger{background-color:var(--p-table-state-danger-bg)!important;color:var(--p-table-state-danger-fg)!important}.row--highlight,.row--highlight td,td.row--highlight{background-color:var(--p-table-state-highlight-bg)!important;color:var(--p-table-state-highlight-fg)!important;font-weight:600}.row--muted,.row--muted td,td.row--muted{opacity:.7;filter:saturate(.6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i10$3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i11$1.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i11$1.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i11$1.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i12.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i12.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i15$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i17.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i17.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i17.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i18.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i20.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i20.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i8$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisFilter, selector: "praxis-filter", inputs: ["resourcePath", "fieldMetadata", "filterId", "formId", "componentInstanceId", "mode", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "editModeEnabled", "value", "alwaysVisibleFields", "alwaysVisibleFieldMetadataOverrides", "selectedFieldIds", "tags", "allowSaveTags", "persistenceKey", "i18n", "changeDebounceMs", "showFilterSettings", "confirmTagDelete", "placeBooleansInActions", "showToggleLabels", "useInlineSelectVariant", "useInlineSearchableSelectVariant", "useInlineMultiSelectVariant", "useInlineInputVariant", "useInlineToggleVariant", "useInlineRangeVariant", "useInlineDateVariant", "useInlineDateRangeVariant", "useInlineTimeVariant", "useInlineTimeRangeVariant", "useInlineTreeSelectVariant", "alwaysMinWidth", "alwaysColsMd", "alwaysColsLg", "tagColor", "tagVariant", "tagButtonColor", "actionsButtonColor", "actionsVariant", "overlayVariant", "overlayBackdrop", "advancedOpenMode", "advancedClearButtonsEnabled"], outputs: ["submit", "change", "clear", "modeChange", "requestSearch", "tagsChange", "selectedFieldIdsChange", "metaChanged", "schemaStatusChange"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisTableToolbar, selector: "praxis-table-toolbar", inputs: ["config", "backgroundColor", "placement", "showMain", "showActionsGroup", "showEndActions", "showMobileActions", "showReset", "dslContext", "dslFunctionRegistry"], outputs: ["toolbarAction", "reset"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "component", type: TableRatingCellComponent, selector: "praxis-table-rating", inputs: ["itemsCount", "value", "size", "ratingColor", "outlineColor", "ariaLabel"] }], deferBlockDependencies: [() => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)]] });
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.17", ngImport: i0, type: PraxisTable, resolveDeferredDeps: () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], resolveMetadata: PraxisAiAssistantComponent => ({ decorators: [{
                 type: Component,
@@ -41845,7 +42006,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.17", n
                             TableDefaultsProvider,
                             FilterConfigService,
                             DataFormattingService
-                        ], template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \u00E0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"\n  ></praxis-empty-state-card>\n}\n\n<!-- Error State with Quick Connect CTA -->\n@if (isRemoteMode() && (schemaError || dataError)) {\n<div class=\"ptable-error\" role=\"alert\" aria-live=\"assertive\">\n  <mat-icon color=\"warn\" aria-hidden=\"true\">error</mat-icon>\n  <div class=\"ptable-error__content\">\n    <div class=\"ptable-error__title\">Erro</div>\n    <div>{{ errorMessage || 'Ocorreu um erro ao carregar a tabela.' }}</div>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    Conectar a recurso\n  </button>\n  @if (!schemaError) { <button mat-stroked-button (click)=\"retryData()\">Tentar novamente</button> }\n  @if (schemaError) { <button mat-stroked-button (click)=\"reloadSchema()\">Recarregar colunas</button> }\n  </div>\n}\n\n<!-- Inline banner for schema change (only in edit mode) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"ptable-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n  </div>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"editModeEnabled\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        \n        <!-- AI Assistant in Toolbar -->\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n          }\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" aria-label=\"Desconectar\" matTooltip=\"Desconectar da fonte de dados\">\n            <mat-icon>link_off</mat-icon>\n          </button>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  @if (shouldRenderDataSurface() && !schemaError && !dataError) {\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n      </div>\n    }\n  }\n}\n<div class=\"px-scroll-viewport\"\n     cdkScrollable\n     [class.scroll-auto]=\"horizontalScroll === 'auto'\"\n     [class.scroll-wrap]=\"horizontalScroll === 'wrap'\"\n     [class.scroll-none]=\"horizontalScroll === 'none'\">\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError) {\n<div class=\"praxis-visually-hidden-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n  {{ columnReorderStatusMessage }}\n</div>\n@if (columnReorderVisualStatusMessage) {\n  <div class=\"praxis-column-reorder-status\" role=\"note\">\n    {{ columnReorderVisualStatusMessage }}\n  </div>\n}\n<table\n  mat-table\n  data-testid=\"table-column-drag-drop-list\"\n  [dataSource]=\"dataSource\"\n  [multiTemplateDataRows]=\"isRowExpansionRuntimeEnabled()\"\n  cdkDropList\n  [cdkDropListDisabled]=\"!isColumnDraggingEnabled()\"\n  [cdkDropListData]=\"visibleDataColumnsForDrag\"\n  cdkDropListOrientation=\"horizontal\"\n  (cdkDropListDropped)=\"onColumnDrop($event)\"\n  matSort\n  (matSortChange)=\"onSortChange($event)\"\n  [matSortDisabled]=\"!getSortingEnabled()\"\n  [ngClass]=\"getTableElevationClassName()\"\n  [class.table-stack-top]=\"showToolbar\"\n  [class.pfx-column-drag-enabled]=\"isColumnDraggingEnabled()\"\n  [class.pfx-column-drag-indicator]=\"isColumnDragIndicatorEnabled()\"\n>\n  @if (config.behavior?.selection?.enabled) {\n  <ng-container\n    matColumnDef=\"_select\"\n  >\n    <th mat-header-cell *matHeaderCellDef>\n      @if (canSelectAll()) {\n        <mat-checkbox\n          (change)=\"masterToggle()\"\n          [checked]=\"isAllSelected()\"\n          [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        ></mat-checkbox>\n      }\n    </th>\n    <td mat-cell *matCellDef=\"let row\">\n      <mat-checkbox\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"toggleRow(row)\"\n        [checked]=\"selection.isSelected(row)\"\n      ></mat-checkbox>\n    </td>\n  </ng-container>\n  }\n  @if (isRowExpansionRuntimeEnabled()) {\n  <ng-container matColumnDef=\"_expander\">\n    <th mat-header-cell *matHeaderCellDef class=\"pfx-expansion-col-header\">\n      <span class=\"praxis-visually-hidden-status\">Expandir detalhes da linha</span>\n    </th>\n    <td mat-cell *matCellDef=\"let row; let i = index\" class=\"pfx-expansion-col-cell\">\n      <button\n        mat-icon-button\n        class=\"pfx-expansion-toggle\"\n        [disabled]=\"!isRowExpandable(row, i) || !isExpansionIconTriggerEnabled()\"\n        [attr.aria-expanded]=\"isRowExpanded(row, i) ? 'true' : 'false'\"\n        [attr.aria-controls]=\"getRowExpansionDetailId(row, i)\"\n        [attr.aria-label]=\"getRowExpansionToggleAriaLabel(row, i)\"\n        (click)=\"onExpansionToggleFromIcon(row, i, $event)\"\n        (keydown)=\"onExpansionToggleKeydown($event, row, i)\"\n      >\n        <mat-icon>{{ isRowExpanded(row, i) ? 'expand_more' : 'chevron_right' }}</mat-icon>\n      </button>\n    </td>\n  </ng-container>\n  }\n  @for (column of visibleColumns; track column.field) {\n  <ng-container\n    [matColumnDef]=\"column.field\"\n    [sticky]=\"column.sticky === true || column.sticky === 'start'\"\n    [stickyEnd]=\"column.sticky === 'end'\"\n  >\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n      mat-sort-header\n      cdkDrag\n      [cdkDragData]=\"column\"\n      cdkDragLockAxis=\"x\"\n      cdkDragPreviewClass=\"pfx-column-drag-preview\"\n      (cdkDragStarted)=\"onColumnDragStarted(column)\"\n      (cdkDragEnded)=\"onColumnDragEnded($event, column)\"\n      (keydown)=\"onColumnDragHandleKeydown($event, column)\"\n      [cdkDragDisabled]=\"!isColumnDraggingEnabled() || !isColumnDraggable(column)\"\n      [class.praxis-header-draggable]=\"isColumnDraggingEnabled() && isColumnDraggable(column)\"\n      [disabled]=\"!getSortingEnabled() || column.sortable === false\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnHeaderAttrStyle(column)\"\n      [attr.aria-label]=\"isColumnDraggingEnabled() && isColumnDraggable(column) ? getColumnDragHandleAriaLabel(column) : null\"\n    >\n      <span class=\"praxis-header-label\" data-testid=\"column-header-label\">\n        @if (isColumnDraggingEnabled() && isColumnDraggable(column)) {\n          <span\n            class=\"praxis-column-drag-handle\"\n            data-testid=\"column-drag-handle\"\n            [attr.data-column-field]=\"column.field\"\n            aria-hidden=\"true\"\n          >\n            <mat-icon [praxisIcon]=\"'drag_indicator'\"></mat-icon>\n          </span>\n        }\n        <span class=\"praxis-header-label-text\">{{ column.header }}</span>\n      </span>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnCellAttrStyle(column)\"\n      [ngClass]=\"getCellClasses(element, column)\"\n      [ngStyle]=\"getCellNgStyle(element, column)\"\n    >\n      <div\n        class=\"pfx-cell-content\"\n        [ngClass]=\"getCellContentClasses(element, column)\"\n        [ngStyle]=\"getCellContentNgStyle(element, column)\"\n      >\n      <ng-container [ngSwitch]=\"getEffectiveRendererType(element, column)\">\n        <!-- Icon renderer -->\n        <ng-container *ngSwitchCase=\"'icon'\">\n          <mat-icon\n            [color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n            >{{ getIconName(element, column) }}</mat-icon\n          >\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <img\n            class=\"pfx-cell-image\"\n            [src]=\"getImageSrc(element, column)\"\n            [attr.alt]=\"getImageAlt(element, column) || ''\"\n            [attr.loading]=\"getImageLazy(element, column) ? 'lazy' : null\"\n            [style.width.px]=\"getImageWidth(element, column)\"\n            [style.height.px]=\"getImageHeight(element, column)\"\n            [class.shape-rounded]=\"getImageShape(element, column) === 'rounded'\"\n            [class.shape-circle]=\"getImageShape(element, column) === 'circle'\"\n            [style.object-fit]=\"getImageFit(element, column)\"\n          />\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n              @if (getBadgeIcon(element, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n            <span class=\"pfx-badge-text\">{{ getBadgeText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Link renderer -->\n        <ng-container *ngSwitchCase=\"'link'\">\n          <a\n            class=\"pfx-link\"\n            [attr.href]=\"getLinkHref(element, column) || null\"\n            [attr.target]=\"getLinkTarget(element, column) || null\"\n            [attr.rel]=\"getLinkRel(element, column) || null\"\n            (click)=\"$event.stopPropagation()\"\n            >{{ getLinkText(element, column) }}</a\n          >\n        </ng-container>\n\n        <!-- Button renderer -->\n        <ng-container *ngSwitchCase=\"'button'\">\n          <ng-container [ngSwitch]=\"getButtonVariant(element, column)\">\n            <button\n              *ngSwitchCase=\"'outlined'\"\n              mat-stroked-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchCase=\"'text'\"\n              mat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchDefault\n              mat-flat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n          </ng-container>\n        </ng-container>\n\n        <!-- Chip renderer -->\n        <ng-container *ngSwitchCase=\"'chip'\">\n          <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, column)\">\n            @if (getChipIcon(element, column); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }\n            <span class=\"pfx-chip-text\">{{ getChipText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, column)\" [style.background]=\"getProgressBackgroundStyle(element, column)\"></div>\n            @if (getProgressShowLabel(element, column)) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, column) }}%</div> }\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          @if (getAvatarSrc(element, column); as asrc) {\n            <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, column) || ''\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\" loading=\"lazy\" />\n          } @else {\n            <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">{{ getAvatarInitials(element, column) }}</span>\n          }\n        </ng-container>\n\n        <!-- Toggle renderer -->\n        <ng-container *ngSwitchCase=\"'toggle'\">\n          <mat-slide-toggle\n            [checked]=\"getToggleState(element, column)\"\n            [disabled]=\"isToggleDisabled(element, column)\"\n            [attr.aria-label]=\"getToggleAriaLabel(element, column) || 'Alternar'\"\n            (change)=\"onToggleChange(element, column, $event)\"\n            (click)=\"$event.stopPropagation()\"\n          ></mat-slide-toggle>\n        </ng-container>\n\n        <!-- Menu renderer -->\n        <ng-container *ngSwitchCase=\"'menu'\">\n          <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, column) || 'Menu'\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let it of getMenuItems(element, column)\" (click)=\"onMenuItemClick(it, element, $event)\" [disabled]=\"!it.__visible\" >\n              @if (it.icon) { <mat-icon>{{ it.icon }}</mat-icon> }\n              <span>{{ it.label }}</span>\n            </button>\n          </mat-menu>\n        </ng-container>\n\n        <!-- Rating renderer -->\n        <ng-container *ngSwitchCase=\"'rating'\">\n          <praxis-table-rating\n            class=\"pfx-rating-cell\"\n            [itemsCount]=\"getRatingMax(element, column)\"\n            [value]=\"getRatingValue(element, column)\"\n            [size]=\"getRatingSize(element, column)\"\n            [ratingColor]=\"getRatingColor(element, column)\"\n            [outlineColor]=\"getRatingOutlineColor(element, column)\"\n            [ariaLabel]=\"getRatingAriaLabel(element, column) || column.header\">\n          </praxis-table-rating>\n        </ng-container>\n\n        <!-- HTML renderer (sanitizado) -->\n        <ng-container *ngSwitchCase=\"'html'\">\n          <span [innerHTML]=\"getSafeHtml(element, column)\"></span>\n        </ng-container>\n\n        <!-- Compose renderer -->\n        <ng-container *ngSwitchCase=\"'compose'\">\n          <span class=\"pfx-cell-compose\" [ngClass]=\"getComposeClasses(element, column)\" [ngStyle]=\"getComposeGapStyle(element, column)\">\n            <ng-container *ngFor=\"let it of getComposeItems(element, column)\">\n              <ng-container [ngSwitch]=\"getItemEffectiveType(element, column, it)\">\n                <!-- Reuse helpers by projecting item as faux column -->\n                <ng-container *ngSwitchCase=\"'icon'\">\n                  <mat-icon [color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\">{{ getIconName(element, asItemColumn(column, it)) }}</mat-icon>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <img class=\"pfx-cell-image\" [src]=\"getImageSrc(element, asItemColumn(column, it))\" [attr.alt]=\"getImageAlt(element, asItemColumn(column, it)) || ''\" [attr.loading]=\"getImageLazy(element, asItemColumn(column, it)) ? 'lazy' : null\" [style.width.px]=\"getImageWidth(element, asItemColumn(column, it))\" [style.height.px]=\"getImageHeight(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getImageShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getImageShape(element, asItemColumn(column, it)) === 'circle'\" [style.object-fit]=\"getImageFit(element, asItemColumn(column, it))\" />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\">@if (getBadgeIcon(element, asItemColumn(column, it)); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }<span class=\"pfx-badge-text\">{{ getBadgeText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'link'\">\n                  <a class=\"pfx-link\" [attr.href]=\"getLinkHref(element, asItemColumn(column, it)) || null\" [attr.target]=\"getLinkTarget(element, asItemColumn(column, it)) || null\" [attr.rel]=\"getLinkRel(element, asItemColumn(column, it)) || null\" (click)=\"$event.stopPropagation()\">{{ getLinkText(element, asItemColumn(column, it)) }}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'button'\">\n                  <ng-container [ngSwitch]=\"getButtonVariant(element, asItemColumn(column, it))\">\n                    <button *ngSwitchCase=\"'outlined'\" mat-stroked-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchCase=\"'text'\" mat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchDefault mat-flat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\">@if (getChipIcon(element, asItemColumn(column, it)); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }<span class=\"pfx-chip-text\">{{ getChipText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\"><div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, asItemColumn(column, it))\" [style.background]=\"getProgressBackgroundStyle(element, asItemColumn(column, it))\"></div>@if (getProgressShowLabel(element, asItemColumn(column, it))) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, asItemColumn(column, it)) }}%</div> }</div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  @if (getAvatarSrc(element, asItemColumn(column, it)); as asrc) {\n                    <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, asItemColumn(column, it)) || ''\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\" loading=\"lazy\" />\n                  } @else {\n                    <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\">{{ getAvatarInitials(element, asItemColumn(column, it)) }}</span>\n                  }\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'toggle'\">\n                  <mat-slide-toggle [checked]=\"getToggleState(element, asItemColumn(column, it))\" [disabled]=\"isToggleDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getToggleAriaLabel(element, asItemColumn(column, it)) || 'Alternar'\" (change)=\"onToggleChange(element, asItemColumn(column, it), $event)\" (click)=\"$event.stopPropagation()\"></mat-slide-toggle>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'menu'\">\n                  <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, asItemColumn(column, it)) || 'Menu'\"><mat-icon>more_vert</mat-icon></button>\n                  <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let mi of getMenuItems(element, asItemColumn(column, it))\" (click)=\"onMenuItemClick(mi, element, $event)\" [disabled]=\"!mi.__visible\">\n              @if (mi.icon) { <mat-icon>{{ mi.icon }}</mat-icon> }\n              <span>{{ mi.label }}</span>\n            </button>\n                  </mat-menu>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'rating'\">\n                  <praxis-table-rating\n                    class=\"pfx-rating-cell\"\n                    [itemsCount]=\"getRatingMax(element, asItemColumn(column, it))\"\n                    [value]=\"getRatingValue(element, asItemColumn(column, it))\"\n                    [size]=\"getRatingSize(element, asItemColumn(column, it))\"\n                    [ratingColor]=\"getRatingColor(element, asItemColumn(column, it))\"\n                    [outlineColor]=\"getRatingOutlineColor(element, asItemColumn(column, it))\"\n                    [ariaLabel]=\"getRatingAriaLabel(element, asItemColumn(column, it)) || column.header\">\n                  </praxis-table-rating>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'html'\">\n                  <span [innerHTML]=\"getSafeHtml(element, asItemColumn(column, it))\"></span>\n                </ng-container>\n                <!-- Value item: render base cell text alongside visuals -->\n                <ng-container *ngSwitchCase=\"'value'\">\n                  <span class=\"pfx-cell-value\">{{ getComposeItemValue(element, column, it) }}</span>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </span>\n        </ng-container>\n\n        <!-- Default text rendering -->\n        <ng-container *ngSwitchDefault>\n          {{ getCellValue(element, column) }}\n        </ng-container>\n      </ng-container>\n      </div>\n    </td>\n  </ng-container>\n  }\n  @if (config.actions?.row?.enabled) {\n  <ng-container matColumnDef=\"_actions\" [sticky]=\"config.actions?.row?.sticky === true || config.actions?.row?.sticky === 'start'\" [stickyEnd]=\"config.actions?.row?.sticky === 'end'\">\n    <th mat-header-cell *matHeaderCellDef #actionsHeaderCell [style.width]=\"getRowActionsWidthStyle()\" class=\"praxis-actions-header\" [class.align-start]=\"getActionsHeaderAlign() === 'start'\" [class.align-center]=\"getActionsHeaderAlign() === 'center'\" [class.align-end]=\"getActionsHeaderAlign() === 'end'\">\n      <div class=\"praxis-actions-header__content\" [matTooltip]=\"getActionsHeaderTooltip() || ''\" [matTooltipDisabled]=\"!getActionsHeaderTooltip()\">\n        @if (getActionsHeaderIcon(); as hi) { <mat-icon [praxisIcon]=\"hi\"></mat-icon> }\n        @if (getActionsHeaderLabel(); as hl) { <span class=\"label\">{{ hl }}</span> }\n      </div>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"praxis-actions-cell\"\n      [class.dense]=\"dense\"\n      [style.width]=\"getRowActionsWidthStyle()\"\n    >\n      <div class=\"praxis-actions-cell__content\">\n        <!-- A\u00E7\u00F5es inline -->\n        <!-- Inline actions: icons mode -->\n        @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-icon-button\n              class=\"praxis-icon-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [matTooltip]=\"a.label || getActionId(a)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Inline actions: buttons mode (show label + icon) -->\n        @if (config.actions?.row?.display === 'buttons') {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-flat-button\n              class=\"praxis-row-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Menu de overflow -->\n        @if (hasOverflowRowActions(row)) {\n          <button\n            mat-icon-button\n            class=\"praxis-icon-btn praxis-more-btn\"\n            [matMenuTriggerFor]=\"rowMoreMenu\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            aria-label=\"Mais a\u00E7\u00F5es\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          <ng-container\n            *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\"\n          >\n            <button\n              mat-menu-item\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        </mat-menu>\n      </div>\n    </td>\n  </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns\"\n  ></tr>\n  @if (!isVirtualized()) {\n    <tr\n      mat-row\n      *matRowDef=\"let row; let i = index; columns: displayedColumns\"\n      [class.pfx-row-selected]=\"selection.isSelected(row)\"\n      [class.pfx-row-expanded]=\"isRowExpansionRuntimeEnabled() && isRowExpanded(row, i)\"\n      [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n      [attr.aria-expanded]=\"isRowExpansionRuntimeEnabled() ? (isRowExpanded(row, i) ? 'true' : 'false') : null\"\n      [ngClass]=\"getRowClasses(row)\"\n      [ngStyle]=\"getRowNgStyle(row)\"\n      [matTooltip]=\"getRowTooltip(row) || null\"\n      [matTooltipDisabled]=\"!getRowTooltip(row)\"\n      [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n      [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n      (click)=\"onRowClicked(row, i, $event)\"\n      (dblclick)=\"onRowDoubleClicked(row, i)\"\n    ></tr>\n    @if (isRowExpansionRuntimeEnabled()) {\n      <ng-container matColumnDef=\"_detail\">\n        <td\n          mat-cell\n          *matCellDef=\"let row; let i = index\"\n          class=\"pfx-expansion-detail-cell\"\n          [attr.colspan]=\"displayedColumns.length\"\n        >\n          <section\n            class=\"pfx-expansion-detail-panel\"\n            [attr.id]=\"getRowExpansionDetailId(row, i)\"\n            role=\"region\"\n            [attr.aria-label]=\"getRowExpansionRegionAriaLabel(row, i)\"\n            [attr.aria-busy]=\"getExpansionDetailViewState(row, i).status === 'loading' ? 'true' : 'false'\"\n          >\n            @let detailState = getExpansionDetailViewState(row, i);\n            @if (detailState.status === 'loading') {\n              <div class=\"pfx-expansion-detail-message\" role=\"status\" aria-live=\"polite\">\n                Carregando detail schema...\n              </div>\n            } @else if (detailState.status !== 'ready') {\n              <div\n                class=\"pfx-expansion-detail-message pfx-expansion-detail-message--error\"\n                role=\"alert\"\n                aria-live=\"assertive\"\n                aria-atomic=\"true\"\n              >\n                {{ detailState.message || 'Detail indispon\u00EDvel para esta linha.' }}\n              </div>\n            } @else {\n              @if (getExpansionDetailLayout(detailState.schema) === 'tabs') {\n                @let detailTabs = getExpansionDetailTabs(detailState.schema);\n                @if (detailTabs.length) {\n                  <div class=\"pfx-expansion-detail-tabs\" role=\"tablist\" aria-label=\"Se\u00E7\u00F5es do detail\">\n                    @for (tab of detailTabs; track $index; let tabIndex = $index) {\n                      <button\n                        type=\"button\"\n                        class=\"pfx-expansion-detail-tab-btn\"\n                        role=\"tab\"\n                        [attr.id]=\"getExpansionDetailTabId(row, i, tab, tabIndex)\"\n                        [attr.aria-controls]=\"getExpansionDetailPanelId(row, i, tab, tabIndex)\"\n                        [attr.aria-selected]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs) ? 'true' : 'false'\"\n                        [attr.tabindex]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs) ? '0' : '-1'\"\n                        [class.is-active]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs)\"\n                        (click)=\"onExpansionDetailTabSelect(row, i, tab, tabIndex, $event)\"\n                        (keydown)=\"onExpansionDetailTabKeydown($event, row, i, tabIndex, detailTabs)\"\n                      >\n                        {{ getExpansionDetailNodeTitle(tab, 'Tab') }}\n                      </button>\n                    }\n                  </div>\n                  @for (tab of detailTabs; track $index; let tabIndex = $index) {\n                    @if (isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs)) {\n                      <div\n                        class=\"pfx-expansion-detail-tab-panel\"\n                        role=\"tabpanel\"\n                        [attr.id]=\"getExpansionDetailPanelId(row, i, tab, tabIndex)\"\n                        [attr.aria-labelledby]=\"getExpansionDetailTabId(row, i, tab, tabIndex)\"\n                      >\n                        @for (childNode of getExpansionDetailNodeChildren(tab); track $index) {\n                          <ng-container\n                            *ngTemplateOutlet=\"\n                              expansionDetailNodeTemplate;\n                              context: { $implicit: childNode, row: row, index: i }\n                            \"\n                          ></ng-container>\n                        }\n                      </div>\n                    }\n                  }\n                } @else {\n                  <div class=\"pfx-expansion-detail-message\">\n                    Schema em layout tabs sem abas v\u00E1lidas.\n                  </div>\n                }\n              } @else {\n                <div class=\"pfx-expansion-detail-stack\">\n                  @for (node of getExpansionDetailItems(detailState.schema); track $index) {\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        expansionDetailNodeTemplate;\n                        context: { $implicit: node, row: row, index: i }\n                      \"\n                    ></ng-container>\n                  }\n                </div>\n              }\n            }\n\n            <ng-template #expansionDetailNodeTemplate let-node let-row=\"row\" let-index=\"index\">\n              @switch (getExpansionDetailNodeType(node)) {\n                @case ('card') {\n                  <article class=\"pfx-expansion-node pfx-expansion-node-card\">\n                    <header class=\"pfx-expansion-node-card__header\">\n                      <h5 class=\"pfx-expansion-node-card__title\">\n                        {{ getExpansionDetailNodeTitle(node, 'Card') }}\n                      </h5>\n                      @if (node?.subtitle) {\n                        <p class=\"pfx-expansion-node-card__subtitle\">{{ node?.subtitle }}</p>\n                      }\n                    </header>\n                    @for (childNode of getExpansionDetailNodeChildren(node); track $index) {\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                          expansionDetailNodeTemplate;\n                          context: { $implicit: childNode, row: row, index: index }\n                        \"\n                      ></ng-container>\n                    }\n                  </article>\n                }\n                @case ('value') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-value\">\n                    <span class=\"pfx-expansion-node-value__label\">\n                      {{ getExpansionDetailNodeTitle(node, 'Valor') }}\n                    </span>\n                    <strong class=\"pfx-expansion-node-value__content\">\n                      {{ getExpansionDetailValue(row, node) }}\n                    </strong>\n                  </div>\n                }\n                @case ('list') {\n                  <section class=\"pfx-expansion-node pfx-expansion-node-list\">\n                    <h6 class=\"pfx-expansion-node-list__title\">\n                      {{ getExpansionDetailNodeTitle(node, 'Lista') }}\n                    </h6>\n                    @let listItems = getExpansionDetailListItems(row, node);\n                    @if (listItems.length) {\n                      <ul>\n                        @for (entry of listItems; track $index) {\n                          <li>{{ entry }}</li>\n                        }\n                      </ul>\n                    } @else {\n                      <p class=\"pfx-expansion-node-placeholder\">Sem itens.</p>\n                    }\n                  </section>\n                }\n                @case ('richText') {\n                  <div\n                    class=\"pfx-expansion-node pfx-expansion-node-richtext\"\n                    [innerHTML]=\"getExpansionDetailRichText(node)\"\n                  ></div>\n                }\n                @case ('formRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Formul\u00E1rio referenciado: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('tableRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Tabela referenciada: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('chartRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Gr\u00E1fico referenciado: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('templateRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Template referenciado: <code>{{ node?.id || node?.templateId || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('action') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    A\u00E7\u00E3o declarada: <code>{{ node?.id || node?.actionId || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('tab') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Node <code>tab</code> fora de contexto de tabs.\n                  </div>\n                }\n                @default {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Node n\u00E3o suportado: <code>{{ getExpansionDetailNodeType(node) }}</code>\n                  </div>\n                }\n              }\n            </ng-template>\n          </section>\n        </td>\n      </ng-container>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: expansionDetailRowColumns; when: isExpansionDetailRow\"\n        class=\"pfx-expansion-detail-row\"\n      ></tr>\n    }\n  }\n</table>\n}\n\n<!-- Virtual rows path (header preserved above) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && isVirtualized()) {\n  <cdk-virtual-scroll-viewport\n    class=\"ptable-viewport\"\n    [itemSize]=\"getVirtItemHeight()\"\n    [minBufferPx]=\"getVirtBufferSize() * getVirtItemHeight()\"\n    [maxBufferPx]=\"getVirtBufferSize() * getVirtItemHeight() * 2\"\n    [style.minHeight]=\"getVirtMinHeightHostStyle()\"\n  >\n    <table\n      class=\"mat-mdc-table\"\n      [ngClass]=\"getTableElevationClassName()\"\n      [style.width]=\"getVirtualTableWidthStyle()\"\n    >\n      <tbody>\n        <tr class=\"mat-mdc-row\"\n            *cdkVirtualFor=\"let row of dataSource.data; let i = index; trackBy: trackByRow\"\n            [class.pfx-row-selected]=\"selection.isSelected(row)\"\n            [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n            [ngClass]=\"getRowClasses(row)\"\n            [ngStyle]=\"getRowNgStyle(row)\"\n            [matTooltip]=\"getRowTooltip(row) || null\"\n            [matTooltipDisabled]=\"!getRowTooltip(row)\"\n            [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n            [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n            (click)=\"onRowClicked(row, i, $event)\"\n            (dblclick)=\"onRowDoubleClicked(row, i)\">\n          <!-- Selection column -->\n          @if (config.behavior?.selection?.enabled) { <td class=\"mat-mdc-cell\">\n            <mat-checkbox\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleRow(row)\"\n              [checked]=\"selection.isSelected(row)\">\n            </mat-checkbox>\n          </td> }\n          <!-- Data columns -->\n          @for (column of visibleColumns; track column.field) {\n          <td class=\"mat-mdc-cell\"\n              [style.text-align]=\"getColumnTextAlignStyle(column)\"\n              [style.width]=\"getColumnWidthStyle(column)\"\n              [attr.style]=\"getColumnCellAttrStyle(column)\"\n              [ngClass]=\"getCellClasses(row, column)\"\n              [ngStyle]=\"getCellNgStyle(row, column)\">\n            <div\n              class=\"pfx-cell-content\"\n              [ngClass]=\"getCellContentClasses(row, column)\"\n              [ngStyle]=\"getCellContentNgStyle(row, column)\"\n            >\n            <ng-container [ngSwitch]=\"getEffectiveRendererType(row, column)\">\n              <ng-container *ngSwitchCase=\"'icon'\">\n                <mat-icon [color]=\"getIconColor(row, column) || null\"\n                          [ngStyle]=\"getIconStyle(row, column)\"\n                          [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  {{ getIconName(row, column) }}\n                </mat-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <img class=\"pfx-cell-image\"\n                     [src]=\"getImageSrc(row, column)\"\n                     [attr.alt]=\"getImageAlt(row, column) || ''\"\n                     [attr.loading]=\"getImageLazy(row, column) ? 'lazy' : null\"\n                     [style.width.px]=\"getImageWidth(row, column)\"\n                     [style.height.px]=\"getImageHeight(row, column)\"\n                     [class.shape-rounded]=\"getImageShape(row, column) === 'rounded'\"\n                     [class.shape-circle]=\"getImageShape(row, column) === 'circle'\"\n                     [style.object-fit]=\"getImageFit(row, column)\" />\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n              @if (getBadgeIcon(row, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n                  <span class=\"pfx-badge-text\">{{ getBadgeText(row, column) }}</span>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchDefault>\n                {{ getCellValue(row, column) }}\n              </ng-container>\n            </ng-container>\n            </div>\n          </td>\n          }\n\n          <!-- Actions column -->\n  @if (config.actions?.row?.enabled) {\n  <td class=\"mat-mdc-cell praxis-actions-cell\" [class.dense]=\"dense\" [style.width]=\"getRowActionsWidthStyle()\">\n            <div class=\"praxis-actions-cell__content\">\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-icon-button class=\"praxis-icon-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [matTooltip]=\"a.label || getActionId(a)\"\n                          matTooltipPosition=\"above\"\n                          matTooltipClass=\"praxis-tooltip\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                  </button>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-flat-button class=\"praxis-row-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        aria-label=\"Mais a\u00E7\u00F5es\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n                  <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event)\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              </mat-menu>\n            </div>\n  </td>\n  }\n        </tr>\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n}\n\n</div>\n@if (\n  shouldRenderDataSurface()\n  && !schemaError\n  && !dataError\n  && shouldRenderFloatingBulkActions()\n  && getFloatingBulkActions().length\n  && !shouldHideFloatingBulkActions()\n) {\n  <div [class]=\"'praxis-floating-bulk-actions ' + getFloatingBulkPositionClass()\">\n    @for (action of getFloatingBulkActions(); track getActionId(action)) {\n      <button\n        mat-mini-fab\n        [color]=\"action.color || 'primary'\"\n        [disabled]=\"isFloatingBulkActionDisabled(action)\"\n        (click)=\"onToolbarAction({ action: getActionId(action), actionConfig: action })\"\n        [attr.aria-label]=\"action.label || getActionId(action)\"\n        [matTooltip]=\"action.label || getActionId(action)\"\n        matTooltipPosition=\"left\"\n      >\n        <mat-icon [praxisIcon]=\"action.icon || 'done_all'\"></mat-icon>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00E7\u00F5es no rodap\u00E9 (opcional) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && showToolbar && shouldRenderFooterToolbar()) {\n  <praxis-table-toolbar\n    [config]=\"config\"\n    [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n    [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n    [class.footer-flat]=\"hasBottomPaginator()\"\n    class=\"praxis-toolbar-footer\"\n    placement=\"footer\"\n    [showMain]=\"shouldShowFooterToolbarMain()\"\n    [showEndActions]=\"shouldShowFooterToolbarEndActions()\"\n    [showReset]=\"shouldShowFooterToolbarReset()\"\n    [showActionsGroup]=\"shouldShowToolbarActionsBottom()\"\n    [showMobileActions]=\"shouldShowToolbarActionsBottom()\"\n    [dslContext]=\"getToolbarDslContext()\"\n    [dslFunctionRegistry]=\"dslFunctionRegistry\"\n    (toolbarAction)=\"onToolbarAction($event)\"\n  >\n    <praxis-filter\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\"\n      advancedFilter\n      [resourcePath]=\"getAdvancedFilterResourcePath()\"\n      [filterId]=\"tableId\"\n      [formId]=\"tableId\"\n      [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n      [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n      [editModeEnabled]=\"editModeEnabled\"\n      [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n      [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n      [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n      [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n      [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n      [i18n]=\"getFilterI18n()\"\n      [mode]=\"'filter'\"\n      [showFilterSettings]=\"editModeEnabled\"\n      (change)=\"onAdvancedFilterChange($event)\"\n      (submit)=\"onAdvancedFilterSubmit($event)\"\n      (clear)=\"onAdvancedFilterClear()\"\n    ></praxis-filter>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[advancedFilter]\"></ng-content>\n    </ng-container>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[toolbar]\"></ng-content>\n    </ng-container>\n    @if (shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()) {\n      @defer (on idle) {\n        @if (aiAdapter) {\n          <praxis-ai-assistant\n            [adapter]=\"aiAdapter\"\n            end-actions\n          ></praxis-ai-assistant>\n        }\n      }\n    }\n    <button\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter() && editModeEnabled\"\n      end-actions\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      aria-label=\"Configura\u00E7\u00F5es\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  </praxis-table-toolbar>\n}\n<!-- Paginadores (top/bottom) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'top' || config.behavior?.pagination?.position === 'both')) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n  >\n  </mat-paginator>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'bottom' || config.behavior?.pagination?.position === 'both' || !config.behavior?.pagination?.position)) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n    [class.footer-stack]=\"shouldShowToolbarActionsBottom()\"\n  >\n  </mat-paginator>\n}\n", styles: ["@charset \"UTF-8\";table{width:100%}.praxis-visually-hidden-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-column-reorder-status{margin:8px 0;padding:10px 12px;border-radius:8px;border:1px solid var(--p-table-border-color);background:var(--p-table-row-hover-bg);color:var(--p-table-header-fg);font-size:12px;line-height:1.4;box-shadow:0 4px 12px #00000014;animation:pfx-column-reorder-status-in var(--p-table-drag-status-enter-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}@keyframes pfx-column-reorder-status-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.praxis-actions-cell{height:100%;padding-inline:12px;white-space:nowrap}.pfx-expansion-col-header,.pfx-expansion-col-cell{width:52px;min-width:52px;text-align:center}.pfx-expansion-toggle:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pfx-expansion-detail-row{background:var(--md-sys-color-surface-container-low)}.pfx-expansion-detail-cell{padding:0!important;border-bottom:1px solid var(--p-table-border-color)}.pfx-expansion-detail-panel{padding:12px 16px;border-left:3px solid var(--md-sys-color-primary)}.pfx-expansion-detail-schema{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-detail-message{font-size:13px;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-detail-message--error{color:var(--md-sys-color-error)}.pfx-expansion-detail-stack{display:grid;gap:10px}.pfx-expansion-detail-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pfx-expansion-detail-tab-btn{border:1px solid var(--p-table-border-color);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:999px;padding:6px 12px;font-size:12px;line-height:1.2;cursor:pointer}.pfx-expansion-detail-tab-btn.is-active{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary);font-weight:600}.pfx-expansion-detail-tab-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pfx-expansion-detail-tab-panel{display:grid;gap:10px}.pfx-expansion-node{border:1px solid var(--p-table-border-color);border-radius:8px;padding:10px 12px;background:var(--md-sys-color-surface)}.pfx-expansion-node-card__header{margin-bottom:8px}.pfx-expansion-node-card__title{margin:0;font-size:14px;line-height:1.3}.pfx-expansion-node-card__subtitle{margin:4px 0 0;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-node-value{display:flex;align-items:baseline;gap:8px}.pfx-expansion-node-value__label{color:var(--md-sys-color-on-surface-variant);font-size:12px}.pfx-expansion-node-value__content{font-size:14px}.pfx-expansion-node-list__title{margin:0 0 6px;font-size:13px}.pfx-expansion-node-list ul{margin:0;padding-left:18px}.pfx-expansion-node-richtext :where(p,ul,ol,h1,h2,h3,h4,h5,h6){margin-top:0;margin-bottom:8px}.pfx-expansion-node-placeholder{font-size:12px;color:var(--md-sys-color-on-surface-variant)}:host.density-compact{--p-header-padding: 8px 12px;--p-cell-padding: 8px 12px;--p-actions-btn-size: 32px;--p-actions-icon-size: 18px}:host.density-comfortable{--p-header-padding: 12px 16px;--p-cell-padding: 12px 16px;--p-actions-btn-size: 40px;--p-actions-icon-size: 22px}:host.density-spacious{--p-header-padding: 16px 20px;--p-cell-padding: 16px 20px;--p-actions-btn-size: 44px;--p-actions-icon-size: 24px}:host.density-compact ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 8px 12px)}:host.density-comfortable ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 12px 16px)}:host.density-spacious ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 16px 20px)}:host.density-compact .praxis-actions-cell{padding-inline:8px}:host.density-spacious .praxis-actions-cell{padding-inline:16px}.praxis-actions-cell__content{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-icon-btn{width:var(--p-actions-btn-size, 40px);height:var(--p-actions-btn-size, 40px);border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;cursor:pointer;--mat-icon-button-state-layer-size: var(--p-actions-btn-size, 40px)}.praxis-icon-btn:hover{background:var(--md-sys-color-surface-variant)}.praxis-icon-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.praxis-icon-btn mat-icon,.praxis-icon-btn .mat-icon{font-size:var(--p-actions-icon-size, 22px);width:var(--p-actions-icon-size, 22px);height:var(--p-actions-icon-size, 22px);line-height:var(--p-actions-icon-size, 22px)}.praxis-more-btn{width:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));height:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));--mat-icon-button-state-layer-size: var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));background-image:var(--p-actions-more-btn-gradient, none);background-size:100% 100%;background-repeat:no-repeat}.praxis-more-btn mat-icon,.praxis-more-btn .mat-icon{font-size:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));width:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));line-height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));color:var(--p-actions-more-icon-color);background-image:var(--p-actions-more-icon-gradient, none);-webkit-background-clip:text;background-clip:text}.praxis-icon-btn.destructive mat-icon{color:var(--md-sys-color-error)}.mat-mdc-tooltip.praxis-tooltip{margin-top:-8px;margin-bottom:8px}.spacer{flex:1 1 auto}.praxis-table-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:16px 0 12px;width:100%;clear:both;position:relative}.praxis-table-header.stacked{margin:0}.praxis-table-header>praxis-table-toolbar{flex:1 0 100%}.praxis-floating-bulk-actions{position:fixed;z-index:1001;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:var(--md-sys-color-surface-container-highest);box-shadow:0 8px 20px #00000029}.praxis-floating-bulk-actions.pos-bottom-right{right:20px;bottom:20px}.praxis-floating-bulk-actions.pos-bottom-left{left:20px;bottom:20px}.praxis-floating-bulk-actions.pos-top-right{right:20px;top:20px}.praxis-floating-bulk-actions.pos-top-left{left:20px;top:20px}@media(max-width:768px){.praxis-floating-bulk-actions{gap:6px;padding:6px}.praxis-floating-bulk-actions.pos-bottom-right{right:12px;left:auto;bottom:12px}.praxis-floating-bulk-actions.pos-bottom-left{left:12px;right:auto;bottom:12px}.praxis-floating-bulk-actions.pos-top-right{right:12px;left:auto;top:12px}.praxis-floating-bulk-actions.pos-top-left{left:12px;right:auto;top:12px}}:host{display:block;width:100%;min-width:0;max-width:100%;--pfx-toolbar-pad-y: 6px;--pfx-toolbar-pad-x: 12px;--p-table-bg: var(--md-sys-color-surface-container-highest);--p-table-text-color: var(--md-sys-color-on-surface);--p-table-header-bg: var(--md-sys-color-surface-container-highest);--p-table-header-fg: var(--md-sys-color-on-surface);--p-table-border-color: var(--md-sys-color-outline-variant);--p-table-row-even-bg: var(--md-sys-color-surface-container);--p-table-row-hover-bg: var(--md-sys-color-surface-container-high);--p-table-row-selected-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-fg: var(--md-sys-color-on-primary-container);--p-table-badge-soft-accent-bg: var(--md-sys-color-secondary-container);--p-table-badge-soft-accent-fg: var(--md-sys-color-on-secondary-container);--p-table-badge-soft-warn-bg: var(--md-sys-color-error-container);--p-table-badge-soft-warn-fg: var(--md-sys-color-on-error-container);--p-table-state-success-bg: var(--md-sys-color-tertiary-container);--p-table-state-success-fg: var(--md-sys-color-on-tertiary-container);--p-table-state-warning-bg: var(--md-sys-color-secondary-container);--p-table-state-warning-fg: var(--md-sys-color-on-secondary-container);--p-table-state-danger-bg: var(--md-sys-color-error-container);--p-table-state-danger-fg: var(--md-sys-color-on-error-container);--p-table-state-highlight-bg: var(--md-sys-color-primary-container);--p-table-state-highlight-fg: var(--md-sys-color-on-primary-container);--p-table-drag-handle-size: 14px;--p-table-drag-handle-color: var(--md-sys-color-on-surface-variant);--p-table-drag-handle-hover-color: var(--md-sys-color-on-surface);--p-table-drag-handle-base-opacity: 0;--p-table-drag-handle-visible-opacity: .72;--p-table-drag-handle-active-opacity: 1;--p-table-drag-handle-transition-duration: .16s;--p-table-reorder-transition-duration: .16s;--p-table-drag-preview-scale: 1.01;--p-table-drag-status-enter-duration: .18s;--p-table-drag-preview-shadow: 0 14px 32px rgba(0, 0, 0, .28), 0 0 0 1px var(--p-table-border-color)}:host ::ng-deep .mat-mdc-table{background:var(--p-table-bg);color:var(--p-table-text-color);border-radius:12px 12px 0 0;width:100%;box-shadow:var(--p-table-surface-shadow);transition:box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-table:hover{box-shadow:var(--p-table-surface-shadow-hover, var(--p-table-surface-shadow))}:host ::ng-deep .mat-mdc-table.table-stack-top{border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .praxis-toolbar-footer{border:0 solid var(--p-table-border-color);border-top:0;border-radius:0;background:var(--p-table-bg)}:host ::ng-deep .mat-mdc-paginator.footer-stack{border-top-left-radius:0;border-top-right-radius:0;border-top:0}:host ::ng-deep .mat-mdc-paginator.footer-stack .mat-mdc-paginator-container{padding:8px 12px}:host [data-role=table-settings].mat-mdc-icon-button{--mdc-icon-button-icon-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pfx-link{color:var(--md-sys-color-primary);text-decoration:underline;cursor:pointer}.pfx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;line-height:1;border:1px solid transparent}.pfx-chip-icon{font-size:14px;width:14px;height:14px}.pfx-chip--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.pfx-chip--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-chip--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-chip--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-chip--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-chip--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-chip--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.pfx-progress{position:relative;width:100%;max-width:140px;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle}.pfx-progress-bar{height:100%;background:var(--md-sys-color-primary);transition:width .2s ease}.pfx-progress-label{margin-left:8px;font-size:12px;opacity:.8;display:inline-block;vertical-align:middle}.pfx-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:4px;overflow:hidden;font-weight:600}.pfx-avatar.shape-rounded{border-radius:8px}.pfx-avatar.shape-circle{border-radius:999px}.pfx-avatar--initials{text-transform:uppercase;font-size:12px}.pfx-cell-compose{display:inline-flex;align-items:center;gap:6px}.pfx-cell-compose.dir-col{flex-direction:column;align-items:stretch}.pfx-cell-compose.align-start{justify-content:flex-start}.pfx-cell-compose.align-center{justify-content:center}.pfx-cell-compose.align-end{justify-content:flex-end}.pfx-cell-compose.wrap{flex-wrap:wrap}.pfx-cell-compose.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-scroll-viewport{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.px-scroll-viewport.scroll-none{overflow-x:visible}.px-scroll-viewport.scroll-auto ::ng-deep .mat-mdc-table{width:max-content;min-width:100%}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-header-cell,.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-cell{white-space:normal;text-overflow:initial}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-header-row{position:sticky;top:0;z-index:1;background:var(--p-table-header-bg);color:var(--p-table-header-fg);box-shadow:var(--p-table-header-shadow, 0 1px 0 var(--p-table-border-color));border-bottom:1px solid var(--p-table-border-color)}:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mat-sort-header-content,:host ::ng-deep .mat-mdc-header-row .mat-icon{color:var(--p-table-header-fg)!important;font-weight:600}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow,:host ::ng-deep .mat-mdc-header-cell:hover .mat-sort-header-arrow{color:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-indicator,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-stem,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-left,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-right{border-color:var(--p-table-header-fg)!important;background:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell{padding:var(--p-header-padding, 12px 16px)!important;font-size:var(--p-header-font-size, inherit);font-weight:var(--p-header-font-weight, 600);letter-spacing:var(--p-header-letter-spacing, normal);text-transform:var(--p-header-text-transform, none);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{display:flex;align-items:center;width:100%;gap:4px;cursor:inherit}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable{-webkit-user-select:none;user-select:none;cursor:grab;padding-left:0!important}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable.cdk-drag-dragging{cursor:grabbing}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-content{display:inline-flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-header-label{display:inline-flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-header-label-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--p-table-drag-handle-color);width:var(--p-table-drag-handle-size);min-width:var(--p-table-drag-handle-size);flex:0 0 var(--p-table-drag-handle-size);height:var(--p-table-drag-handle-size);padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:0;cursor:inherit;pointer-events:none;touch-action:none;opacity:var(--p-table-drag-handle-base-opacity, .42);transform:none;order:-1;margin-inline-end:0;transition:opacity var(--p-table-drag-handle-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),color var(--p-table-drag-handle-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:hover .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:focus-within .praxis-column-drag-handle{opacity:var(--p-table-drag-handle-visible-opacity, .72);color:var(--p-table-drag-handle-hover-color, var(--p-table-drag-handle-color))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle:active{opacity:var(--p-table-drag-handle-active-opacity, 1);cursor:grabbing}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon{font-size:14px;width:14px;height:14px;line-height:14px;transition:transform .18s var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:hover .praxis-column-drag-handle .mat-icon{transform:none}:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:transform var(--p-table-reorder-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-animating{transition:transform var(--p-table-reorder-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}.pfx-column-drag-preview{box-sizing:border-box;display:flex;align-items:center;border-radius:10px;border:1px solid var(--p-table-border-color);background:linear-gradient(135deg,var(--p-table-header-bg) 0%,var(--p-table-row-hover-bg) 100%);color:var(--p-table-header-fg);box-shadow:var(--p-table-drag-preview-shadow);transform:scale(var(--p-table-drag-preview-scale, 1.01));pointer-events:none;z-index:1000}.pfx-column-drag-preview .praxis-column-drag-handle,.pfx-column-drag-preview .mat-sort-header-arrow,.pfx-column-drag-preview .mat-sort-header-indicator,.pfx-column-drag-preview .mat-sort-header-stem,.pfx-column-drag-preview .mat-sort-header-pointer,.pfx-column-drag-preview .mat-sort-header-pointer-left,.pfx-column-drag-preview .mat-sort-header-pointer-right{display:none!important}.pfx-column-drag-preview .mat-sort-header-container{display:flex;align-items:center;width:100%;min-height:100%;padding-right:0!important}.pfx-column-drag-preview .mat-sort-header-content,.pfx-column-drag-preview .praxis-header-label{display:inline-flex;align-items:center;min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder{opacity:1;border:1px dashed var(--p-table-border-color);background:var(--p-table-row-hover-bg)}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder *{opacity:0}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-dragging{opacity:.58}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:none}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon,.pfx-column-drag-preview{transition:none;transform:none}.praxis-column-reorder-status{animation:none}:host ::ng-deep .mat-mdc-row{transition:none}:host ::ng-deep .mat-mdc-table{transition:none}}.praxis-actions-header{text-align:right}.praxis-actions-header.align-start{text-align:left}.praxis-actions-header.align-center{text-align:center}.praxis-actions-header.align-end{text-align:right}.praxis-actions-header .praxis-actions-header__content{display:inline-flex;align-items:center;gap:var(--p-actions-header-gap, 6px);color:var(--p-actions-header-color, inherit)}.praxis-actions-header .praxis-actions-header__content .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}:host ::ng-deep .mat-mdc-header-cell .mat-sort-header-container{padding-right:20px}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{padding-right:12px}@media(pointer:coarse){:host{--p-table-drag-handle-size: 18px;--p-table-drag-handle-base-opacity: .56;--p-table-drag-handle-visible-opacity: .92}}:host ::ng-deep .mat-mdc-cell{color:var(--p-table-text-color);font-size:var(--p-cell-font-size, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .mat-mdc-cell .pfx-cell-content,:host ::ng-deep .mat-cell .pfx-cell-content{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pfx-cell-content.pfx-cell-anim{animation-duration:var(--pfx-cell-anim-duration, .8s);animation-delay:var(--pfx-cell-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--once{animation-iteration-count:1}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--count{animation-iteration-count:var(--pfx-cell-anim-iteration-count, 1)}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover,:host ::ng-deep .mat-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:running}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--pulse{animation-name:pfx-cell-pulse}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--blink{animation-name:pfx-cell-blink}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--grow{animation-name:pfx-cell-grow}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--fade{animation-name:pfx-cell-fade}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--slide-in{animation-name:pfx-cell-slide-in}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--border-pulse{animation-name:pfx-cell-border-pulse}@keyframes pfx-cell-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-cell-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-cell-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-cell-anim-min-opacity, .35)}}@keyframes pfx-cell-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-cell-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-cell-slide-in{0%{opacity:0;transform:translateY(var(--pfx-cell-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-cell-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),var(--pfx-cell-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-cell-content.pfx-cell-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation-duration:var(--pfx-row-anim-duration, .8s);animation-delay:var(--pfx-row-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--once{animation-iteration-count:1}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--count{animation-iteration-count:var(--pfx-row-anim-iteration-count, 1)}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover:hover{animation-play-state:running}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--pulse{animation-name:pfx-row-pulse}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--blink{animation-name:pfx-row-blink}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--grow{animation-name:pfx-row-grow}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--fade{animation-name:pfx-row-fade}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--slide-in{animation-name:pfx-row-slide-in}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--border-pulse{animation-name:pfx-row-border-pulse}@keyframes pfx-row-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-row-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-row-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-row-anim-min-opacity, .35)}}@keyframes pfx-row-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-row-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-row-slide-in{0%{opacity:0;transform:translateY(var(--pfx-row-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-row-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),var(--pfx-row-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:nth-child(2n){background:var(--p-table-row-even-bg)}:host ::ng-deep .mat-mdc-row:nth-child(2n):hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row.pfx-row-selected,:host ::ng-deep .mat-mdc-row.pfx-row-selected:hover{background:var(--p-table-row-selected-bg)}:host.row-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-bottom:1px solid var(--p-table-border-color)}:host.row-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell{border-bottom:none}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-right:1px solid var(--p-table-border-color)}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell:last-child,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell:last-child{border-right:none}.ptable-error{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--md-sys-color-error);border-radius:8px}.ptable-error__content{flex:1}.ptable-error__title{font-weight:600}.ptable-info-banner{display:flex;gap:12px;align-items:center;padding:8px 12px;margin:8px 0;border-radius:8px;border:1px solid var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.ptable-info-banner .text{flex:1;font-weight:600}.ptable-info-banner .actions{display:flex;gap:8px}.pfx-cell-image{display:inline-block;vertical-align:middle;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant)}.pfx-cell-image.shape-rounded{border-radius:8px}.pfx-cell-image.shape-circle{border-radius:9999px}.pfx-badge{display:inline-flex;align-items:center;gap:6px;line-height:1;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid transparent}.pfx-badge .pfx-badge-icon{font-size:16px;width:16px;height:16px}.pfx-badge--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-badge--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-badge--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-badge--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:inherit}.pfx-badge--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-badge--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-badge--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.row--success,.row--success td,td.row--success{background-color:var(--p-table-state-success-bg)!important;color:var(--p-table-state-success-fg)!important}.row--warning,.row--warning td,td.row--warning{background-color:var(--p-table-state-warning-bg)!important;color:var(--p-table-state-warning-fg)!important}.row--danger,.row--danger td,td.row--danger{background-color:var(--p-table-state-danger-bg)!important;color:var(--p-table-state-danger-fg)!important}.row--highlight,.row--highlight td,td.row--highlight{background-color:var(--p-table-state-highlight-bg)!important;color:var(--p-table-state-highlight-fg)!important;font-weight:600}.row--muted,.row--muted td,td.row--muted{opacity:.7;filter:saturate(.6)}\n"] }]
+                        ], template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \u00E0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"\n  ></praxis-empty-state-card>\n}\n\n<!-- Error State with Quick Connect CTA -->\n@if (isRemoteMode() && (schemaError || dataError)) {\n<div class=\"ptable-error\" role=\"alert\" aria-live=\"assertive\">\n  <mat-icon color=\"warn\" aria-hidden=\"true\">error</mat-icon>\n  <div class=\"ptable-error__content\">\n    <div class=\"ptable-error__title\">Erro</div>\n    <div>{{ errorMessage || 'Ocorreu um erro ao carregar a tabela.' }}</div>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    Conectar a recurso\n  </button>\n  @if (!schemaError) { <button mat-stroked-button (click)=\"retryData()\">Tentar novamente</button> }\n  @if (schemaError) { <button mat-stroked-button (click)=\"reloadSchema()\">Recarregar colunas</button> }\n  </div>\n}\n\n<!-- Inline banner for schema change (only in edit mode) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"ptable-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n  </div>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"editModeEnabled\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        \n        <!-- AI Assistant in Toolbar -->\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n          }\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" aria-label=\"Desconectar\" matTooltip=\"Desconectar da fonte de dados\">\n            <mat-icon>link_off</mat-icon>\n          </button>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  @if (shouldRenderDataSurface() && !schemaError && !dataError) {\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n      </div>\n    }\n  }\n}\n<div class=\"px-scroll-viewport\"\n     cdkScrollable\n     [class.scroll-auto]=\"horizontalScroll === 'auto'\"\n     [class.scroll-wrap]=\"horizontalScroll === 'wrap'\"\n     [class.scroll-none]=\"horizontalScroll === 'none'\">\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError) {\n<div class=\"praxis-visually-hidden-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n  {{ columnReorderStatusMessage }}\n</div>\n@if (columnReorderVisualStatusMessage) {\n  <div class=\"praxis-column-reorder-status\" role=\"note\">\n    {{ columnReorderVisualStatusMessage }}\n  </div>\n}\n<table\n  mat-table\n  data-testid=\"table-column-drag-drop-list\"\n  [dataSource]=\"dataSource\"\n  [multiTemplateDataRows]=\"isRowExpansionRuntimeEnabled()\"\n  cdkDropList\n  [cdkDropListDisabled]=\"!isColumnDraggingEnabled()\"\n  [cdkDropListData]=\"visibleDataColumnsForDrag\"\n  cdkDropListOrientation=\"horizontal\"\n  (cdkDropListDropped)=\"onColumnDrop($event)\"\n  matSort\n  (matSortChange)=\"onSortChange($event)\"\n  [matSortDisabled]=\"!getSortingEnabled()\"\n  [ngClass]=\"getTableElevationClassName()\"\n  [class.table-stack-top]=\"showToolbar\"\n  [class.pfx-column-drag-enabled]=\"isColumnDraggingEnabled()\"\n  [class.pfx-column-drag-indicator]=\"isColumnDragIndicatorEnabled()\"\n>\n  @if (config.behavior?.selection?.enabled) {\n  <ng-container\n    matColumnDef=\"_select\"\n  >\n    <th mat-header-cell *matHeaderCellDef>\n      @if (canSelectAll()) {\n        <mat-checkbox\n          (change)=\"masterToggle()\"\n          [checked]=\"isAllSelected()\"\n          [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        ></mat-checkbox>\n      }\n    </th>\n    <td mat-cell *matCellDef=\"let row\">\n      <mat-checkbox\n        (click)=\"$event.stopPropagation()\"\n        (change)=\"toggleRow(row)\"\n        [checked]=\"selection.isSelected(row)\"\n      ></mat-checkbox>\n    </td>\n  </ng-container>\n  }\n  @if (isRowExpansionRuntimeEnabled()) {\n  <ng-container matColumnDef=\"_expander\">\n    <th mat-header-cell *matHeaderCellDef class=\"pfx-expansion-col-header\">\n      <span class=\"praxis-visually-hidden-status\">Expandir detalhes da linha</span>\n    </th>\n    <td mat-cell *matCellDef=\"let row; let i = index\" class=\"pfx-expansion-col-cell\">\n      <button\n        mat-icon-button\n        class=\"pfx-expansion-toggle\"\n        [disabled]=\"!isRowExpandable(row, i) || !isExpansionIconTriggerEnabled()\"\n        [attr.aria-expanded]=\"isRowExpanded(row, i) ? 'true' : 'false'\"\n        [attr.aria-controls]=\"getRowExpansionDetailId(row, i)\"\n        [attr.aria-label]=\"getRowExpansionToggleAriaLabel(row, i)\"\n        (click)=\"onExpansionToggleFromIcon(row, i, $event)\"\n        (keydown)=\"onExpansionToggleKeydown($event, row, i)\"\n      >\n        <mat-icon [praxisIcon]=\"isRowExpanded(row, i)\n            ? getExpansionExpandedIcon()\n            : getExpansionCollapsedIcon()\"></mat-icon>\n      </button>\n    </td>\n  </ng-container>\n  }\n  @for (column of visibleColumns; track column.field) {\n  <ng-container\n    [matColumnDef]=\"column.field\"\n    [sticky]=\"column.sticky === true || column.sticky === 'start'\"\n    [stickyEnd]=\"column.sticky === 'end'\"\n  >\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n      mat-sort-header\n      cdkDrag\n      [cdkDragData]=\"column\"\n      cdkDragLockAxis=\"x\"\n      cdkDragPreviewClass=\"pfx-column-drag-preview\"\n      (cdkDragStarted)=\"onColumnDragStarted(column)\"\n      (cdkDragEnded)=\"onColumnDragEnded($event, column)\"\n      (keydown)=\"onColumnDragHandleKeydown($event, column)\"\n      [cdkDragDisabled]=\"!isColumnDraggingEnabled() || !isColumnDraggable(column)\"\n      [class.praxis-header-draggable]=\"isColumnDraggingEnabled() && isColumnDraggable(column)\"\n      [disabled]=\"!getSortingEnabled() || column.sortable === false\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnHeaderAttrStyle(column)\"\n      [attr.aria-label]=\"isColumnDraggingEnabled() && isColumnDraggable(column) ? getColumnDragHandleAriaLabel(column) : null\"\n    >\n      <span class=\"praxis-header-label\" data-testid=\"column-header-label\">\n        @if (isColumnDraggingEnabled() && isColumnDraggable(column)) {\n          <span\n            class=\"praxis-column-drag-handle\"\n            data-testid=\"column-drag-handle\"\n            [attr.data-column-field]=\"column.field\"\n            aria-hidden=\"true\"\n          >\n            <mat-icon [praxisIcon]=\"'drag_indicator'\"></mat-icon>\n          </span>\n        }\n        <span class=\"praxis-header-label-text\">{{ column.header }}</span>\n      </span>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnCellAttrStyle(column)\"\n      [ngClass]=\"getCellClasses(element, column)\"\n      [ngStyle]=\"getCellNgStyle(element, column)\"\n    >\n      <div\n        class=\"pfx-cell-content\"\n        [ngClass]=\"getCellContentClasses(element, column)\"\n        [ngStyle]=\"getCellContentNgStyle(element, column)\"\n      >\n      <ng-container [ngSwitch]=\"getEffectiveRendererType(element, column)\">\n        <!-- Icon renderer -->\n        <ng-container *ngSwitchCase=\"'icon'\">\n          <mat-icon\n            [color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n            >{{ getIconName(element, column) }}</mat-icon\n          >\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <img\n            class=\"pfx-cell-image\"\n            [src]=\"getImageSrc(element, column)\"\n            [attr.alt]=\"getImageAlt(element, column) || ''\"\n            [attr.loading]=\"getImageLazy(element, column) ? 'lazy' : null\"\n            [style.width.px]=\"getImageWidth(element, column)\"\n            [style.height.px]=\"getImageHeight(element, column)\"\n            [class.shape-rounded]=\"getImageShape(element, column) === 'rounded'\"\n            [class.shape-circle]=\"getImageShape(element, column) === 'circle'\"\n            [style.object-fit]=\"getImageFit(element, column)\"\n          />\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n              @if (getBadgeIcon(element, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n            <span class=\"pfx-badge-text\">{{ getBadgeText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Link renderer -->\n        <ng-container *ngSwitchCase=\"'link'\">\n          <a\n            class=\"pfx-link\"\n            [attr.href]=\"getLinkHref(element, column) || null\"\n            [attr.target]=\"getLinkTarget(element, column) || null\"\n            [attr.rel]=\"getLinkRel(element, column) || null\"\n            (click)=\"$event.stopPropagation()\"\n            >{{ getLinkText(element, column) }}</a\n          >\n        </ng-container>\n\n        <!-- Button renderer -->\n        <ng-container *ngSwitchCase=\"'button'\">\n          <ng-container [ngSwitch]=\"getButtonVariant(element, column)\">\n            <button\n              *ngSwitchCase=\"'outlined'\"\n              mat-stroked-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchCase=\"'text'\"\n              mat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchDefault\n              mat-flat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n          </ng-container>\n        </ng-container>\n\n        <!-- Chip renderer -->\n        <ng-container *ngSwitchCase=\"'chip'\">\n          <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, column)\">\n            @if (getChipIcon(element, column); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }\n            <span class=\"pfx-chip-text\">{{ getChipText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, column)\" [style.background]=\"getProgressBackgroundStyle(element, column)\"></div>\n            @if (getProgressShowLabel(element, column)) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, column) }}%</div> }\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          @if (getAvatarSrc(element, column); as asrc) {\n            <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, column) || ''\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\" loading=\"lazy\" />\n          } @else {\n            <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">{{ getAvatarInitials(element, column) }}</span>\n          }\n        </ng-container>\n\n        <!-- Toggle renderer -->\n        <ng-container *ngSwitchCase=\"'toggle'\">\n          <mat-slide-toggle\n            [checked]=\"getToggleState(element, column)\"\n            [disabled]=\"isToggleDisabled(element, column)\"\n            [attr.aria-label]=\"getToggleAriaLabel(element, column) || 'Alternar'\"\n            (change)=\"onToggleChange(element, column, $event)\"\n            (click)=\"$event.stopPropagation()\"\n          ></mat-slide-toggle>\n        </ng-container>\n\n        <!-- Menu renderer -->\n        <ng-container *ngSwitchCase=\"'menu'\">\n          <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, column) || 'Menu'\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let it of getMenuItems(element, column)\" (click)=\"onMenuItemClick(it, element, $event)\" [disabled]=\"!it.__visible\" >\n              @if (it.icon) { <mat-icon>{{ it.icon }}</mat-icon> }\n              <span>{{ it.label }}</span>\n            </button>\n          </mat-menu>\n        </ng-container>\n\n        <!-- Rating renderer -->\n        <ng-container *ngSwitchCase=\"'rating'\">\n          <praxis-table-rating\n            class=\"pfx-rating-cell\"\n            [itemsCount]=\"getRatingMax(element, column)\"\n            [value]=\"getRatingValue(element, column)\"\n            [size]=\"getRatingSize(element, column)\"\n            [ratingColor]=\"getRatingColor(element, column)\"\n            [outlineColor]=\"getRatingOutlineColor(element, column)\"\n            [ariaLabel]=\"getRatingAriaLabel(element, column) || column.header\">\n          </praxis-table-rating>\n        </ng-container>\n\n        <!-- HTML renderer (sanitizado) -->\n        <ng-container *ngSwitchCase=\"'html'\">\n          <span [innerHTML]=\"getSafeHtml(element, column)\"></span>\n        </ng-container>\n\n        <!-- Compose renderer -->\n        <ng-container *ngSwitchCase=\"'compose'\">\n          <span class=\"pfx-cell-compose\" [ngClass]=\"getComposeClasses(element, column)\" [ngStyle]=\"getComposeGapStyle(element, column)\">\n            <ng-container *ngFor=\"let it of getComposeItems(element, column)\">\n              <ng-container [ngSwitch]=\"getItemEffectiveType(element, column, it)\">\n                <!-- Reuse helpers by projecting item as faux column -->\n                <ng-container *ngSwitchCase=\"'icon'\">\n                  <mat-icon [color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\">{{ getIconName(element, asItemColumn(column, it)) }}</mat-icon>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <img class=\"pfx-cell-image\" [src]=\"getImageSrc(element, asItemColumn(column, it))\" [attr.alt]=\"getImageAlt(element, asItemColumn(column, it)) || ''\" [attr.loading]=\"getImageLazy(element, asItemColumn(column, it)) ? 'lazy' : null\" [style.width.px]=\"getImageWidth(element, asItemColumn(column, it))\" [style.height.px]=\"getImageHeight(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getImageShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getImageShape(element, asItemColumn(column, it)) === 'circle'\" [style.object-fit]=\"getImageFit(element, asItemColumn(column, it))\" />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\">@if (getBadgeIcon(element, asItemColumn(column, it)); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }<span class=\"pfx-badge-text\">{{ getBadgeText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'link'\">\n                  <a class=\"pfx-link\" [attr.href]=\"getLinkHref(element, asItemColumn(column, it)) || null\" [attr.target]=\"getLinkTarget(element, asItemColumn(column, it)) || null\" [attr.rel]=\"getLinkRel(element, asItemColumn(column, it)) || null\" (click)=\"$event.stopPropagation()\">{{ getLinkText(element, asItemColumn(column, it)) }}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'button'\">\n                  <ng-container [ngSwitch]=\"getButtonVariant(element, asItemColumn(column, it))\">\n                    <button *ngSwitchCase=\"'outlined'\" mat-stroked-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchCase=\"'text'\" mat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchDefault mat-flat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\">@if (getChipIcon(element, asItemColumn(column, it)); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }<span class=\"pfx-chip-text\">{{ getChipText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\"><div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, asItemColumn(column, it))\" [style.background]=\"getProgressBackgroundStyle(element, asItemColumn(column, it))\"></div>@if (getProgressShowLabel(element, asItemColumn(column, it))) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, asItemColumn(column, it)) }}%</div> }</div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  @if (getAvatarSrc(element, asItemColumn(column, it)); as asrc) {\n                    <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, asItemColumn(column, it)) || ''\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\" loading=\"lazy\" />\n                  } @else {\n                    <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\">{{ getAvatarInitials(element, asItemColumn(column, it)) }}</span>\n                  }\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'toggle'\">\n                  <mat-slide-toggle [checked]=\"getToggleState(element, asItemColumn(column, it))\" [disabled]=\"isToggleDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getToggleAriaLabel(element, asItemColumn(column, it)) || 'Alternar'\" (change)=\"onToggleChange(element, asItemColumn(column, it), $event)\" (click)=\"$event.stopPropagation()\"></mat-slide-toggle>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'menu'\">\n                  <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, asItemColumn(column, it)) || 'Menu'\"><mat-icon>more_vert</mat-icon></button>\n                  <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let mi of getMenuItems(element, asItemColumn(column, it))\" (click)=\"onMenuItemClick(mi, element, $event)\" [disabled]=\"!mi.__visible\">\n              @if (mi.icon) { <mat-icon>{{ mi.icon }}</mat-icon> }\n              <span>{{ mi.label }}</span>\n            </button>\n                  </mat-menu>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'rating'\">\n                  <praxis-table-rating\n                    class=\"pfx-rating-cell\"\n                    [itemsCount]=\"getRatingMax(element, asItemColumn(column, it))\"\n                    [value]=\"getRatingValue(element, asItemColumn(column, it))\"\n                    [size]=\"getRatingSize(element, asItemColumn(column, it))\"\n                    [ratingColor]=\"getRatingColor(element, asItemColumn(column, it))\"\n                    [outlineColor]=\"getRatingOutlineColor(element, asItemColumn(column, it))\"\n                    [ariaLabel]=\"getRatingAriaLabel(element, asItemColumn(column, it)) || column.header\">\n                  </praxis-table-rating>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'html'\">\n                  <span [innerHTML]=\"getSafeHtml(element, asItemColumn(column, it))\"></span>\n                </ng-container>\n                <!-- Value item: render base cell text alongside visuals -->\n                <ng-container *ngSwitchCase=\"'value'\">\n                  <span class=\"pfx-cell-value\">{{ getComposeItemValue(element, column, it) }}</span>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </span>\n        </ng-container>\n\n        <!-- Default text rendering -->\n        <ng-container *ngSwitchDefault>\n          {{ getCellValue(element, column) }}\n        </ng-container>\n      </ng-container>\n      </div>\n    </td>\n  </ng-container>\n  }\n  @if (config.actions?.row?.enabled) {\n  <ng-container matColumnDef=\"_actions\" [sticky]=\"config.actions?.row?.sticky === true || config.actions?.row?.sticky === 'start'\" [stickyEnd]=\"config.actions?.row?.sticky === 'end'\">\n    <th mat-header-cell *matHeaderCellDef #actionsHeaderCell [style.width]=\"getRowActionsWidthStyle()\" class=\"praxis-actions-header\" [class.align-start]=\"getActionsHeaderAlign() === 'start'\" [class.align-center]=\"getActionsHeaderAlign() === 'center'\" [class.align-end]=\"getActionsHeaderAlign() === 'end'\">\n      <div class=\"praxis-actions-header__content\" [matTooltip]=\"getActionsHeaderTooltip() || ''\" [matTooltipDisabled]=\"!getActionsHeaderTooltip()\">\n        @if (getActionsHeaderIcon(); as hi) { <mat-icon [praxisIcon]=\"hi\"></mat-icon> }\n        @if (getActionsHeaderLabel(); as hl) { <span class=\"label\">{{ hl }}</span> }\n      </div>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"praxis-actions-cell\"\n      [class.dense]=\"dense\"\n      [style.width]=\"getRowActionsWidthStyle()\"\n    >\n      <div class=\"praxis-actions-cell__content\">\n        <!-- A\u00E7\u00F5es inline -->\n        <!-- Inline actions: icons mode -->\n        @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-icon-button\n              class=\"praxis-icon-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [matTooltip]=\"a.label || getActionId(a)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Inline actions: buttons mode (show label + icon) -->\n        @if (config.actions?.row?.display === 'buttons') {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-flat-button\n              class=\"praxis-row-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Menu de overflow -->\n        @if (hasOverflowRowActions(row)) {\n          <button\n            mat-icon-button\n            class=\"praxis-icon-btn praxis-more-btn\"\n            [matMenuTriggerFor]=\"rowMoreMenu\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            aria-label=\"Mais a\u00E7\u00F5es\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          <ng-container\n            *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\"\n          >\n            <button\n              mat-menu-item\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        </mat-menu>\n      </div>\n    </td>\n  </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns\"\n  ></tr>\n  @if (!isVirtualized()) {\n    <tr\n      mat-row\n      *matRowDef=\"let row; let i = index; columns: displayedColumns\"\n      [class.pfx-row-selected]=\"selection.isSelected(row)\"\n      [class.pfx-row-expanded]=\"isRowExpansionRuntimeEnabled() && isRowExpanded(row, i)\"\n      [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n      [attr.aria-expanded]=\"isRowExpansionRuntimeEnabled() ? (isRowExpanded(row, i) ? 'true' : 'false') : null\"\n      [ngClass]=\"getRowClasses(row)\"\n      [ngStyle]=\"getRowNgStyle(row)\"\n      [matTooltip]=\"getRowTooltip(row) || null\"\n      [matTooltipDisabled]=\"!getRowTooltip(row)\"\n      [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n      [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n      (click)=\"onRowClicked(row, i, $event)\"\n      (dblclick)=\"onRowDoubleClicked(row, i)\"\n    ></tr>\n    @if (isRowExpansionRuntimeEnabled()) {\n      <ng-container matColumnDef=\"_detail\">\n        <td\n          mat-cell\n          *matCellDef=\"let row; let i = index\"\n          class=\"pfx-expansion-detail-cell\"\n          [attr.colspan]=\"displayedColumns.length\"\n        >\n          <section\n            class=\"pfx-expansion-detail-panel\"\n            [ngClass]=\"getExpansionMotionPresetClass()\"\n            [ngStyle]=\"getExpansionMotionStyle()\"\n            [attr.id]=\"getRowExpansionDetailId(row, i)\"\n            role=\"region\"\n            [attr.aria-label]=\"getRowExpansionRegionAriaLabel(row, i)\"\n            [attr.aria-busy]=\"getExpansionDetailViewState(row, i).status === 'loading' ? 'true' : 'false'\"\n          >\n            @let detailState = getExpansionDetailViewState(row, i);\n            @if (detailState.status === 'loading') {\n              <div class=\"pfx-expansion-detail-message\" role=\"status\" aria-live=\"polite\">\n                Carregando detail schema...\n              </div>\n            } @else if (detailState.status !== 'ready') {\n              <div\n                class=\"pfx-expansion-detail-message pfx-expansion-detail-message--error\"\n                role=\"alert\"\n                aria-live=\"assertive\"\n                aria-atomic=\"true\"\n              >\n                {{ detailState.message || 'Detail indispon\u00EDvel para esta linha.' }}\n              </div>\n            } @else {\n              @if (getExpansionDetailLayout(detailState.schema) === 'tabs') {\n                @let detailTabs = getExpansionDetailTabs(detailState.schema);\n                @if (detailTabs.length) {\n                  <div class=\"pfx-expansion-detail-tabs\" role=\"tablist\" aria-label=\"Se\u00E7\u00F5es do detail\">\n                    @for (tab of detailTabs; track $index; let tabIndex = $index) {\n                      <button\n                        type=\"button\"\n                        class=\"pfx-expansion-detail-tab-btn\"\n                        role=\"tab\"\n                        [attr.id]=\"getExpansionDetailTabId(row, i, tab, tabIndex)\"\n                        [attr.aria-controls]=\"getExpansionDetailPanelId(row, i, tab, tabIndex)\"\n                        [attr.aria-selected]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs) ? 'true' : 'false'\"\n                        [attr.tabindex]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs) ? '0' : '-1'\"\n                        [class.is-active]=\"isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs)\"\n                        (click)=\"onExpansionDetailTabSelect(row, i, tab, tabIndex, $event)\"\n                        (keydown)=\"onExpansionDetailTabKeydown($event, row, i, tabIndex, detailTabs)\"\n                      >\n                        {{ getExpansionDetailNodeTitle(tab, 'Tab') }}\n                      </button>\n                    }\n                  </div>\n                  @for (tab of detailTabs; track $index; let tabIndex = $index) {\n                    @if (isExpansionDetailTabActive(row, i, tab, tabIndex, detailTabs)) {\n                      <div\n                        class=\"pfx-expansion-detail-tab-panel\"\n                        role=\"tabpanel\"\n                        [attr.id]=\"getExpansionDetailPanelId(row, i, tab, tabIndex)\"\n                        [attr.aria-labelledby]=\"getExpansionDetailTabId(row, i, tab, tabIndex)\"\n                      >\n                        @for (childNode of getExpansionDetailNodeChildren(tab); track $index) {\n                          <ng-container\n                            *ngTemplateOutlet=\"\n                              expansionDetailNodeTemplate;\n                              context: { $implicit: childNode, row: row, index: i }\n                            \"\n                          ></ng-container>\n                        }\n                      </div>\n                    }\n                  }\n                } @else {\n                  <div class=\"pfx-expansion-detail-message\">\n                    Schema em layout tabs sem abas v\u00E1lidas.\n                  </div>\n                }\n              } @else {\n                <div class=\"pfx-expansion-detail-stack\">\n                  @for (node of getExpansionDetailItems(detailState.schema); track $index) {\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        expansionDetailNodeTemplate;\n                        context: { $implicit: node, row: row, index: i }\n                      \"\n                    ></ng-container>\n                  }\n                </div>\n              }\n            }\n\n            <ng-template #expansionDetailNodeTemplate let-node let-row=\"row\" let-index=\"index\">\n              @switch (getExpansionDetailNodeType(node)) {\n                @case ('card') {\n                  <article class=\"pfx-expansion-node pfx-expansion-node-card\">\n                    <header class=\"pfx-expansion-node-card__header\">\n                      <h5 class=\"pfx-expansion-node-card__title\">\n                        {{ getExpansionDetailNodeTitle(node, 'Card') }}\n                      </h5>\n                      @if (node?.subtitle) {\n                        <p class=\"pfx-expansion-node-card__subtitle\">{{ node?.subtitle }}</p>\n                      }\n                    </header>\n                    @for (childNode of getExpansionDetailNodeChildren(node); track $index) {\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                          expansionDetailNodeTemplate;\n                          context: { $implicit: childNode, row: row, index: index }\n                        \"\n                      ></ng-container>\n                    }\n                  </article>\n                }\n                @case ('value') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-value\">\n                    <span class=\"pfx-expansion-node-value__label\">\n                      {{ getExpansionDetailNodeTitle(node, 'Valor') }}\n                    </span>\n                    <strong class=\"pfx-expansion-node-value__content\">\n                      {{ getExpansionDetailValue(row, node) }}\n                    </strong>\n                  </div>\n                }\n                @case ('list') {\n                  <section class=\"pfx-expansion-node pfx-expansion-node-list\">\n                    <h6 class=\"pfx-expansion-node-list__title\">\n                      {{ getExpansionDetailNodeTitle(node, 'Lista') }}\n                    </h6>\n                    @let listItems = getExpansionDetailListItems(row, node);\n                    @if (listItems.length) {\n                      <ul>\n                        @for (entry of listItems; track $index) {\n                          <li>{{ entry }}</li>\n                        }\n                      </ul>\n                    } @else {\n                      <p class=\"pfx-expansion-node-placeholder\">Sem itens.</p>\n                    }\n                  </section>\n                }\n                @case ('richText') {\n                  <div\n                    class=\"pfx-expansion-node pfx-expansion-node-richtext\"\n                    [innerHTML]=\"getExpansionDetailRichText(node)\"\n                  ></div>\n                }\n                @case ('formRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Formul\u00E1rio referenciado: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('tableRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Tabela referenciada: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('chartRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Gr\u00E1fico referenciado: <code>{{ node?.schemaId || node?.id || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('templateRef') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Template referenciado: <code>{{ node?.id || node?.templateId || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('action') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    A\u00E7\u00E3o declarada: <code>{{ node?.id || node?.actionId || 'sem-id' }}</code>\n                  </div>\n                }\n                @case ('tab') {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Node <code>tab</code> fora de contexto de tabs.\n                  </div>\n                }\n                @default {\n                  <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                    Node n\u00E3o suportado: <code>{{ getExpansionDetailNodeType(node) }}</code>\n                  </div>\n                }\n              }\n            </ng-template>\n          </section>\n        </td>\n      </ng-container>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: expansionDetailRowColumns; when: isExpansionDetailRow\"\n        class=\"pfx-expansion-detail-row\"\n      ></tr>\n    }\n  }\n</table>\n}\n\n<!-- Virtual rows path (header preserved above) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && isVirtualized()) {\n  <cdk-virtual-scroll-viewport\n    class=\"ptable-viewport\"\n    [itemSize]=\"getVirtItemHeight()\"\n    [minBufferPx]=\"getVirtBufferSize() * getVirtItemHeight()\"\n    [maxBufferPx]=\"getVirtBufferSize() * getVirtItemHeight() * 2\"\n    [style.minHeight]=\"getVirtMinHeightHostStyle()\"\n  >\n    <table\n      class=\"mat-mdc-table\"\n      [ngClass]=\"getTableElevationClassName()\"\n      [style.width]=\"getVirtualTableWidthStyle()\"\n    >\n      <tbody>\n        <tr class=\"mat-mdc-row\"\n            *cdkVirtualFor=\"let row of dataSource.data; let i = index; trackBy: trackByRow\"\n            [class.pfx-row-selected]=\"selection.isSelected(row)\"\n            [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n            [ngClass]=\"getRowClasses(row)\"\n            [ngStyle]=\"getRowNgStyle(row)\"\n            [matTooltip]=\"getRowTooltip(row) || null\"\n            [matTooltipDisabled]=\"!getRowTooltip(row)\"\n            [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n            [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n            (click)=\"onRowClicked(row, i, $event)\"\n            (dblclick)=\"onRowDoubleClicked(row, i)\">\n          <!-- Selection column -->\n          @if (config.behavior?.selection?.enabled) { <td class=\"mat-mdc-cell\">\n            <mat-checkbox\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleRow(row)\"\n              [checked]=\"selection.isSelected(row)\">\n            </mat-checkbox>\n          </td> }\n          <!-- Data columns -->\n          @for (column of visibleColumns; track column.field) {\n          <td class=\"mat-mdc-cell\"\n              [style.text-align]=\"getColumnTextAlignStyle(column)\"\n              [style.width]=\"getColumnWidthStyle(column)\"\n              [attr.style]=\"getColumnCellAttrStyle(column)\"\n              [ngClass]=\"getCellClasses(row, column)\"\n              [ngStyle]=\"getCellNgStyle(row, column)\">\n            <div\n              class=\"pfx-cell-content\"\n              [ngClass]=\"getCellContentClasses(row, column)\"\n              [ngStyle]=\"getCellContentNgStyle(row, column)\"\n            >\n            <ng-container [ngSwitch]=\"getEffectiveRendererType(row, column)\">\n              <ng-container *ngSwitchCase=\"'icon'\">\n                <mat-icon [color]=\"getIconColor(row, column) || null\"\n                          [ngStyle]=\"getIconStyle(row, column)\"\n                          [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  {{ getIconName(row, column) }}\n                </mat-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <img class=\"pfx-cell-image\"\n                     [src]=\"getImageSrc(row, column)\"\n                     [attr.alt]=\"getImageAlt(row, column) || ''\"\n                     [attr.loading]=\"getImageLazy(row, column) ? 'lazy' : null\"\n                     [style.width.px]=\"getImageWidth(row, column)\"\n                     [style.height.px]=\"getImageHeight(row, column)\"\n                     [class.shape-rounded]=\"getImageShape(row, column) === 'rounded'\"\n                     [class.shape-circle]=\"getImageShape(row, column) === 'circle'\"\n                     [style.object-fit]=\"getImageFit(row, column)\" />\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n              @if (getBadgeIcon(row, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n                  <span class=\"pfx-badge-text\">{{ getBadgeText(row, column) }}</span>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchDefault>\n                {{ getCellValue(row, column) }}\n              </ng-container>\n            </ng-container>\n            </div>\n          </td>\n          }\n\n          <!-- Actions column -->\n  @if (config.actions?.row?.enabled) {\n  <td class=\"mat-mdc-cell praxis-actions-cell\" [class.dense]=\"dense\" [style.width]=\"getRowActionsWidthStyle()\">\n            <div class=\"praxis-actions-cell__content\">\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-icon-button class=\"praxis-icon-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [matTooltip]=\"a.label || getActionId(a)\"\n                          matTooltipPosition=\"above\"\n                          matTooltipClass=\"praxis-tooltip\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                  </button>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-flat-button class=\"praxis-row-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        aria-label=\"Mais a\u00E7\u00F5es\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n                  <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event)\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              </mat-menu>\n            </div>\n  </td>\n  }\n        </tr>\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n}\n\n</div>\n@if (\n  shouldRenderDataSurface()\n  && !schemaError\n  && !dataError\n  && shouldRenderFloatingBulkActions()\n  && getFloatingBulkActions().length\n  && !shouldHideFloatingBulkActions()\n) {\n  <div [class]=\"'praxis-floating-bulk-actions ' + getFloatingBulkPositionClass()\">\n    @for (action of getFloatingBulkActions(); track getActionId(action)) {\n      <button\n        mat-mini-fab\n        [color]=\"action.color || 'primary'\"\n        [disabled]=\"isFloatingBulkActionDisabled(action)\"\n        (click)=\"onToolbarAction({ action: getActionId(action), actionConfig: action })\"\n        [attr.aria-label]=\"action.label || getActionId(action)\"\n        [matTooltip]=\"action.label || getActionId(action)\"\n        matTooltipPosition=\"left\"\n      >\n        <mat-icon [praxisIcon]=\"action.icon || 'done_all'\"></mat-icon>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00E7\u00F5es no rodap\u00E9 (opcional) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && showToolbar && shouldRenderFooterToolbar()) {\n  <praxis-table-toolbar\n    [config]=\"config\"\n    [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n    [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n    [class.footer-flat]=\"hasBottomPaginator()\"\n    class=\"praxis-toolbar-footer\"\n    placement=\"footer\"\n    [showMain]=\"shouldShowFooterToolbarMain()\"\n    [showEndActions]=\"shouldShowFooterToolbarEndActions()\"\n    [showReset]=\"shouldShowFooterToolbarReset()\"\n    [showActionsGroup]=\"shouldShowToolbarActionsBottom()\"\n    [showMobileActions]=\"shouldShowToolbarActionsBottom()\"\n    [dslContext]=\"getToolbarDslContext()\"\n    [dslFunctionRegistry]=\"dslFunctionRegistry\"\n    (toolbarAction)=\"onToolbarAction($event)\"\n  >\n    <praxis-filter\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\"\n      advancedFilter\n      [resourcePath]=\"getAdvancedFilterResourcePath()\"\n      [filterId]=\"tableId\"\n      [formId]=\"tableId\"\n      [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n      [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n      [editModeEnabled]=\"editModeEnabled\"\n      [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n      [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n      [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n      [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n      [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n      [i18n]=\"getFilterI18n()\"\n      [mode]=\"'filter'\"\n      [showFilterSettings]=\"editModeEnabled\"\n      (change)=\"onAdvancedFilterChange($event)\"\n      (submit)=\"onAdvancedFilterSubmit($event)\"\n      (clear)=\"onAdvancedFilterClear()\"\n    ></praxis-filter>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[advancedFilter]\"></ng-content>\n    </ng-container>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[toolbar]\"></ng-content>\n    </ng-container>\n    @if (shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()) {\n      @defer (on idle) {\n        @if (aiAdapter) {\n          <praxis-ai-assistant\n            [adapter]=\"aiAdapter\"\n            end-actions\n          ></praxis-ai-assistant>\n        }\n      }\n    }\n    <button\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter() && editModeEnabled\"\n      end-actions\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      aria-label=\"Configura\u00E7\u00F5es\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  </praxis-table-toolbar>\n}\n<!-- Paginadores (top/bottom) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'top' || config.behavior?.pagination?.position === 'both')) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n  >\n  </mat-paginator>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'bottom' || config.behavior?.pagination?.position === 'both' || !config.behavior?.pagination?.position)) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n    [class.footer-stack]=\"shouldShowToolbarActionsBottom()\"\n  >\n  </mat-paginator>\n}\n", styles: ["@charset \"UTF-8\";table{width:100%}.praxis-visually-hidden-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-column-reorder-status{margin:8px 0;padding:10px 12px;border-radius:8px;border:1px solid var(--p-table-border-color);background:var(--p-table-row-hover-bg);color:var(--p-table-header-fg);font-size:12px;line-height:1.4;box-shadow:0 4px 12px #00000014;animation:pfx-column-reorder-status-in var(--p-table-drag-status-enter-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}@keyframes pfx-column-reorder-status-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.praxis-actions-cell{height:100%;padding-inline:12px;white-space:nowrap}.pfx-expansion-col-header,.pfx-expansion-col-cell{width:52px;min-width:52px;text-align:center}.pfx-expansion-toggle:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pfx-expansion-detail-row{background:var(--md-sys-color-surface-container-low)}.pfx-expansion-detail-cell{padding:0!important;border-bottom:1px solid var(--p-table-border-color)}.pfx-expansion-detail-panel{padding:12px 16px;border-left:3px solid var(--md-sys-color-primary)}.pfx-expansion-detail-panel.pfx-expansion-motion-none{animation:none;transition:none}.pfx-expansion-detail-panel.pfx-expansion-motion-subtle-slide{animation:pfx-expansion-subtle-slide-in var(--pfx-expansion-motion-duration, .16s) var(--pfx-expansion-motion-easing, cubic-bezier(.2, 0, 0, 1))}.pfx-expansion-detail-panel.pfx-expansion-motion-accordion{animation:pfx-expansion-accordion-in var(--pfx-expansion-motion-duration, .18s) var(--pfx-expansion-motion-easing, cubic-bezier(.2, 0, 0, 1));transform-origin:top center}.pfx-expansion-detail-panel.pfx-expansion-motion-fade-scale{animation:pfx-expansion-fade-scale-in var(--pfx-expansion-motion-duration, .16s) var(--pfx-expansion-motion-easing, cubic-bezier(.2, 0, 0, 1));transform-origin:top center}@keyframes pfx-expansion-subtle-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pfx-expansion-accordion-in{0%{opacity:0;transform:scaleY(.96)}to{opacity:1;transform:scaleY(1)}}@keyframes pfx-expansion-fade-scale-in{0%{opacity:0;transform:translateY(-2px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.pfx-expansion-detail-schema{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-detail-message{font-size:13px;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-detail-message--error{color:var(--md-sys-color-error)}.pfx-expansion-detail-stack{display:grid;gap:10px}.pfx-expansion-detail-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pfx-expansion-detail-tab-btn{border:1px solid var(--p-table-border-color);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:999px;padding:6px 12px;font-size:12px;line-height:1.2;cursor:pointer}.pfx-expansion-detail-tab-btn.is-active{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary);font-weight:600}.pfx-expansion-detail-tab-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pfx-expansion-detail-tab-panel{display:grid;gap:10px}.pfx-expansion-node{border:1px solid var(--p-table-border-color);border-radius:8px;padding:10px 12px;background:var(--md-sys-color-surface)}.pfx-expansion-node-card__header{margin-bottom:8px}.pfx-expansion-node-card__title{margin:0;font-size:14px;line-height:1.3}.pfx-expansion-node-card__subtitle{margin:4px 0 0;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.pfx-expansion-node-value{display:flex;align-items:baseline;gap:8px}.pfx-expansion-node-value__label{color:var(--md-sys-color-on-surface-variant);font-size:12px}.pfx-expansion-node-value__content{font-size:14px}.pfx-expansion-node-list__title{margin:0 0 6px;font-size:13px}.pfx-expansion-node-list ul{margin:0;padding-left:18px}.pfx-expansion-node-richtext :where(p,ul,ol,h1,h2,h3,h4,h5,h6){margin-top:0;margin-bottom:8px}.pfx-expansion-node-placeholder{font-size:12px;color:var(--md-sys-color-on-surface-variant)}:host.density-compact{--p-header-padding: 8px 12px;--p-cell-padding: 8px 12px;--p-actions-btn-size: 32px;--p-actions-icon-size: 18px}:host.density-comfortable{--p-header-padding: 12px 16px;--p-cell-padding: 12px 16px;--p-actions-btn-size: 40px;--p-actions-icon-size: 22px}:host.density-spacious{--p-header-padding: 16px 20px;--p-cell-padding: 16px 20px;--p-actions-btn-size: 44px;--p-actions-icon-size: 24px}:host.density-compact ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 8px 12px)}:host.density-comfortable ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 12px 16px)}:host.density-spacious ::ng-deep .mat-mdc-cell{padding:var(--p-cell-padding, 16px 20px)}:host.density-compact .praxis-actions-cell{padding-inline:8px}:host.density-spacious .praxis-actions-cell{padding-inline:16px}.praxis-actions-cell__content{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-icon-btn{width:var(--p-actions-btn-size, 40px);height:var(--p-actions-btn-size, 40px);border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;cursor:pointer;--mat-icon-button-state-layer-size: var(--p-actions-btn-size, 40px)}.praxis-icon-btn:hover{background:var(--md-sys-color-surface-variant)}.praxis-icon-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.praxis-icon-btn mat-icon,.praxis-icon-btn .mat-icon{font-size:var(--p-actions-icon-size, 22px);width:var(--p-actions-icon-size, 22px);height:var(--p-actions-icon-size, 22px);line-height:var(--p-actions-icon-size, 22px)}.praxis-more-btn{width:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));height:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));--mat-icon-button-state-layer-size: var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));background-image:var(--p-actions-more-btn-gradient, none);background-size:100% 100%;background-repeat:no-repeat}.praxis-more-btn mat-icon,.praxis-more-btn .mat-icon{font-size:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));width:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));line-height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));color:var(--p-actions-more-icon-color);background-image:var(--p-actions-more-icon-gradient, none);-webkit-background-clip:text;background-clip:text}.praxis-icon-btn.destructive mat-icon{color:var(--md-sys-color-error)}.mat-mdc-tooltip.praxis-tooltip{margin-top:-8px;margin-bottom:8px}.spacer{flex:1 1 auto}.praxis-table-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:16px 0 12px;width:100%;clear:both;position:relative}.praxis-table-header.stacked{margin:0}.praxis-table-header>praxis-table-toolbar{flex:1 0 100%}.praxis-floating-bulk-actions{position:fixed;z-index:1001;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:var(--md-sys-color-surface-container-highest);box-shadow:0 8px 20px #00000029}.praxis-floating-bulk-actions.pos-bottom-right{right:20px;bottom:20px}.praxis-floating-bulk-actions.pos-bottom-left{left:20px;bottom:20px}.praxis-floating-bulk-actions.pos-top-right{right:20px;top:20px}.praxis-floating-bulk-actions.pos-top-left{left:20px;top:20px}@media(max-width:768px){.praxis-floating-bulk-actions{gap:6px;padding:6px}.praxis-floating-bulk-actions.pos-bottom-right{right:12px;left:auto;bottom:12px}.praxis-floating-bulk-actions.pos-bottom-left{left:12px;right:auto;bottom:12px}.praxis-floating-bulk-actions.pos-top-right{right:12px;left:auto;top:12px}.praxis-floating-bulk-actions.pos-top-left{left:12px;right:auto;top:12px}}:host{display:block;width:100%;min-width:0;max-width:100%;--pfx-toolbar-pad-y: 6px;--pfx-toolbar-pad-x: 12px;--p-table-bg: var(--md-sys-color-surface-container-highest);--p-table-text-color: var(--md-sys-color-on-surface);--p-table-header-bg: var(--md-sys-color-surface-container-highest);--p-table-header-fg: var(--md-sys-color-on-surface);--p-table-border-color: var(--md-sys-color-outline-variant);--p-table-row-even-bg: var(--md-sys-color-surface-container);--p-table-row-hover-bg: var(--md-sys-color-surface-container-high);--p-table-row-selected-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-fg: var(--md-sys-color-on-primary-container);--p-table-badge-soft-accent-bg: var(--md-sys-color-secondary-container);--p-table-badge-soft-accent-fg: var(--md-sys-color-on-secondary-container);--p-table-badge-soft-warn-bg: var(--md-sys-color-error-container);--p-table-badge-soft-warn-fg: var(--md-sys-color-on-error-container);--p-table-state-success-bg: var(--md-sys-color-tertiary-container);--p-table-state-success-fg: var(--md-sys-color-on-tertiary-container);--p-table-state-warning-bg: var(--md-sys-color-secondary-container);--p-table-state-warning-fg: var(--md-sys-color-on-secondary-container);--p-table-state-danger-bg: var(--md-sys-color-error-container);--p-table-state-danger-fg: var(--md-sys-color-on-error-container);--p-table-state-highlight-bg: var(--md-sys-color-primary-container);--p-table-state-highlight-fg: var(--md-sys-color-on-primary-container);--p-table-drag-handle-size: 14px;--p-table-drag-handle-color: var(--md-sys-color-on-surface-variant);--p-table-drag-handle-hover-color: var(--md-sys-color-on-surface);--p-table-drag-handle-base-opacity: 0;--p-table-drag-handle-visible-opacity: .72;--p-table-drag-handle-active-opacity: 1;--p-table-drag-handle-transition-duration: .16s;--p-table-reorder-transition-duration: .16s;--p-table-drag-preview-scale: 1.01;--p-table-drag-status-enter-duration: .18s;--p-table-drag-preview-shadow: 0 14px 32px rgba(0, 0, 0, .28), 0 0 0 1px var(--p-table-border-color)}:host ::ng-deep .mat-mdc-table{background:var(--p-table-bg);color:var(--p-table-text-color);border-radius:12px 12px 0 0;width:100%;box-shadow:var(--p-table-surface-shadow);transition:box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-table:hover{box-shadow:var(--p-table-surface-shadow-hover, var(--p-table-surface-shadow))}:host ::ng-deep .mat-mdc-table.table-stack-top{border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .praxis-toolbar-footer{border:0 solid var(--p-table-border-color);border-top:0;border-radius:0;background:var(--p-table-bg)}:host ::ng-deep .mat-mdc-paginator.footer-stack{border-top-left-radius:0;border-top-right-radius:0;border-top:0}:host ::ng-deep .mat-mdc-paginator.footer-stack .mat-mdc-paginator-container{padding:8px 12px}:host [data-role=table-settings].mat-mdc-icon-button{--mdc-icon-button-icon-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pfx-link{color:var(--md-sys-color-primary);text-decoration:underline;cursor:pointer}.pfx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;line-height:1;border:1px solid transparent}.pfx-chip-icon{font-size:14px;width:14px;height:14px}.pfx-chip--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.pfx-chip--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-chip--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-chip--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-chip--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-chip--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-chip--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.pfx-progress{position:relative;width:100%;max-width:140px;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle}.pfx-progress-bar{height:100%;background:var(--md-sys-color-primary);transition:width .2s ease}.pfx-progress-label{margin-left:8px;font-size:12px;opacity:.8;display:inline-block;vertical-align:middle}.pfx-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:4px;overflow:hidden;font-weight:600}.pfx-avatar.shape-rounded{border-radius:8px}.pfx-avatar.shape-circle{border-radius:999px}.pfx-avatar--initials{text-transform:uppercase;font-size:12px}.pfx-cell-compose{display:inline-flex;align-items:center;gap:6px}.pfx-cell-compose.dir-col{flex-direction:column;align-items:stretch}.pfx-cell-compose.align-start{justify-content:flex-start}.pfx-cell-compose.align-center{justify-content:center}.pfx-cell-compose.align-end{justify-content:flex-end}.pfx-cell-compose.wrap{flex-wrap:wrap}.pfx-cell-compose.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-scroll-viewport{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.px-scroll-viewport.scroll-none{overflow-x:visible}.px-scroll-viewport.scroll-auto ::ng-deep .mat-mdc-table{width:max-content;min-width:100%}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-header-cell,.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-cell{white-space:normal;text-overflow:initial}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-header-row{position:sticky;top:0;z-index:1;background:var(--p-table-header-bg);color:var(--p-table-header-fg);box-shadow:var(--p-table-header-shadow, 0 1px 0 var(--p-table-border-color));border-bottom:1px solid var(--p-table-border-color)}:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mat-sort-header-content,:host ::ng-deep .mat-mdc-header-row .mat-icon{color:var(--p-table-header-fg)!important;font-weight:600}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow,:host ::ng-deep .mat-mdc-header-cell:hover .mat-sort-header-arrow{color:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-indicator,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-stem,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-left,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-right{border-color:var(--p-table-header-fg)!important;background:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell{padding:var(--p-header-padding, 12px 16px)!important;font-size:var(--p-header-font-size, inherit);font-weight:var(--p-header-font-weight, 600);letter-spacing:var(--p-header-letter-spacing, normal);text-transform:var(--p-header-text-transform, none);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{display:flex;align-items:center;width:100%;gap:4px;cursor:inherit}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable{-webkit-user-select:none;user-select:none;cursor:grab;padding-left:0!important}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable.cdk-drag-dragging{cursor:grabbing}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-content{display:inline-flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-header-label{display:inline-flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-header-label-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--p-table-drag-handle-color);width:var(--p-table-drag-handle-size);min-width:var(--p-table-drag-handle-size);flex:0 0 var(--p-table-drag-handle-size);height:var(--p-table-drag-handle-size);padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:0;cursor:inherit;pointer-events:none;touch-action:none;opacity:var(--p-table-drag-handle-base-opacity, .42);transform:none;order:-1;margin-inline-end:0;transition:opacity var(--p-table-drag-handle-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),color var(--p-table-drag-handle-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:hover .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:focus-within .praxis-column-drag-handle{opacity:var(--p-table-drag-handle-visible-opacity, .72);color:var(--p-table-drag-handle-hover-color, var(--p-table-drag-handle-color))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle:active{opacity:var(--p-table-drag-handle-active-opacity, 1);cursor:grabbing}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon{font-size:14px;width:14px;height:14px;line-height:14px;transition:transform .18s var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable:hover .praxis-column-drag-handle .mat-icon{transform:none}:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:transform var(--p-table-reorder-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-animating{transition:transform var(--p-table-reorder-transition-duration, .16s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}.pfx-column-drag-preview{box-sizing:border-box;display:flex;align-items:center;border-radius:10px;border:1px solid var(--p-table-border-color);background:linear-gradient(135deg,var(--p-table-header-bg) 0%,var(--p-table-row-hover-bg) 100%);color:var(--p-table-header-fg);box-shadow:var(--p-table-drag-preview-shadow);transform:scale(var(--p-table-drag-preview-scale, 1.01));pointer-events:none;z-index:1000}.pfx-column-drag-preview .praxis-column-drag-handle,.pfx-column-drag-preview .mat-sort-header-arrow,.pfx-column-drag-preview .mat-sort-header-indicator,.pfx-column-drag-preview .mat-sort-header-stem,.pfx-column-drag-preview .mat-sort-header-pointer,.pfx-column-drag-preview .mat-sort-header-pointer-left,.pfx-column-drag-preview .mat-sort-header-pointer-right{display:none!important}.pfx-column-drag-preview .mat-sort-header-container{display:flex;align-items:center;width:100%;min-height:100%;padding-right:0!important}.pfx-column-drag-preview .mat-sort-header-content,.pfx-column-drag-preview .praxis-header-label{display:inline-flex;align-items:center;min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder{opacity:1;border:1px dashed var(--p-table-border-color);background:var(--p-table-row-hover-bg)}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder *{opacity:0}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-dragging{opacity:.58}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:none}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon,.pfx-column-drag-preview{transition:none;transform:none}.praxis-column-reorder-status{animation:none}.pfx-expansion-detail-panel{animation:none!important;transition:none!important;transform:none!important}:host ::ng-deep .mat-mdc-row{transition:none}:host ::ng-deep .mat-mdc-table{transition:none}}.praxis-actions-header{text-align:right}.praxis-actions-header.align-start{text-align:left}.praxis-actions-header.align-center{text-align:center}.praxis-actions-header.align-end{text-align:right}.praxis-actions-header .praxis-actions-header__content{display:inline-flex;align-items:center;gap:var(--p-actions-header-gap, 6px);color:var(--p-actions-header-color, inherit)}.praxis-actions-header .praxis-actions-header__content .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}:host ::ng-deep .mat-mdc-header-cell .mat-sort-header-container{padding-right:20px}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{padding-right:12px}@media(pointer:coarse){:host{--p-table-drag-handle-size: 18px;--p-table-drag-handle-base-opacity: .56;--p-table-drag-handle-visible-opacity: .92}}:host ::ng-deep .mat-mdc-cell{color:var(--p-table-text-color);font-size:var(--p-cell-font-size, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .mat-mdc-cell .pfx-cell-content,:host ::ng-deep .mat-cell .pfx-cell-content{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;overflow:hidden}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row:nth-child(2n){background:var(--p-table-row-even-bg)}:host ::ng-deep .mat-mdc-row:nth-child(2n):hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row.pfx-row-selected,:host ::ng-deep .mat-mdc-row.pfx-row-selected:hover{background:var(--p-table-row-selected-bg)}:host.row-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-bottom:1px solid var(--p-table-border-color)}:host.row-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell{border-bottom:none}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-right:1px solid var(--p-table-border-color)}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell:last-child,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell:last-child{border-right:none}.ptable-error{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--md-sys-color-error);border-radius:8px}.ptable-error__content{flex:1}.ptable-error__title{font-weight:600}.ptable-info-banner{display:flex;gap:12px;align-items:center;padding:8px 12px;margin:8px 0;border-radius:8px;border:1px solid var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.ptable-info-banner .text{flex:1;font-weight:600}.ptable-info-banner .actions{display:flex;gap:8px}.pfx-cell-image{display:inline-block;vertical-align:middle;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant)}.pfx-cell-image.shape-rounded{border-radius:8px}.pfx-cell-image.shape-circle{border-radius:9999px}.pfx-badge{display:inline-flex;align-items:center;gap:6px;line-height:1;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid transparent}.pfx-badge .pfx-badge-icon{font-size:16px;width:16px;height:16px}.pfx-badge--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-badge--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-badge--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-badge--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:inherit}.pfx-badge--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-badge--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-badge--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.row--success,.row--success td,td.row--success{background-color:var(--p-table-state-success-bg)!important;color:var(--p-table-state-success-fg)!important}.row--warning,.row--warning td,td.row--warning{background-color:var(--p-table-state-warning-bg)!important;color:var(--p-table-state-warning-fg)!important}.row--danger,.row--danger td,td.row--danger{background-color:var(--p-table-state-danger-bg)!important;color:var(--p-table-state-danger-fg)!important}.row--highlight,.row--highlight td,td.row--highlight{background-color:var(--p-table-state-highlight-bg)!important;color:var(--p-table-state-highlight-fg)!important;font-weight:600}.row--muted,.row--muted td,td.row--muted{opacity:.7;filter:saturate(.6)}\n"] }]
             }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i3$1.SettingsPanelService }, { type: i1.GenericCrudService }, { type: TableDefaultsProvider }, { type: FilterConfigService }, { type: DataFormattingService }, { type: i6$3.PraxisDialog }, { type: i2$1.MatSnackBar }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [ASYNC_CONFIG_STORAGE]
@@ -42483,6 +42644,8 @@ const ENUMS = {
     virtualizationStrategy: ['fixed', 'dynamic'],
     expansionStateMode: ['controlled', 'uncontrolled'],
     expansionTrigger: ['icon', 'row', 'both'],
+    expansionMotionPreset: ['none', 'subtle-slide', 'accordion', 'fade-scale'],
+    expansionMotionEasing: ['standard', 'emphasized', 'decelerate'],
     expansionKeyboardProfile: ['disclosure', 'grid'],
     expansionOverflow: ['collapseOldest', 'denyNew', 'collapseAll'],
     expansionSourceMode: ['inline', 'resource', 'resourcePath'],
@@ -42865,6 +43028,13 @@ const TABLE_AI_CAPABILITIES = {
         { path: 'behavior.expansion.contractVersion', category: 'interaction', valueKind: 'string', description: 'Versão local do contrato de expansão.', dependsOn: 'behavior.expansion.enabled', example: '"1.0.0"' },
         { path: 'behavior.expansion.state.mode', category: 'interaction', valueKind: 'enum', allowedValues: ENUMS.expansionStateMode, description: 'Governança de estado de expansão (controlled/uncontrolled).', dependsOn: 'behavior.expansion.enabled', critical: true, safetyNotes: 'Em controlled, o host é a fonte da verdade para expandedRowKeys.' },
         { path: 'behavior.expansion.interaction.trigger', category: 'interaction', valueKind: 'enum', allowedValues: ENUMS.expansionTrigger, description: 'Define como o toggle de expansão é acionado.', dependsOn: 'behavior.expansion.enabled' },
+        { path: 'behavior.expansion.interaction.toggleIcon.collapsed', category: 'interaction', valueKind: 'string', description: 'Ícone usado no estado recolhido do toggle de expansão via pipeline `[praxisIcon]` do host.', dependsOn: 'behavior.expansion.enabled', example: '"chevron_right"' },
+        { path: 'behavior.expansion.interaction.toggleIcon.expanded', category: 'interaction', valueKind: 'string', description: 'Ícone usado no estado expandido do toggle de expansão via pipeline `[praxisIcon]` do host.', dependsOn: 'behavior.expansion.enabled', example: '"expand_more"' },
+        { path: 'behavior.expansion.interaction.toggleIcon.ariaLabelCollapsed', category: 'interaction', valueKind: 'string', description: 'Aria-label do botão de expansão quando a linha está recolhida.', dependsOn: 'behavior.expansion.enabled' },
+        { path: 'behavior.expansion.interaction.toggleIcon.ariaLabelExpanded', category: 'interaction', valueKind: 'string', description: 'Aria-label do botão de expansão quando a linha está expandida.', dependsOn: 'behavior.expansion.enabled' },
+        { path: 'behavior.expansion.interaction.motion.preset', category: 'interaction', valueKind: 'enum', allowedValues: ENUMS.expansionMotionPreset, description: 'Preset controlado de motion para abrir o detail row.', dependsOn: 'behavior.expansion.enabled', safetyNotes: 'Respeita prefers-reduced-motion e evita CSS arbitrário.' },
+        { path: 'behavior.expansion.interaction.motion.durationMs', category: 'performance', valueKind: 'number', description: 'Duração do preset de motion em milissegundos.', dependsOn: 'behavior.expansion.interaction.motion.preset', example: '160' },
+        { path: 'behavior.expansion.interaction.motion.easing', category: 'interaction', valueKind: 'enum', allowedValues: ENUMS.expansionMotionEasing, description: 'Curva de easing do preset de motion.', dependsOn: 'behavior.expansion.interaction.motion.preset' },
         { path: 'behavior.expansion.interaction.keyboard.profile', category: 'interaction', valueKind: 'enum', allowedValues: ENUMS.expansionKeyboardProfile, description: 'Perfil de teclado para expansão (disclosure/grid).', dependsOn: 'behavior.expansion.enabled', safetyNotes: 'Use grid somente com semântica e testes de foco completos.' },
         { path: 'behavior.expansion.limits.allowMultiple', category: 'interaction', valueKind: 'boolean', description: 'Permite múltiplas linhas expandidas simultaneamente.', dependsOn: 'behavior.expansion.enabled' },
         { path: 'behavior.expansion.limits.maxExpandedRows', category: 'interaction', valueKind: 'number', description: 'Máximo de linhas expandidas simultaneamente.', dependsOn: 'behavior.expansion.enabled', example: '1' },