@praxisui/table 8.0.0-beta.0 → 8.0.0-beta.2

package/fesm2022/praxisui-table.mjs

@@ -7,7 +7,7 @@ import { MatTableDataSource, MatTableModule, MatTable } from '@angular/material/
 import * as i1$3 from '@angular/common/http';
 import { HttpContext, HttpErrorResponse } from '@angular/common/http';
 import * as i18 from '@angular/material/paginator';
-import { MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
+import { MatPaginatorIntl, MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
 import * as i20 from '@angular/material/sort';
 import { MatSortModule, MatSort } from '@angular/material/sort';
 import * as i3 from '@angular/material/button';
@@ -78,8 +78,203 @@ import { A11yModule } from '@angular/cdk/a11y';
 import * as i6$2 from '@angular/router';
 import * as i10$3 from '@angular/cdk/scrolling';
 import { ScrollingModule } from '@angular/cdk/scrolling';
+import { AiBackendApiService, PraxisAssistantTurnOrchestratorService, PraxisAiAssistantShellComponent } from '@praxisui/ai';
 import * as i6$3 from '@praxisui/dialog';
 
+const PRAXIS_TABLE_RUNTIME_I18N_NAMESPACE = 'praxisTableRuntime';
+const PRAXIS_TABLE_RUNTIME_I18N_CONFIG = {
+    namespaces: {
+        [PRAXIS_TABLE_RUNTIME_I18N_NAMESPACE]: {
+            'pt-BR': {
+                'table.chrome.settings': 'Configurações',
+                'table.chrome.settings.reconcile': 'Schema do servidor mudou - reconciliar',
+                'table.chrome.disconnect': 'Desconectar',
+                'table.chrome.disconnectTooltip': 'Desconectar da fonte de dados',
+                'table.chrome.exportData': 'Exportar dados',
+                'table.chrome.moreActions': 'Mais ações',
+                'table.chrome.rowActions.more': 'Mais ações',
+                'table.chrome.rowActions.loading': 'Carregando ações contextuais',
+                'table.pagination.itemsPerPage': 'Itens por página:',
+                'table.pagination.nextPage': 'Próxima página',
+                'table.pagination.previousPage': 'Página anterior',
+                'table.pagination.firstPage': 'Primeira página',
+                'table.pagination.lastPage': 'Última página',
+                'table.expansion.toggle.ariaLabel.expand': 'Expandir detalhes do item',
+                'table.expansion.toggle.ariaLabel.collapse': 'Recolher detalhes do item',
+                'table.expansion.region.ariaLabel': 'Detalhes do item expandido (linha {position})',
+                'table.expansion.detail.invalidKey': 'Detail bloqueado: a linha expandida não possui identificação válida.',
+                'table.expansion.detail.unavailable': 'Detail indisponível para esta linha.',
+                'table.expansion.detail.fallbackCycleInvalid': 'Ciclo inválido no fallback de source.mode.',
+                'table.expansion.detail.inline.invalid': 'Inline schema inválido para detail row.',
+                'table.expansion.detail.schemaBlocked': 'Schema de detail bloqueado pela política de segurança.',
+                'table.expansion.detail.resource.invalid': 'Recurso de detail inválido (kind/id/version).',
+                'table.expansion.detail.resource.resolverMissing': 'Resolver de detail resource não configurado no host.',
+                'table.expansion.detail.resource.schemaInvalid': 'Schema de detail resource inválido.',
+                'table.expansion.detail.resource.resolveFailed': 'Falha ao resolver detail schema por resource.',
+                'table.expansion.detail.resourcePath.invalid': 'resourcePath inválido para detail row.',
+                'table.expansion.detail.resourcePath.absoluteBlocked': 'resourcePath absoluto não é permitido; use rota relativa same-origin.',
+                'table.expansion.detail.resourcePath.paramsFailed': 'Falha ao resolver parâmetros do resourcePath.',
+                'table.expansion.detail.resourcePath.allowListMissing': 'resourceAllowList é obrigatório para detail source.mode=resourcePath.',
+                'table.expansion.detail.resourcePath.notAllowlisted': 'resourcePath de detail não autorizado pela allowlist.',
+                'table.expansion.detail.resourcePath.schemaInvalid': 'Schema retornado por resourcePath é inválido.',
+                'table.expansion.detail.loadCancelled': 'Carregamento do detail cancelado.',
+                'table.expansion.detail.schemaContractInvalid': 'schemaContract inválido para detail row.',
+                'table.expansion.detail.renderingInvalid': 'rendering.strategy/registryId inválidos para detail.',
+                'table.expansion.detail.registryBlocked': 'registryId do detail não permitido pela política do runtime.',
+                'table.expansion.hypermedia.linksMissing': 'O item não expõe links hypermedia para discovery do detail.',
+                'table.expansion.hypermedia.capabilitiesUnavailable': 'O item não expõe capabilities contextuais para o detail hypermedia.',
+                'table.expansion.hypermedia.empty': 'Nenhum detail hypermedia está disponível para esta linha.',
+                'table.expansion.hypermedia.primarySurface': 'Resumo principal',
+                'table.expansion.hypermedia.surface.experience': 'Experiência sugerida',
+                'table.expansion.hypermedia.surface.summary.view': 'Visualização detalhada',
+                'table.expansion.hypermedia.surface.summary.read_projection': 'Resumo de leitura orientado à consulta',
+                'table.expansion.hypermedia.surface.summary.form': 'Formulário contextual',
+                'table.expansion.hypermedia.surface.summary.partial_form': 'Edição parcial orientada por fluxo',
+                'table.expansion.hypermedia.surface.summary.default': 'Surface contextual publicada pelo backend',
+                'table.expansion.hypermedia.surface.status': 'Disponibilidade',
+                'table.expansion.hypermedia.surface.status.available': 'Disponível agora',
+                'table.expansion.hypermedia.surface.status.blocked': 'Disponível quando o contexto permitir',
+                'table.expansion.hypermedia.operations.title': 'Recursos disponíveis agora',
+                'table.expansion.hypermedia.operations.available': 'Disponíveis agora',
+                'table.expansion.hypermedia.actions.title': 'Ações de workflow',
+                'table.expansion.hypermedia.actions.available': 'Ação',
+                'table.expansion.hypermedia.actions.status': 'Status',
+                'table.expansion.hypermedia.actions.status.ready': 'Pronta para uso',
+                'table.expansion.hypermedia.operations.list': 'Listar',
+                'table.expansion.hypermedia.operations.view': 'Ver detalhe',
+                'table.expansion.hypermedia.operations.create': 'Criar',
+                'table.expansion.hypermedia.operations.edit': 'Editar',
+                'table.expansion.hypermedia.operations.delete': 'Excluir',
+                'table.expansion.actionBar.title': 'Ações rápidas',
+                'table.expansion.actionBar.empty': 'Nenhuma ação disponível.',
+                'table.expansion.timeline.title': 'Linha do tempo',
+                'table.expansion.timeline.empty': 'Sem eventos recentes.',
+                'table.expansion.embed.formRef.label': 'Formulário governado',
+                'table.expansion.embed.tableRef.label': 'Tabela governada',
+                'table.expansion.embed.chartRef.label': 'Gráfico governado',
+                'table.expansion.embed.templateRef.label': 'Template governado',
+                'table.expansion.embed.diagramEmbed.label': 'Diagrama governado',
+                'table.expansion.embed.empty': 'Nenhum conteúdo de embed disponível.',
+                'table.expansion.embed.reference': 'Referência',
+                'table.expansion.embed.provider': 'Provedor',
+                'table.expansion.embed.preset': 'Preset',
+                'table.expansion.embed.inputs': 'Inputs',
+                'table.expansion.embed.diagramSource': 'Fonte do diagrama',
+            },
+            'en-US': {
+                'table.chrome.settings': 'Settings',
+                'table.chrome.settings.reconcile': 'Server schema changed - reconcile',
+                'table.chrome.disconnect': 'Disconnect',
+                'table.chrome.disconnectTooltip': 'Disconnect from the data source',
+                'table.chrome.exportData': 'Export data',
+                'table.chrome.moreActions': 'More actions',
+                'table.chrome.rowActions.more': 'More actions',
+                'table.chrome.rowActions.loading': 'Loading contextual actions',
+                'table.pagination.itemsPerPage': 'Items per page:',
+                'table.pagination.nextPage': 'Next page',
+                'table.pagination.previousPage': 'Previous page',
+                'table.pagination.firstPage': 'First page',
+                'table.pagination.lastPage': 'Last page',
+                'table.expansion.toggle.ariaLabel.expand': 'Expand item details',
+                'table.expansion.toggle.ariaLabel.collapse': 'Collapse item details',
+                'table.expansion.region.ariaLabel': 'Expanded item details (row {position})',
+                'table.expansion.detail.invalidKey': 'Detail blocked: the expanded row has no valid identifier.',
+                'table.expansion.detail.unavailable': 'Detail is unavailable for this row.',
+                'table.expansion.detail.fallbackCycleInvalid': 'Invalid cycle in source.mode fallback.',
+                'table.expansion.detail.inline.invalid': 'Inline schema is invalid for the detail row.',
+                'table.expansion.detail.schemaBlocked': 'Detail schema was blocked by the security policy.',
+                'table.expansion.detail.resource.invalid': 'Detail resource is invalid (kind/id/version).',
+                'table.expansion.detail.resource.resolverMissing': 'The host did not configure a detail resource resolver.',
+                'table.expansion.detail.resource.schemaInvalid': 'Detail resource schema is invalid.',
+                'table.expansion.detail.resource.resolveFailed': 'Failed to resolve the detail schema from resource.',
+                'table.expansion.detail.resourcePath.invalid': 'resourcePath is invalid for the detail row.',
+                'table.expansion.detail.resourcePath.absoluteBlocked': 'Absolute resourcePath is not allowed; use a same-origin relative route.',
+                'table.expansion.detail.resourcePath.paramsFailed': 'Failed to resolve resourcePath parameters.',
+                'table.expansion.detail.resourcePath.allowListMissing': 'resourceAllowList is required for detail source.mode=resourcePath.',
+                'table.expansion.detail.resourcePath.notAllowlisted': 'The detail resourcePath is not allowed by the allowlist.',
+                'table.expansion.detail.resourcePath.schemaInvalid': 'The schema returned by resourcePath is invalid.',
+                'table.expansion.detail.loadCancelled': 'Detail loading was cancelled.',
+                'table.expansion.detail.schemaContractInvalid': 'schemaContract is invalid for the detail row.',
+                'table.expansion.detail.renderingInvalid': 'rendering.strategy/registryId are invalid for the detail row.',
+                'table.expansion.detail.registryBlocked': 'The detail registryId is not allowed by the runtime policy.',
+                'table.expansion.hypermedia.linksMissing': 'The item does not expose hypermedia links for detail discovery.',
+                'table.expansion.hypermedia.capabilitiesUnavailable': 'The item does not expose contextual capabilities for hypermedia detail.',
+                'table.expansion.hypermedia.empty': 'No hypermedia detail is available for this row.',
+                'table.expansion.hypermedia.primarySurface': 'Primary summary',
+                'table.expansion.hypermedia.surface.experience': 'Suggested experience',
+                'table.expansion.hypermedia.surface.summary.view': 'Detailed view',
+                'table.expansion.hypermedia.surface.summary.read_projection': 'Read-only projection',
+                'table.expansion.hypermedia.surface.summary.form': 'Contextual form',
+                'table.expansion.hypermedia.surface.summary.partial_form': 'Partial edit flow',
+                'table.expansion.hypermedia.surface.summary.default': 'Contextual surface published by the backend',
+                'table.expansion.hypermedia.surface.status': 'Availability',
+                'table.expansion.hypermedia.surface.status.available': 'Available now',
+                'table.expansion.hypermedia.surface.status.blocked': 'Available when the context allows it',
+                'table.expansion.hypermedia.operations.title': 'Available capabilities',
+                'table.expansion.hypermedia.operations.available': 'Available now',
+                'table.expansion.hypermedia.actions.title': 'Workflow actions',
+                'table.expansion.hypermedia.actions.available': 'Action',
+                'table.expansion.hypermedia.actions.status': 'Status',
+                'table.expansion.hypermedia.actions.status.ready': 'Ready to use',
+                'table.expansion.hypermedia.operations.list': 'List',
+                'table.expansion.hypermedia.operations.view': 'View detail',
+                'table.expansion.hypermedia.operations.create': 'Create',
+                'table.expansion.hypermedia.operations.edit': 'Edit',
+                'table.expansion.hypermedia.operations.delete': 'Delete',
+                'table.expansion.actionBar.title': 'Quick actions',
+                'table.expansion.actionBar.empty': 'No actions available.',
+                'table.expansion.timeline.title': 'Timeline',
+                'table.expansion.timeline.empty': 'No recent events.',
+                'table.expansion.embed.formRef.label': 'Governed form',
+                'table.expansion.embed.tableRef.label': 'Governed table',
+                'table.expansion.embed.chartRef.label': 'Governed chart',
+                'table.expansion.embed.templateRef.label': 'Governed template',
+                'table.expansion.embed.diagramEmbed.label': 'Governed diagram',
+                'table.expansion.embed.empty': 'No embed content available.',
+                'table.expansion.embed.reference': 'Reference',
+                'table.expansion.embed.provider': 'Provider',
+                'table.expansion.embed.preset': 'Preset',
+                'table.expansion.embed.inputs': 'Inputs',
+                'table.expansion.embed.diagramSource': 'Diagram source',
+            },
+        },
+    },
+};
+function getTableRuntimeDictionary(locale) {
+    const dictionaries = PRAXIS_TABLE_RUNTIME_I18N_CONFIG.namespaces?.[PRAXIS_TABLE_RUNTIME_I18N_NAMESPACE];
+    if (!dictionaries) {
+        return undefined;
+    }
+    const normalized = String(locale || '').trim();
+    const candidates = [
+        normalized,
+        normalized.toLowerCase(),
+        normalized.includes('-') ? normalized.split('-')[0] : '',
+        normalized.includes('_') ? normalized.split('_')[0] : '',
+        'pt-BR',
+        'pt-br',
+        'en-US',
+        'en-us',
+    ].filter(Boolean);
+    for (const candidate of candidates) {
+        const dictionary = dictionaries[candidate];
+        if (dictionary && typeof dictionary === 'object') {
+            return dictionary;
+        }
+    }
+    return undefined;
+}
+function resolveTableRuntimeFallback(key, locale) {
+    return getTableRuntimeDictionary(locale || 'pt-BR')?.[key];
+}
+function translateTableRuntimeText(i18n, key, fallback, params, locale) {
+    const runtimeFallback = resolveTableRuntimeFallback(key, locale)
+        || resolveTableRuntimeFallback(key, locale || i18n.getLocale?.() || i18n.getFallbackLocale?.() || 'pt-BR')
+        || fallback
+        || key;
+    return i18n.t(key, params, runtimeFallback, PRAXIS_TABLE_RUNTIME_I18N_NAMESPACE);
+}
+
 function normalize(str) {
     if (!str)
         return '';
@@ -211,6 +406,7 @@ function createPraxisTableToolbarFallbackLogger(environment) {
 class PraxisTableToolbar {
     hostRef;
     logger;
+    i18n;
     config;
     backgroundColor = null;
     placement = 'header';
@@ -218,10 +414,8 @@ class PraxisTableToolbar {
     showActionsGroup = true;
     showEndActions = true;
     showMobileActions = true;
-    showReset = true;
     evaluationContext = null;
     toolbarAction = new EventEmitter();
-    reset = new EventEmitter();
     getActionId = getActionId;
     jsonLogic = new PraxisJsonLogicService(null);
     validToolbarActionTypes = new Set([
@@ -238,9 +432,21 @@ class PraxisTableToolbar {
     warnedShortcutConflicts = new Set();
     fallbackLogger;
     fallbackLoggerEnvironment = null;
-    constructor(hostRef = null, logger) {
+    constructor(hostRef = null, logger, i18n) {
         this.hostRef = hostRef;
         this.logger = logger;
+        this.i18n = i18n;
+    }
+    getExportDataLabel() {
+        return this.tx('table.chrome.exportData', 'Exportar dados');
+    }
+    getMoreActionsLabel() {
+        return this.tx('table.chrome.moreActions', 'Mais ações');
+    }
+    tx(key, fallback) {
+        if (!this.i18n)
+            return fallback;
+        return translateTableRuntimeText(this.i18n, key, fallback, undefined, this.config?.localization?.locale);
     }
     ngOnDestroy() {
     }
@@ -810,8 +1016,8 @@ class PraxisTableToolbar {
                 return 'download';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTableToolbar, deps: [{ token: i0.ElementRef }, { token: i1.LoggerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisTableToolbar, isStandalone: true, selector: "praxis-table-toolbar", inputs: { config: "config", backgroundColor: "backgroundColor", placement: "placement", showMain: "showMain", showActionsGroup: "showActionsGroup", showEndActions: "showEndActions", showMobileActions: "showMobileActions", showReset: "showReset", evaluationContext: "evaluationContext" }, outputs: { toolbarAction: "toolbarAction", reset: "reset" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)" }, properties: { "class.praxis-toolbar-footer": "placement === 'footer'" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTableToolbar, deps: [{ token: i0.ElementRef }, { token: i1.LoggerService, optional: true }, { token: i1.PraxisI18nService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisTableToolbar, isStandalone: true, selector: "praxis-table-toolbar", inputs: { config: "config", backgroundColor: "backgroundColor", placement: "placement", showMain: "showMain", showActionsGroup: "showActionsGroup", showEndActions: "showEndActions", showMobileActions: "showMobileActions", evaluationContext: "evaluationContext" }, outputs: { toolbarAction: "toolbarAction" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)" }, properties: { "class.praxis-toolbar-footer": "placement === 'footer'" } }, ngImport: i0, template: `
     <mat-toolbar class="praxis-toolbar" [style.background]="backgroundColor || null">
       @if (showMain) {
         <div class="toolbar-main">
@@ -1096,8 +1302,8 @@ class PraxisTableToolbar {
               class="action-btn"
               mat-button
               [matMenuTriggerFor]="exportMenu"
-              aria-label="Exportar dados"
-              matTooltip="Exportar dados"
+              [attr.aria-label]="getExportDataLabel()"
+              [matTooltip]="getExportDataLabel()"
               matTooltipPosition="below"
             >
               <mat-icon [praxisIcon]="'download'"></mat-icon>
@@ -1116,12 +1322,6 @@ class PraxisTableToolbar {
         @if (showEndActions) {
         <div class="end-actions">
           <ng-content select="[end-actions]"></ng-content>
-          @if (showReset) {
-            <!-- Reset preferences button slot -->
-            <button mat-icon-button aria-label="Reset table preferences" (click)="reset.emit()" matTooltip="Redefinir preferências da tabela">
-              <mat-icon [praxisIcon]="'restart_alt'"></mat-icon>
-            </button>
-          }
         </div>
         }
 
@@ -1132,8 +1332,8 @@ class PraxisTableToolbar {
               mat-icon-button
               class="overflow-trigger"
               [matMenuTriggerFor]="overflowMenu"
-              aria-label="Mais ações"
-              matTooltip="Mais ações"
+              [attr.aria-label]="getMoreActionsLabel()"
+              [matTooltip]="getMoreActionsLabel()"
               matTooltipPosition="below"
             >
               <mat-icon [praxisIcon]="'more_vert'"></mat-icon>
@@ -1153,7 +1353,11 @@ class PraxisTableToolbar {
           </mat-menu>
 
           @if (config?.export?.enabled) {
-            <button mat-icon-button [matMenuTriggerFor]="mobileExportMenu" aria-label="Exportar dados">
+            <button
+              mat-icon-button
+              [matMenuTriggerFor]="mobileExportMenu"
+              [attr.aria-label]="getExportDataLabel()"
+            >
               <mat-icon>download</mat-icon>
             </button>
             <mat-menu #mobileExportMenu="matMenu">
@@ -1169,7 +1373,7 @@ class PraxisTableToolbar {
         }
       </div>
     </mat-toolbar>
-  `, isInline: true, styles: [":host{display:block}.praxis-toolbar{background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-surface, #fff) 96%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low, #f6f8fc) 100%,transparent));box-shadow:none;padding:var(--pfx-toolbar-pad-y, 6px) var(--pfx-toolbar-pad-x, 12px);min-height:var(--pfx-filter-h, 44px);display:flex;flex-direction:row;align-items:flex-start;gap:6px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 78%,transparent);border-radius:10px}.praxis-toolbar.mat-toolbar-single-row,.praxis-toolbar .mat-toolbar-row{height:auto}.praxis-toolbar.mat-toolbar-multiple-rows{min-height:var(--pfx-filter-h, 44px)}.toolbar-main{display:flex;align-items:stretch;justify-content:flex-start;min-width:0;gap:6px;min-height:var(--pfx-filter-h, 44px);flex:1 1 auto}.toolbar-main>*{min-width:0}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:var(--pfx-filter-h, 44px);flex:0 0 auto;margin-left:auto}.actions-group{display:flex;align-items:center;gap:6px}.action-btn{height:36px;min-width:36px;border-radius:8px;font-size:12px;line-height:1.2}.action-btn--fab{width:42px;height:42px;box-shadow:none}.pfx-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.pfx-tonal:hover{background:var(--md-sys-color-secondary-container)}.mobile-actions{display:none;align-items:center;gap:6px}.overflow-trigger{height:36px}.action-btn .mat-icon,.action-btn--fab .mat-icon,.overflow-trigger .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.action-btn.mat-mdc-button-base,.action-btn--fab.mat-mdc-button-base,.overflow-trigger.mat-mdc-button-base{--mdc-text-button-container-height: 36px;--mdc-protected-button-container-height: 36px;--mdc-outlined-button-container-height: 36px}.action-btn.mat-mdc-unelevated-button:not(:disabled),.action-btn.mat-mdc-outlined-button:not(:disabled),.action-btn.pfx-tonal:not(:disabled){border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 82%,transparent)}.action-btn.mat-mdc-unelevated-button:not(:disabled){box-shadow:none}.action-btn.mat-mdc-button-base:not(.mat-mdc-icon-button){padding-inline:10px}.end-actions{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:10px;border-left:1px solid color-mix(in srgb,var(--md-sys-color-outline) 68%,transparent)}@media(min-width:1024px){.toolbar-actions{justify-content:flex-end}}@media(max-width:1023px){.actions-group{display:none}.mobile-actions{display:flex}.toolbar-actions{justify-content:flex-end}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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: "component", type: i3.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { 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: 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: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+  `, isInline: true, styles: [":host{display:block}.praxis-toolbar{background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-surface, #fff) 96%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low, #f6f8fc) 100%,transparent));box-shadow:none;padding:var(--pfx-toolbar-pad-y, 6px) var(--pfx-toolbar-pad-x, 12px);min-height:var(--pfx-filter-h, 44px);display:flex;flex-direction:row;align-items:flex-start;gap:6px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 78%,transparent);border-radius:10px}.praxis-toolbar.mat-toolbar-single-row,.praxis-toolbar .mat-toolbar-row{height:auto}.praxis-toolbar.mat-toolbar-multiple-rows{min-height:var(--pfx-filter-h, 44px)}.toolbar-main{display:flex;align-items:stretch;justify-content:flex-start;min-width:0;gap:6px;min-height:var(--pfx-filter-h, 44px);flex:1 1 auto}.toolbar-main>*{min-width:0}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:var(--pfx-filter-h, 44px);flex:0 0 auto;margin-left:auto}.actions-group{display:flex;align-items:center;gap:6px}.action-btn{height:36px;min-width:36px;border-radius:8px;font-size:12px;line-height:1.2}.toolbar-icon-btn{width:36px;height:36px;border-radius:8px;color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 9%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.toolbar-icon-btn:hover:not(:disabled){color:var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.action-btn--fab{width:42px;height:42px;box-shadow:none}.pfx-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.pfx-tonal:hover{background:var(--md-sys-color-secondary-container)}.mobile-actions{display:none;align-items:center;gap:6px}.overflow-trigger{height:36px}.action-btn .mat-icon,.action-btn--fab .mat-icon,.overflow-trigger .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.action-btn.mat-mdc-button-base,.action-btn--fab.mat-mdc-button-base,.overflow-trigger.mat-mdc-button-base,.toolbar-icon-btn.mat-mdc-button-base{--mdc-text-button-container-height: 36px;--mdc-filled-button-container-height: 36px;--mdc-protected-button-container-height: 36px;--mdc-outlined-button-container-height: 36px;--mdc-icon-button-state-layer-size: 36px}.action-btn.mat-mdc-unelevated-button:not(:disabled),.action-btn.mat-mdc-outlined-button:not(:disabled),.action-btn.pfx-tonal:not(:disabled){border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 82%,transparent)}.action-btn.mat-mdc-unelevated-button:not(:disabled){box-shadow:none}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled){--mdc-filled-button-container-color: var(--md-sys-color-primary);--mdc-filled-button-label-text-color: var(--md-sys-color-on-primary);--mat-filled-button-state-layer-color: var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)!important;border-color:transparent;color:var(--md-sys-color-on-primary)!important;box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary) 12%)!important}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled) .mat-icon{color:var(--md-sys-color-on-primary)!important}.action-btn.mat-mdc-button-base:not(.mat-mdc-icon-button){padding-inline:10px}.end-actions{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:10px;border-left:1px solid color-mix(in srgb,var(--md-sys-color-outline) 68%,transparent)}@media(min-width:1024px){.toolbar-actions{justify-content:flex-end}}@media(max-width:1023px){.actions-group{display:none}.mobile-actions{display:flex}.toolbar-actions{justify-content:flex-end}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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: "component", type: i3.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { 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: 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: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTableToolbar, decorators: [{
             type: Component,
@@ -1466,8 +1670,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               class="action-btn"
               mat-button
               [matMenuTriggerFor]="exportMenu"
-              aria-label="Exportar dados"
-              matTooltip="Exportar dados"
+              [attr.aria-label]="getExportDataLabel()"
+              [matTooltip]="getExportDataLabel()"
               matTooltipPosition="below"
             >
               <mat-icon [praxisIcon]="'download'"></mat-icon>
@@ -1486,12 +1690,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         @if (showEndActions) {
         <div class="end-actions">
           <ng-content select="[end-actions]"></ng-content>
-          @if (showReset) {
-            <!-- Reset preferences button slot -->
-            <button mat-icon-button aria-label="Reset table preferences" (click)="reset.emit()" matTooltip="Redefinir preferências da tabela">
-              <mat-icon [praxisIcon]="'restart_alt'"></mat-icon>
-            </button>
-          }
         </div>
         }
 
@@ -1502,8 +1700,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               mat-icon-button
               class="overflow-trigger"
               [matMenuTriggerFor]="overflowMenu"
-              aria-label="Mais ações"
-              matTooltip="Mais ações"
+              [attr.aria-label]="getMoreActionsLabel()"
+              [matTooltip]="getMoreActionsLabel()"
               matTooltipPosition="below"
             >
               <mat-icon [praxisIcon]="'more_vert'"></mat-icon>
@@ -1523,7 +1721,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </mat-menu>
 
           @if (config?.export?.enabled) {
-            <button mat-icon-button [matMenuTriggerFor]="mobileExportMenu" aria-label="Exportar dados">
+            <button
+              mat-icon-button
+              [matMenuTriggerFor]="mobileExportMenu"
+              [attr.aria-label]="getExportDataLabel()"
+            >
               <mat-icon>download</mat-icon>
             </button>
             <mat-menu #mobileExportMenu="matMenu">
@@ -1542,9 +1744,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
   `, host: {
                         '[class.praxis-toolbar-footer]': "placement === 'footer'",
                         '(document:keydown)': 'onDocumentKeydown($event)',
-                    }, styles: [":host{display:block}.praxis-toolbar{background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-surface, #fff) 96%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low, #f6f8fc) 100%,transparent));box-shadow:none;padding:var(--pfx-toolbar-pad-y, 6px) var(--pfx-toolbar-pad-x, 12px);min-height:var(--pfx-filter-h, 44px);display:flex;flex-direction:row;align-items:flex-start;gap:6px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 78%,transparent);border-radius:10px}.praxis-toolbar.mat-toolbar-single-row,.praxis-toolbar .mat-toolbar-row{height:auto}.praxis-toolbar.mat-toolbar-multiple-rows{min-height:var(--pfx-filter-h, 44px)}.toolbar-main{display:flex;align-items:stretch;justify-content:flex-start;min-width:0;gap:6px;min-height:var(--pfx-filter-h, 44px);flex:1 1 auto}.toolbar-main>*{min-width:0}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:var(--pfx-filter-h, 44px);flex:0 0 auto;margin-left:auto}.actions-group{display:flex;align-items:center;gap:6px}.action-btn{height:36px;min-width:36px;border-radius:8px;font-size:12px;line-height:1.2}.action-btn--fab{width:42px;height:42px;box-shadow:none}.pfx-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.pfx-tonal:hover{background:var(--md-sys-color-secondary-container)}.mobile-actions{display:none;align-items:center;gap:6px}.overflow-trigger{height:36px}.action-btn .mat-icon,.action-btn--fab .mat-icon,.overflow-trigger .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.action-btn.mat-mdc-button-base,.action-btn--fab.mat-mdc-button-base,.overflow-trigger.mat-mdc-button-base{--mdc-text-button-container-height: 36px;--mdc-protected-button-container-height: 36px;--mdc-outlined-button-container-height: 36px}.action-btn.mat-mdc-unelevated-button:not(:disabled),.action-btn.mat-mdc-outlined-button:not(:disabled),.action-btn.pfx-tonal:not(:disabled){border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 82%,transparent)}.action-btn.mat-mdc-unelevated-button:not(:disabled){box-shadow:none}.action-btn.mat-mdc-button-base:not(.mat-mdc-icon-button){padding-inline:10px}.end-actions{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:10px;border-left:1px solid color-mix(in srgb,var(--md-sys-color-outline) 68%,transparent)}@media(min-width:1024px){.toolbar-actions{justify-content:flex-end}}@media(max-width:1023px){.actions-group{display:none}.mobile-actions{display:flex}.toolbar-actions{justify-content:flex-end}}\n"] }]
+                    }, styles: [":host{display:block}.praxis-toolbar{background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-surface, #fff) 96%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-low, #f6f8fc) 100%,transparent));box-shadow:none;padding:var(--pfx-toolbar-pad-y, 6px) var(--pfx-toolbar-pad-x, 12px);min-height:var(--pfx-filter-h, 44px);display:flex;flex-direction:row;align-items:flex-start;gap:6px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 78%,transparent);border-radius:10px}.praxis-toolbar.mat-toolbar-single-row,.praxis-toolbar .mat-toolbar-row{height:auto}.praxis-toolbar.mat-toolbar-multiple-rows{min-height:var(--pfx-filter-h, 44px)}.toolbar-main{display:flex;align-items:stretch;justify-content:flex-start;min-width:0;gap:6px;min-height:var(--pfx-filter-h, 44px);flex:1 1 auto}.toolbar-main>*{min-width:0}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:var(--pfx-filter-h, 44px);flex:0 0 auto;margin-left:auto}.actions-group{display:flex;align-items:center;gap:6px}.action-btn{height:36px;min-width:36px;border-radius:8px;font-size:12px;line-height:1.2}.toolbar-icon-btn{width:36px;height:36px;border-radius:8px;color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 9%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.toolbar-icon-btn:hover:not(:disabled){color:var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.action-btn--fab{width:42px;height:42px;box-shadow:none}.pfx-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.pfx-tonal:hover{background:var(--md-sys-color-secondary-container)}.mobile-actions{display:none;align-items:center;gap:6px}.overflow-trigger{height:36px}.action-btn .mat-icon,.action-btn--fab .mat-icon,.overflow-trigger .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.action-btn.mat-mdc-button-base,.action-btn--fab.mat-mdc-button-base,.overflow-trigger.mat-mdc-button-base,.toolbar-icon-btn.mat-mdc-button-base{--mdc-text-button-container-height: 36px;--mdc-filled-button-container-height: 36px;--mdc-protected-button-container-height: 36px;--mdc-outlined-button-container-height: 36px;--mdc-icon-button-state-layer-size: 36px}.action-btn.mat-mdc-unelevated-button:not(:disabled),.action-btn.mat-mdc-outlined-button:not(:disabled),.action-btn.pfx-tonal:not(:disabled){border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 82%,transparent)}.action-btn.mat-mdc-unelevated-button:not(:disabled){box-shadow:none}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled){--mdc-filled-button-container-color: var(--md-sys-color-primary);--mdc-filled-button-label-text-color: var(--md-sys-color-on-primary);--mat-filled-button-state-layer-color: var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)!important;border-color:transparent;color:var(--md-sys-color-on-primary)!important;box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary) 12%)!important}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled) .mat-icon{color:var(--md-sys-color-on-primary)!important}.action-btn.mat-mdc-button-base:not(.mat-mdc-icon-button){padding-inline:10px}.end-actions{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:10px;border-left:1px solid color-mix(in srgb,var(--md-sys-color-outline) 68%,transparent)}@media(min-width:1024px){.toolbar-actions{justify-content:flex-end}}@media(max-width:1023px){.actions-group{display:none}.mobile-actions{display:flex}.toolbar-actions{justify-content:flex-end}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.LoggerService, decorators: [{
                     type: Optional
+                }] }, { type: i1.PraxisI18nService, decorators: [{
+                    type: Optional
                 }] }], propDecorators: { config: [{
                 type: Input
             }], backgroundColor: [{
@@ -1559,14 +1763,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], showMobileActions: [{
                 type: Input
-            }], showReset: [{
-                type: Input
             }], evaluationContext: [{
                 type: Input
             }], toolbarAction: [{
                 type: Output
-            }], reset: [{
-                type: Output
             }] } });
 
 const DOCUMENT_KIND = 'praxis.table.editor';
@@ -5423,7 +5623,7 @@ class DataFormattingService {
                 if (value instanceof Date)
                     return value;
                 if (typeof value === 'string' || typeof value === 'number') {
-                    let date = new Date(value);
+                    let date = new Date(this.normalizeNumericDateInput(value));
                     if (typeof value === 'string' && isNaN(date.getTime())) {
                         const parts = value.split(',');
                         if (parts.length === 3) {
@@ -5466,6 +5666,15 @@ class DataFormattingService {
                 return value;
         }
     }
+    normalizeNumericDateInput(value) {
+        if (typeof value !== 'number' || !Number.isFinite(value)) {
+            return value;
+        }
+        const absoluteValue = Math.abs(value);
+        return absoluteValue > 0 && absoluteValue < 100_000_000_000
+            ? value * 1000
+            : value;
+    }
     formatDate(value, formatString, context) {
         if (!value)
             return '';
@@ -33602,7 +33811,8 @@ class PraxisFilter {
         const fieldOverrides = this.cloneFieldMetadataOverrides(this.fieldMetadataOverrides);
         const metas = (this.schemaMetas ?? [])
             .map((meta) => this.withInferredFilterControlType(meta))
-            .map((meta) => this.mergeFieldMetadataOverride(meta, fieldOverrides[meta.name]));
+            .map((meta) => this.mergeFieldMetadataOverride(meta, fieldOverrides[meta.name]))
+            .filter((meta) => !this.isFilterFieldHidden(meta));
         this.alwaysVisibleMetas = [];
         this.selectedMetas = [];
         this.compactSelectedMetas = [];
@@ -33629,6 +33839,10 @@ class PraxisFilter {
                 normalizedControlType === 'async-select' ||
                 controlTypeToken === 'asyncselect' ||
                 controlTypeToken === 'materialasyncselect';
+            const isSelect = controlType === FieldControlType.SELECT ||
+                normalizedControlType === 'select' ||
+                controlTypeToken === 'select';
+            const hasRemoteOptions = this.hasRemoteOptionSource(meta);
             const isAutocomplete = controlType === FieldControlType.AUTO_COMPLETE ||
                 normalizedControlType === 'autocomplete' ||
                 normalizedControlType === 'auto-complete' ||
@@ -33704,13 +33918,12 @@ class PraxisFilter {
             const isInlineColorLabelExplicit = controlType === INLINE_COLOR_LABEL_CONTROL_TYPE ||
                 controlTypeToken === normalizeControlTypeToken(INLINE_COLOR_LABEL_CONTROL_TYPE);
             const shouldUseInlineSearchableSelect = this.useInlineSearchableSelectVariant && isSearchableSelect;
-            const shouldUseInlineAsyncSelect = this.useInlineSearchableSelectVariant && isAsyncSelect;
+            const shouldUseInlineAsyncSelect = this.useInlineSearchableSelectVariant && (isAsyncSelect || (isSelect && hasRemoteOptions));
             const shouldUseInlineAutocomplete = this.useInlineSearchableSelectVariant && isAutocomplete;
             const shouldUseInlineEntityLookup = isEntityLookup;
             const shouldUseInlineSelect = this.useInlineSelectVariant &&
-                (controlType === FieldControlType.SELECT ||
-                    normalizedControlType === 'select' ||
-                    controlTypeToken === 'select');
+                isSelect &&
+                !hasRemoteOptions;
             const shouldUseInlineMultiSelect = this.useInlineMultiSelectVariant &&
                 (controlType === FieldControlType.MULTI_SELECT ||
                     controlTypeToken === 'multiselect');
@@ -33762,9 +33975,13 @@ class PraxisFilter {
                     controlTypeToken === 'materialdatepicker');
             const shouldUseInlineDateRange = this.useInlineDateRangeVariant &&
                 (controlType === FieldControlType.DATE_RANGE ||
+                    controlType === FieldControlType.DATE_TIME_RANGE ||
                     normalizedControlType === 'daterange' ||
                     normalizedControlType === 'date-range' ||
+                    normalizedControlType === 'datetimerange' ||
+                    normalizedControlType === 'datetime-range' ||
                     controlTypeToken === 'daterange' ||
+                    controlTypeToken === 'datetimerange' ||
                     controlTypeToken === 'materialdaterange');
             const shouldUseInlineTime = isInlineTimeExplicit || (this.useInlineTimeVariant && isTimePicker);
             const shouldUseInlineTimeRange = isInlineTimeRangeExplicit || (this.useInlineTimeRangeVariant && isTimeRange);
@@ -34048,6 +34265,17 @@ class PraxisFilter {
         }
         return ordered;
     }
+    hasRemoteOptionSource(meta) {
+        const candidate = meta?.optionSource?.resourcePath ??
+            meta?.optionSource?.endpoint ??
+            meta?.resourcePath ??
+            meta?.endpoint ??
+            meta?.optionsEndpoint ??
+            meta?.dataSource?.resourcePath ??
+            meta?.dataSource?.endpoint ??
+            meta?.dataSource;
+        return typeof candidate === 'string' && candidate.trim().length > 0;
+    }
     withInferredFilterControlType(meta) {
         const explicitControlType = resolveInlineFilterControlType(meta?.controlType);
         if (explicitControlType) {
@@ -34551,7 +34779,9 @@ class PraxisFilter {
         this.addItemsUpdateQueued = true;
         this.ngZone.onStable.pipe(take(1)).subscribe(() => {
             this.addItemsUpdateQueued = false;
-            const metas = (this.schemaMetas || []).filter((m) => !this.alwaysVisibleFields?.includes(m.name));
+            const metas = (this.schemaMetas || [])
+                .filter((m) => !this.isFilterFieldHidden(m))
+                .filter((m) => !this.alwaysVisibleFields?.includes(m.name));
             const q = (this.addQuery || '').toLowerCase();
             const items = metas.map((m) => ({ id: m.name, label: m.label || m.name }));
             const filtered = q
@@ -34569,6 +34799,16 @@ class PraxisFilter {
         });
     }
     trackById(_idx, it) { return it.id; }
+    isFilterFieldHidden(meta) {
+        if (!meta)
+            return false;
+        const raw = meta;
+        const xUi = raw['x-ui'] || raw.xUi || raw.ui || {};
+        return raw.hidden === true ||
+            raw.hidden === 'true' ||
+            xUi.hidden === true ||
+            xUi.hidden === 'true';
+    }
     onAddSelectionChange(values) {
         const arr = Array.isArray(values) ? values : [];
         this.selectedFieldIds = [...arr];
@@ -35114,7 +35354,7 @@ class PraxisFilter {
         this.advancedOpen = true;
         this.saveConfig();
         try {
-            const { FilterFormDialogHostComponent } = await import('./praxisui-table-filter-form-dialog-host.component-EHoM1uuJ.mjs');
+            const { FilterFormDialogHostComponent } = await import('./praxisui-table-filter-form-dialog-host.component-Dm2f0muy.mjs');
             const formId = this.formId || this.filterId || 'filter';
             const ref = this.dialog.open(FilterFormDialogHostComponent, {
                 width: '780px',
@@ -35440,7 +35680,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$2.MatSnackBar }, { token: i1$2.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", enableCustomization: "enableCustomization", value: "value", alwaysVisibleFields: "alwaysVisibleFields", alwaysVisibleFieldMetadataOverrides: "alwaysVisibleFieldMetadataOverrides", selectedFieldIds: "selectedFieldIds", tags: "tags", allowSaveTags: "allowSaveTags", persistenceKey: "persistenceKey", disablePersistence: "disablePersistence", i18n: "i18n", changeDebounceMs: "changeDebounceMs", showFilterSettings: "showFilterSettings", showAdvancedButton: "showAdvancedButton", showAddButton: "showAddButton", showClearButton: "showClearButton", showSearchButton: "showSearchButton", 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  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\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\" *ngIf=\"showAdvancedButton || showAddButton || showFilterSettings || isFieldAuthoringEnabled()\">\n      <button *ngIf=\"showAdvancedButton\" #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 *ngIf=\"showAddButton\" 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\n      <button\n        *ngIf=\"isFieldAuthoringEnabled() && activeEditableFieldMeta\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\"\n        data-testid=\"filter-field-settings-trigger\"\n        [attr.aria-label]=\"activeEditableFieldLabel\"\n        (click)=\"openSelectedFieldEditor()\"\n      >\n        <mat-icon [praxisIcon]=\"'tune'\"></mat-icon>\n      </button>\n    </div>\n\n    <div class=\"action-cluster action-cluster--query\" *ngIf=\"showClearButton || showSearchButton\">\n      <button\n        *ngIf=\"showClearButton\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\"\n        (click)=\"onClear()\"\n        [attr.aria-label]=\"i18nLabels.clear\"\n        [matTooltip]=\"i18nLabels.clear\"\n        matTooltipPosition=\"below\"\n      >\n        <mat-icon [praxisIcon]=\"'cleaning_services'\"></mat-icon>\n      </button>\n\n      <button\n        *ngIf=\"showSearchButton\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"submit\"\n        [attr.aria-label]=\"i18nLabels.apply\"\n        [matTooltip]=\"i18nLabels.apply\"\n        matTooltipPosition=\"below\"\n      >\n        <mat-icon [praxisIcon]=\"'search'\"></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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.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", enableCustomization: "enableCustomization", value: "value", alwaysVisibleFields: "alwaysVisibleFields", alwaysVisibleFieldMetadataOverrides: "alwaysVisibleFieldMetadataOverrides", selectedFieldIds: "selectedFieldIds", tags: "tags", allowSaveTags: "allowSaveTags", persistenceKey: "persistenceKey", disablePersistence: "disablePersistence", i18n: "i18n", changeDebounceMs: "changeDebounceMs", showFilterSettings: "showFilterSettings", showAdvancedButton: "showAdvancedButton", showAddButton: "showAddButton", showClearButton: "showClearButton", showSearchButton: "showSearchButton", 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  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\n  (change)=\"$event.stopPropagation()\"\n  (submit)=\"onSubmit(); $event.preventDefault(); $event.stopPropagation()\">\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\" *ngIf=\"showAdvancedButton || showAddButton || showFilterSettings || isFieldAuthoringEnabled()\">\n      <button *ngIf=\"showAdvancedButton\" #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 *ngIf=\"showAddButton\" 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\n      <button\n        *ngIf=\"isFieldAuthoringEnabled() && activeEditableFieldMeta\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\"\n        data-testid=\"filter-field-settings-trigger\"\n        [attr.aria-label]=\"activeEditableFieldLabel\"\n        (click)=\"openSelectedFieldEditor()\"\n      >\n        <mat-icon [praxisIcon]=\"'tune'\"></mat-icon>\n      </button>\n    </div>\n\n    <div class=\"action-cluster action-cluster--query\" *ngIf=\"showClearButton || showSearchButton\">\n      <button\n        *ngIf=\"showClearButton\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\"\n        (click)=\"onClear()\"\n        [attr.aria-label]=\"i18nLabels.clear\"\n        [matTooltip]=\"i18nLabels.clear\"\n        matTooltipPosition=\"below\"\n      >\n        <mat-icon [praxisIcon]=\"'cleaning_services'\"></mat-icon>\n      </button>\n\n      <button\n        *ngIf=\"showSearchButton\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"submit\"\n        [attr.aria-label]=\"i18nLabels.apply\"\n        [matTooltip]=\"i18nLabels.apply\"\n        matTooltipPosition=\"below\"\n      >\n        <mat-icon [praxisIcon]=\"'search'\"></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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.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,
@@ -35468,7 +35708,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  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\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\" *ngIf=\"showAdvancedButton || showAddButton || showFilterSettings || isFieldAuthoringEnabled()\">\n      <button *ngIf=\"showAdvancedButton\" #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 *ngIf=\"showAddButton\" 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\n      <button\n        *ngIf=\"isFieldAuthoringEnabled() && activeEditableFieldMeta\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\"\n        data-testid=\"filter-field-settings-trigger\"\n        [attr.aria-label]=\"activeEditableFieldLabel\"\n        (click)=\"openSelectedFieldEditor()\"\n      >\n        <mat-icon [praxisIcon]=\"'tune'\"></mat-icon>\n      </button>\n    </div>\n\n    <div class=\"action-cluster action-cluster--query\" *ngIf=\"showClearButton || showSearchButton\">\n      <button\n        *ngIf=\"showClearButton\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\"\n        (click)=\"onClear()\"\n        [attr.aria-label]=\"i18nLabels.clear\"\n        [matTooltip]=\"i18nLabels.clear\"\n        matTooltipPosition=\"below\"\n      >\n        <mat-icon [praxisIcon]=\"'cleaning_services'\"></mat-icon>\n      </button>\n\n      <button\n        *ngIf=\"showSearchButton\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"submit\"\n        [attr.aria-label]=\"i18nLabels.apply\"\n        [matTooltip]=\"i18nLabels.apply\"\n        matTooltipPosition=\"below\"\n      >\n        <mat-icon [praxisIcon]=\"'search'\"></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"] }]
+                    }, 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  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\n  (change)=\"$event.stopPropagation()\"\n  (submit)=\"onSubmit(); $event.preventDefault(); $event.stopPropagation()\">\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\" *ngIf=\"showAdvancedButton || showAddButton || showFilterSettings || isFieldAuthoringEnabled()\">\n      <button *ngIf=\"showAdvancedButton\" #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 *ngIf=\"showAddButton\" 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\n      <button\n        *ngIf=\"isFieldAuthoringEnabled() && activeEditableFieldMeta\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\"\n        data-testid=\"filter-field-settings-trigger\"\n        [attr.aria-label]=\"activeEditableFieldLabel\"\n        (click)=\"openSelectedFieldEditor()\"\n      >\n        <mat-icon [praxisIcon]=\"'tune'\"></mat-icon>\n      </button>\n    </div>\n\n    <div class=\"action-cluster action-cluster--query\" *ngIf=\"showClearButton || showSearchButton\">\n      <button\n        *ngIf=\"showClearButton\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"button\"\n        (click)=\"onClear()\"\n        [attr.aria-label]=\"i18nLabels.clear\"\n        [matTooltip]=\"i18nLabels.clear\"\n        matTooltipPosition=\"below\"\n      >\n        <mat-icon [praxisIcon]=\"'cleaning_services'\"></mat-icon>\n      </button>\n\n      <button\n        *ngIf=\"showSearchButton\"\n        mat-icon-button\n        class=\"cluster-btn\"\n        [color]=\"actionsButtonColor==='basic'? null : actionsButtonColor\"\n        type=\"submit\"\n        [attr.aria-label]=\"i18nLabels.apply\"\n        [matTooltip]=\"i18nLabels.apply\"\n        matTooltipPosition=\"below\"\n      >\n        <mat-icon [praxisIcon]=\"'search'\"></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]
@@ -35846,10 +36086,10 @@ function matchesPrimitiveCriterion(rowValue, criterion) {
     if (criterion === null || criterion === undefined)
         return true;
     if (typeof criterion === 'string') {
-        const query = normalizeText(criterion);
+        const query = normalizeText$1(criterion);
         if (!query)
             return true;
-        const candidate = normalizeText(rowValue == null ? '' : String(rowValue));
+        const candidate = normalizeText$1(rowValue == null ? '' : String(rowValue));
         return candidate.includes(query);
     }
     if (typeof criterion === 'number') {
@@ -35963,7 +36203,7 @@ function isEmptyCriterion(value) {
     if (value === null || value === undefined)
         return true;
     if (typeof value === 'string')
-        return normalizeText(value).length === 0;
+        return normalizeText$1(value).length === 0;
     if (Array.isArray(value))
         return value.length === 0;
     if (typeof value === 'object') {
@@ -36006,9 +36246,9 @@ function isSemanticallyEqual(left, right) {
     const rightBool = toBoolean(right);
     if (leftBool !== null && rightBool !== null)
         return leftBool === rightBool;
-    return normalizeText(String(left)) === normalizeText(String(right));
+    return normalizeText$1(String(left)) === normalizeText$1(String(right));
 }
-function normalizeText(value) {
+function normalizeText$1(value) {
     return value
         .normalize('NFD')
         .replace(/[\u0300-\u036f]/g, '')
@@ -36198,186 +36438,6 @@ function toBooleanValue(value) {
     return null;
 }
 
-const PRAXIS_TABLE_RUNTIME_I18N_NAMESPACE = 'praxisTableRuntime';
-const PRAXIS_TABLE_RUNTIME_I18N_CONFIG = {
-    namespaces: {
-        [PRAXIS_TABLE_RUNTIME_I18N_NAMESPACE]: {
-            'pt-BR': {
-                'table.chrome.settings': 'Configurações',
-                'table.chrome.settings.reconcile': 'Schema do servidor mudou - reconciliar',
-                'table.chrome.disconnect': 'Desconectar',
-                'table.chrome.disconnectTooltip': 'Desconectar da fonte de dados',
-                'table.chrome.rowActions.more': 'Mais ações',
-                'table.chrome.rowActions.loading': 'Carregando ações contextuais',
-                'table.expansion.toggle.ariaLabel.expand': 'Expandir detalhes do item',
-                'table.expansion.toggle.ariaLabel.collapse': 'Recolher detalhes do item',
-                'table.expansion.region.ariaLabel': 'Detalhes do item expandido (linha {position})',
-                'table.expansion.detail.invalidKey': 'Detail bloqueado: a linha expandida não possui identificação válida.',
-                'table.expansion.detail.unavailable': 'Detail indisponível para esta linha.',
-                'table.expansion.detail.fallbackCycleInvalid': 'Ciclo inválido no fallback de source.mode.',
-                'table.expansion.detail.inline.invalid': 'Inline schema inválido para detail row.',
-                'table.expansion.detail.schemaBlocked': 'Schema de detail bloqueado pela política de segurança.',
-                'table.expansion.detail.resource.invalid': 'Recurso de detail inválido (kind/id/version).',
-                'table.expansion.detail.resource.resolverMissing': 'Resolver de detail resource não configurado no host.',
-                'table.expansion.detail.resource.schemaInvalid': 'Schema de detail resource inválido.',
-                'table.expansion.detail.resource.resolveFailed': 'Falha ao resolver detail schema por resource.',
-                'table.expansion.detail.resourcePath.invalid': 'resourcePath inválido para detail row.',
-                'table.expansion.detail.resourcePath.absoluteBlocked': 'resourcePath absoluto não é permitido; use rota relativa same-origin.',
-                'table.expansion.detail.resourcePath.paramsFailed': 'Falha ao resolver parâmetros do resourcePath.',
-                'table.expansion.detail.resourcePath.allowListMissing': 'resourceAllowList é obrigatório para detail source.mode=resourcePath.',
-                'table.expansion.detail.resourcePath.notAllowlisted': 'resourcePath de detail não autorizado pela allowlist.',
-                'table.expansion.detail.resourcePath.schemaInvalid': 'Schema retornado por resourcePath é inválido.',
-                'table.expansion.detail.loadCancelled': 'Carregamento do detail cancelado.',
-                'table.expansion.detail.schemaContractInvalid': 'schemaContract inválido para detail row.',
-                'table.expansion.detail.renderingInvalid': 'rendering.strategy/registryId inválidos para detail.',
-                'table.expansion.detail.registryBlocked': 'registryId do detail não permitido pela política do runtime.',
-                'table.expansion.hypermedia.linksMissing': 'O item não expõe links hypermedia para discovery do detail.',
-                'table.expansion.hypermedia.capabilitiesUnavailable': 'O item não expõe capabilities contextuais para o detail hypermedia.',
-                'table.expansion.hypermedia.empty': 'Nenhum detail hypermedia está disponível para esta linha.',
-                'table.expansion.hypermedia.primarySurface': 'Resumo principal',
-                'table.expansion.hypermedia.surface.experience': 'Experiência sugerida',
-                'table.expansion.hypermedia.surface.summary.view': 'Visualização detalhada',
-                'table.expansion.hypermedia.surface.summary.read_projection': 'Resumo de leitura orientado à consulta',
-                'table.expansion.hypermedia.surface.summary.form': 'Formulário contextual',
-                'table.expansion.hypermedia.surface.summary.partial_form': 'Edição parcial orientada por fluxo',
-                'table.expansion.hypermedia.surface.summary.default': 'Surface contextual publicada pelo backend',
-                'table.expansion.hypermedia.surface.status': 'Disponibilidade',
-                'table.expansion.hypermedia.surface.status.available': 'Disponível agora',
-                'table.expansion.hypermedia.surface.status.blocked': 'Disponível quando o contexto permitir',
-                'table.expansion.hypermedia.operations.title': 'Recursos disponíveis agora',
-                'table.expansion.hypermedia.operations.available': 'Disponíveis agora',
-                'table.expansion.hypermedia.actions.title': 'Ações de workflow',
-                'table.expansion.hypermedia.actions.available': 'Ação',
-                'table.expansion.hypermedia.actions.status': 'Status',
-                'table.expansion.hypermedia.actions.status.ready': 'Pronta para uso',
-                'table.expansion.hypermedia.operations.list': 'Listar',
-                'table.expansion.hypermedia.operations.view': 'Ver detalhe',
-                'table.expansion.hypermedia.operations.create': 'Criar',
-                'table.expansion.hypermedia.operations.edit': 'Editar',
-                'table.expansion.hypermedia.operations.delete': 'Excluir',
-                'table.expansion.actionBar.title': 'Ações rápidas',
-                'table.expansion.actionBar.empty': 'Nenhuma ação disponível.',
-                'table.expansion.timeline.title': 'Linha do tempo',
-                'table.expansion.timeline.empty': 'Sem eventos recentes.',
-                'table.expansion.embed.formRef.label': 'Formulário governado',
-                'table.expansion.embed.tableRef.label': 'Tabela governada',
-                'table.expansion.embed.chartRef.label': 'Gráfico governado',
-                'table.expansion.embed.templateRef.label': 'Template governado',
-                'table.expansion.embed.diagramEmbed.label': 'Diagrama governado',
-                'table.expansion.embed.empty': 'Nenhum conteúdo de embed disponível.',
-                'table.expansion.embed.reference': 'Referência',
-                'table.expansion.embed.provider': 'Provedor',
-                'table.expansion.embed.preset': 'Preset',
-                'table.expansion.embed.inputs': 'Inputs',
-                'table.expansion.embed.diagramSource': 'Fonte do diagrama',
-            },
-            'en-US': {
-                'table.chrome.settings': 'Settings',
-                'table.chrome.settings.reconcile': 'Server schema changed - reconcile',
-                'table.chrome.disconnect': 'Disconnect',
-                'table.chrome.disconnectTooltip': 'Disconnect from the data source',
-                'table.chrome.rowActions.more': 'More actions',
-                'table.chrome.rowActions.loading': 'Loading contextual actions',
-                'table.expansion.toggle.ariaLabel.expand': 'Expand item details',
-                'table.expansion.toggle.ariaLabel.collapse': 'Collapse item details',
-                'table.expansion.region.ariaLabel': 'Expanded item details (row {position})',
-                'table.expansion.detail.invalidKey': 'Detail blocked: the expanded row has no valid identifier.',
-                'table.expansion.detail.unavailable': 'Detail is unavailable for this row.',
-                'table.expansion.detail.fallbackCycleInvalid': 'Invalid cycle in source.mode fallback.',
-                'table.expansion.detail.inline.invalid': 'Inline schema is invalid for the detail row.',
-                'table.expansion.detail.schemaBlocked': 'Detail schema was blocked by the security policy.',
-                'table.expansion.detail.resource.invalid': 'Detail resource is invalid (kind/id/version).',
-                'table.expansion.detail.resource.resolverMissing': 'The host did not configure a detail resource resolver.',
-                'table.expansion.detail.resource.schemaInvalid': 'Detail resource schema is invalid.',
-                'table.expansion.detail.resource.resolveFailed': 'Failed to resolve the detail schema from resource.',
-                'table.expansion.detail.resourcePath.invalid': 'resourcePath is invalid for the detail row.',
-                'table.expansion.detail.resourcePath.absoluteBlocked': 'Absolute resourcePath is not allowed; use a same-origin relative route.',
-                'table.expansion.detail.resourcePath.paramsFailed': 'Failed to resolve resourcePath parameters.',
-                'table.expansion.detail.resourcePath.allowListMissing': 'resourceAllowList is required for detail source.mode=resourcePath.',
-                'table.expansion.detail.resourcePath.notAllowlisted': 'The detail resourcePath is not allowed by the allowlist.',
-                'table.expansion.detail.resourcePath.schemaInvalid': 'The schema returned by resourcePath is invalid.',
-                'table.expansion.detail.loadCancelled': 'Detail loading was cancelled.',
-                'table.expansion.detail.schemaContractInvalid': 'schemaContract is invalid for the detail row.',
-                'table.expansion.detail.renderingInvalid': 'rendering.strategy/registryId are invalid for the detail row.',
-                'table.expansion.detail.registryBlocked': 'The detail registryId is not allowed by the runtime policy.',
-                'table.expansion.hypermedia.linksMissing': 'The item does not expose hypermedia links for detail discovery.',
-                'table.expansion.hypermedia.capabilitiesUnavailable': 'The item does not expose contextual capabilities for hypermedia detail.',
-                'table.expansion.hypermedia.empty': 'No hypermedia detail is available for this row.',
-                'table.expansion.hypermedia.primarySurface': 'Primary summary',
-                'table.expansion.hypermedia.surface.experience': 'Suggested experience',
-                'table.expansion.hypermedia.surface.summary.view': 'Detailed view',
-                'table.expansion.hypermedia.surface.summary.read_projection': 'Read-only projection',
-                'table.expansion.hypermedia.surface.summary.form': 'Contextual form',
-                'table.expansion.hypermedia.surface.summary.partial_form': 'Partial edit flow',
-                'table.expansion.hypermedia.surface.summary.default': 'Contextual surface published by the backend',
-                'table.expansion.hypermedia.surface.status': 'Availability',
-                'table.expansion.hypermedia.surface.status.available': 'Available now',
-                'table.expansion.hypermedia.surface.status.blocked': 'Available when the context allows it',
-                'table.expansion.hypermedia.operations.title': 'Available capabilities',
-                'table.expansion.hypermedia.operations.available': 'Available now',
-                'table.expansion.hypermedia.actions.title': 'Workflow actions',
-                'table.expansion.hypermedia.actions.available': 'Action',
-                'table.expansion.hypermedia.actions.status': 'Status',
-                'table.expansion.hypermedia.actions.status.ready': 'Ready to use',
-                'table.expansion.hypermedia.operations.list': 'List',
-                'table.expansion.hypermedia.operations.view': 'View detail',
-                'table.expansion.hypermedia.operations.create': 'Create',
-                'table.expansion.hypermedia.operations.edit': 'Edit',
-                'table.expansion.hypermedia.operations.delete': 'Delete',
-                'table.expansion.actionBar.title': 'Quick actions',
-                'table.expansion.actionBar.empty': 'No actions available.',
-                'table.expansion.timeline.title': 'Timeline',
-                'table.expansion.timeline.empty': 'No recent events.',
-                'table.expansion.embed.formRef.label': 'Governed form',
-                'table.expansion.embed.tableRef.label': 'Governed table',
-                'table.expansion.embed.chartRef.label': 'Governed chart',
-                'table.expansion.embed.templateRef.label': 'Governed template',
-                'table.expansion.embed.diagramEmbed.label': 'Governed diagram',
-                'table.expansion.embed.empty': 'No embed content available.',
-                'table.expansion.embed.reference': 'Reference',
-                'table.expansion.embed.provider': 'Provider',
-                'table.expansion.embed.preset': 'Preset',
-                'table.expansion.embed.inputs': 'Inputs',
-                'table.expansion.embed.diagramSource': 'Diagram source',
-            },
-        },
-    },
-};
-function getTableRuntimeDictionary(locale) {
-    const dictionaries = PRAXIS_TABLE_RUNTIME_I18N_CONFIG.namespaces?.[PRAXIS_TABLE_RUNTIME_I18N_NAMESPACE];
-    if (!dictionaries) {
-        return undefined;
-    }
-    const normalized = String(locale || '').trim();
-    const candidates = [
-        normalized,
-        normalized.toLowerCase(),
-        normalized.includes('-') ? normalized.split('-')[0] : '',
-        normalized.includes('_') ? normalized.split('_')[0] : '',
-        'pt-BR',
-        'pt-br',
-        'en-US',
-        'en-us',
-    ].filter(Boolean);
-    for (const candidate of candidates) {
-        const dictionary = dictionaries[candidate];
-        if (dictionary && typeof dictionary === 'object') {
-            return dictionary;
-        }
-    }
-    return undefined;
-}
-function resolveTableRuntimeFallback(key, locale) {
-    return getTableRuntimeDictionary(locale || 'pt-BR')?.[key];
-}
-function translateTableRuntimeText(i18n, key, fallback, params, locale) {
-    const runtimeFallback = resolveTableRuntimeFallback(key, locale)
-        || resolveTableRuntimeFallback(key, locale || i18n.getLocale?.() || i18n.getFallbackLocale?.() || 'pt-BR')
-        || fallback
-        || key;
-    return i18n.t(key, params, runtimeFallback, PRAXIS_TABLE_RUNTIME_I18N_NAMESPACE);
-}
-
 const BLOCKED_PATH_SEGMENTS = new Set(['__proto__', 'prototype', 'constructor']);
 const DEFAULT_EXPANSION_ALLOWED_NODES = [
     'layout',
@@ -36469,6 +36529,9 @@ class PraxisTable {
     static ROW_DISCOVERY_ERROR_CACHE_TTL_MS = 15000;
     static ROW_DISCOVERY_CACHE_LIMIT = 500;
     static ROW_DISCOVERY_MAX_CONCURRENT_REQUESTS = 2;
+    paginatorSelectConfig = {
+        panelClass: 'praxis-table-paginator-select-panel',
+    };
     static ROW_ANIMATION_PRESETS = {
         'info-soft': { type: 'fade', trigger: 'onAppear', repeat: 'once', durationMs: 520, intensity: 'subtle' },
         'success-confirm': { type: 'grow', trigger: 'onAppear', repeat: 'once', durationMs: 420, intensity: 'normal' },
@@ -36518,6 +36581,7 @@ class PraxisTable {
     metadataChange = new EventEmitter();
     loadingStateChange = new EventEmitter();
     collectionLinksChange = new EventEmitter();
+    selectionChange = new EventEmitter();
     latestLoadingState = null;
     paginator;
     sort;
@@ -36581,6 +36645,7 @@ class PraxisTable {
     rowDiscoveryMarkForCheckScheduled = false;
     lastRowDiscoveryScopeKey = null;
     i18n = inject(PraxisI18nService);
+    paginatorIntl = inject(MatPaginatorIntl);
     schemaFieldsSnapshot = [];
     runtimeSchemaMeta = {};
     schemaError = false;
@@ -36610,9 +36675,6 @@ class PraxisTable {
     shouldShowFooterToolbarEndActions() {
         return this.shouldShowToolbarBottomPlacement();
     }
-    shouldShowFooterToolbarReset() {
-        return this.shouldShowToolbarBottomPlacement();
-    }
     getToolbarActionsPosition() {
         return (this.config?.toolbar?.actionsPosition ||
             this.config?.toolbar?.position ||
@@ -36963,6 +37025,31 @@ class PraxisTable {
     getDisconnectTooltip() {
         return translateTableRuntimeText(this.i18n, 'table.chrome.disconnectTooltip', 'Desconectar da fonte de dados');
     }
+    syncPaginatorIntl() {
+        const locale = this.config?.localization?.locale || 'pt-BR';
+        this.paginatorIntl.itemsPerPageLabel = this.configuredLocaleRuntimeText('table.pagination.itemsPerPage', this.isEnglishLocale() ? 'Items per page:' : 'Itens por página:');
+        this.paginatorIntl.nextPageLabel = this.configuredLocaleRuntimeText('table.pagination.nextPage', this.isEnglishLocale() ? 'Next page' : 'Próxima página');
+        this.paginatorIntl.previousPageLabel = this.configuredLocaleRuntimeText('table.pagination.previousPage', this.isEnglishLocale() ? 'Previous page' : 'Página anterior');
+        this.paginatorIntl.firstPageLabel = this.configuredLocaleRuntimeText('table.pagination.firstPage', this.isEnglishLocale() ? 'First page' : 'Primeira página');
+        this.paginatorIntl.lastPageLabel = this.configuredLocaleRuntimeText('table.pagination.lastPage', this.isEnglishLocale() ? 'Last page' : 'Última página');
+        this.paginatorIntl.getRangeLabel = (page, pageSize, length) => this.formatPaginatorRangeLabel(page, pageSize, length, locale);
+        this.paginatorIntl.changes.next();
+    }
+    configuredLocaleRuntimeText(key, fallback) {
+        return this.resolveTableMessageTemplate(key) || fallback;
+    }
+    formatPaginatorRangeLabel(page, pageSize, length, locale) {
+        const safeLength = Math.max(0, length || 0);
+        if (safeLength === 0 || pageSize === 0) {
+            return this.isEnglishLocaleValue(locale)
+                ? `0 of ${safeLength}`
+                : `0 de ${safeLength}`;
+        }
+        const startIndex = page * pageSize;
+        const endIndex = Math.min(startIndex + pageSize, safeLength);
+        const separator = this.isEnglishLocaleValue(locale) ? 'of' : 'de';
+        return `${startIndex + 1} – ${endIndex} ${separator} ${safeLength}`;
+    }
     getNoDataStateIcon() {
         const emptyState = this.resolveNoDataStateConfig();
         return (emptyState.icon || '').trim();
@@ -37142,6 +37229,28 @@ class PraxisTable {
     }
     aiAdapter = null;
     aiAdapterLoadStarted = false;
+    aiAssistantOpen = false;
+    aiAssistantPrompt = '';
+    aiAssistantViewState = null;
+    aiAssistantLayout = {
+        left: 24,
+        top: 84,
+        width: 520,
+        height: 560,
+    };
+    aiAssistantLabels = {
+        title: 'Assistente de Configuracao',
+        subtitle: 'Converse, revise e aplique ajustes da tabela.',
+        prompt: 'Mensagem',
+        promptPlaceholder: 'Descreva o ajuste que voce precisa na tabela.',
+        emptyConversation: 'Diga o que voce quer alterar na tabela.',
+        submit: 'Pre-visualizar',
+        apply: 'Aplicar',
+    };
+    aiAssistantController = null;
+    aiAssistantStateSubscription = null;
+    aiApi = inject(AiBackendApiService);
+    aiTurnOrchestrator = inject(PraxisAssistantTurnOrchestratorService);
     computedContextCache = new WeakMap();
     computedFieldNames = [];
     jsonLogic = inject(PraxisJsonLogicService);
@@ -37565,9 +37674,10 @@ class PraxisTable {
         if (this.aiAdapter || this.aiAdapterLoadStarted)
             return;
         this.aiAdapterLoadStarted = true;
-        import('./praxisui-table-table-ai.adapter-CFyyQB26.mjs')
+        import('./praxisui-table-table-ai.adapter-DxjDaQqy.mjs')
             .then(({ TableAiAdapter }) => {
             this.aiAdapter = new TableAiAdapter(this);
+            this.initializeAiAssistantController();
             this.cdr.markForCheck();
         })
             .catch((error) => {
@@ -37576,6 +37686,126 @@ class PraxisTable {
             });
         });
     }
+    openAiAssistant() {
+        this.ensureAiAdapterLoaded();
+        if (!this.aiAdapter)
+            return;
+        this.initializeAiAssistantController();
+        this.aiAssistantOpen = true;
+        this.aiAssistantController?.setContextItems(this.buildAiAssistantContextItems());
+        this.cdr.markForCheck();
+    }
+    closeAiAssistant() {
+        this.aiAssistantOpen = false;
+        this.cdr.markForCheck();
+    }
+    onAiAssistantPromptChange(prompt) {
+        this.aiAssistantPrompt = prompt;
+    }
+    onAiAssistantSubmit(prompt) {
+        this.aiAssistantController?.submitPrompt(prompt).subscribe((state) => {
+            this.aiAssistantPrompt = '';
+            this.aiAssistantViewState = state;
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantApply() {
+        this.aiAssistantController?.apply().subscribe((state) => {
+            this.aiAssistantViewState = state;
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantQuickReply(reply) {
+        const controller = this.aiAssistantController;
+        if (!controller)
+            return;
+        const state = controller.snapshot();
+        const next$ = state.state === 'clarification'
+            ? controller.answerClarification(reply.prompt)
+            : controller.submitPrompt(reply.prompt, {
+                kind: reply.kind || 'quick-reply',
+                id: reply.id,
+                value: reply.prompt,
+            });
+        next$.subscribe((nextState) => {
+            this.aiAssistantPrompt = '';
+            this.aiAssistantViewState = nextState;
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantEditMessage(message) {
+        this.aiAssistantPrompt = message.text;
+        this.cdr.markForCheck();
+    }
+    onAiAssistantResendMessage(message) {
+        this.aiAssistantController?.resendMessage(message.id).subscribe((state) => {
+            this.aiAssistantPrompt = '';
+            this.aiAssistantViewState = state;
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantLayoutChange(layout) {
+        this.aiAssistantLayout = layout;
+    }
+    initializeAiAssistantController() {
+        if (!this.aiAdapter || this.aiAssistantController)
+            return;
+        import('./praxisui-table-table-agentic-authoring-turn-flow-tu7jtTwV.mjs')
+            .then(({ TableAgenticAuthoringTurnFlow }) => {
+            if (this.aiAssistantController || !this.aiAdapter)
+                return;
+            const flow = new TableAgenticAuthoringTurnFlow(this.aiAdapter, this.aiApi);
+            const controller = this.aiTurnOrchestrator.createController(flow, {
+                componentId: this.aiAdapter.componentId || 'praxis-table',
+                componentType: this.aiAdapter.componentType || 'table',
+                contextItems: this.buildAiAssistantContextItems(),
+            });
+            this.aiAssistantController = controller;
+            this.aiAssistantViewState = controller.snapshot();
+            this.aiAssistantStateSubscription?.unsubscribe();
+            this.aiAssistantStateSubscription = controller.state$.subscribe((state) => {
+                this.aiAssistantViewState = state;
+                this.cdr.markForCheck();
+            });
+            this.subscriptions.push(this.aiAssistantStateSubscription);
+            this.cdr.markForCheck();
+        })
+            .catch((error) => {
+            this.warnLog('[PraxisTable] Failed to initialize AI assistant turn flow.', {
+                error: error instanceof Error ? error.message : String(error || 'unknown'),
+            });
+        });
+    }
+    buildAiAssistantContextItems() {
+        const items = [
+            {
+                id: 'component',
+                label: 'Componente',
+                value: 'Tabela',
+                kind: 'component',
+                icon: 'table_view',
+            },
+        ];
+        if (this.tableId) {
+            items.push({
+                id: 'table-id',
+                label: 'Tabela',
+                value: this.tableId,
+                kind: 'custom',
+                icon: 'tag',
+            });
+        }
+        if (this.resourcePath) {
+            items.push({
+                id: 'resource-path',
+                label: 'Recurso',
+                value: this.resourcePath,
+                kind: 'schema',
+                icon: 'api',
+            });
+        }
+        return items;
+    }
     emitLoadingState(phase, status, message, error) {
         this.latestLoadingState = {
             phase,
@@ -37711,6 +37941,7 @@ class PraxisTable {
         // Ensure config exists before any awaited operations to avoid template errors
         this.ensureConfigDefaults();
         this.enforceUnsupportedFeatureGuards();
+        this.syncPaginatorIntl();
         this.setShowToolbar(this.shouldExposeToolbar(), true);
         // Resolve global fallback for schema prefs
         try {
@@ -37772,6 +38003,7 @@ class PraxisTable {
         catch { }
         // Apply global defaults as fallback only for missing properties
         this.ensureConfigDefaults();
+        this.syncPaginatorIntl();
         // ngOnInit is async and Angular does not await it before ngAfterContentInit.
         // Rebuild column runtime state here so hydrated persisted config can replace
         // any columns already derived from the initial @Input() config.
@@ -37808,6 +38040,7 @@ class PraxisTable {
     ngOnChanges(changes) {
         this.ensureConfigDefaults();
         this.enforceUnsupportedFeatureGuards();
+        this.syncPaginatorIntl();
         this.syncHorizontalScrollFromAppearanceConfig();
         this.reconcileDataModeTransition('ngOnChanges');
         // Ensure CRUD service is configured before any fetch
@@ -37971,6 +38204,9 @@ class PraxisTable {
         if (this.shouldToggleExpansionOnRowClick(event)) {
             this.toggleRowExpansion(row, index, 'row', 'user');
         }
+        if (this.shouldSelectRowOnRowClick(event)) {
+            this.selectRowFromUserInteraction(row);
+        }
         this.rowClick.emit({ row, index });
     }
     isRowExpansionRuntimeEnabled() {
@@ -40742,6 +40978,12 @@ class PraxisTable {
         const target = (event?.target || null);
         return !this.isInteractiveRowTarget(target);
     }
+    shouldSelectRowOnRowClick(event) {
+        if (this.config?.behavior?.selection?.enabled !== true)
+            return false;
+        const target = (event?.target || null);
+        return !this.isInteractiveRowTarget(target);
+    }
     getExpansionMotionPreset() {
         const raw = String((this.getExpansionConfig()?.interaction?.motion?.preset || '')).trim();
         if (raw === 'none' ||
@@ -42051,6 +42293,7 @@ class PraxisTable {
         if (!(this.uncontrolledExpandedRowKeys instanceof Set)) {
             this.uncontrolledExpandedRowKeys = new Set();
         }
+        this.preserveSchemaDrivenColumnsIfConfigOmittedColumns();
         const columns = this.sanitizeColumns(this.config.columns);
         this.clearEffectiveCellRendererCache();
         this.visibleColumns = columns
@@ -42077,6 +42320,17 @@ class PraxisTable {
             this.displayedColumns.push('_actions');
         }
     }
+    preserveSchemaDrivenColumnsIfConfigOmittedColumns() {
+        if ((this.config?.columns?.length ?? 0) > 0)
+            return;
+        if (!this.isRemoteMode())
+            return;
+        if (this.schemaFieldsSnapshot.length === 0)
+            return;
+        if (!this.visibleColumns.length)
+            return;
+        this.config.columns = this.visibleColumns.map((column) => ({ ...column }));
+    }
     isDataColumnField(field) {
         return (typeof field === 'string' &&
             field.trim().length > 0 &&
@@ -42112,7 +42366,10 @@ class PraxisTable {
             : String(column?.field || 'coluna');
     }
     isEnglishLocale() {
-        const locale = String(this.config?.localization?.locale || '')
+        return this.isEnglishLocaleValue(this.config?.localization?.locale);
+    }
+    isEnglishLocaleValue(localeValue) {
+        const locale = String(localeValue || '')
             .trim()
             .toLowerCase();
         return locale.startsWith('en');
@@ -46651,10 +46908,6 @@ class PraxisTable {
         if (!selectedRows.length) {
             return;
         }
-        if (!this.isLocalDataModeActive()) {
-            this.selection.clear();
-            return;
-        }
         const sourceRows = Array.isArray(this.localSource) && this.localSource.length
             ? this.localSource
             : Array.isArray(currentData)
@@ -46800,6 +47053,7 @@ class PraxisTable {
         this.isAllSelected() ?
             this.selection.clear() :
             this.dataSource.data.forEach(row => this.selection.select(row));
+        this.emitSelectionChange('select-all-toggle');
     }
     isAllSelected() {
         const numSelected = this.selection.selected.length;
@@ -46809,7 +47063,34 @@ class PraxisTable {
         return numSelected === numRows;
     }
     toggleRow(row) {
+        this.selectRowFromUserInteraction(row, true);
+    }
+    selectRowFromUserInteraction(row, allowDeselect = false) {
+        const isSingleSelection = this.config?.behavior?.selection?.type !== 'multiple';
+        const alreadySelected = this.selection.isSelected(row);
+        if (isSingleSelection) {
+            if (allowDeselect && alreadySelected) {
+                this.selection.deselect(row);
+                this.emitSelectionChange('row-toggle', row);
+                return;
+            }
+            this.selection.clear();
+            this.selection.select(row);
+            this.emitSelectionChange('row-select', row);
+            return;
+        }
         this.selection.toggle(row);
+        this.emitSelectionChange('row-toggle', row);
+    }
+    emitSelectionChange(trigger, row) {
+        const selectedRows = this.selection.selected.slice();
+        this.selectionChange.emit({
+            trigger,
+            row,
+            selectedRows,
+            selectedCount: selectedRows.length,
+            tableId: this.tableId,
+        });
     }
     getRowActionsConfig() {
         return this.config.actions?.row || {};
@@ -47224,169 +47505,173 @@ class PraxisTable {
         this.removeViewportChangeListeners = null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i3$1.SettingsPanelService }, { token: i1.GenericCrudService }, { token: TableDefaultsProvider }, { token: FilterConfigService }, { token: DataFormattingService }, { token: i6$3.PraxisDialog }, { token: i2$2.MatSnackBar }, { token: ASYNC_CONFIG_STORAGE }, { token: CONNECTION_STORAGE }, { token: i0.ElementRef }, { token: i1.GlobalConfigService }, { token: i1.ResourceDiscoveryService }, { token: i1.ComponentKeyService }, { token: i1.LoadingOrchestrator }, { token: PRAXIS_LOADING_RENDERER, optional: true }, { token: i6$2.ActivatedRoute, optional: true }, { token: i1.LoggerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisTable, isStandalone: true, selector: "praxis-table", inputs: { config: "config", resourcePath: "resourcePath", data: "data", tableId: "tableId", componentInstanceId: "componentInstanceId", title: "title", subtitle: "subtitle", icon: "icon", autoDelete: "autoDelete", notifyIfOutdated: "notifyIfOutdated", snoozeMs: "snoozeMs", autoOpenSettingsOnOutdated: "autoOpenSettingsOnOutdated", crudContext: "crudContext", filterCriteria: "filterCriteria", queryContext: "queryContext", enableCustomization: ["enableCustomization", "enableCustomization", booleanAttribute], dense: "dense" }, outputs: { rowClick: "rowClick", rowDoubleClick: "rowDoubleClick", rowExpansionChange: "rowExpansionChange", rowAction: "rowAction", toolbarAction: "toolbarAction", bulkAction: "bulkAction", columnReorder: "columnReorder", columnReorderAttempt: "columnReorderAttempt", beforeDelete: "beforeDelete", afterDelete: "afterDelete", deleteError: "deleteError", beforeBulkDelete: "beforeBulkDelete", afterBulkDelete: "afterBulkDelete", bulkDeleteError: "bulkDeleteError", schemaStatusChange: "schemaStatusChange", metadataChange: "metadataChange", loadingStateChange: "loadingStateChange", collectionLinksChange: "collectionLinksChange" }, host: { properties: { "class.density-compact": "this.hostDensityCompactClass", "class.density-comfortable": "this.hostDensityComfortableClass", "class.density-spacious": "this.hostDensitySpaciousClass", "class.row-borders": "this.hostRowBordersClass", "class.col-borders": "this.hostColumnBordersClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisTable, isStandalone: true, selector: "praxis-table", inputs: { config: "config", resourcePath: "resourcePath", data: "data", tableId: "tableId", componentInstanceId: "componentInstanceId", title: "title", subtitle: "subtitle", icon: "icon", autoDelete: "autoDelete", notifyIfOutdated: "notifyIfOutdated", snoozeMs: "snoozeMs", autoOpenSettingsOnOutdated: "autoOpenSettingsOnOutdated", crudContext: "crudContext", filterCriteria: "filterCriteria", queryContext: "queryContext", enableCustomization: ["enableCustomization", "enableCustomization", booleanAttribute], dense: "dense" }, outputs: { rowClick: "rowClick", rowDoubleClick: "rowDoubleClick", rowExpansionChange: "rowExpansionChange", rowAction: "rowAction", toolbarAction: "toolbarAction", bulkAction: "bulkAction", columnReorder: "columnReorder", columnReorderAttempt: "columnReorderAttempt", beforeDelete: "beforeDelete", afterDelete: "afterDelete", deleteError: "deleteError", beforeBulkDelete: "beforeBulkDelete", afterBulkDelete: "afterBulkDelete", bulkDeleteError: "bulkDeleteError", schemaStatusChange: "schemaStatusChange", metadataChange: "metadataChange", loadingStateChange: "loadingStateChange", collectionLinksChange: "collectionLinksChange", selectionChange: "selectionChange" }, host: { properties: { "class.density-compact": "this.hostDensityCompactClass", "class.density-comfortable": "this.hostDensityComfortableClass", "class.density-spacious": "this.hostDensitySpaciousClass", "class.row-borders": "this.hostRowBordersClass", "class.col-borders": "this.hostColumnBordersClass" } }, providers: [
             providePraxisI18nConfig(RESOURCE_DISCOVERY_I18N_CONFIG),
             providePraxisI18nConfig(PRAXIS_TABLE_RUNTIME_I18N_CONFIG),
+            MatPaginatorIntl,
             GenericCrudService,
             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 \u00C3\u00A0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00C3\u00A0 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    <praxis-rich-content\n      rootClassName=\"ptable-error__title\"\n      [nodes]=\"getTableChromeTextRichContentNodes('Erro', 'ptable-error__title-text')\"\n    ></praxis-rich-content>\n    <praxis-rich-content\n      rootClassName=\"ptable-error__message\"\n      [nodes]=\"getTableChromeTextRichContentNodes(errorMessage || 'Ocorreu um erro ao carregar a tabela.', 'ptable-error__message-text')\"\n    ></praxis-rich-content>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    <praxis-rich-content\n      rootClassName=\"ptable-error__action-label\"\n      [nodes]=\"getTableChromeTextRichContentNodes('Conectar a recurso', 'ptable-error__action-label-text')\"\n    ></praxis-rich-content>\n  </button>\n  @if (enableCustomization) {\n    <button\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      [attr.aria-label]=\"getTableSettingsLabel()\"\n      [matTooltip]=\"getTableSettingsLabel()\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  }\n  @if (!schemaError) {\n    <button mat-stroked-button (click)=\"retryData()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-error__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Tentar novamente', 'ptable-error__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  }\n  @if (schemaError) {\n    <button mat-stroked-button (click)=\"reloadSchema()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-error__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Recarregar colunas', 'ptable-error__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  }\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  <praxis-rich-content\n    rootClassName=\"text\"\n    [nodes]=\"getTableChromeTextRichContentNodes('O schema do servidor mudou. Reconciliar agora?', 'ptable-info-banner__text')\"\n  ></praxis-rich-content>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Reconciliar', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Lembrar depois', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Ignorar', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  </div>\n  </div>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"enableCustomization\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [evaluationContext]=\"getToolbarEvaluationContext()\"\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            [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"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 (enableCustomization) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"getTableSettingsTooltip()\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && enableCustomization) {\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()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"getTableSettingsTooltip()\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" [attr.aria-label]=\"getDisconnectLabel()\" [matTooltip]=\"getDisconnectTooltip()\">\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        [evaluationContext]=\"getToolbarEvaluationContext()\"\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            [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"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 (enableCustomization) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"getTableSettingsTooltip()\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && enableCustomization) {\n      <div class=\"ptable-header-actions\">\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"getTableSettingsTooltip()\"\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          <span\n            class=\"pfx-icon-renderer\"\n            [style.color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n          >\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-icon-renderer__content\"\n              [nodes]=\"getIconRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <span class=\"pfx-cell-image\">\n            <praxis-rich-content\n              rootClassName=\"pfx-cell-image__content\"\n              [nodes]=\"getImageRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-badge__content\"\n              [nodes]=\"getBadgeRichContentNodes(element, column)\"\n            ></praxis-rich-content>\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            ><praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-link__content\"\n              [nodes]=\"getLinkRichContentNodes(element, column)\"\n            ></praxis-rich-content></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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-chip__content\"\n              [nodes]=\"getChipRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <praxis-rich-content\n              rootClassName=\"pfx-progress__content\"\n              [context]=\"getProgressRichContentContext(element, column)\"\n              [nodes]=\"getProgressRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          <span class=\"pfx-avatar-renderer\"\n                [ngStyle]=\"getAvatarStyle(element, column)\"\n                [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\"\n                [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-avatar-renderer__content\"\n              [nodes]=\"getAvatarRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\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            <praxis-rich-content rootClassName=\"pfx-menu-trigger__content\" [nodes]=\"getMenuTriggerRichContentNodes()\"></praxis-rich-content>\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              <praxis-rich-content\n                rootClassName=\"pfx-menu-item__content\"\n                [nodes]=\"getMenuItemRichContentNodes(it)\"\n              ></praxis-rich-content>\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                  <span class=\"pfx-icon-renderer\" [style.color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-icon-renderer__content\" [nodes]=\"getIconRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <span class=\"pfx-cell-image\"><praxis-rich-content rootClassName=\"pfx-cell-image__content\" [nodes]=\"getImageRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-badge__content\" [nodes]=\"getBadgeRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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()\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-link__content\" [nodes]=\"getLinkRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-chip__content\" [nodes]=\"getChipRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\">\n                    <praxis-rich-content\n                      rootClassName=\"pfx-progress__content\"\n                      [context]=\"getProgressRichContentContext(element, asItemColumn(column, it))\"\n                      [nodes]=\"getProgressRichContentNodes(element, asItemColumn(column, it))\"\n                    ></praxis-rich-content>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  <span class=\"pfx-avatar-renderer\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\"><praxis-rich-content rootClassName=\"pfx-avatar-renderer__content\" [nodes]=\"getAvatarRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\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'\"><praxis-rich-content rootClassName=\"pfx-menu-trigger__content\" [nodes]=\"getMenuTriggerRichContentNodes()\"></praxis-rich-content></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              <praxis-rich-content\n                rootClassName=\"pfx-menu-item__content\"\n                [nodes]=\"getMenuItemRichContentNodes(mi)\"\n              ></praxis-rich-content>\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        <praxis-rich-content\n          rootClassName=\"praxis-actions-header__nodes\"\n          [nodes]=\"getActionsHeaderRichContentNodes()\"\n        ></praxis-rich-content>\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\n        class=\"praxis-actions-cell__content\"\n        [class.praxis-actions-cell__content--discovering]=\"isRowDiscoveryPending(row)\"\n        [attr.aria-busy]=\"isRowDiscoveryPending(row) ? 'true' : null\"\n      >\n        <!-- A\u00C3\u00A7\u00C3\u00B5es 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            <span\n              class=\"praxis-row-action-anchor\"\n              [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n              [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n              [matTooltip]=\"getActionTooltip(a, row)\"\n              [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n            >\n              <button\n                mat-icon-button\n                class=\"praxis-icon-btn\"\n                [class.praxis-icon-btn--workflow]=\"isWorkflowRowAction(a)\"\n                [class.praxis-icon-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                [disabled]=\"isActionDisabled(a, row)\"\n                (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                [attr.aria-label]=\"a.label || getActionId(a)\"\n                [color]=\"a.color || null\"\n              >\n                <praxis-rich-content\n                  rootClassName=\"praxis-row-action__content\"\n                  [nodes]=\"getRowActionIconRichContentNodes(a)\"\n                ></praxis-rich-content>\n              </button>\n            </span>\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            <span\n              class=\"praxis-row-action-anchor\"\n              [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n              [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n              [matTooltip]=\"getActionTooltip(a, row)\"\n              [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n            >\n              <button\n                mat-flat-button\n                class=\"praxis-row-btn\"\n                [class.praxis-row-btn--workflow]=\"isWorkflowRowAction(a)\"\n                [class.praxis-row-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                [disabled]=\"isActionDisabled(a, row)\"\n                (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                [attr.aria-label]=\"a.label || getActionId(a)\"\n                [color]=\"a.color || null\"\n              >\n                <praxis-rich-content\n                  rootClassName=\"praxis-row-action__content\"\n                  [nodes]=\"getRowActionRichContentNodes(a)\"\n                ></praxis-rich-content>\n              </button>\n            </span>\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            (menuOpened)=\"onRowOverflowMenuOpened(row)\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            [attr.aria-label]=\"getRowMenuTooltip(row)\"\n            [matTooltip]=\"getRowMenuTooltip(row)\"\n            matTooltipPosition=\"above\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          @if (hasRowOverflowMenuLoadingState(row)) {\n            <button mat-menu-item disabled>\n              <mat-icon>hourglass_empty</mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuLoadingLabel(), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          }\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, getRowActionRuntimeOptions(a, row))\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(a.label || getActionId(a), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          </ng-container>\n          @if (hasRowOverflowMenuEmptyState(row)) {\n            <button mat-menu-item disabled>\n              <mat-icon>info</mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuEmptyLabel(row), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          }\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                <praxis-rich-content\n                  rootClassName=\"pfx-expansion-detail-message__content\"\n                  [nodes]=\"getExpansionDetailTextRichContentNodes('Carregando detail schema...', 'pfx-expansion-detail-message__text')\"\n                  [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                ></praxis-rich-content>\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                <praxis-rich-content\n                  rootClassName=\"pfx-expansion-detail-message__content\"\n                  [nodes]=\"getExpansionDetailTextRichContentNodes(detailState.message || 'Detail indispon\u00EDvel para esta linha.', 'pfx-expansion-detail-message__text')\"\n                  [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                ></praxis-rich-content>\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\u00C3\u00A7\u00C3\u00B5es 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                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-detail-tab-btn__content\"\n                          [nodes]=\"getExpansionDetailTabButtonRichContentNodes(tab)\"\n                          [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                        ></praxis-rich-content>\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                        @if (getExpansionDetailTabRichContentNodes(tab, row, i); as richNodes) {\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-host pfx-expansion-node-host--tab\"\n                            [nodes]=\"richNodes\"\n                            [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                          ></praxis-rich-content>\n                        } @else {\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                        }\n                      </div>\n                    }\n                  }\n                } @else {\n                  <div class=\"pfx-expansion-detail-message\">\n                    <praxis-rich-content\n                      rootClassName=\"pfx-expansion-detail-message__content\"\n                      [nodes]=\"getExpansionDetailTextRichContentNodes('Schema em layout tabs sem abas v\u00E1lidas.', 'pfx-expansion-detail-message__text')\"\n                      [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                    ></praxis-rich-content>\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              @if (getExpansionDetailRichContentNodes(node, row, index); as richNodes) {\n                <praxis-rich-content\n                  class=\"pfx-expansion-node-host\"\n                  [nodes]=\"richNodes\"\n                  [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                ></praxis-rich-content>\n              } @else {\n                @switch (getExpansionDetailNodeType(node)) {\n                  @case ('list') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-list\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-list__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Lista'), 'pfx-expansion-node-list__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let listItems = getExpansionDetailListItems(row, node);\n                      @let listEntries = getExpansionDetailListEntries(row, node);\n                      @if (listItems.length) {\n                        <ul>\n                          @for (entry of listEntries; track $index) {\n                            <li>\n                              @if (getExpansionDetailListItemRichContentNodes(entry); as richNodes) {\n                                <praxis-rich-content\n                                  class=\"pfx-expansion-node-list__item-host\"\n                                  [nodes]=\"richNodes\"\n                                  [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                                ></praxis-rich-content>\n                              } @else {\n                                {{ formatExpansionDetailListEntry(entry) }}\n                              }\n                            </li>\n                          }\n                        </ul>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes('Sem itens.', 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('detailList') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-rich-list\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-rich-list__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Cole\u00E7\u00E3o rica'), 'pfx-expansion-node-rich-list__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let richListEntries = getExpansionDetailRichListEntries(row, node);\n                      @if (richListEntries.length) {\n                        <div class=\"pfx-expansion-node-rich-list__items\">\n                          @for (entry of richListEntries; track $index) {\n                            <article [class]=\"getExpansionDetailRichListItemClassName(node)\">\n                              <praxis-rich-content\n                                class=\"pfx-expansion-node-rich-list__item-host\"\n                                [nodes]=\"getExpansionDetailRichListItemNodes(node)\"\n                                [context]=\"getExpansionDetailRichListItemContext(row, index, node, entry, $index)\"\n                              ></praxis-rich-content>\n                              @let itemActions = getExpansionDetailRichListItemActions(node, row, index, entry, $index);\n                              @if (itemActions.length) {\n                                <div class=\"pfx-expansion-node-rich-list__item-actions\">\n                                  @for (action of itemActions; track action.actionId) {\n                                    <button\n                                      type=\"button\"\n                                      mat-stroked-button\n                                      class=\"pfx-expansion-node-rich-list__item-action-btn\"\n                                      [disabled]=\"isExpansionDetailRichListItemActionDisabled(action, row, index, node, entry, $index)\"\n                                      (click)=\"onExpansionDetailRichListItemAction(action, row, index, node, entry, $index, $event)\"\n                                    >\n                                      <praxis-rich-content\n                                        class=\"pfx-expansion-node-rich-list__item-action-host\"\n                                        [nodes]=\"getExpansionDetailRichListItemActionNodes(action)\"\n                                        [context]=\"getExpansionDetailRichListItemContext(row, index, node, entry, $index)\"\n                                      ></praxis-rich-content>\n                                    </button>\n                                  }\n                                </div>\n                              }\n                            </article>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailRichListEmptyText(node), 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('card') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-card\">\n                      <header class=\"pfx-expansion-node-card__header\">\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-card__title\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Card'), 'pfx-expansion-node-card__title-text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                        @if (node?.subtitle) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-card__subtitle\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(node.subtitle, 'pfx-expansion-node-card__subtitle-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      </header>\n                      @if (getExpansionDetailNodeChildren(node).length) {\n                        <div class=\"pfx-expansion-node-card__content\">\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                        </div>\n                      }\n                    </section>\n                  }\n                  @case ('cardGrid') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-card-grid\">\n                      @if (getExpansionDetailCardGridHeaderNodes(node); as cardGridHeaderNodes) {\n                        @if (cardGridHeaderNodes.length) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-card-grid__header\"\n                            [nodes]=\"cardGridHeaderNodes\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      }\n                      @let gridCards = getExpansionDetailCardGridCards(node);\n                      @if (gridCards.length) {\n                        <div\n                          class=\"pfx-expansion-node-card-grid__cards\"\n                          [ngStyle]=\"getExpansionDetailCardGridStyles(node)\"\n                        >\n                          @for (card of gridCards; track $index) {\n                            <praxis-rich-content\n                              class=\"pfx-expansion-node-card-grid__card-host\"\n                              [nodes]=\"getExpansionDetailCardGridCardNodes(card)\"\n                              [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                            ></praxis-rich-content>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes('Sem itens.', 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\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                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('tableRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('chartRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('templateRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('diagramEmbed') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailDiagramSource(row, node); as diagramSource) {\n                        <div class=\"pfx-expansion-node-embed__diagram\">\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-embed__diagram-label\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailDiagramSourceLabel(), 'pfx-expansion-node-embed__diagram-label-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                          <pre class=\"pfx-expansion-node-embed__diagram-source\">{{ diagramSource }}</pre>\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-embed__empty\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('action') {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-action\">\n                      <button\n                        type=\"button\"\n                        mat-stroked-button\n                        [disabled]=\"isExpansionDetailActionDisabled(node)\"\n                        (click)=\"onExpansionDetailAction(node, row, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-action__content\"\n                            [nodes]=\"getExpansionDetailActionRichContentNodes(node)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                        @if (getExpansionDetailActionStatusText(node); as actionStatusText) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-action__status\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(actionStatusText, 'pfx-expansion-node-action__status-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      </div>\n                    }\n                  @case ('actionBar') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-action-bar\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-action-bar__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailActionBarTitle(node), 'pfx-expansion-node-action-bar__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let actionBarActions = getExpansionDetailActionBarActions(node, row, index);\n                      @if (actionBarActions.length) {\n                        <div class=\"pfx-expansion-node-action-bar__actions\">\n                          @for (action of actionBarActions; track action.actionId) {\n                            <button\n                              type=\"button\"\n                              mat-stroked-button\n                              class=\"pfx-expansion-node-action-bar__action-btn\"\n                              [disabled]=\"isExpansionDetailActionBarActionDisabled(action, row, index)\"\n                              (click)=\"onExpansionDetailActionBarAction(action, row, index, $event)\"\n                            >\n                              <praxis-rich-content\n                                class=\"pfx-expansion-node-action-bar__action-host\"\n                                [nodes]=\"getExpansionDetailActionBarActionNodes(action)\"\n                                [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                              ></praxis-rich-content>\n                            </button>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailActionBarEmptyText(node), 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('tab') {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('Node', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <code>tab</code>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('fora de contexto de tabs.', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                    </div>\n                  }\n                  @default {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('Node n\u00E3o suportado:', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <code>{{ getExpansionDetailNodeType(node) }}</code>\n                    </div>\n                  }\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                <span class=\"pfx-icon-renderer\"\n                      [style.color]=\"getIconColor(row, column) || null\"\n                      [ngStyle]=\"getIconStyle(row, column)\"\n                      [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-icon-renderer__content\"\n                    [nodes]=\"getIconRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <span class=\"pfx-cell-image\">\n                  <praxis-rich-content\n                    rootClassName=\"pfx-cell-image__content\"\n                    [nodes]=\"getImageRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-badge__content\"\n                    [nodes]=\"getBadgeRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'chip'\">\n                <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(row, column)\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-chip__content\"\n                    [nodes]=\"getChipRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'progress'\">\n                <div class=\"pfx-progress\">\n                  <praxis-rich-content\n                    rootClassName=\"pfx-progress__content\"\n                    [context]=\"getProgressRichContentContext(row, column)\"\n                    [nodes]=\"getProgressRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </div>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'avatar'\">\n                <span\n                  class=\"pfx-avatar-renderer\"\n                  [ngStyle]=\"getAvatarStyle(row, column)\"\n                  [class.shape-rounded]=\"getAvatarShape(row, column) === 'rounded'\"\n                  [class.shape-circle]=\"getAvatarShape(row, column) === 'circle'\"\n                >\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-avatar-renderer__content\"\n                    [nodes]=\"getAvatarRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'link'\">\n                <a\n                  class=\"pfx-link\"\n                  [attr.href]=\"getLinkHref(row, column) || null\"\n                  [attr.target]=\"getLinkTarget(row, column) || null\"\n                  [attr.rel]=\"getLinkRel(row, column) || null\"\n                  (click)=\"$event.stopPropagation()\"\n                >\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-link__content\"\n                    [nodes]=\"getLinkRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </a>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'button'\">\n                <ng-container [ngSwitch]=\"getButtonVariant(row, column)\">\n                  <button\n                    *ngSwitchCase=\"'outlined'\"\n                    mat-stroked-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                  <button\n                    *ngSwitchCase=\"'text'\"\n                    mat-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                  <button\n                    *ngSwitchDefault\n                    mat-flat-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                </ng-container>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'menu'\">\n                <button\n                  mat-icon-button\n                  [matMenuTriggerFor]=\"menuRef\"\n                  (click)=\"$event.stopPropagation()\"\n                  [attr.aria-label]=\"getMenuAriaLabel(row, column) || 'Menu'\"\n                >\n                  <praxis-rich-content\n                    rootClassName=\"pfx-menu-trigger__content\"\n                    [nodes]=\"getMenuTriggerRichContentNodes()\"\n                  ></praxis-rich-content>\n                </button>\n                <mat-menu #menuRef=\"matMenu\">\n                  <button\n                    mat-menu-item\n                    *ngFor=\"let it of getMenuItems(row, column)\"\n                    (click)=\"onMenuItemClick(it, row, $event)\"\n                    [disabled]=\"!it.__visible\"\n                  >\n                    <praxis-rich-content\n                      rootClassName=\"pfx-menu-item__content\"\n                      [nodes]=\"getMenuItemRichContentNodes(it)\"\n                    ></praxis-rich-content>\n                  </button>\n                </mat-menu>\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\n        class=\"praxis-actions-cell__content\"\n        [class.praxis-actions-cell__content--discovering]=\"isRowDiscoveryPending(row)\"\n        [attr.aria-busy]=\"isRowDiscoveryPending(row) ? 'true' : null\"\n      >\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <span\n                    class=\"praxis-row-action-anchor\"\n                    [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n                    [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                    [matTooltip]=\"getActionTooltip(a, row)\"\n                    [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n                    matTooltipPosition=\"above\"\n                    matTooltipClass=\"praxis-tooltip\"\n                  >\n                    <button mat-icon-button class=\"praxis-icon-btn\"\n                            [class.praxis-icon-btn--workflow]=\"isWorkflowRowAction(a)\"\n                            [class.praxis-icon-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                            [disabled]=\"isActionDisabled(a, row)\"\n                            (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                            [attr.aria-label]=\"a.label || getActionId(a)\"\n                            [color]=\"a.color || null\">\n                      <praxis-rich-content\n                        rootClassName=\"praxis-row-action__content\"\n                        [nodes]=\"getRowActionIconRichContentNodes(a)\"\n                      ></praxis-rich-content>\n                    </button>\n                  </span>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <span\n                    class=\"praxis-row-action-anchor\"\n                    [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n                    [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                    [matTooltip]=\"getActionTooltip(a, row)\"\n                    [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n                    matTooltipPosition=\"above\"\n                    matTooltipClass=\"praxis-tooltip\"\n                  >\n                    <button mat-flat-button class=\"praxis-row-btn\"\n                            [class.praxis-row-btn--workflow]=\"isWorkflowRowAction(a)\"\n                            [class.praxis-row-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                            [disabled]=\"isActionDisabled(a, row)\"\n                            (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                            [attr.aria-label]=\"a.label || getActionId(a)\"\n                            [color]=\"a.color || null\">\n                      <praxis-rich-content\n                        rootClassName=\"praxis-row-action__content\"\n                        [nodes]=\"getRowActionRichContentNodes(a)\"\n                      ></praxis-rich-content>\n                    </button>\n                  </span>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        (menuOpened)=\"onRowOverflowMenuOpened(row)\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        [attr.aria-label]=\"getRowMenuTooltip(row)\"\n                        [matTooltip]=\"getRowMenuTooltip(row)\"\n                        matTooltipPosition=\"above\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                @if (hasRowOverflowMenuLoadingState(row)) {\n                  <button mat-menu-item disabled>\n                    <mat-icon>hourglass_empty</mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuLoadingLabel(), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                }\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n            <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(a.label || getActionId(a), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                </ng-container>\n                @if (hasRowOverflowMenuEmptyState(row)) {\n                  <button mat-menu-item disabled>\n                    <mat-icon>info</mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuEmptyLabel(row), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                }\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 (shouldShowLoadingSurface()) {\n  <div class=\"ptable-loading-state\" role=\"status\" aria-live=\"polite\">\n    <div class=\"ptable-loading-state__hero\" aria-hidden=\"true\">\n      <span class=\"ptable-loading-state__line ptable-loading-state__line--wide\"></span>\n      <span class=\"ptable-loading-state__line ptable-loading-state__line--short\"></span>\n      <div class=\"ptable-loading-state__rows\">\n        @for (placeholder of [1, 2, 3]; track placeholder) {\n          <div class=\"ptable-loading-state__row\">\n            <span class=\"ptable-loading-state__cell ptable-loading-state__cell--short\"></span>\n            <span class=\"ptable-loading-state__cell\"></span>\n            <span class=\"ptable-loading-state__cell ptable-loading-state__cell--wide\"></span>\n          </div>\n        }\n      </div>\n    </div>\n    <div class=\"ptable-loading-state__message\">\n      {{ getLoadingSurfaceMessage() }}\n    </div>\n  </div>\n}\n@if (shouldShowNoDataState()) {\n  <div class=\"ptable-no-data-state\" role=\"status\" aria-live=\"polite\">\n    <praxis-empty-state-card\n      [icon]=\"getNoDataStateIcon()\"\n      [title]=\"getNoDataStateTitle()\"\n      [description]=\"getNoDataStateDescription()\"\n      [primaryAction]=\"getNoDataStatePrimaryAction()\"\n      [secondaryActions]=\"getNoDataStateSecondaryActions()\"\n      [inline]=\"true\"\n    ></praxis-empty-state-card>\n  </div>\n}\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        <praxis-rich-content\n          rootClassName=\"praxis-floating-bulk-actions__content\"\n          [nodes]=\"getFloatingBulkActionRichContentNodes(action)\"\n        ></praxis-rich-content>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00C3\u00A7\u00C3\u00B5es no rodap\u00C3\u00A9 (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        [evaluationContext]=\"getToolbarEvaluationContext()\"\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      [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n      (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"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() && enableCustomization\"\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      [attr.aria-label]=\"getTableSettingsLabel()\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"getTableSettingsTooltip()\"\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__content{display:inline-flex;align-items:center;gap:6px;min-width:0}.pfx-expansion-detail-tab-btn__icon .prx-rich-icon{font-size:16px;line-height:1}.pfx-expansion-detail-tab-btn__title{white-space:nowrap}.pfx-expansion-detail-tab-btn__badge .prx-rich-badge{padding:0 8px;min-height:18px;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit}.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-card__content{display:grid;gap:10px}.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-rich-list__title{margin:0 0 8px;font-size:13px}.pfx-expansion-node-rich-list__items{display:grid;gap:12px}.pfx-expansion-node-rich-list__item{display:grid;gap:10px;padding:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dbe5);border-radius:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.pfx-expansion-node-rich-list__item--row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.pfx-expansion-node-rich-list__item--stack{grid-template-columns:minmax(0,1fr)}.pfx-expansion-node-rich-list__item--card-list{grid-template-columns:minmax(0,1fr);box-shadow:0 4px 14px #0f172a0a}.pfx-expansion-node-rich-list__item-host{min-width:0}.pfx-expansion-node-rich-list__item-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pfx-expansion-node-rich-list__item-action-btn{min-width:0}.pfx-expansion-node-rich-list__item-action-host{display:inline-flex;align-items:center}.pfx-expansion-node-action-bar__title{margin:0 0 12px}.pfx-expansion-node-action-bar__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pfx-expansion-node-action-bar__action-btn{min-width:0}.pfx-expansion-node-action-bar__action-host{display:inline-flex;align-items:center}.pfx-expansion-node-card-grid__header{margin:0 0 12px}.pfx-expansion-node-card-grid__cards{display:grid;gap:12px;grid-template-columns:var(--pfx-expansion-card-grid-columns, repeat(auto-fit, minmax(var(--pfx-expansion-card-grid-min-width, 220px), 1fr)))}.pfx-expansion-node-card-grid__card-host{min-width:0}.pfx-expansion-node-card-grid__card-host [data-rich-node-type=card]{height:100%}.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: 6px 10px;--p-cell-padding: 6px 10px;--p-actions-btn-size: 30px;--p-actions-icon-size: 16px}:host.density-comfortable{--p-header-padding: 10px 14px;--p-cell-padding: 10px 14px;--p-actions-btn-size: 36px;--p-actions-icon-size: 18px}: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:6px;width:100%;transition:opacity .12s ease}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-actions-cell__content--discovering{opacity:.78}.praxis-row-action-anchor{display:inline-flex;align-items:center}.praxis-row-action-anchor--workflow{position:relative}.praxis-row-action-anchor--workflow:after{content:\"\";position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:999px;background:var(--md-sys-color-secondary);opacity:.9;pointer-events:none}.praxis-row-action-anchor--blocked:after{background:var(--md-sys-color-error)}.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-icon-btn--workflow{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 36%,transparent)}.praxis-icon-btn--blocked{background:color-mix(in srgb,var(--md-sys-color-error-container) 42%,transparent)}.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-row-btn--workflow{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-secondary) 28%,transparent)}.praxis-row-btn--blocked{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 28%,transparent)}.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:6px;margin:10px 0 8px;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:var(--praxis-layer-floating-local, 200);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:6px 10px}:host ::ng-deep .mat-mdc-paginator{border-top:1px solid color-mix(in srgb,var(--p-table-border-color) 82%,transparent);background:color-mix(in srgb,var(--p-table-bg) 94%,white)}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-container{min-height:40px;padding:4px 8px;gap:6px}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-label,:host ::ng-deep .mat-mdc-paginator .mat-mdc-select-value-text{font-size:12px;color:color-mix(in srgb,var(--p-table-text-color) 76%,white)}: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;white-space:nowrap;--prx-rich-content-inline-gap: 6px}.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:var(--praxis-layer-sticky-local, 100);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:var(--praxis-layer-authoring-hover, 300)}.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);line-height:1.25;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;white-space:nowrap;--prx-rich-content-inline-gap: 6px}.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)}.pfx-expansion-node-embed{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;background:var(--md-sys-color-surface-container-low, var(--md-sys-color-surface))}.ptable-loading-state{padding:8px 12px 4px;display:grid;gap:10px}.ptable-loading-state__hero{display:grid;gap:10px;padding:14px;border-radius:8px;border:1px solid rgba(18,99,180,.08);background:linear-gradient(180deg,#ffffffa6,#ffffff47),linear-gradient(0deg,#1263b408,#1263b400)}.ptable-loading-state__rows{display:grid;gap:8px}.ptable-loading-state__row{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(140px,1.2fr);gap:8px}.ptable-loading-state__line,.ptable-loading-state__cell{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#1263b414,#1263b42e,#1263b414);background-size:200% 100%;animation:ptable-loading-wave 1.2s ease-in-out infinite}.ptable-loading-state__line--wide{width:180px}.ptable-loading-state__line--short{width:96px}.ptable-loading-state__cell--short{width:100%;max-width:84px}.ptable-loading-state__cell--wide{width:100%}.ptable-loading-state__message{font-size:.85rem;color:var(--md-sys-color-on-surface-variant, #5a5d67);padding-inline:4px}.pfx-expansion-node-embed__header,.pfx-expansion-node-embed__meta,.pfx-expansion-node-embed__empty,.pfx-expansion-node-embed__diagram-label{display:block}.ptable-no-data-state{padding:8px 12px 4px}.ptable-no-data-state ::ng-deep .empty-card{margin:0;border-radius:8px}@keyframes ptable-loading-wave{0%{background-position:100% 0}to{background-position:-100% 0}}.pfx-expansion-node-embed__diagram{display:flex;flex-direction:column;gap:8px}.pfx-expansion-node-embed__diagram-source{margin:0;padding:12px;overflow:auto;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest, var(--md-sys-color-surface));color:var(--md-sys-color-on-surface);font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap}.pfx-expansion-node-embed__action-btn{align-self:flex-start}.pfx-expansion-node-embed__action-host{display:inline-flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.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.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.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", "enableCustomization", "value", "alwaysVisibleFields", "alwaysVisibleFieldMetadataOverrides", "selectedFieldIds", "tags", "allowSaveTags", "persistenceKey", "disablePersistence", "i18n", "changeDebounceMs", "showFilterSettings", "showAdvancedButton", "showAddButton", "showClearButton", "showSearchButton", "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", "evaluationContext"], outputs: ["toolbarAction", "reset"] }, { kind: "component", type: PraxisRichContent, selector: "praxis-rich-content", inputs: ["document", "nodes", "context", "hostCapabilities", "layout", "rootClassName"] }, { 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 \u00C3\u00A0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00C3\u00A0 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    <praxis-rich-content\n      rootClassName=\"ptable-error__title\"\n      [nodes]=\"getTableChromeTextRichContentNodes('Erro', 'ptable-error__title-text')\"\n    ></praxis-rich-content>\n    <praxis-rich-content\n      rootClassName=\"ptable-error__message\"\n      [nodes]=\"getTableChromeTextRichContentNodes(errorMessage || 'Ocorreu um erro ao carregar a tabela.', 'ptable-error__message-text')\"\n    ></praxis-rich-content>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    <praxis-rich-content\n      rootClassName=\"ptable-error__action-label\"\n      [nodes]=\"getTableChromeTextRichContentNodes('Conectar a recurso', 'ptable-error__action-label-text')\"\n    ></praxis-rich-content>\n  </button>\n  @if (enableCustomization) {\n    <button\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      [attr.aria-label]=\"getTableSettingsLabel()\"\n      [matTooltip]=\"getTableSettingsLabel()\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  }\n  @if (!schemaError) {\n    <button mat-stroked-button (click)=\"retryData()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-error__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Tentar novamente', 'ptable-error__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  }\n  @if (schemaError) {\n    <button mat-stroked-button (click)=\"reloadSchema()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-error__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Recarregar colunas', 'ptable-error__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  }\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  <praxis-rich-content\n    rootClassName=\"text\"\n    [nodes]=\"getTableChromeTextRichContentNodes('O schema do servidor mudou. Reconciliar agora?', 'ptable-info-banner__text')\"\n  ></praxis-rich-content>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Reconciliar', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Lembrar depois', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Ignorar', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  </div>\n  </div>\n}\n\n@if (aiAssistantOpen && aiAssistantViewState) {\n  <praxis-ai-assistant-shell\n    [labels]=\"aiAssistantLabels\"\n    [mode]=\"aiAssistantViewState.mode\"\n    [state]=\"aiAssistantViewState.state\"\n    [contextItems]=\"aiAssistantViewState.contextItems\"\n    [attachments]=\"aiAssistantViewState.attachments\"\n    [messages]=\"aiAssistantViewState.messages\"\n    [quickReplies]=\"aiAssistantViewState.quickReplies\"\n    [prompt]=\"aiAssistantPrompt\"\n    [statusText]=\"aiAssistantViewState.statusText\"\n    [errorText]=\"aiAssistantViewState.errorText\"\n    [busy]=\"aiAssistantViewState.state === 'processing' || aiAssistantViewState.state === 'applying'\"\n    [canApply]=\"aiAssistantViewState.canApply\"\n    [layout]=\"aiAssistantLayout\"\n    testIdPrefix=\"table-ai-assistant\"\n    panelTestId=\"table-ai-assistant-panel\"\n    submitTestId=\"table-ai-assistant-submit\"\n    applyTestId=\"table-ai-assistant-apply\"\n    (promptChange)=\"onAiAssistantPromptChange($event)\"\n    (submitPrompt)=\"onAiAssistantSubmit($event)\"\n    (apply)=\"onAiAssistantApply()\"\n    (quickReply)=\"onAiAssistantQuickReply($event)\"\n    (editMessage)=\"onAiAssistantEditMessage($event)\"\n    (resendMessage)=\"onAiAssistantResendMessage($event)\"\n    (layoutChange)=\"onAiAssistantLayoutChange($event)\"\n    (close)=\"closeAiAssistant()\"\n  ></praxis-ai-assistant-shell>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"enableCustomization\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [evaluationContext]=\"getToolbarEvaluationContext()\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\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            [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"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        @if (aiAdapter) {\n          <button\n            end-actions\n            mat-icon-button\n            color=\"primary\"\n            type=\"button\"\n            data-testid=\"table-ai-assistant-trigger\"\n            (click)=\"openAiAssistant()\"\n            aria-label=\"Abrir assistente de IA da tabela\"\n            matTooltip=\"Assistente de IA\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>auto_awesome</mat-icon>\n          </button>\n        }\n\n        @if (enableCustomization) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"getTableSettingsTooltip()\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && enableCustomization) {\n      <div class=\"ptable-header-actions\">\n        @if (aiAdapter) {\n          <button\n            mat-icon-button\n            color=\"primary\"\n            type=\"button\"\n            data-testid=\"table-ai-assistant-trigger\"\n            (click)=\"openAiAssistant()\"\n            aria-label=\"Abrir assistente de IA da tabela\"\n            matTooltip=\"Assistente de IA\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>auto_awesome</mat-icon>\n          </button>\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"getTableSettingsTooltip()\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" [attr.aria-label]=\"getDisconnectLabel()\" [matTooltip]=\"getDisconnectTooltip()\">\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        [evaluationContext]=\"getToolbarEvaluationContext()\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\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            [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        @if (aiAdapter) {\n          <button\n            end-actions\n            mat-icon-button\n            color=\"primary\"\n            type=\"button\"\n            data-testid=\"table-ai-assistant-trigger\"\n            (click)=\"openAiAssistant()\"\n            aria-label=\"Abrir assistente de IA da tabela\"\n            matTooltip=\"Assistente de IA\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>auto_awesome</mat-icon>\n          </button>\n        }\n        @if (enableCustomization) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"getTableSettingsTooltip()\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && enableCustomization) {\n      <div class=\"ptable-header-actions\">\n        @if (aiAdapter) {\n          <button\n            mat-icon-button\n            color=\"primary\"\n            type=\"button\"\n            data-testid=\"table-ai-assistant-trigger\"\n            (click)=\"openAiAssistant()\"\n            aria-label=\"Abrir assistente de IA da tabela\"\n            matTooltip=\"Assistente de IA\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>auto_awesome</mat-icon>\n          </button>\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"getTableSettingsTooltip()\"\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          <span\n            class=\"pfx-icon-renderer\"\n            [style.color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n          >\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-icon-renderer__content\"\n              [nodes]=\"getIconRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <span class=\"pfx-cell-image\">\n            <praxis-rich-content\n              rootClassName=\"pfx-cell-image__content\"\n              [nodes]=\"getImageRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-badge__content\"\n              [nodes]=\"getBadgeRichContentNodes(element, column)\"\n            ></praxis-rich-content>\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            ><praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-link__content\"\n              [nodes]=\"getLinkRichContentNodes(element, column)\"\n            ></praxis-rich-content></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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-chip__content\"\n              [nodes]=\"getChipRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <praxis-rich-content\n              rootClassName=\"pfx-progress__content\"\n              [context]=\"getProgressRichContentContext(element, column)\"\n              [nodes]=\"getProgressRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          <span class=\"pfx-avatar-renderer\"\n                [ngStyle]=\"getAvatarStyle(element, column)\"\n                [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\"\n                [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-avatar-renderer__content\"\n              [nodes]=\"getAvatarRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\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            <praxis-rich-content rootClassName=\"pfx-menu-trigger__content\" [nodes]=\"getMenuTriggerRichContentNodes()\"></praxis-rich-content>\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              <praxis-rich-content\n                rootClassName=\"pfx-menu-item__content\"\n                [nodes]=\"getMenuItemRichContentNodes(it)\"\n              ></praxis-rich-content>\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                  <span class=\"pfx-icon-renderer\" [style.color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-icon-renderer__content\" [nodes]=\"getIconRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <span class=\"pfx-cell-image\"><praxis-rich-content rootClassName=\"pfx-cell-image__content\" [nodes]=\"getImageRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-badge__content\" [nodes]=\"getBadgeRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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()\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-link__content\" [nodes]=\"getLinkRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-chip__content\" [nodes]=\"getChipRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\">\n                    <praxis-rich-content\n                      rootClassName=\"pfx-progress__content\"\n                      [context]=\"getProgressRichContentContext(element, asItemColumn(column, it))\"\n                      [nodes]=\"getProgressRichContentNodes(element, asItemColumn(column, it))\"\n                    ></praxis-rich-content>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  <span class=\"pfx-avatar-renderer\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\"><praxis-rich-content rootClassName=\"pfx-avatar-renderer__content\" [nodes]=\"getAvatarRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\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'\"><praxis-rich-content rootClassName=\"pfx-menu-trigger__content\" [nodes]=\"getMenuTriggerRichContentNodes()\"></praxis-rich-content></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              <praxis-rich-content\n                rootClassName=\"pfx-menu-item__content\"\n                [nodes]=\"getMenuItemRichContentNodes(mi)\"\n              ></praxis-rich-content>\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        <praxis-rich-content\n          rootClassName=\"praxis-actions-header__nodes\"\n          [nodes]=\"getActionsHeaderRichContentNodes()\"\n        ></praxis-rich-content>\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\n        class=\"praxis-actions-cell__content\"\n        [class.praxis-actions-cell__content--discovering]=\"isRowDiscoveryPending(row)\"\n        [attr.aria-busy]=\"isRowDiscoveryPending(row) ? 'true' : null\"\n      >\n        <!-- A\u00C3\u00A7\u00C3\u00B5es 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            <span\n              class=\"praxis-row-action-anchor\"\n              [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n              [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n              [matTooltip]=\"getActionTooltip(a, row)\"\n              [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n            >\n              <button\n                mat-icon-button\n                class=\"praxis-icon-btn\"\n                [class.praxis-icon-btn--workflow]=\"isWorkflowRowAction(a)\"\n                [class.praxis-icon-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                [disabled]=\"isActionDisabled(a, row)\"\n                (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                [attr.aria-label]=\"a.label || getActionId(a)\"\n                [color]=\"a.color || null\"\n              >\n                <praxis-rich-content\n                  rootClassName=\"praxis-row-action__content\"\n                  [nodes]=\"getRowActionIconRichContentNodes(a)\"\n                ></praxis-rich-content>\n              </button>\n            </span>\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            <span\n              class=\"praxis-row-action-anchor\"\n              [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n              [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n              [matTooltip]=\"getActionTooltip(a, row)\"\n              [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n            >\n              <button\n                mat-flat-button\n                class=\"praxis-row-btn\"\n                [class.praxis-row-btn--workflow]=\"isWorkflowRowAction(a)\"\n                [class.praxis-row-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                [disabled]=\"isActionDisabled(a, row)\"\n                (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                [attr.aria-label]=\"a.label || getActionId(a)\"\n                [color]=\"a.color || null\"\n              >\n                <praxis-rich-content\n                  rootClassName=\"praxis-row-action__content\"\n                  [nodes]=\"getRowActionRichContentNodes(a)\"\n                ></praxis-rich-content>\n              </button>\n            </span>\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            (menuOpened)=\"onRowOverflowMenuOpened(row)\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            [attr.aria-label]=\"getRowMenuTooltip(row)\"\n            [matTooltip]=\"getRowMenuTooltip(row)\"\n            matTooltipPosition=\"above\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          @if (hasRowOverflowMenuLoadingState(row)) {\n            <button mat-menu-item disabled>\n              <mat-icon>hourglass_empty</mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuLoadingLabel(), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          }\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, getRowActionRuntimeOptions(a, row))\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(a.label || getActionId(a), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          </ng-container>\n          @if (hasRowOverflowMenuEmptyState(row)) {\n            <button mat-menu-item disabled>\n              <mat-icon>info</mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuEmptyLabel(row), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          }\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-click-selectable]=\"config.behavior?.selection?.enabled\"\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                <praxis-rich-content\n                  rootClassName=\"pfx-expansion-detail-message__content\"\n                  [nodes]=\"getExpansionDetailTextRichContentNodes('Carregando detail schema...', 'pfx-expansion-detail-message__text')\"\n                  [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                ></praxis-rich-content>\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                <praxis-rich-content\n                  rootClassName=\"pfx-expansion-detail-message__content\"\n                  [nodes]=\"getExpansionDetailTextRichContentNodes(detailState.message || 'Detail indispon\u00EDvel para esta linha.', 'pfx-expansion-detail-message__text')\"\n                  [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                ></praxis-rich-content>\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\u00C3\u00A7\u00C3\u00B5es 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                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-detail-tab-btn__content\"\n                          [nodes]=\"getExpansionDetailTabButtonRichContentNodes(tab)\"\n                          [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                        ></praxis-rich-content>\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                        @if (getExpansionDetailTabRichContentNodes(tab, row, i); as richNodes) {\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-host pfx-expansion-node-host--tab\"\n                            [nodes]=\"richNodes\"\n                            [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                          ></praxis-rich-content>\n                        } @else {\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                        }\n                      </div>\n                    }\n                  }\n                } @else {\n                  <div class=\"pfx-expansion-detail-message\">\n                    <praxis-rich-content\n                      rootClassName=\"pfx-expansion-detail-message__content\"\n                      [nodes]=\"getExpansionDetailTextRichContentNodes('Schema em layout tabs sem abas v\u00E1lidas.', 'pfx-expansion-detail-message__text')\"\n                      [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                    ></praxis-rich-content>\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              @if (getExpansionDetailRichContentNodes(node, row, index); as richNodes) {\n                <praxis-rich-content\n                  class=\"pfx-expansion-node-host\"\n                  [nodes]=\"richNodes\"\n                  [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                ></praxis-rich-content>\n              } @else {\n                @switch (getExpansionDetailNodeType(node)) {\n                  @case ('list') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-list\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-list__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Lista'), 'pfx-expansion-node-list__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let listItems = getExpansionDetailListItems(row, node);\n                      @let listEntries = getExpansionDetailListEntries(row, node);\n                      @if (listItems.length) {\n                        <ul>\n                          @for (entry of listEntries; track $index) {\n                            <li>\n                              @if (getExpansionDetailListItemRichContentNodes(entry); as richNodes) {\n                                <praxis-rich-content\n                                  class=\"pfx-expansion-node-list__item-host\"\n                                  [nodes]=\"richNodes\"\n                                  [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                                ></praxis-rich-content>\n                              } @else {\n                                {{ formatExpansionDetailListEntry(entry) }}\n                              }\n                            </li>\n                          }\n                        </ul>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes('Sem itens.', 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('detailList') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-rich-list\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-rich-list__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Cole\u00E7\u00E3o rica'), 'pfx-expansion-node-rich-list__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let richListEntries = getExpansionDetailRichListEntries(row, node);\n                      @if (richListEntries.length) {\n                        <div class=\"pfx-expansion-node-rich-list__items\">\n                          @for (entry of richListEntries; track $index) {\n                            <article [class]=\"getExpansionDetailRichListItemClassName(node)\">\n                              <praxis-rich-content\n                                class=\"pfx-expansion-node-rich-list__item-host\"\n                                [nodes]=\"getExpansionDetailRichListItemNodes(node)\"\n                                [context]=\"getExpansionDetailRichListItemContext(row, index, node, entry, $index)\"\n                              ></praxis-rich-content>\n                              @let itemActions = getExpansionDetailRichListItemActions(node, row, index, entry, $index);\n                              @if (itemActions.length) {\n                                <div class=\"pfx-expansion-node-rich-list__item-actions\">\n                                  @for (action of itemActions; track action.actionId) {\n                                    <button\n                                      type=\"button\"\n                                      mat-stroked-button\n                                      class=\"pfx-expansion-node-rich-list__item-action-btn\"\n                                      [disabled]=\"isExpansionDetailRichListItemActionDisabled(action, row, index, node, entry, $index)\"\n                                      (click)=\"onExpansionDetailRichListItemAction(action, row, index, node, entry, $index, $event)\"\n                                    >\n                                      <praxis-rich-content\n                                        class=\"pfx-expansion-node-rich-list__item-action-host\"\n                                        [nodes]=\"getExpansionDetailRichListItemActionNodes(action)\"\n                                        [context]=\"getExpansionDetailRichListItemContext(row, index, node, entry, $index)\"\n                                      ></praxis-rich-content>\n                                    </button>\n                                  }\n                                </div>\n                              }\n                            </article>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailRichListEmptyText(node), 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('card') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-card\">\n                      <header class=\"pfx-expansion-node-card__header\">\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-card__title\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Card'), 'pfx-expansion-node-card__title-text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                        @if (node?.subtitle) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-card__subtitle\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(node.subtitle, 'pfx-expansion-node-card__subtitle-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      </header>\n                      @if (getExpansionDetailNodeChildren(node).length) {\n                        <div class=\"pfx-expansion-node-card__content\">\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                        </div>\n                      }\n                    </section>\n                  }\n                  @case ('cardGrid') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-card-grid\">\n                      @if (getExpansionDetailCardGridHeaderNodes(node); as cardGridHeaderNodes) {\n                        @if (cardGridHeaderNodes.length) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-card-grid__header\"\n                            [nodes]=\"cardGridHeaderNodes\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      }\n                      @let gridCards = getExpansionDetailCardGridCards(node);\n                      @if (gridCards.length) {\n                        <div\n                          class=\"pfx-expansion-node-card-grid__cards\"\n                          [ngStyle]=\"getExpansionDetailCardGridStyles(node)\"\n                        >\n                          @for (card of gridCards; track $index) {\n                            <praxis-rich-content\n                              class=\"pfx-expansion-node-card-grid__card-host\"\n                              [nodes]=\"getExpansionDetailCardGridCardNodes(card)\"\n                              [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                            ></praxis-rich-content>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes('Sem itens.', 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\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                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('tableRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('chartRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('templateRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('diagramEmbed') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailDiagramSource(row, node); as diagramSource) {\n                        <div class=\"pfx-expansion-node-embed__diagram\">\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-embed__diagram-label\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailDiagramSourceLabel(), 'pfx-expansion-node-embed__diagram-label-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                          <pre class=\"pfx-expansion-node-embed__diagram-source\">{{ diagramSource }}</pre>\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-embed__empty\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('action') {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-action\">\n                      <button\n                        type=\"button\"\n                        mat-stroked-button\n                        [disabled]=\"isExpansionDetailActionDisabled(node)\"\n                        (click)=\"onExpansionDetailAction(node, row, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-action__content\"\n                            [nodes]=\"getExpansionDetailActionRichContentNodes(node)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                        @if (getExpansionDetailActionStatusText(node); as actionStatusText) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-action__status\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(actionStatusText, 'pfx-expansion-node-action__status-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      </div>\n                    }\n                  @case ('actionBar') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-action-bar\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-action-bar__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailActionBarTitle(node), 'pfx-expansion-node-action-bar__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let actionBarActions = getExpansionDetailActionBarActions(node, row, index);\n                      @if (actionBarActions.length) {\n                        <div class=\"pfx-expansion-node-action-bar__actions\">\n                          @for (action of actionBarActions; track action.actionId) {\n                            <button\n                              type=\"button\"\n                              mat-stroked-button\n                              class=\"pfx-expansion-node-action-bar__action-btn\"\n                              [disabled]=\"isExpansionDetailActionBarActionDisabled(action, row, index)\"\n                              (click)=\"onExpansionDetailActionBarAction(action, row, index, $event)\"\n                            >\n                              <praxis-rich-content\n                                class=\"pfx-expansion-node-action-bar__action-host\"\n                                [nodes]=\"getExpansionDetailActionBarActionNodes(action)\"\n                                [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                              ></praxis-rich-content>\n                            </button>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailActionBarEmptyText(node), 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('tab') {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('Node', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <code>tab</code>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('fora de contexto de tabs.', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                    </div>\n                  }\n                  @default {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('Node n\u00E3o suportado:', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <code>{{ getExpansionDetailNodeType(node) }}</code>\n                    </div>\n                  }\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            [class.pfx-row-click-selectable]=\"config.behavior?.selection?.enabled\"\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                <span class=\"pfx-icon-renderer\"\n                      [style.color]=\"getIconColor(row, column) || null\"\n                      [ngStyle]=\"getIconStyle(row, column)\"\n                      [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-icon-renderer__content\"\n                    [nodes]=\"getIconRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <span class=\"pfx-cell-image\">\n                  <praxis-rich-content\n                    rootClassName=\"pfx-cell-image__content\"\n                    [nodes]=\"getImageRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-badge__content\"\n                    [nodes]=\"getBadgeRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'chip'\">\n                <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(row, column)\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-chip__content\"\n                    [nodes]=\"getChipRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'progress'\">\n                <div class=\"pfx-progress\">\n                  <praxis-rich-content\n                    rootClassName=\"pfx-progress__content\"\n                    [context]=\"getProgressRichContentContext(row, column)\"\n                    [nodes]=\"getProgressRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </div>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'avatar'\">\n                <span\n                  class=\"pfx-avatar-renderer\"\n                  [ngStyle]=\"getAvatarStyle(row, column)\"\n                  [class.shape-rounded]=\"getAvatarShape(row, column) === 'rounded'\"\n                  [class.shape-circle]=\"getAvatarShape(row, column) === 'circle'\"\n                >\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-avatar-renderer__content\"\n                    [nodes]=\"getAvatarRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'link'\">\n                <a\n                  class=\"pfx-link\"\n                  [attr.href]=\"getLinkHref(row, column) || null\"\n                  [attr.target]=\"getLinkTarget(row, column) || null\"\n                  [attr.rel]=\"getLinkRel(row, column) || null\"\n                  (click)=\"$event.stopPropagation()\"\n                >\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-link__content\"\n                    [nodes]=\"getLinkRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </a>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'button'\">\n                <ng-container [ngSwitch]=\"getButtonVariant(row, column)\">\n                  <button\n                    *ngSwitchCase=\"'outlined'\"\n                    mat-stroked-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                  <button\n                    *ngSwitchCase=\"'text'\"\n                    mat-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                  <button\n                    *ngSwitchDefault\n                    mat-flat-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                </ng-container>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'menu'\">\n                <button\n                  mat-icon-button\n                  [matMenuTriggerFor]=\"menuRef\"\n                  (click)=\"$event.stopPropagation()\"\n                  [attr.aria-label]=\"getMenuAriaLabel(row, column) || 'Menu'\"\n                >\n                  <praxis-rich-content\n                    rootClassName=\"pfx-menu-trigger__content\"\n                    [nodes]=\"getMenuTriggerRichContentNodes()\"\n                  ></praxis-rich-content>\n                </button>\n                <mat-menu #menuRef=\"matMenu\">\n                  <button\n                    mat-menu-item\n                    *ngFor=\"let it of getMenuItems(row, column)\"\n                    (click)=\"onMenuItemClick(it, row, $event)\"\n                    [disabled]=\"!it.__visible\"\n                  >\n                    <praxis-rich-content\n                      rootClassName=\"pfx-menu-item__content\"\n                      [nodes]=\"getMenuItemRichContentNodes(it)\"\n                    ></praxis-rich-content>\n                  </button>\n                </mat-menu>\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\n        class=\"praxis-actions-cell__content\"\n        [class.praxis-actions-cell__content--discovering]=\"isRowDiscoveryPending(row)\"\n        [attr.aria-busy]=\"isRowDiscoveryPending(row) ? 'true' : null\"\n      >\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <span\n                    class=\"praxis-row-action-anchor\"\n                    [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n                    [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                    [matTooltip]=\"getActionTooltip(a, row)\"\n                    [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n                    matTooltipPosition=\"above\"\n                    matTooltipClass=\"praxis-tooltip\"\n                  >\n                    <button mat-icon-button class=\"praxis-icon-btn\"\n                            [class.praxis-icon-btn--workflow]=\"isWorkflowRowAction(a)\"\n                            [class.praxis-icon-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                            [disabled]=\"isActionDisabled(a, row)\"\n                            (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                            [attr.aria-label]=\"a.label || getActionId(a)\"\n                            [color]=\"a.color || null\">\n                      <praxis-rich-content\n                        rootClassName=\"praxis-row-action__content\"\n                        [nodes]=\"getRowActionIconRichContentNodes(a)\"\n                      ></praxis-rich-content>\n                    </button>\n                  </span>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <span\n                    class=\"praxis-row-action-anchor\"\n                    [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n                    [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                    [matTooltip]=\"getActionTooltip(a, row)\"\n                    [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n                    matTooltipPosition=\"above\"\n                    matTooltipClass=\"praxis-tooltip\"\n                  >\n                    <button mat-flat-button class=\"praxis-row-btn\"\n                            [class.praxis-row-btn--workflow]=\"isWorkflowRowAction(a)\"\n                            [class.praxis-row-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                            [disabled]=\"isActionDisabled(a, row)\"\n                            (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                            [attr.aria-label]=\"a.label || getActionId(a)\"\n                            [color]=\"a.color || null\">\n                      <praxis-rich-content\n                        rootClassName=\"praxis-row-action__content\"\n                        [nodes]=\"getRowActionRichContentNodes(a)\"\n                      ></praxis-rich-content>\n                    </button>\n                  </span>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        (menuOpened)=\"onRowOverflowMenuOpened(row)\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        [attr.aria-label]=\"getRowMenuTooltip(row)\"\n                        [matTooltip]=\"getRowMenuTooltip(row)\"\n                        matTooltipPosition=\"above\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                @if (hasRowOverflowMenuLoadingState(row)) {\n                  <button mat-menu-item disabled>\n                    <mat-icon>hourglass_empty</mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuLoadingLabel(), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                }\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n            <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(a.label || getActionId(a), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                </ng-container>\n                @if (hasRowOverflowMenuEmptyState(row)) {\n                  <button mat-menu-item disabled>\n                    <mat-icon>info</mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuEmptyLabel(row), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                }\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 (shouldShowLoadingSurface()) {\n  <div class=\"ptable-loading-state\" role=\"status\" aria-live=\"polite\">\n    <div class=\"ptable-loading-state__hero\" aria-hidden=\"true\">\n      <span class=\"ptable-loading-state__line ptable-loading-state__line--wide\"></span>\n      <span class=\"ptable-loading-state__line ptable-loading-state__line--short\"></span>\n      <div class=\"ptable-loading-state__rows\">\n        @for (placeholder of [1, 2, 3]; track placeholder) {\n          <div class=\"ptable-loading-state__row\">\n            <span class=\"ptable-loading-state__cell ptable-loading-state__cell--short\"></span>\n            <span class=\"ptable-loading-state__cell\"></span>\n            <span class=\"ptable-loading-state__cell ptable-loading-state__cell--wide\"></span>\n          </div>\n        }\n      </div>\n    </div>\n    <div class=\"ptable-loading-state__message\">\n      {{ getLoadingSurfaceMessage() }}\n    </div>\n  </div>\n}\n@if (shouldShowNoDataState()) {\n  <div class=\"ptable-no-data-state\" role=\"status\" aria-live=\"polite\">\n    <praxis-empty-state-card\n      [icon]=\"getNoDataStateIcon()\"\n      [title]=\"getNoDataStateTitle()\"\n      [description]=\"getNoDataStateDescription()\"\n      [primaryAction]=\"getNoDataStatePrimaryAction()\"\n      [secondaryActions]=\"getNoDataStateSecondaryActions()\"\n      [inline]=\"true\"\n    ></praxis-empty-state-card>\n  </div>\n}\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        <praxis-rich-content\n          rootClassName=\"praxis-floating-bulk-actions__content\"\n          [nodes]=\"getFloatingBulkActionRichContentNodes(action)\"\n        ></praxis-rich-content>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00C3\u00A7\u00C3\u00B5es no rodap\u00C3\u00A9 (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    [showActionsGroup]=\"shouldShowToolbarActionsBottom()\"\n    [showMobileActions]=\"shouldShowToolbarActionsBottom()\"\n        [evaluationContext]=\"getToolbarEvaluationContext()\"\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      [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n      (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"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      @if (aiAdapter) {\n        <button\n          end-actions\n          mat-icon-button\n          color=\"primary\"\n          type=\"button\"\n          data-testid=\"table-ai-assistant-trigger\"\n          (click)=\"openAiAssistant()\"\n          aria-label=\"Abrir assistente de IA da tabela\"\n          matTooltip=\"Assistente de IA\"\n          matTooltipPosition=\"below\"\n        >\n          <mat-icon>auto_awesome</mat-icon>\n        </button>\n      }\n    }\n    <button\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter() && enableCustomization\"\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      [attr.aria-label]=\"getTableSettingsLabel()\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"getTableSettingsTooltip()\"\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    [selectConfig]=\"paginatorSelectConfig\"\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    [selectConfig]=\"paginatorSelectConfig\"\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__content{display:inline-flex;align-items:center;gap:6px;min-width:0}.pfx-expansion-detail-tab-btn__icon .prx-rich-icon{font-size:16px;line-height:1}.pfx-expansion-detail-tab-btn__title{white-space:nowrap}.pfx-expansion-detail-tab-btn__badge .prx-rich-badge{padding:0 8px;min-height:18px;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit}.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-card__content{display:grid;gap:10px}.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-rich-list__title{margin:0 0 8px;font-size:13px}.pfx-expansion-node-rich-list__items{display:grid;gap:12px}.pfx-expansion-node-rich-list__item{display:grid;gap:10px;padding:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dbe5);border-radius:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.pfx-expansion-node-rich-list__item--row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.pfx-expansion-node-rich-list__item--stack{grid-template-columns:minmax(0,1fr)}.pfx-expansion-node-rich-list__item--card-list{grid-template-columns:minmax(0,1fr);box-shadow:0 4px 14px #0f172a0a}.pfx-expansion-node-rich-list__item-host{min-width:0}.pfx-expansion-node-rich-list__item-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pfx-expansion-node-rich-list__item-action-btn{min-width:0}.pfx-expansion-node-rich-list__item-action-host{display:inline-flex;align-items:center}.pfx-expansion-node-action-bar__title{margin:0 0 12px}.pfx-expansion-node-action-bar__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pfx-expansion-node-action-bar__action-btn{min-width:0}.pfx-expansion-node-action-bar__action-host{display:inline-flex;align-items:center}.pfx-expansion-node-card-grid__header{margin:0 0 12px}.pfx-expansion-node-card-grid__cards{display:grid;gap:12px;grid-template-columns:var(--pfx-expansion-card-grid-columns, repeat(auto-fit, minmax(var(--pfx-expansion-card-grid-min-width, 220px), 1fr)))}.pfx-expansion-node-card-grid__card-host{min-width:0}.pfx-expansion-node-card-grid__card-host [data-rich-node-type=card]{height:100%}.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: 6px 10px;--p-cell-padding: 6px 10px;--p-actions-btn-size: 30px;--p-actions-icon-size: 16px}:host.density-comfortable{--p-header-padding: 10px 14px;--p-cell-padding: 10px 14px;--p-actions-btn-size: 36px;--p-actions-icon-size: 18px}: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:6px;width:100%;transition:opacity .12s ease}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-actions-cell__content--discovering{opacity:.78}.praxis-row-action-anchor{display:inline-flex;align-items:center}.praxis-row-action-anchor--workflow{position:relative}.praxis-row-action-anchor--workflow:after{content:\"\";position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:999px;background:var(--md-sys-color-secondary);opacity:.9;pointer-events:none}.praxis-row-action-anchor--blocked:after{background:var(--md-sys-color-error)}.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-icon-btn--workflow{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 36%,transparent)}.praxis-icon-btn--blocked{background:color-mix(in srgb,var(--md-sys-color-error-container) 42%,transparent)}.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-row-btn--workflow{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-secondary) 28%,transparent)}.praxis-row-btn--blocked{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 28%,transparent)}.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:6px;margin:10px 0 8px;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:var(--praxis-layer-floating-local, 200);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:6px 10px}:host ::ng-deep .mat-mdc-paginator{border-top:1px solid color-mix(in srgb,var(--p-table-border-color) 82%,transparent);background:color-mix(in srgb,var(--p-table-bg) 94%,white)}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-container{min-height:40px;padding:4px 8px;gap:6px}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select{margin-left:8px;width:92px}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper{--mdc-outlined-text-field-container-color: color-mix( in srgb, var(--p-table-bg) 92%, var(--md-sys-color-on-surface) 8% );--mdc-outlined-text-field-input-text-color: var(--p-table-text-color);min-height:40px;padding-inline:12px 8px;background:color-mix(in srgb,var(--p-table-bg) 92%,var(--md-sys-color-on-surface) 8%)!important;background-color:color-mix(in srgb,var(--p-table-bg) 92%,var(--md-sys-color-on-surface) 8%)!important;color:var(--p-table-text-color)!important}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select .mat-mdc-form-field-infix{min-height:40px;padding-block:8px;width:auto}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select .mat-mdc-select-trigger{min-height:24px;padding-right:2px;color:var(--p-table-text-color)}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-label,:host ::ng-deep .mat-mdc-paginator .mat-mdc-select-value-text{font-size:12px;color:color-mix(in srgb,var(--p-table-text-color) 76%,white)}::ng-deep .praxis-table-paginator-select-panel.mat-mdc-select-panel{--mat-select-panel-background-color: var(--md-sys-color-surface-container, #fff);background:var(--md-sys-color-surface-container, #fff)!important;background-color:var(--md-sys-color-surface-container, #fff)!important;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 70%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--md-sys-color-shadow, #000) 28%,transparent)}::ng-deep .praxis-table-paginator-select-panel .mat-mdc-option{--mat-option-label-text-color: var(--md-sys-color-on-surface, #111827);color:var(--md-sys-color-on-surface, #111827)!important}::ng-deep .praxis-table-paginator-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),::ng-deep .praxis-table-paginator-select-panel .mat-mdc-option.mat-mdc-option-active{--mat-option-hover-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2f7cff) 14%, transparent );background:color-mix(in srgb,var(--md-sys-color-primary, #2f7cff) 14%,transparent)!important;color:var(--md-sys-color-on-surface, #111827)!important}: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;white-space:nowrap;--prx-rich-content-inline-gap: 6px}.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:var(--praxis-layer-sticky-local, 100);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:var(--praxis-layer-authoring-hover, 300)}.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);line-height:1.25;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.pfx-row-click-selectable{cursor:pointer}: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 ::ng-deep .mat-mdc-row.pfx-row-selected .mat-mdc-cell{background:var(--p-table-row-selected-bg)}:host ::ng-deep .mat-mdc-row.pfx-row-selected .mat-mdc-cell:first-child{box-shadow:inset 4px 0 0 var(--md-sys-color-primary)}: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;white-space:nowrap;--prx-rich-content-inline-gap: 6px}.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)}.pfx-expansion-node-embed{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;background:var(--md-sys-color-surface-container-low, var(--md-sys-color-surface))}.ptable-loading-state{padding:8px 12px 4px;display:grid;gap:10px}.ptable-loading-state__hero{display:grid;gap:10px;padding:14px;border-radius:8px;border:1px solid rgba(18,99,180,.08);background:linear-gradient(180deg,#ffffffa6,#ffffff47),linear-gradient(0deg,#1263b408,#1263b400)}.ptable-loading-state__rows{display:grid;gap:8px}.ptable-loading-state__row{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(140px,1.2fr);gap:8px}.ptable-loading-state__line,.ptable-loading-state__cell{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#1263b414,#1263b42e,#1263b414);background-size:200% 100%;animation:ptable-loading-wave 1.2s ease-in-out infinite}.ptable-loading-state__line--wide{width:180px}.ptable-loading-state__line--short{width:96px}.ptable-loading-state__cell--short{width:100%;max-width:84px}.ptable-loading-state__cell--wide{width:100%}.ptable-loading-state__message{font-size:.85rem;color:var(--md-sys-color-on-surface-variant, #5a5d67);padding-inline:4px}.pfx-expansion-node-embed__header,.pfx-expansion-node-embed__meta,.pfx-expansion-node-embed__empty,.pfx-expansion-node-embed__diagram-label{display:block}.ptable-no-data-state{padding:8px 12px 4px}.ptable-no-data-state ::ng-deep .empty-card{margin:0;border-radius:8px}@keyframes ptable-loading-wave{0%{background-position:100% 0}to{background-position:-100% 0}}.pfx-expansion-node-embed__diagram{display:flex;flex-direction:column;gap:8px}.pfx-expansion-node-embed__diagram-source{margin:0;padding:12px;overflow:auto;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest, var(--md-sys-color-surface));color:var(--md-sys-color-on-surface);font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap}.pfx-expansion-node-embed__action-btn{align-self:flex-start}.pfx-expansion-node-embed__action-host{display:inline-flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.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.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.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: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "busy", "canSubmit", "canApply", "submitOnEnter", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "layoutChange"] }, { kind: "component", type: PraxisFilter, selector: "praxis-filter", inputs: ["resourcePath", "fieldMetadata", "filterId", "formId", "componentInstanceId", "mode", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "enableCustomization", "value", "alwaysVisibleFields", "alwaysVisibleFieldMetadataOverrides", "selectedFieldIds", "tags", "allowSaveTags", "persistenceKey", "disablePersistence", "i18n", "changeDebounceMs", "showFilterSettings", "showAdvancedButton", "showAddButton", "showClearButton", "showSearchButton", "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", "evaluationContext"], outputs: ["toolbarAction"] }, { kind: "component", type: PraxisRichContent, selector: "praxis-rich-content", inputs: ["document", "nodes", "context", "hostCapabilities", "layout", "rootClassName"] }, { 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"] }] });
 }
-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,
-                args: [{ selector: 'praxis-table', imports: [
-                            CommonModule,
-                            FormsModule,
-                            ScrollingModule,
-                            DragDropModule,
-                            MatBadgeModule,
-                            MatButtonModule,
-                            MatCheckboxModule,
-                            MatIconModule,
-                            MatMenuModule,
-                            MatPaginatorModule,
-                            MatSlideToggleModule,
-                            MatSnackBarModule,
-                            MatSortModule,
-                            MatTableModule,
-                            MatTooltipModule,
-                            PraxisAiAssistantComponent,
-                            PraxisFilter,
-                            PraxisIconDirective,
-                            PraxisTableToolbar,
-                            PraxisRichContent,
-                            EmptyStateCardComponent,
-                            TableRatingCellComponent,
-                        ], providers: [
-                            providePraxisI18nConfig(RESOURCE_DISCOVERY_I18N_CONFIG),
-                            providePraxisI18nConfig(PRAXIS_TABLE_RUNTIME_I18N_CONFIG),
-                            GenericCrudService,
-                            TableDefaultsProvider,
-                            FilterConfigService,
-                            DataFormattingService
-                        ], template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \u00C3\u00A0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00C3\u00A0 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    <praxis-rich-content\n      rootClassName=\"ptable-error__title\"\n      [nodes]=\"getTableChromeTextRichContentNodes('Erro', 'ptable-error__title-text')\"\n    ></praxis-rich-content>\n    <praxis-rich-content\n      rootClassName=\"ptable-error__message\"\n      [nodes]=\"getTableChromeTextRichContentNodes(errorMessage || 'Ocorreu um erro ao carregar a tabela.', 'ptable-error__message-text')\"\n    ></praxis-rich-content>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    <praxis-rich-content\n      rootClassName=\"ptable-error__action-label\"\n      [nodes]=\"getTableChromeTextRichContentNodes('Conectar a recurso', 'ptable-error__action-label-text')\"\n    ></praxis-rich-content>\n  </button>\n  @if (enableCustomization) {\n    <button\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      [attr.aria-label]=\"getTableSettingsLabel()\"\n      [matTooltip]=\"getTableSettingsLabel()\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  }\n  @if (!schemaError) {\n    <button mat-stroked-button (click)=\"retryData()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-error__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Tentar novamente', 'ptable-error__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  }\n  @if (schemaError) {\n    <button mat-stroked-button (click)=\"reloadSchema()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-error__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Recarregar colunas', 'ptable-error__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  }\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  <praxis-rich-content\n    rootClassName=\"text\"\n    [nodes]=\"getTableChromeTextRichContentNodes('O schema do servidor mudou. Reconciliar agora?', 'ptable-info-banner__text')\"\n  ></praxis-rich-content>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Reconciliar', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Lembrar depois', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Ignorar', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  </div>\n  </div>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"enableCustomization\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [evaluationContext]=\"getToolbarEvaluationContext()\"\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            [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"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 (enableCustomization) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"getTableSettingsTooltip()\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && enableCustomization) {\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()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"getTableSettingsTooltip()\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" [attr.aria-label]=\"getDisconnectLabel()\" [matTooltip]=\"getDisconnectTooltip()\">\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        [evaluationContext]=\"getToolbarEvaluationContext()\"\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            [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"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 (enableCustomization) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"getTableSettingsTooltip()\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && enableCustomization) {\n      <div class=\"ptable-header-actions\">\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"getTableSettingsTooltip()\"\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          <span\n            class=\"pfx-icon-renderer\"\n            [style.color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n          >\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-icon-renderer__content\"\n              [nodes]=\"getIconRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <span class=\"pfx-cell-image\">\n            <praxis-rich-content\n              rootClassName=\"pfx-cell-image__content\"\n              [nodes]=\"getImageRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-badge__content\"\n              [nodes]=\"getBadgeRichContentNodes(element, column)\"\n            ></praxis-rich-content>\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            ><praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-link__content\"\n              [nodes]=\"getLinkRichContentNodes(element, column)\"\n            ></praxis-rich-content></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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-chip__content\"\n              [nodes]=\"getChipRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <praxis-rich-content\n              rootClassName=\"pfx-progress__content\"\n              [context]=\"getProgressRichContentContext(element, column)\"\n              [nodes]=\"getProgressRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          <span class=\"pfx-avatar-renderer\"\n                [ngStyle]=\"getAvatarStyle(element, column)\"\n                [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\"\n                [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-avatar-renderer__content\"\n              [nodes]=\"getAvatarRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\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            <praxis-rich-content rootClassName=\"pfx-menu-trigger__content\" [nodes]=\"getMenuTriggerRichContentNodes()\"></praxis-rich-content>\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              <praxis-rich-content\n                rootClassName=\"pfx-menu-item__content\"\n                [nodes]=\"getMenuItemRichContentNodes(it)\"\n              ></praxis-rich-content>\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                  <span class=\"pfx-icon-renderer\" [style.color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-icon-renderer__content\" [nodes]=\"getIconRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <span class=\"pfx-cell-image\"><praxis-rich-content rootClassName=\"pfx-cell-image__content\" [nodes]=\"getImageRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-badge__content\" [nodes]=\"getBadgeRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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()\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-link__content\" [nodes]=\"getLinkRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-chip__content\" [nodes]=\"getChipRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\">\n                    <praxis-rich-content\n                      rootClassName=\"pfx-progress__content\"\n                      [context]=\"getProgressRichContentContext(element, asItemColumn(column, it))\"\n                      [nodes]=\"getProgressRichContentNodes(element, asItemColumn(column, it))\"\n                    ></praxis-rich-content>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  <span class=\"pfx-avatar-renderer\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\"><praxis-rich-content rootClassName=\"pfx-avatar-renderer__content\" [nodes]=\"getAvatarRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\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'\"><praxis-rich-content rootClassName=\"pfx-menu-trigger__content\" [nodes]=\"getMenuTriggerRichContentNodes()\"></praxis-rich-content></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              <praxis-rich-content\n                rootClassName=\"pfx-menu-item__content\"\n                [nodes]=\"getMenuItemRichContentNodes(mi)\"\n              ></praxis-rich-content>\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        <praxis-rich-content\n          rootClassName=\"praxis-actions-header__nodes\"\n          [nodes]=\"getActionsHeaderRichContentNodes()\"\n        ></praxis-rich-content>\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\n        class=\"praxis-actions-cell__content\"\n        [class.praxis-actions-cell__content--discovering]=\"isRowDiscoveryPending(row)\"\n        [attr.aria-busy]=\"isRowDiscoveryPending(row) ? 'true' : null\"\n      >\n        <!-- A\u00C3\u00A7\u00C3\u00B5es 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            <span\n              class=\"praxis-row-action-anchor\"\n              [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n              [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n              [matTooltip]=\"getActionTooltip(a, row)\"\n              [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n            >\n              <button\n                mat-icon-button\n                class=\"praxis-icon-btn\"\n                [class.praxis-icon-btn--workflow]=\"isWorkflowRowAction(a)\"\n                [class.praxis-icon-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                [disabled]=\"isActionDisabled(a, row)\"\n                (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                [attr.aria-label]=\"a.label || getActionId(a)\"\n                [color]=\"a.color || null\"\n              >\n                <praxis-rich-content\n                  rootClassName=\"praxis-row-action__content\"\n                  [nodes]=\"getRowActionIconRichContentNodes(a)\"\n                ></praxis-rich-content>\n              </button>\n            </span>\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            <span\n              class=\"praxis-row-action-anchor\"\n              [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n              [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n              [matTooltip]=\"getActionTooltip(a, row)\"\n              [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n            >\n              <button\n                mat-flat-button\n                class=\"praxis-row-btn\"\n                [class.praxis-row-btn--workflow]=\"isWorkflowRowAction(a)\"\n                [class.praxis-row-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                [disabled]=\"isActionDisabled(a, row)\"\n                (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                [attr.aria-label]=\"a.label || getActionId(a)\"\n                [color]=\"a.color || null\"\n              >\n                <praxis-rich-content\n                  rootClassName=\"praxis-row-action__content\"\n                  [nodes]=\"getRowActionRichContentNodes(a)\"\n                ></praxis-rich-content>\n              </button>\n            </span>\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            (menuOpened)=\"onRowOverflowMenuOpened(row)\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            [attr.aria-label]=\"getRowMenuTooltip(row)\"\n            [matTooltip]=\"getRowMenuTooltip(row)\"\n            matTooltipPosition=\"above\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          @if (hasRowOverflowMenuLoadingState(row)) {\n            <button mat-menu-item disabled>\n              <mat-icon>hourglass_empty</mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuLoadingLabel(), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          }\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, getRowActionRuntimeOptions(a, row))\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(a.label || getActionId(a), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          </ng-container>\n          @if (hasRowOverflowMenuEmptyState(row)) {\n            <button mat-menu-item disabled>\n              <mat-icon>info</mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuEmptyLabel(row), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          }\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                <praxis-rich-content\n                  rootClassName=\"pfx-expansion-detail-message__content\"\n                  [nodes]=\"getExpansionDetailTextRichContentNodes('Carregando detail schema...', 'pfx-expansion-detail-message__text')\"\n                  [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                ></praxis-rich-content>\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                <praxis-rich-content\n                  rootClassName=\"pfx-expansion-detail-message__content\"\n                  [nodes]=\"getExpansionDetailTextRichContentNodes(detailState.message || 'Detail indispon\u00EDvel para esta linha.', 'pfx-expansion-detail-message__text')\"\n                  [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                ></praxis-rich-content>\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\u00C3\u00A7\u00C3\u00B5es 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                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-detail-tab-btn__content\"\n                          [nodes]=\"getExpansionDetailTabButtonRichContentNodes(tab)\"\n                          [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                        ></praxis-rich-content>\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                        @if (getExpansionDetailTabRichContentNodes(tab, row, i); as richNodes) {\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-host pfx-expansion-node-host--tab\"\n                            [nodes]=\"richNodes\"\n                            [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                          ></praxis-rich-content>\n                        } @else {\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                        }\n                      </div>\n                    }\n                  }\n                } @else {\n                  <div class=\"pfx-expansion-detail-message\">\n                    <praxis-rich-content\n                      rootClassName=\"pfx-expansion-detail-message__content\"\n                      [nodes]=\"getExpansionDetailTextRichContentNodes('Schema em layout tabs sem abas v\u00E1lidas.', 'pfx-expansion-detail-message__text')\"\n                      [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                    ></praxis-rich-content>\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              @if (getExpansionDetailRichContentNodes(node, row, index); as richNodes) {\n                <praxis-rich-content\n                  class=\"pfx-expansion-node-host\"\n                  [nodes]=\"richNodes\"\n                  [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                ></praxis-rich-content>\n              } @else {\n                @switch (getExpansionDetailNodeType(node)) {\n                  @case ('list') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-list\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-list__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Lista'), 'pfx-expansion-node-list__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let listItems = getExpansionDetailListItems(row, node);\n                      @let listEntries = getExpansionDetailListEntries(row, node);\n                      @if (listItems.length) {\n                        <ul>\n                          @for (entry of listEntries; track $index) {\n                            <li>\n                              @if (getExpansionDetailListItemRichContentNodes(entry); as richNodes) {\n                                <praxis-rich-content\n                                  class=\"pfx-expansion-node-list__item-host\"\n                                  [nodes]=\"richNodes\"\n                                  [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                                ></praxis-rich-content>\n                              } @else {\n                                {{ formatExpansionDetailListEntry(entry) }}\n                              }\n                            </li>\n                          }\n                        </ul>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes('Sem itens.', 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('detailList') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-rich-list\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-rich-list__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Cole\u00E7\u00E3o rica'), 'pfx-expansion-node-rich-list__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let richListEntries = getExpansionDetailRichListEntries(row, node);\n                      @if (richListEntries.length) {\n                        <div class=\"pfx-expansion-node-rich-list__items\">\n                          @for (entry of richListEntries; track $index) {\n                            <article [class]=\"getExpansionDetailRichListItemClassName(node)\">\n                              <praxis-rich-content\n                                class=\"pfx-expansion-node-rich-list__item-host\"\n                                [nodes]=\"getExpansionDetailRichListItemNodes(node)\"\n                                [context]=\"getExpansionDetailRichListItemContext(row, index, node, entry, $index)\"\n                              ></praxis-rich-content>\n                              @let itemActions = getExpansionDetailRichListItemActions(node, row, index, entry, $index);\n                              @if (itemActions.length) {\n                                <div class=\"pfx-expansion-node-rich-list__item-actions\">\n                                  @for (action of itemActions; track action.actionId) {\n                                    <button\n                                      type=\"button\"\n                                      mat-stroked-button\n                                      class=\"pfx-expansion-node-rich-list__item-action-btn\"\n                                      [disabled]=\"isExpansionDetailRichListItemActionDisabled(action, row, index, node, entry, $index)\"\n                                      (click)=\"onExpansionDetailRichListItemAction(action, row, index, node, entry, $index, $event)\"\n                                    >\n                                      <praxis-rich-content\n                                        class=\"pfx-expansion-node-rich-list__item-action-host\"\n                                        [nodes]=\"getExpansionDetailRichListItemActionNodes(action)\"\n                                        [context]=\"getExpansionDetailRichListItemContext(row, index, node, entry, $index)\"\n                                      ></praxis-rich-content>\n                                    </button>\n                                  }\n                                </div>\n                              }\n                            </article>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailRichListEmptyText(node), 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('card') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-card\">\n                      <header class=\"pfx-expansion-node-card__header\">\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-card__title\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Card'), 'pfx-expansion-node-card__title-text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                        @if (node?.subtitle) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-card__subtitle\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(node.subtitle, 'pfx-expansion-node-card__subtitle-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      </header>\n                      @if (getExpansionDetailNodeChildren(node).length) {\n                        <div class=\"pfx-expansion-node-card__content\">\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                        </div>\n                      }\n                    </section>\n                  }\n                  @case ('cardGrid') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-card-grid\">\n                      @if (getExpansionDetailCardGridHeaderNodes(node); as cardGridHeaderNodes) {\n                        @if (cardGridHeaderNodes.length) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-card-grid__header\"\n                            [nodes]=\"cardGridHeaderNodes\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      }\n                      @let gridCards = getExpansionDetailCardGridCards(node);\n                      @if (gridCards.length) {\n                        <div\n                          class=\"pfx-expansion-node-card-grid__cards\"\n                          [ngStyle]=\"getExpansionDetailCardGridStyles(node)\"\n                        >\n                          @for (card of gridCards; track $index) {\n                            <praxis-rich-content\n                              class=\"pfx-expansion-node-card-grid__card-host\"\n                              [nodes]=\"getExpansionDetailCardGridCardNodes(card)\"\n                              [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                            ></praxis-rich-content>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes('Sem itens.', 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\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                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('tableRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('chartRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('templateRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('diagramEmbed') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailDiagramSource(row, node); as diagramSource) {\n                        <div class=\"pfx-expansion-node-embed__diagram\">\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-embed__diagram-label\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailDiagramSourceLabel(), 'pfx-expansion-node-embed__diagram-label-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                          <pre class=\"pfx-expansion-node-embed__diagram-source\">{{ diagramSource }}</pre>\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-embed__empty\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('action') {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-action\">\n                      <button\n                        type=\"button\"\n                        mat-stroked-button\n                        [disabled]=\"isExpansionDetailActionDisabled(node)\"\n                        (click)=\"onExpansionDetailAction(node, row, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-action__content\"\n                            [nodes]=\"getExpansionDetailActionRichContentNodes(node)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                        @if (getExpansionDetailActionStatusText(node); as actionStatusText) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-action__status\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(actionStatusText, 'pfx-expansion-node-action__status-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      </div>\n                    }\n                  @case ('actionBar') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-action-bar\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-action-bar__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailActionBarTitle(node), 'pfx-expansion-node-action-bar__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let actionBarActions = getExpansionDetailActionBarActions(node, row, index);\n                      @if (actionBarActions.length) {\n                        <div class=\"pfx-expansion-node-action-bar__actions\">\n                          @for (action of actionBarActions; track action.actionId) {\n                            <button\n                              type=\"button\"\n                              mat-stroked-button\n                              class=\"pfx-expansion-node-action-bar__action-btn\"\n                              [disabled]=\"isExpansionDetailActionBarActionDisabled(action, row, index)\"\n                              (click)=\"onExpansionDetailActionBarAction(action, row, index, $event)\"\n                            >\n                              <praxis-rich-content\n                                class=\"pfx-expansion-node-action-bar__action-host\"\n                                [nodes]=\"getExpansionDetailActionBarActionNodes(action)\"\n                                [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                              ></praxis-rich-content>\n                            </button>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailActionBarEmptyText(node), 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('tab') {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('Node', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <code>tab</code>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('fora de contexto de tabs.', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                    </div>\n                  }\n                  @default {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('Node n\u00E3o suportado:', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <code>{{ getExpansionDetailNodeType(node) }}</code>\n                    </div>\n                  }\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                <span class=\"pfx-icon-renderer\"\n                      [style.color]=\"getIconColor(row, column) || null\"\n                      [ngStyle]=\"getIconStyle(row, column)\"\n                      [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-icon-renderer__content\"\n                    [nodes]=\"getIconRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <span class=\"pfx-cell-image\">\n                  <praxis-rich-content\n                    rootClassName=\"pfx-cell-image__content\"\n                    [nodes]=\"getImageRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-badge__content\"\n                    [nodes]=\"getBadgeRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'chip'\">\n                <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(row, column)\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-chip__content\"\n                    [nodes]=\"getChipRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'progress'\">\n                <div class=\"pfx-progress\">\n                  <praxis-rich-content\n                    rootClassName=\"pfx-progress__content\"\n                    [context]=\"getProgressRichContentContext(row, column)\"\n                    [nodes]=\"getProgressRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </div>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'avatar'\">\n                <span\n                  class=\"pfx-avatar-renderer\"\n                  [ngStyle]=\"getAvatarStyle(row, column)\"\n                  [class.shape-rounded]=\"getAvatarShape(row, column) === 'rounded'\"\n                  [class.shape-circle]=\"getAvatarShape(row, column) === 'circle'\"\n                >\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-avatar-renderer__content\"\n                    [nodes]=\"getAvatarRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'link'\">\n                <a\n                  class=\"pfx-link\"\n                  [attr.href]=\"getLinkHref(row, column) || null\"\n                  [attr.target]=\"getLinkTarget(row, column) || null\"\n                  [attr.rel]=\"getLinkRel(row, column) || null\"\n                  (click)=\"$event.stopPropagation()\"\n                >\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-link__content\"\n                    [nodes]=\"getLinkRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </a>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'button'\">\n                <ng-container [ngSwitch]=\"getButtonVariant(row, column)\">\n                  <button\n                    *ngSwitchCase=\"'outlined'\"\n                    mat-stroked-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                  <button\n                    *ngSwitchCase=\"'text'\"\n                    mat-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                  <button\n                    *ngSwitchDefault\n                    mat-flat-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                </ng-container>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'menu'\">\n                <button\n                  mat-icon-button\n                  [matMenuTriggerFor]=\"menuRef\"\n                  (click)=\"$event.stopPropagation()\"\n                  [attr.aria-label]=\"getMenuAriaLabel(row, column) || 'Menu'\"\n                >\n                  <praxis-rich-content\n                    rootClassName=\"pfx-menu-trigger__content\"\n                    [nodes]=\"getMenuTriggerRichContentNodes()\"\n                  ></praxis-rich-content>\n                </button>\n                <mat-menu #menuRef=\"matMenu\">\n                  <button\n                    mat-menu-item\n                    *ngFor=\"let it of getMenuItems(row, column)\"\n                    (click)=\"onMenuItemClick(it, row, $event)\"\n                    [disabled]=\"!it.__visible\"\n                  >\n                    <praxis-rich-content\n                      rootClassName=\"pfx-menu-item__content\"\n                      [nodes]=\"getMenuItemRichContentNodes(it)\"\n                    ></praxis-rich-content>\n                  </button>\n                </mat-menu>\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\n        class=\"praxis-actions-cell__content\"\n        [class.praxis-actions-cell__content--discovering]=\"isRowDiscoveryPending(row)\"\n        [attr.aria-busy]=\"isRowDiscoveryPending(row) ? 'true' : null\"\n      >\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <span\n                    class=\"praxis-row-action-anchor\"\n                    [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n                    [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                    [matTooltip]=\"getActionTooltip(a, row)\"\n                    [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n                    matTooltipPosition=\"above\"\n                    matTooltipClass=\"praxis-tooltip\"\n                  >\n                    <button mat-icon-button class=\"praxis-icon-btn\"\n                            [class.praxis-icon-btn--workflow]=\"isWorkflowRowAction(a)\"\n                            [class.praxis-icon-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                            [disabled]=\"isActionDisabled(a, row)\"\n                            (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                            [attr.aria-label]=\"a.label || getActionId(a)\"\n                            [color]=\"a.color || null\">\n                      <praxis-rich-content\n                        rootClassName=\"praxis-row-action__content\"\n                        [nodes]=\"getRowActionIconRichContentNodes(a)\"\n                      ></praxis-rich-content>\n                    </button>\n                  </span>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <span\n                    class=\"praxis-row-action-anchor\"\n                    [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n                    [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                    [matTooltip]=\"getActionTooltip(a, row)\"\n                    [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n                    matTooltipPosition=\"above\"\n                    matTooltipClass=\"praxis-tooltip\"\n                  >\n                    <button mat-flat-button class=\"praxis-row-btn\"\n                            [class.praxis-row-btn--workflow]=\"isWorkflowRowAction(a)\"\n                            [class.praxis-row-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                            [disabled]=\"isActionDisabled(a, row)\"\n                            (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                            [attr.aria-label]=\"a.label || getActionId(a)\"\n                            [color]=\"a.color || null\">\n                      <praxis-rich-content\n                        rootClassName=\"praxis-row-action__content\"\n                        [nodes]=\"getRowActionRichContentNodes(a)\"\n                      ></praxis-rich-content>\n                    </button>\n                  </span>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        (menuOpened)=\"onRowOverflowMenuOpened(row)\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        [attr.aria-label]=\"getRowMenuTooltip(row)\"\n                        [matTooltip]=\"getRowMenuTooltip(row)\"\n                        matTooltipPosition=\"above\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                @if (hasRowOverflowMenuLoadingState(row)) {\n                  <button mat-menu-item disabled>\n                    <mat-icon>hourglass_empty</mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuLoadingLabel(), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                }\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n            <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(a.label || getActionId(a), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                </ng-container>\n                @if (hasRowOverflowMenuEmptyState(row)) {\n                  <button mat-menu-item disabled>\n                    <mat-icon>info</mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuEmptyLabel(row), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                }\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 (shouldShowLoadingSurface()) {\n  <div class=\"ptable-loading-state\" role=\"status\" aria-live=\"polite\">\n    <div class=\"ptable-loading-state__hero\" aria-hidden=\"true\">\n      <span class=\"ptable-loading-state__line ptable-loading-state__line--wide\"></span>\n      <span class=\"ptable-loading-state__line ptable-loading-state__line--short\"></span>\n      <div class=\"ptable-loading-state__rows\">\n        @for (placeholder of [1, 2, 3]; track placeholder) {\n          <div class=\"ptable-loading-state__row\">\n            <span class=\"ptable-loading-state__cell ptable-loading-state__cell--short\"></span>\n            <span class=\"ptable-loading-state__cell\"></span>\n            <span class=\"ptable-loading-state__cell ptable-loading-state__cell--wide\"></span>\n          </div>\n        }\n      </div>\n    </div>\n    <div class=\"ptable-loading-state__message\">\n      {{ getLoadingSurfaceMessage() }}\n    </div>\n  </div>\n}\n@if (shouldShowNoDataState()) {\n  <div class=\"ptable-no-data-state\" role=\"status\" aria-live=\"polite\">\n    <praxis-empty-state-card\n      [icon]=\"getNoDataStateIcon()\"\n      [title]=\"getNoDataStateTitle()\"\n      [description]=\"getNoDataStateDescription()\"\n      [primaryAction]=\"getNoDataStatePrimaryAction()\"\n      [secondaryActions]=\"getNoDataStateSecondaryActions()\"\n      [inline]=\"true\"\n    ></praxis-empty-state-card>\n  </div>\n}\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        <praxis-rich-content\n          rootClassName=\"praxis-floating-bulk-actions__content\"\n          [nodes]=\"getFloatingBulkActionRichContentNodes(action)\"\n        ></praxis-rich-content>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00C3\u00A7\u00C3\u00B5es no rodap\u00C3\u00A9 (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        [evaluationContext]=\"getToolbarEvaluationContext()\"\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      [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n      (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"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() && enableCustomization\"\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      [attr.aria-label]=\"getTableSettingsLabel()\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"getTableSettingsTooltip()\"\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__content{display:inline-flex;align-items:center;gap:6px;min-width:0}.pfx-expansion-detail-tab-btn__icon .prx-rich-icon{font-size:16px;line-height:1}.pfx-expansion-detail-tab-btn__title{white-space:nowrap}.pfx-expansion-detail-tab-btn__badge .prx-rich-badge{padding:0 8px;min-height:18px;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit}.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-card__content{display:grid;gap:10px}.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-rich-list__title{margin:0 0 8px;font-size:13px}.pfx-expansion-node-rich-list__items{display:grid;gap:12px}.pfx-expansion-node-rich-list__item{display:grid;gap:10px;padding:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dbe5);border-radius:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.pfx-expansion-node-rich-list__item--row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.pfx-expansion-node-rich-list__item--stack{grid-template-columns:minmax(0,1fr)}.pfx-expansion-node-rich-list__item--card-list{grid-template-columns:minmax(0,1fr);box-shadow:0 4px 14px #0f172a0a}.pfx-expansion-node-rich-list__item-host{min-width:0}.pfx-expansion-node-rich-list__item-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pfx-expansion-node-rich-list__item-action-btn{min-width:0}.pfx-expansion-node-rich-list__item-action-host{display:inline-flex;align-items:center}.pfx-expansion-node-action-bar__title{margin:0 0 12px}.pfx-expansion-node-action-bar__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pfx-expansion-node-action-bar__action-btn{min-width:0}.pfx-expansion-node-action-bar__action-host{display:inline-flex;align-items:center}.pfx-expansion-node-card-grid__header{margin:0 0 12px}.pfx-expansion-node-card-grid__cards{display:grid;gap:12px;grid-template-columns:var(--pfx-expansion-card-grid-columns, repeat(auto-fit, minmax(var(--pfx-expansion-card-grid-min-width, 220px), 1fr)))}.pfx-expansion-node-card-grid__card-host{min-width:0}.pfx-expansion-node-card-grid__card-host [data-rich-node-type=card]{height:100%}.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: 6px 10px;--p-cell-padding: 6px 10px;--p-actions-btn-size: 30px;--p-actions-icon-size: 16px}:host.density-comfortable{--p-header-padding: 10px 14px;--p-cell-padding: 10px 14px;--p-actions-btn-size: 36px;--p-actions-icon-size: 18px}: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:6px;width:100%;transition:opacity .12s ease}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-actions-cell__content--discovering{opacity:.78}.praxis-row-action-anchor{display:inline-flex;align-items:center}.praxis-row-action-anchor--workflow{position:relative}.praxis-row-action-anchor--workflow:after{content:\"\";position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:999px;background:var(--md-sys-color-secondary);opacity:.9;pointer-events:none}.praxis-row-action-anchor--blocked:after{background:var(--md-sys-color-error)}.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-icon-btn--workflow{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 36%,transparent)}.praxis-icon-btn--blocked{background:color-mix(in srgb,var(--md-sys-color-error-container) 42%,transparent)}.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-row-btn--workflow{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-secondary) 28%,transparent)}.praxis-row-btn--blocked{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 28%,transparent)}.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:6px;margin:10px 0 8px;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:var(--praxis-layer-floating-local, 200);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:6px 10px}:host ::ng-deep .mat-mdc-paginator{border-top:1px solid color-mix(in srgb,var(--p-table-border-color) 82%,transparent);background:color-mix(in srgb,var(--p-table-bg) 94%,white)}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-container{min-height:40px;padding:4px 8px;gap:6px}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-label,:host ::ng-deep .mat-mdc-paginator .mat-mdc-select-value-text{font-size:12px;color:color-mix(in srgb,var(--p-table-text-color) 76%,white)}: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;white-space:nowrap;--prx-rich-content-inline-gap: 6px}.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:var(--praxis-layer-sticky-local, 100);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:var(--praxis-layer-authoring-hover, 300)}.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);line-height:1.25;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;white-space:nowrap;--prx-rich-content-inline-gap: 6px}.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)}.pfx-expansion-node-embed{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;background:var(--md-sys-color-surface-container-low, var(--md-sys-color-surface))}.ptable-loading-state{padding:8px 12px 4px;display:grid;gap:10px}.ptable-loading-state__hero{display:grid;gap:10px;padding:14px;border-radius:8px;border:1px solid rgba(18,99,180,.08);background:linear-gradient(180deg,#ffffffa6,#ffffff47),linear-gradient(0deg,#1263b408,#1263b400)}.ptable-loading-state__rows{display:grid;gap:8px}.ptable-loading-state__row{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(140px,1.2fr);gap:8px}.ptable-loading-state__line,.ptable-loading-state__cell{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#1263b414,#1263b42e,#1263b414);background-size:200% 100%;animation:ptable-loading-wave 1.2s ease-in-out infinite}.ptable-loading-state__line--wide{width:180px}.ptable-loading-state__line--short{width:96px}.ptable-loading-state__cell--short{width:100%;max-width:84px}.ptable-loading-state__cell--wide{width:100%}.ptable-loading-state__message{font-size:.85rem;color:var(--md-sys-color-on-surface-variant, #5a5d67);padding-inline:4px}.pfx-expansion-node-embed__header,.pfx-expansion-node-embed__meta,.pfx-expansion-node-embed__empty,.pfx-expansion-node-embed__diagram-label{display:block}.ptable-no-data-state{padding:8px 12px 4px}.ptable-no-data-state ::ng-deep .empty-card{margin:0;border-radius:8px}@keyframes ptable-loading-wave{0%{background-position:100% 0}to{background-position:-100% 0}}.pfx-expansion-node-embed__diagram{display:flex;flex-direction:column;gap:8px}.pfx-expansion-node-embed__diagram-source{margin:0;padding:12px;overflow:auto;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest, var(--md-sys-color-surface));color:var(--md-sys-color-on-surface);font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap}.pfx-expansion-node-embed__action-btn{align-self:flex-start}.pfx-expansion-node-embed__action-host{display:inline-flex}\n"] }]
-            }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i3$1.SettingsPanelService }, { type: i1.GenericCrudService }, { type: TableDefaultsProvider }, { type: FilterConfigService }, { type: DataFormattingService }, { type: i6$3.PraxisDialog }, { type: i2$2.MatSnackBar }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [ASYNC_CONFIG_STORAGE]
-                    }] }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [CONNECTION_STORAGE]
-                    }] }, { type: i0.ElementRef }, { type: i1.GlobalConfigService }, { type: i1.ResourceDiscoveryService }, { type: i1.ComponentKeyService }, { type: i1.LoadingOrchestrator }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [PRAXIS_LOADING_RENDERER]
-                    }] }, { type: i6$2.ActivatedRoute, decorators: [{
-                        type: Optional
-                    }] }, { type: i1.LoggerService, decorators: [{
-                        type: Optional
-                    }] }], propDecorators: { config: [{
-                    type: Input
-                }], resourcePath: [{
-                    type: Input
-                }], data: [{
-                    type: Input
-                }], tableId: [{
-                    type: Input,
-                    args: [{ required: true }]
-                }], componentInstanceId: [{
-                    type: Input
-                }], title: [{
-                    type: Input
-                }], subtitle: [{
-                    type: Input
-                }], icon: [{
-                    type: Input
-                }], autoDelete: [{
-                    type: Input
-                }], notifyIfOutdated: [{
-                    type: Input
-                }], snoozeMs: [{
-                    type: Input
-                }], autoOpenSettingsOnOutdated: [{
-                    type: Input
-                }], crudContext: [{
-                    type: Input
-                }], filterCriteria: [{
-                    type: Input
-                }], queryContext: [{
-                    type: Input
-                }], rowClick: [{
-                    type: Output
-                }], rowDoubleClick: [{
-                    type: Output
-                }], rowExpansionChange: [{
-                    type: Output
-                }], rowAction: [{
-                    type: Output
-                }], toolbarAction: [{
-                    type: Output
-                }], bulkAction: [{
-                    type: Output
-                }], columnReorder: [{
-                    type: Output
-                }], columnReorderAttempt: [{
-                    type: Output
-                }], beforeDelete: [{
-                    type: Output
-                }], afterDelete: [{
-                    type: Output
-                }], deleteError: [{
-                    type: Output
-                }], beforeBulkDelete: [{
-                    type: Output
-                }], afterBulkDelete: [{
-                    type: Output
-                }], bulkDeleteError: [{
-                    type: Output
-                }], schemaStatusChange: [{
-                    type: Output
-                }], metadataChange: [{
-                    type: Output
-                }], loadingStateChange: [{
-                    type: Output
-                }], collectionLinksChange: [{
-                    type: Output
-                }], paginator: [{
-                    type: ViewChild,
-                    args: [MatPaginator]
-                }], sort: [{
-                    type: ViewChild,
-                    args: [MatSort]
-                }], materialTable: [{
-                    type: ViewChild,
-                    args: [MatTable]
-                }], internalFilter: [{
-                    type: ViewChild,
-                    args: [PraxisFilter]
-                }], toolbar: [{
-                    type: ContentChild,
-                    args: [PraxisTableToolbar]
-                }], projectedFilter: [{
-                    type: ContentChild,
-                    args: ['projectedFilter']
-                }], enableCustomization: [{
-                    type: Input,
-                    args: [{ transform: booleanAttribute }]
-                }], dense: [{
-                    type: Input
-                }], hostDensityCompactClass: [{
-                    type: HostBinding,
-                    args: ['class.density-compact']
-                }], hostDensityComfortableClass: [{
-                    type: HostBinding,
-                    args: ['class.density-comfortable']
-                }], hostDensitySpaciousClass: [{
-                    type: HostBinding,
-                    args: ['class.density-spacious']
-                }], hostRowBordersClass: [{
-                    type: HostBinding,
-                    args: ['class.row-borders']
-                }], hostColumnBordersClass: [{
-                    type: HostBinding,
-                    args: ['class.col-borders']
-                }] } }) });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-table', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ScrollingModule,
+                        DragDropModule,
+                        MatBadgeModule,
+                        MatButtonModule,
+                        MatCheckboxModule,
+                        MatIconModule,
+                        MatMenuModule,
+                        MatPaginatorModule,
+                        MatSlideToggleModule,
+                        MatSnackBarModule,
+                        MatSortModule,
+                        MatTableModule,
+                        MatTooltipModule,
+                        PraxisAiAssistantShellComponent,
+                        PraxisFilter,
+                        PraxisIconDirective,
+                        PraxisTableToolbar,
+                        PraxisRichContent,
+                        EmptyStateCardComponent,
+                        TableRatingCellComponent,
+                    ], providers: [
+                        providePraxisI18nConfig(RESOURCE_DISCOVERY_I18N_CONFIG),
+                        providePraxisI18nConfig(PRAXIS_TABLE_RUNTIME_I18N_CONFIG),
+                        MatPaginatorIntl,
+                        GenericCrudService,
+                        TableDefaultsProvider,
+                        FilterConfigService,
+                        DataFormattingService
+                    ], template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \u00C3\u00A0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00C3\u00A0 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    <praxis-rich-content\n      rootClassName=\"ptable-error__title\"\n      [nodes]=\"getTableChromeTextRichContentNodes('Erro', 'ptable-error__title-text')\"\n    ></praxis-rich-content>\n    <praxis-rich-content\n      rootClassName=\"ptable-error__message\"\n      [nodes]=\"getTableChromeTextRichContentNodes(errorMessage || 'Ocorreu um erro ao carregar a tabela.', 'ptable-error__message-text')\"\n    ></praxis-rich-content>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    <praxis-rich-content\n      rootClassName=\"ptable-error__action-label\"\n      [nodes]=\"getTableChromeTextRichContentNodes('Conectar a recurso', 'ptable-error__action-label-text')\"\n    ></praxis-rich-content>\n  </button>\n  @if (enableCustomization) {\n    <button\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      [attr.aria-label]=\"getTableSettingsLabel()\"\n      [matTooltip]=\"getTableSettingsLabel()\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  }\n  @if (!schemaError) {\n    <button mat-stroked-button (click)=\"retryData()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-error__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Tentar novamente', 'ptable-error__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  }\n  @if (schemaError) {\n    <button mat-stroked-button (click)=\"reloadSchema()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-error__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Recarregar colunas', 'ptable-error__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  }\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  <praxis-rich-content\n    rootClassName=\"text\"\n    [nodes]=\"getTableChromeTextRichContentNodes('O schema do servidor mudou. Reconciliar agora?', 'ptable-info-banner__text')\"\n  ></praxis-rich-content>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Reconciliar', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Lembrar depois', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">\n      <praxis-rich-content\n        rootClassName=\"ptable-info-banner__action-label\"\n        [nodes]=\"getTableChromeTextRichContentNodes('Ignorar', 'ptable-info-banner__action-label-text')\"\n      ></praxis-rich-content>\n    </button>\n  </div>\n  </div>\n}\n\n@if (aiAssistantOpen && aiAssistantViewState) {\n  <praxis-ai-assistant-shell\n    [labels]=\"aiAssistantLabels\"\n    [mode]=\"aiAssistantViewState.mode\"\n    [state]=\"aiAssistantViewState.state\"\n    [contextItems]=\"aiAssistantViewState.contextItems\"\n    [attachments]=\"aiAssistantViewState.attachments\"\n    [messages]=\"aiAssistantViewState.messages\"\n    [quickReplies]=\"aiAssistantViewState.quickReplies\"\n    [prompt]=\"aiAssistantPrompt\"\n    [statusText]=\"aiAssistantViewState.statusText\"\n    [errorText]=\"aiAssistantViewState.errorText\"\n    [busy]=\"aiAssistantViewState.state === 'processing' || aiAssistantViewState.state === 'applying'\"\n    [canApply]=\"aiAssistantViewState.canApply\"\n    [layout]=\"aiAssistantLayout\"\n    testIdPrefix=\"table-ai-assistant\"\n    panelTestId=\"table-ai-assistant-panel\"\n    submitTestId=\"table-ai-assistant-submit\"\n    applyTestId=\"table-ai-assistant-apply\"\n    (promptChange)=\"onAiAssistantPromptChange($event)\"\n    (submitPrompt)=\"onAiAssistantSubmit($event)\"\n    (apply)=\"onAiAssistantApply()\"\n    (quickReply)=\"onAiAssistantQuickReply($event)\"\n    (editMessage)=\"onAiAssistantEditMessage($event)\"\n    (resendMessage)=\"onAiAssistantResendMessage($event)\"\n    (layoutChange)=\"onAiAssistantLayoutChange($event)\"\n    (close)=\"closeAiAssistant()\"\n  ></praxis-ai-assistant-shell>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"enableCustomization\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [evaluationContext]=\"getToolbarEvaluationContext()\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\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            [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"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        @if (aiAdapter) {\n          <button\n            end-actions\n            mat-icon-button\n            color=\"primary\"\n            type=\"button\"\n            data-testid=\"table-ai-assistant-trigger\"\n            (click)=\"openAiAssistant()\"\n            aria-label=\"Abrir assistente de IA da tabela\"\n            matTooltip=\"Assistente de IA\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>auto_awesome</mat-icon>\n          </button>\n        }\n\n        @if (enableCustomization) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"getTableSettingsTooltip()\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && enableCustomization) {\n      <div class=\"ptable-header-actions\">\n        @if (aiAdapter) {\n          <button\n            mat-icon-button\n            color=\"primary\"\n            type=\"button\"\n            data-testid=\"table-ai-assistant-trigger\"\n            (click)=\"openAiAssistant()\"\n            aria-label=\"Abrir assistente de IA da tabela\"\n            matTooltip=\"Assistente de IA\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>auto_awesome</mat-icon>\n          </button>\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"getTableSettingsTooltip()\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" [attr.aria-label]=\"getDisconnectLabel()\" [matTooltip]=\"getDisconnectTooltip()\">\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        [evaluationContext]=\"getToolbarEvaluationContext()\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\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            [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n            (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        @if (aiAdapter) {\n          <button\n            end-actions\n            mat-icon-button\n            color=\"primary\"\n            type=\"button\"\n            data-testid=\"table-ai-assistant-trigger\"\n            (click)=\"openAiAssistant()\"\n            aria-label=\"Abrir assistente de IA da tabela\"\n            matTooltip=\"Assistente de IA\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>auto_awesome</mat-icon>\n          </button>\n        }\n        @if (enableCustomization) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"getTableSettingsTooltip()\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && enableCustomization) {\n      <div class=\"ptable-header-actions\">\n        @if (aiAdapter) {\n          <button\n            mat-icon-button\n            color=\"primary\"\n            type=\"button\"\n            data-testid=\"table-ai-assistant-trigger\"\n            (click)=\"openAiAssistant()\"\n            aria-label=\"Abrir assistente de IA da tabela\"\n            matTooltip=\"Assistente de IA\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>auto_awesome</mat-icon>\n          </button>\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" [attr.aria-label]=\"getTableSettingsLabel()\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"getTableSettingsTooltip()\"\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          <span\n            class=\"pfx-icon-renderer\"\n            [style.color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n          >\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-icon-renderer__content\"\n              [nodes]=\"getIconRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <span class=\"pfx-cell-image\">\n            <praxis-rich-content\n              rootClassName=\"pfx-cell-image__content\"\n              [nodes]=\"getImageRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-badge__content\"\n              [nodes]=\"getBadgeRichContentNodes(element, column)\"\n            ></praxis-rich-content>\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            ><praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-link__content\"\n              [nodes]=\"getLinkRichContentNodes(element, column)\"\n            ></praxis-rich-content></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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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              <praxis-rich-content\n                [layout]=\"'inline'\"\n                rootClassName=\"pfx-button-renderer__content\"\n                [nodes]=\"getButtonRichContentNodes(element, column)\"\n              ></praxis-rich-content>\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            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-chip__content\"\n              [nodes]=\"getChipRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <praxis-rich-content\n              rootClassName=\"pfx-progress__content\"\n              [context]=\"getProgressRichContentContext(element, column)\"\n              [nodes]=\"getProgressRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          <span class=\"pfx-avatar-renderer\"\n                [ngStyle]=\"getAvatarStyle(element, column)\"\n                [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\"\n                [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">\n            <praxis-rich-content\n              [layout]=\"'inline'\"\n              rootClassName=\"pfx-avatar-renderer__content\"\n              [nodes]=\"getAvatarRichContentNodes(element, column)\"\n            ></praxis-rich-content>\n          </span>\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            <praxis-rich-content rootClassName=\"pfx-menu-trigger__content\" [nodes]=\"getMenuTriggerRichContentNodes()\"></praxis-rich-content>\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              <praxis-rich-content\n                rootClassName=\"pfx-menu-item__content\"\n                [nodes]=\"getMenuItemRichContentNodes(it)\"\n              ></praxis-rich-content>\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                  <span class=\"pfx-icon-renderer\" [style.color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-icon-renderer__content\" [nodes]=\"getIconRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <span class=\"pfx-cell-image\"><praxis-rich-content rootClassName=\"pfx-cell-image__content\" [nodes]=\"getImageRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-badge__content\" [nodes]=\"getBadgeRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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()\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-link__content\" [nodes]=\"getLinkRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></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)\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-button-renderer__content\" [nodes]=\"getButtonRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\"><praxis-rich-content [layout]=\"'inline'\" rootClassName=\"pfx-chip__content\" [nodes]=\"getChipRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\">\n                    <praxis-rich-content\n                      rootClassName=\"pfx-progress__content\"\n                      [context]=\"getProgressRichContentContext(element, asItemColumn(column, it))\"\n                      [nodes]=\"getProgressRichContentNodes(element, asItemColumn(column, it))\"\n                    ></praxis-rich-content>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  <span class=\"pfx-avatar-renderer\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\"><praxis-rich-content rootClassName=\"pfx-avatar-renderer__content\" [nodes]=\"getAvatarRichContentNodes(element, asItemColumn(column, it))\"></praxis-rich-content></span>\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'\"><praxis-rich-content rootClassName=\"pfx-menu-trigger__content\" [nodes]=\"getMenuTriggerRichContentNodes()\"></praxis-rich-content></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              <praxis-rich-content\n                rootClassName=\"pfx-menu-item__content\"\n                [nodes]=\"getMenuItemRichContentNodes(mi)\"\n              ></praxis-rich-content>\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        <praxis-rich-content\n          rootClassName=\"praxis-actions-header__nodes\"\n          [nodes]=\"getActionsHeaderRichContentNodes()\"\n        ></praxis-rich-content>\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\n        class=\"praxis-actions-cell__content\"\n        [class.praxis-actions-cell__content--discovering]=\"isRowDiscoveryPending(row)\"\n        [attr.aria-busy]=\"isRowDiscoveryPending(row) ? 'true' : null\"\n      >\n        <!-- A\u00C3\u00A7\u00C3\u00B5es 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            <span\n              class=\"praxis-row-action-anchor\"\n              [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n              [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n              [matTooltip]=\"getActionTooltip(a, row)\"\n              [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n            >\n              <button\n                mat-icon-button\n                class=\"praxis-icon-btn\"\n                [class.praxis-icon-btn--workflow]=\"isWorkflowRowAction(a)\"\n                [class.praxis-icon-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                [disabled]=\"isActionDisabled(a, row)\"\n                (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                [attr.aria-label]=\"a.label || getActionId(a)\"\n                [color]=\"a.color || null\"\n              >\n                <praxis-rich-content\n                  rootClassName=\"praxis-row-action__content\"\n                  [nodes]=\"getRowActionIconRichContentNodes(a)\"\n                ></praxis-rich-content>\n              </button>\n            </span>\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            <span\n              class=\"praxis-row-action-anchor\"\n              [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n              [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n              [matTooltip]=\"getActionTooltip(a, row)\"\n              [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n            >\n              <button\n                mat-flat-button\n                class=\"praxis-row-btn\"\n                [class.praxis-row-btn--workflow]=\"isWorkflowRowAction(a)\"\n                [class.praxis-row-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                [disabled]=\"isActionDisabled(a, row)\"\n                (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                [attr.aria-label]=\"a.label || getActionId(a)\"\n                [color]=\"a.color || null\"\n              >\n                <praxis-rich-content\n                  rootClassName=\"praxis-row-action__content\"\n                  [nodes]=\"getRowActionRichContentNodes(a)\"\n                ></praxis-rich-content>\n              </button>\n            </span>\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            (menuOpened)=\"onRowOverflowMenuOpened(row)\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            [attr.aria-label]=\"getRowMenuTooltip(row)\"\n            [matTooltip]=\"getRowMenuTooltip(row)\"\n            matTooltipPosition=\"above\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          @if (hasRowOverflowMenuLoadingState(row)) {\n            <button mat-menu-item disabled>\n              <mat-icon>hourglass_empty</mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuLoadingLabel(), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          }\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, getRowActionRuntimeOptions(a, row))\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(a.label || getActionId(a), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          </ng-container>\n          @if (hasRowOverflowMenuEmptyState(row)) {\n            <button mat-menu-item disabled>\n              <mat-icon>info</mat-icon>\n              <praxis-rich-content\n                rootClassName=\"praxis-row-overflow-menu__label\"\n                [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuEmptyLabel(row), 'praxis-row-overflow-menu__label-text')\"\n              ></praxis-rich-content>\n            </button>\n          }\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-click-selectable]=\"config.behavior?.selection?.enabled\"\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                <praxis-rich-content\n                  rootClassName=\"pfx-expansion-detail-message__content\"\n                  [nodes]=\"getExpansionDetailTextRichContentNodes('Carregando detail schema...', 'pfx-expansion-detail-message__text')\"\n                  [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                ></praxis-rich-content>\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                <praxis-rich-content\n                  rootClassName=\"pfx-expansion-detail-message__content\"\n                  [nodes]=\"getExpansionDetailTextRichContentNodes(detailState.message || 'Detail indispon\u00EDvel para esta linha.', 'pfx-expansion-detail-message__text')\"\n                  [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                ></praxis-rich-content>\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\u00C3\u00A7\u00C3\u00B5es 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                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-detail-tab-btn__content\"\n                          [nodes]=\"getExpansionDetailTabButtonRichContentNodes(tab)\"\n                          [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                        ></praxis-rich-content>\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                        @if (getExpansionDetailTabRichContentNodes(tab, row, i); as richNodes) {\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-host pfx-expansion-node-host--tab\"\n                            [nodes]=\"richNodes\"\n                            [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                          ></praxis-rich-content>\n                        } @else {\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                        }\n                      </div>\n                    }\n                  }\n                } @else {\n                  <div class=\"pfx-expansion-detail-message\">\n                    <praxis-rich-content\n                      rootClassName=\"pfx-expansion-detail-message__content\"\n                      [nodes]=\"getExpansionDetailTextRichContentNodes('Schema em layout tabs sem abas v\u00E1lidas.', 'pfx-expansion-detail-message__text')\"\n                      [context]=\"getExpansionDetailRichContentContext(row, i)\"\n                    ></praxis-rich-content>\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              @if (getExpansionDetailRichContentNodes(node, row, index); as richNodes) {\n                <praxis-rich-content\n                  class=\"pfx-expansion-node-host\"\n                  [nodes]=\"richNodes\"\n                  [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                ></praxis-rich-content>\n              } @else {\n                @switch (getExpansionDetailNodeType(node)) {\n                  @case ('list') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-list\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-list__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Lista'), 'pfx-expansion-node-list__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let listItems = getExpansionDetailListItems(row, node);\n                      @let listEntries = getExpansionDetailListEntries(row, node);\n                      @if (listItems.length) {\n                        <ul>\n                          @for (entry of listEntries; track $index) {\n                            <li>\n                              @if (getExpansionDetailListItemRichContentNodes(entry); as richNodes) {\n                                <praxis-rich-content\n                                  class=\"pfx-expansion-node-list__item-host\"\n                                  [nodes]=\"richNodes\"\n                                  [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                                ></praxis-rich-content>\n                              } @else {\n                                {{ formatExpansionDetailListEntry(entry) }}\n                              }\n                            </li>\n                          }\n                        </ul>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes('Sem itens.', 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('detailList') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-rich-list\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-rich-list__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Cole\u00E7\u00E3o rica'), 'pfx-expansion-node-rich-list__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let richListEntries = getExpansionDetailRichListEntries(row, node);\n                      @if (richListEntries.length) {\n                        <div class=\"pfx-expansion-node-rich-list__items\">\n                          @for (entry of richListEntries; track $index) {\n                            <article [class]=\"getExpansionDetailRichListItemClassName(node)\">\n                              <praxis-rich-content\n                                class=\"pfx-expansion-node-rich-list__item-host\"\n                                [nodes]=\"getExpansionDetailRichListItemNodes(node)\"\n                                [context]=\"getExpansionDetailRichListItemContext(row, index, node, entry, $index)\"\n                              ></praxis-rich-content>\n                              @let itemActions = getExpansionDetailRichListItemActions(node, row, index, entry, $index);\n                              @if (itemActions.length) {\n                                <div class=\"pfx-expansion-node-rich-list__item-actions\">\n                                  @for (action of itemActions; track action.actionId) {\n                                    <button\n                                      type=\"button\"\n                                      mat-stroked-button\n                                      class=\"pfx-expansion-node-rich-list__item-action-btn\"\n                                      [disabled]=\"isExpansionDetailRichListItemActionDisabled(action, row, index, node, entry, $index)\"\n                                      (click)=\"onExpansionDetailRichListItemAction(action, row, index, node, entry, $index, $event)\"\n                                    >\n                                      <praxis-rich-content\n                                        class=\"pfx-expansion-node-rich-list__item-action-host\"\n                                        [nodes]=\"getExpansionDetailRichListItemActionNodes(action)\"\n                                        [context]=\"getExpansionDetailRichListItemContext(row, index, node, entry, $index)\"\n                                      ></praxis-rich-content>\n                                    </button>\n                                  }\n                                </div>\n                              }\n                            </article>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailRichListEmptyText(node), 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('card') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-card\">\n                      <header class=\"pfx-expansion-node-card__header\">\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-card__title\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailNodeTitle(node, 'Card'), 'pfx-expansion-node-card__title-text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                        @if (node?.subtitle) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-card__subtitle\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(node.subtitle, 'pfx-expansion-node-card__subtitle-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      </header>\n                      @if (getExpansionDetailNodeChildren(node).length) {\n                        <div class=\"pfx-expansion-node-card__content\">\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                        </div>\n                      }\n                    </section>\n                  }\n                  @case ('cardGrid') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-card-grid\">\n                      @if (getExpansionDetailCardGridHeaderNodes(node); as cardGridHeaderNodes) {\n                        @if (cardGridHeaderNodes.length) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-card-grid__header\"\n                            [nodes]=\"cardGridHeaderNodes\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      }\n                      @let gridCards = getExpansionDetailCardGridCards(node);\n                      @if (gridCards.length) {\n                        <div\n                          class=\"pfx-expansion-node-card-grid__cards\"\n                          [ngStyle]=\"getExpansionDetailCardGridStyles(node)\"\n                        >\n                          @for (card of gridCards; track $index) {\n                            <praxis-rich-content\n                              class=\"pfx-expansion-node-card-grid__card-host\"\n                              [nodes]=\"getExpansionDetailCardGridCardNodes(card)\"\n                              [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                            ></praxis-rich-content>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes('Sem itens.', 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\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                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('tableRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('chartRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('templateRef') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__empty\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('diagramEmbed') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-embed\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__header\"\n                        [nodes]=\"getExpansionDetailEmbedHeaderNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-embed__meta\"\n                        [nodes]=\"getExpansionDetailEmbedMetaNodes(node)\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @if (getExpansionDetailDiagramSource(row, node); as diagramSource) {\n                        <div class=\"pfx-expansion-node-embed__diagram\">\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-embed__diagram-label\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailDiagramSourceLabel(), 'pfx-expansion-node-embed__diagram-label-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                          <pre class=\"pfx-expansion-node-embed__diagram-source\">{{ diagramSource }}</pre>\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-embed__empty\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailEmbedEmptyText(node), 'pfx-expansion-node-embed__empty-text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                      @if (getExpansionDetailEmbedAction(node, row, index); as embedAction) {\n                        <button\n                          type=\"button\"\n                          mat-stroked-button\n                          class=\"pfx-expansion-node-embed__action-btn\"\n                          [disabled]=\"isExpansionDetailEmbedActionDisabled(embedAction, row, index)\"\n                          (click)=\"onExpansionDetailEmbedAction(embedAction, row, index, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-embed__action-host\"\n                            [nodes]=\"getExpansionDetailEmbedActionNodes(embedAction)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                      }\n                    </section>\n                  }\n                  @case ('action') {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-action\">\n                      <button\n                        type=\"button\"\n                        mat-stroked-button\n                        [disabled]=\"isExpansionDetailActionDisabled(node)\"\n                        (click)=\"onExpansionDetailAction(node, row, $event)\"\n                        >\n                          <praxis-rich-content\n                            class=\"pfx-expansion-node-action__content\"\n                            [nodes]=\"getExpansionDetailActionRichContentNodes(node)\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        </button>\n                        @if (getExpansionDetailActionStatusText(node); as actionStatusText) {\n                          <praxis-rich-content\n                            rootClassName=\"pfx-expansion-node-action__status\"\n                            [nodes]=\"getExpansionDetailTextRichContentNodes(actionStatusText, 'pfx-expansion-node-action__status-text')\"\n                            [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                          ></praxis-rich-content>\n                        }\n                      </div>\n                    }\n                  @case ('actionBar') {\n                    <section class=\"pfx-expansion-node pfx-expansion-node-action-bar\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-action-bar__title\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailActionBarTitle(node), 'pfx-expansion-node-action-bar__title-text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      @let actionBarActions = getExpansionDetailActionBarActions(node, row, index);\n                      @if (actionBarActions.length) {\n                        <div class=\"pfx-expansion-node-action-bar__actions\">\n                          @for (action of actionBarActions; track action.actionId) {\n                            <button\n                              type=\"button\"\n                              mat-stroked-button\n                              class=\"pfx-expansion-node-action-bar__action-btn\"\n                              [disabled]=\"isExpansionDetailActionBarActionDisabled(action, row, index)\"\n                              (click)=\"onExpansionDetailActionBarAction(action, row, index, $event)\"\n                            >\n                              <praxis-rich-content\n                                class=\"pfx-expansion-node-action-bar__action-host\"\n                                [nodes]=\"getExpansionDetailActionBarActionNodes(action)\"\n                                [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                              ></praxis-rich-content>\n                            </button>\n                          }\n                        </div>\n                      } @else {\n                        <praxis-rich-content\n                          rootClassName=\"pfx-expansion-node-placeholder\"\n                          [nodes]=\"getExpansionDetailTextRichContentNodes(getExpansionDetailActionBarEmptyText(node), 'pfx-expansion-node-placeholder__text')\"\n                          [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                        ></praxis-rich-content>\n                      }\n                    </section>\n                  }\n                  @case ('tab') {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('Node', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <code>tab</code>\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('fora de contexto de tabs.', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                    </div>\n                  }\n                  @default {\n                    <div class=\"pfx-expansion-node pfx-expansion-node-placeholder\">\n                      <praxis-rich-content\n                        rootClassName=\"pfx-expansion-node-placeholder__content\"\n                        [nodes]=\"getExpansionDetailTextRichContentNodes('Node n\u00E3o suportado:', 'pfx-expansion-node-placeholder__text')\"\n                        [context]=\"getExpansionDetailRichContentContext(row, index)\"\n                      ></praxis-rich-content>\n                      <code>{{ getExpansionDetailNodeType(node) }}</code>\n                    </div>\n                  }\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            [class.pfx-row-click-selectable]=\"config.behavior?.selection?.enabled\"\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                <span class=\"pfx-icon-renderer\"\n                      [style.color]=\"getIconColor(row, column) || null\"\n                      [ngStyle]=\"getIconStyle(row, column)\"\n                      [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-icon-renderer__content\"\n                    [nodes]=\"getIconRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <span class=\"pfx-cell-image\">\n                  <praxis-rich-content\n                    rootClassName=\"pfx-cell-image__content\"\n                    [nodes]=\"getImageRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-badge__content\"\n                    [nodes]=\"getBadgeRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'chip'\">\n                <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(row, column)\">\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-chip__content\"\n                    [nodes]=\"getChipRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'progress'\">\n                <div class=\"pfx-progress\">\n                  <praxis-rich-content\n                    rootClassName=\"pfx-progress__content\"\n                    [context]=\"getProgressRichContentContext(row, column)\"\n                    [nodes]=\"getProgressRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </div>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'avatar'\">\n                <span\n                  class=\"pfx-avatar-renderer\"\n                  [ngStyle]=\"getAvatarStyle(row, column)\"\n                  [class.shape-rounded]=\"getAvatarShape(row, column) === 'rounded'\"\n                  [class.shape-circle]=\"getAvatarShape(row, column) === 'circle'\"\n                >\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-avatar-renderer__content\"\n                    [nodes]=\"getAvatarRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'link'\">\n                <a\n                  class=\"pfx-link\"\n                  [attr.href]=\"getLinkHref(row, column) || null\"\n                  [attr.target]=\"getLinkTarget(row, column) || null\"\n                  [attr.rel]=\"getLinkRel(row, column) || null\"\n                  (click)=\"$event.stopPropagation()\"\n                >\n                  <praxis-rich-content\n                    [layout]=\"'inline'\"\n                    rootClassName=\"pfx-link__content\"\n                    [nodes]=\"getLinkRichContentNodes(row, column)\"\n                  ></praxis-rich-content>\n                </a>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'button'\">\n                <ng-container [ngSwitch]=\"getButtonVariant(row, column)\">\n                  <button\n                    *ngSwitchCase=\"'outlined'\"\n                    mat-stroked-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                  <button\n                    *ngSwitchCase=\"'text'\"\n                    mat-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                  <button\n                    *ngSwitchDefault\n                    mat-flat-button\n                    [color]=\"getButtonColor(row, column) || null\"\n                    [disabled]=\"isButtonDisabled(row, column)\"\n                    [attr.aria-label]=\"getButtonAriaLabel(row, column) || getButtonLabel(row, column)\"\n                    (click)=\"onButtonClick(row, column, $event)\"\n                  >\n                    <praxis-rich-content\n                      [layout]=\"'inline'\"\n                      rootClassName=\"pfx-button-renderer__content\"\n                      [nodes]=\"getButtonRichContentNodes(row, column)\"\n                    ></praxis-rich-content>\n                  </button>\n                </ng-container>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'menu'\">\n                <button\n                  mat-icon-button\n                  [matMenuTriggerFor]=\"menuRef\"\n                  (click)=\"$event.stopPropagation()\"\n                  [attr.aria-label]=\"getMenuAriaLabel(row, column) || 'Menu'\"\n                >\n                  <praxis-rich-content\n                    rootClassName=\"pfx-menu-trigger__content\"\n                    [nodes]=\"getMenuTriggerRichContentNodes()\"\n                  ></praxis-rich-content>\n                </button>\n                <mat-menu #menuRef=\"matMenu\">\n                  <button\n                    mat-menu-item\n                    *ngFor=\"let it of getMenuItems(row, column)\"\n                    (click)=\"onMenuItemClick(it, row, $event)\"\n                    [disabled]=\"!it.__visible\"\n                  >\n                    <praxis-rich-content\n                      rootClassName=\"pfx-menu-item__content\"\n                      [nodes]=\"getMenuItemRichContentNodes(it)\"\n                    ></praxis-rich-content>\n                  </button>\n                </mat-menu>\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\n        class=\"praxis-actions-cell__content\"\n        [class.praxis-actions-cell__content--discovering]=\"isRowDiscoveryPending(row)\"\n        [attr.aria-busy]=\"isRowDiscoveryPending(row) ? 'true' : null\"\n      >\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <span\n                    class=\"praxis-row-action-anchor\"\n                    [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n                    [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                    [matTooltip]=\"getActionTooltip(a, row)\"\n                    [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n                    matTooltipPosition=\"above\"\n                    matTooltipClass=\"praxis-tooltip\"\n                  >\n                    <button mat-icon-button class=\"praxis-icon-btn\"\n                            [class.praxis-icon-btn--workflow]=\"isWorkflowRowAction(a)\"\n                            [class.praxis-icon-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                            [disabled]=\"isActionDisabled(a, row)\"\n                            (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                            [attr.aria-label]=\"a.label || getActionId(a)\"\n                            [color]=\"a.color || null\">\n                      <praxis-rich-content\n                        rootClassName=\"praxis-row-action__content\"\n                        [nodes]=\"getRowActionIconRichContentNodes(a)\"\n                      ></praxis-rich-content>\n                    </button>\n                  </span>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <span\n                    class=\"praxis-row-action-anchor\"\n                    [class.praxis-row-action-anchor--workflow]=\"isWorkflowRowAction(a)\"\n                    [class.praxis-row-action-anchor--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                    [matTooltip]=\"getActionTooltip(a, row)\"\n                    [matTooltipDisabled]=\"!getActionTooltip(a, row)\"\n                    matTooltipPosition=\"above\"\n                    matTooltipClass=\"praxis-tooltip\"\n                  >\n                    <button mat-flat-button class=\"praxis-row-btn\"\n                            [class.praxis-row-btn--workflow]=\"isWorkflowRowAction(a)\"\n                            [class.praxis-row-btn--blocked]=\"isBlockedWorkflowRowAction(a, row)\"\n                            [disabled]=\"isActionDisabled(a, row)\"\n                            (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\"\n                            [attr.aria-label]=\"a.label || getActionId(a)\"\n                            [color]=\"a.color || null\">\n                      <praxis-rich-content\n                        rootClassName=\"praxis-row-action__content\"\n                        [nodes]=\"getRowActionRichContentNodes(a)\"\n                      ></praxis-rich-content>\n                    </button>\n                  </span>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        (menuOpened)=\"onRowOverflowMenuOpened(row)\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        [attr.aria-label]=\"getRowMenuTooltip(row)\"\n                        [matTooltip]=\"getRowMenuTooltip(row)\"\n                        matTooltipPosition=\"above\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                @if (hasRowOverflowMenuLoadingState(row)) {\n                  <button mat-menu-item disabled>\n                    <mat-icon>hourglass_empty</mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuLoadingLabel(), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                }\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n            <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event, getRowActionRuntimeOptions(a, row))\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(a.label || getActionId(a), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                </ng-container>\n                @if (hasRowOverflowMenuEmptyState(row)) {\n                  <button mat-menu-item disabled>\n                    <mat-icon>info</mat-icon>\n                    <praxis-rich-content\n                      rootClassName=\"praxis-row-overflow-menu__label\"\n                      [nodes]=\"getTableChromeTextRichContentNodes(getRowOverflowMenuEmptyLabel(row), 'praxis-row-overflow-menu__label-text')\"\n                    ></praxis-rich-content>\n                  </button>\n                }\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 (shouldShowLoadingSurface()) {\n  <div class=\"ptable-loading-state\" role=\"status\" aria-live=\"polite\">\n    <div class=\"ptable-loading-state__hero\" aria-hidden=\"true\">\n      <span class=\"ptable-loading-state__line ptable-loading-state__line--wide\"></span>\n      <span class=\"ptable-loading-state__line ptable-loading-state__line--short\"></span>\n      <div class=\"ptable-loading-state__rows\">\n        @for (placeholder of [1, 2, 3]; track placeholder) {\n          <div class=\"ptable-loading-state__row\">\n            <span class=\"ptable-loading-state__cell ptable-loading-state__cell--short\"></span>\n            <span class=\"ptable-loading-state__cell\"></span>\n            <span class=\"ptable-loading-state__cell ptable-loading-state__cell--wide\"></span>\n          </div>\n        }\n      </div>\n    </div>\n    <div class=\"ptable-loading-state__message\">\n      {{ getLoadingSurfaceMessage() }}\n    </div>\n  </div>\n}\n@if (shouldShowNoDataState()) {\n  <div class=\"ptable-no-data-state\" role=\"status\" aria-live=\"polite\">\n    <praxis-empty-state-card\n      [icon]=\"getNoDataStateIcon()\"\n      [title]=\"getNoDataStateTitle()\"\n      [description]=\"getNoDataStateDescription()\"\n      [primaryAction]=\"getNoDataStatePrimaryAction()\"\n      [secondaryActions]=\"getNoDataStateSecondaryActions()\"\n      [inline]=\"true\"\n    ></praxis-empty-state-card>\n  </div>\n}\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        <praxis-rich-content\n          rootClassName=\"praxis-floating-bulk-actions__content\"\n          [nodes]=\"getFloatingBulkActionRichContentNodes(action)\"\n        ></praxis-rich-content>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00C3\u00A7\u00C3\u00B5es no rodap\u00C3\u00A9 (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    [showActionsGroup]=\"shouldShowToolbarActionsBottom()\"\n    [showMobileActions]=\"shouldShowToolbarActionsBottom()\"\n        [evaluationContext]=\"getToolbarEvaluationContext()\"\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      [enableCustomization]=\"enableCustomization\"\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]=\"enableCustomization\"\n      (change)=\"onAdvancedFilterChange($event)\"\n            (requestSearch)=\"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      @if (aiAdapter) {\n        <button\n          end-actions\n          mat-icon-button\n          color=\"primary\"\n          type=\"button\"\n          data-testid=\"table-ai-assistant-trigger\"\n          (click)=\"openAiAssistant()\"\n          aria-label=\"Abrir assistente de IA da tabela\"\n          matTooltip=\"Assistente de IA\"\n          matTooltipPosition=\"below\"\n        >\n          <mat-icon>auto_awesome</mat-icon>\n        </button>\n      }\n    }\n    <button\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter() && enableCustomization\"\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      [attr.aria-label]=\"getTableSettingsLabel()\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"getTableSettingsTooltip()\"\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    [selectConfig]=\"paginatorSelectConfig\"\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    [selectConfig]=\"paginatorSelectConfig\"\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__content{display:inline-flex;align-items:center;gap:6px;min-width:0}.pfx-expansion-detail-tab-btn__icon .prx-rich-icon{font-size:16px;line-height:1}.pfx-expansion-detail-tab-btn__title{white-space:nowrap}.pfx-expansion-detail-tab-btn__badge .prx-rich-badge{padding:0 8px;min-height:18px;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit}.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-card__content{display:grid;gap:10px}.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-rich-list__title{margin:0 0 8px;font-size:13px}.pfx-expansion-node-rich-list__items{display:grid;gap:12px}.pfx-expansion-node-rich-list__item{display:grid;gap:10px;padding:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dbe5);border-radius:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.pfx-expansion-node-rich-list__item--row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.pfx-expansion-node-rich-list__item--stack{grid-template-columns:minmax(0,1fr)}.pfx-expansion-node-rich-list__item--card-list{grid-template-columns:minmax(0,1fr);box-shadow:0 4px 14px #0f172a0a}.pfx-expansion-node-rich-list__item-host{min-width:0}.pfx-expansion-node-rich-list__item-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pfx-expansion-node-rich-list__item-action-btn{min-width:0}.pfx-expansion-node-rich-list__item-action-host{display:inline-flex;align-items:center}.pfx-expansion-node-action-bar__title{margin:0 0 12px}.pfx-expansion-node-action-bar__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pfx-expansion-node-action-bar__action-btn{min-width:0}.pfx-expansion-node-action-bar__action-host{display:inline-flex;align-items:center}.pfx-expansion-node-card-grid__header{margin:0 0 12px}.pfx-expansion-node-card-grid__cards{display:grid;gap:12px;grid-template-columns:var(--pfx-expansion-card-grid-columns, repeat(auto-fit, minmax(var(--pfx-expansion-card-grid-min-width, 220px), 1fr)))}.pfx-expansion-node-card-grid__card-host{min-width:0}.pfx-expansion-node-card-grid__card-host [data-rich-node-type=card]{height:100%}.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: 6px 10px;--p-cell-padding: 6px 10px;--p-actions-btn-size: 30px;--p-actions-icon-size: 16px}:host.density-comfortable{--p-header-padding: 10px 14px;--p-cell-padding: 10px 14px;--p-actions-btn-size: 36px;--p-actions-icon-size: 18px}: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:6px;width:100%;transition:opacity .12s ease}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-actions-cell__content--discovering{opacity:.78}.praxis-row-action-anchor{display:inline-flex;align-items:center}.praxis-row-action-anchor--workflow{position:relative}.praxis-row-action-anchor--workflow:after{content:\"\";position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:999px;background:var(--md-sys-color-secondary);opacity:.9;pointer-events:none}.praxis-row-action-anchor--blocked:after{background:var(--md-sys-color-error)}.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-icon-btn--workflow{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 36%,transparent)}.praxis-icon-btn--blocked{background:color-mix(in srgb,var(--md-sys-color-error-container) 42%,transparent)}.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-row-btn--workflow{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-secondary) 28%,transparent)}.praxis-row-btn--blocked{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-error) 28%,transparent)}.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:6px;margin:10px 0 8px;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:var(--praxis-layer-floating-local, 200);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:6px 10px}:host ::ng-deep .mat-mdc-paginator{border-top:1px solid color-mix(in srgb,var(--p-table-border-color) 82%,transparent);background:color-mix(in srgb,var(--p-table-bg) 94%,white)}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-container{min-height:40px;padding:4px 8px;gap:6px}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select{margin-left:8px;width:92px}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper{--mdc-outlined-text-field-container-color: color-mix( in srgb, var(--p-table-bg) 92%, var(--md-sys-color-on-surface) 8% );--mdc-outlined-text-field-input-text-color: var(--p-table-text-color);min-height:40px;padding-inline:12px 8px;background:color-mix(in srgb,var(--p-table-bg) 92%,var(--md-sys-color-on-surface) 8%)!important;background-color:color-mix(in srgb,var(--p-table-bg) 92%,var(--md-sys-color-on-surface) 8%)!important;color:var(--p-table-text-color)!important}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select .mat-mdc-form-field-infix{min-height:40px;padding-block:8px;width:auto}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-page-size-select .mat-mdc-select-trigger{min-height:24px;padding-right:2px;color:var(--p-table-text-color)}:host ::ng-deep .mat-mdc-paginator .mat-mdc-paginator-range-label,:host ::ng-deep .mat-mdc-paginator .mat-mdc-select-value-text{font-size:12px;color:color-mix(in srgb,var(--p-table-text-color) 76%,white)}::ng-deep .praxis-table-paginator-select-panel.mat-mdc-select-panel{--mat-select-panel-background-color: var(--md-sys-color-surface-container, #fff);background:var(--md-sys-color-surface-container, #fff)!important;background-color:var(--md-sys-color-surface-container, #fff)!important;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 70%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--md-sys-color-shadow, #000) 28%,transparent)}::ng-deep .praxis-table-paginator-select-panel .mat-mdc-option{--mat-option-label-text-color: var(--md-sys-color-on-surface, #111827);color:var(--md-sys-color-on-surface, #111827)!important}::ng-deep .praxis-table-paginator-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),::ng-deep .praxis-table-paginator-select-panel .mat-mdc-option.mat-mdc-option-active{--mat-option-hover-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2f7cff) 14%, transparent );background:color-mix(in srgb,var(--md-sys-color-primary, #2f7cff) 14%,transparent)!important;color:var(--md-sys-color-on-surface, #111827)!important}: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;white-space:nowrap;--prx-rich-content-inline-gap: 6px}.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:var(--praxis-layer-sticky-local, 100);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:var(--praxis-layer-authoring-hover, 300)}.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);line-height:1.25;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.pfx-row-click-selectable{cursor:pointer}: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 ::ng-deep .mat-mdc-row.pfx-row-selected .mat-mdc-cell{background:var(--p-table-row-selected-bg)}:host ::ng-deep .mat-mdc-row.pfx-row-selected .mat-mdc-cell:first-child{box-shadow:inset 4px 0 0 var(--md-sys-color-primary)}: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;white-space:nowrap;--prx-rich-content-inline-gap: 6px}.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)}.pfx-expansion-node-embed{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;background:var(--md-sys-color-surface-container-low, var(--md-sys-color-surface))}.ptable-loading-state{padding:8px 12px 4px;display:grid;gap:10px}.ptable-loading-state__hero{display:grid;gap:10px;padding:14px;border-radius:8px;border:1px solid rgba(18,99,180,.08);background:linear-gradient(180deg,#ffffffa6,#ffffff47),linear-gradient(0deg,#1263b408,#1263b400)}.ptable-loading-state__rows{display:grid;gap:8px}.ptable-loading-state__row{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(140px,1.2fr);gap:8px}.ptable-loading-state__line,.ptable-loading-state__cell{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#1263b414,#1263b42e,#1263b414);background-size:200% 100%;animation:ptable-loading-wave 1.2s ease-in-out infinite}.ptable-loading-state__line--wide{width:180px}.ptable-loading-state__line--short{width:96px}.ptable-loading-state__cell--short{width:100%;max-width:84px}.ptable-loading-state__cell--wide{width:100%}.ptable-loading-state__message{font-size:.85rem;color:var(--md-sys-color-on-surface-variant, #5a5d67);padding-inline:4px}.pfx-expansion-node-embed__header,.pfx-expansion-node-embed__meta,.pfx-expansion-node-embed__empty,.pfx-expansion-node-embed__diagram-label{display:block}.ptable-no-data-state{padding:8px 12px 4px}.ptable-no-data-state ::ng-deep .empty-card{margin:0;border-radius:8px}@keyframes ptable-loading-wave{0%{background-position:100% 0}to{background-position:-100% 0}}.pfx-expansion-node-embed__diagram{display:flex;flex-direction:column;gap:8px}.pfx-expansion-node-embed__diagram-source{margin:0;padding:12px;overflow:auto;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest, var(--md-sys-color-surface));color:var(--md-sys-color-on-surface);font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap}.pfx-expansion-node-embed__action-btn{align-self:flex-start}.pfx-expansion-node-embed__action-host{display:inline-flex}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i3$1.SettingsPanelService }, { type: i1.GenericCrudService }, { type: TableDefaultsProvider }, { type: FilterConfigService }, { type: DataFormattingService }, { type: i6$3.PraxisDialog }, { type: i2$2.MatSnackBar }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ASYNC_CONFIG_STORAGE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CONNECTION_STORAGE]
+                }] }, { type: i0.ElementRef }, { type: i1.GlobalConfigService }, { type: i1.ResourceDiscoveryService }, { type: i1.ComponentKeyService }, { type: i1.LoadingOrchestrator }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRAXIS_LOADING_RENDERER]
+                }] }, { type: i6$2.ActivatedRoute, decorators: [{
+                    type: Optional
+                }] }, { type: i1.LoggerService, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { config: [{
+                type: Input
+            }], resourcePath: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], tableId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], componentInstanceId: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], autoDelete: [{
+                type: Input
+            }], notifyIfOutdated: [{
+                type: Input
+            }], snoozeMs: [{
+                type: Input
+            }], autoOpenSettingsOnOutdated: [{
+                type: Input
+            }], crudContext: [{
+                type: Input
+            }], filterCriteria: [{
+                type: Input
+            }], queryContext: [{
+                type: Input
+            }], rowClick: [{
+                type: Output
+            }], rowDoubleClick: [{
+                type: Output
+            }], rowExpansionChange: [{
+                type: Output
+            }], rowAction: [{
+                type: Output
+            }], toolbarAction: [{
+                type: Output
+            }], bulkAction: [{
+                type: Output
+            }], columnReorder: [{
+                type: Output
+            }], columnReorderAttempt: [{
+                type: Output
+            }], beforeDelete: [{
+                type: Output
+            }], afterDelete: [{
+                type: Output
+            }], deleteError: [{
+                type: Output
+            }], beforeBulkDelete: [{
+                type: Output
+            }], afterBulkDelete: [{
+                type: Output
+            }], bulkDeleteError: [{
+                type: Output
+            }], schemaStatusChange: [{
+                type: Output
+            }], metadataChange: [{
+                type: Output
+            }], loadingStateChange: [{
+                type: Output
+            }], collectionLinksChange: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort]
+            }], materialTable: [{
+                type: ViewChild,
+                args: [MatTable]
+            }], internalFilter: [{
+                type: ViewChild,
+                args: [PraxisFilter]
+            }], toolbar: [{
+                type: ContentChild,
+                args: [PraxisTableToolbar]
+            }], projectedFilter: [{
+                type: ContentChild,
+                args: ['projectedFilter']
+            }], enableCustomization: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], dense: [{
+                type: Input
+            }], hostDensityCompactClass: [{
+                type: HostBinding,
+                args: ['class.density-compact']
+            }], hostDensityComfortableClass: [{
+                type: HostBinding,
+                args: ['class.density-comfortable']
+            }], hostDensitySpaciousClass: [{
+                type: HostBinding,
+                args: ['class.density-spacious']
+            }], hostRowBordersClass: [{
+                type: HostBinding,
+                args: ['class.row-borders']
+            }], hostColumnBordersClass: [{
+                type: HostBinding,
+                args: ['class.col-borders']
+            }] } });
 
 class AnalyticsTableConfigAdapterService {
     toTableConfig(projection, options) {
@@ -47898,7 +48183,7 @@ class PraxisTableInlineAuthoringEditorComponent {
             return;
         }
         this.lastInputSignature = signature;
-        this.workingConfig = cloneTableConfig(this.config);
+        this.workingConfig = cloneTableConfig$1(this.config);
         this.toolbarTitle = this.workingConfig.toolbar?.title || '';
         this.toolbarSubtitle = this.workingConfig.toolbar?.subtitle || '';
         this.toolbarVisible = this.workingConfig.toolbar?.visible !== false;
@@ -48060,7 +48345,7 @@ class PraxisTableInlineAuthoringEditorComponent {
         });
     }
     onColumnsConfigChange(config) {
-        this.workingConfig = cloneTableConfig(config);
+        this.workingConfig = cloneTableConfig$1(config);
         this.toolbarTitle = this.workingConfig.toolbar?.title || '';
         this.toolbarSubtitle = this.workingConfig.toolbar?.subtitle || '';
         this.toolbarVisible = this.workingConfig.toolbar?.visible !== false;
@@ -48180,7 +48465,7 @@ class PraxisTableInlineAuthoringEditorComponent {
         return this.i18n.t(key, undefined, fallback, PRAXIS_TABLE_EDITOR_I18N_NAMESPACE);
     }
     emitConfig() {
-        const next = cloneTableConfig(this.workingConfig);
+        const next = cloneTableConfig$1(this.workingConfig);
         this.lastInputSignature = JSON.stringify(next);
         this.configChange.emit(next);
     }
@@ -49091,7 +49376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             }], configChange: [{
                 type: Output
             }] } });
-function cloneTableConfig(config) {
+function cloneTableConfig$1(config) {
     return JSON.parse(JSON.stringify(config || { columns: [] }));
 }
 function clampNumber(value, min, max, fallback) {
@@ -49295,6 +49580,12 @@ const PRAXIS_TABLE_COMPONENT_METADATA = {
             label: 'Mudança de expansão',
             description: 'Emitido ao expandir/colapsar detalhes com contrato discriminado por política de exposição de identificadores',
         },
+        {
+            name: 'selectionChange',
+            type: '{ trigger: string; row?: any; selectedRows: any[]; selectedCount: number; tableId?: string }',
+            label: 'Selecao alterada',
+            description: 'Emitido quando a selecao de linhas muda por interacao do usuario',
+        },
         {
             name: 'rowAction',
             type: '{ action: string; row: any }',
@@ -50350,6 +50641,797 @@ const TABLE_COMPONENT_AI_CAPABILITIES = {
     ],
 };
 
+const TABLE_COMPONENT_EDIT_PLAN_KIND = 'praxis.table.component-edit-plan';
+const TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND = 'praxis.table.component-edit-plan.batch';
+const TABLE_COMPONENT_EDIT_PLAN_VERSION = '1.0';
+const TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS = [
+    'set_column_format',
+    'set_column_header',
+    'set_column_visibility',
+    'set_column_conditional_style',
+    'set_column_computed',
+    'set_column_value_mapping',
+    'set_column_badge_renderer',
+    'set_column_conditional_badge_renderers',
+];
+const TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS = {
+    set_column_format: 'columns[].format',
+    set_column_header: 'columns[].header',
+    set_column_visibility: 'columns[].visible',
+    set_column_conditional_style: 'columns[].conditionalStyles[].condition',
+    set_column_computed: 'columns[].computed.expression',
+    set_column_value_mapping: 'columns[].valueMapping',
+    set_column_badge_renderer: 'columns[].renderer.badge',
+    set_column_conditional_badge_renderers: 'columns[].conditionalRenderers[].renderer.badge',
+};
+function getTableComponentEditPlanCapabilities() {
+    return [
+        {
+            path: 'componentEditPlan',
+            category: 'columns',
+            valueKind: 'object',
+            critical: true,
+            description: 'Contrato declarativo preferido para edicoes de coluna em praxis-table. Use em vez de patch livre quando a intencao couber nos changeKinds permitidos.',
+        },
+        {
+            path: 'componentEditPlan.kind',
+            category: 'columns',
+            valueKind: 'enum',
+            allowedValues: [TABLE_COMPONENT_EDIT_PLAN_KIND, TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND],
+            description: 'Use praxis.table.component-edit-plan para uma operacao ou praxis.table.component-edit-plan.batch quando a solicitacao exigir varias operacoes atomicas.',
+        },
+        {
+            path: 'componentEditPlan.version',
+            category: 'columns',
+            valueKind: 'enum',
+            allowedValues: [TABLE_COMPONENT_EDIT_PLAN_VERSION],
+            description: 'Versao atual do contrato declarativo de edicao de tabela.',
+        },
+        {
+            path: 'componentEditPlan.changeKind',
+            category: 'columns',
+            valueKind: 'enum',
+            allowedValues: TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS,
+            description: 'Tipo canonico de alteracao. Deve corresponder ao capabilityPath e ao formato esperado do value.',
+        },
+        {
+            path: 'componentEditPlan.capabilityPath',
+            category: 'columns',
+            valueKind: 'enum',
+            allowedValues: Object.values(TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS),
+            description: 'Path canonico permitido para a operacao. Nao invente paths fora desse catalogo.',
+        },
+        {
+            path: 'componentEditPlan.field',
+            category: 'columns',
+            valueKind: 'string',
+            description: 'Nome tecnico da coluna alvo existente. Para set_column_computed, use o nome tecnico da nova coluna calculada.',
+        },
+        {
+            path: 'componentEditPlan.value',
+            category: 'columns',
+            valueKind: 'object',
+            description: 'Payload validado pelo changeKind: formato permitido, header string, boolean de visibilidade, valueMapping, badge, Json Logic condicional ou computed expression.',
+        },
+        {
+            path: 'componentEditPlan.operations',
+            category: 'columns',
+            valueKind: 'array',
+            description: 'Lista de operacoes unitarias para batch. O batch e atomico: se qualquer operacao falhar, nenhum patch parcial deve ser aplicado.',
+        },
+    ];
+}
+const TABLE_COMPONENT_EDIT_PLAN_JSON_SCHEMA = {
+    $schema: 'https://json-schema.org/draft/2020-12/schema',
+    $id: 'https://praxisui.dev/schemas/table/component-edit-plan.v1.schema.json',
+    title: 'Praxis Table Component Edit Plan',
+    description: 'Declarative, versioned contract for AI-authored table column edits.',
+    oneOf: [
+        { $ref: '#/$defs/singlePlanEnvelope' },
+        { $ref: '#/$defs/batchPlanEnvelope' },
+    ],
+    $defs: {
+        changeKind: {
+            type: 'string',
+            enum: TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS,
+        },
+        capabilityPath: {
+            type: 'string',
+            enum: Object.values(TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS),
+        },
+        jsonLogicExpression: {
+            type: 'object',
+            minProperties: 1,
+            additionalProperties: true,
+        },
+        badge: {
+            type: 'object',
+            additionalProperties: false,
+            properties: {
+                text: { type: 'string', minLength: 1 },
+                textField: { type: 'string', minLength: 1 },
+                color: { type: 'string', minLength: 1 },
+                variant: { type: 'string', enum: ['filled', 'outlined', 'soft'] },
+                icon: { type: 'string', minLength: 1 },
+            },
+            anyOf: [
+                { required: ['text'] },
+                { required: ['textField'] },
+            ],
+        },
+        operation: {
+            type: 'object',
+            additionalProperties: false,
+            required: ['changeKind', 'field', 'value'],
+            properties: {
+                kind: { const: TABLE_COMPONENT_EDIT_PLAN_KIND },
+                version: { const: TABLE_COMPONENT_EDIT_PLAN_VERSION },
+                componentId: { const: 'praxis-table' },
+                changeKind: { $ref: '#/$defs/changeKind' },
+                capabilityPath: { $ref: '#/$defs/capabilityPath' },
+                configPath: { $ref: '#/$defs/capabilityPath' },
+                field: { type: 'string', minLength: 1 },
+                targetField: { type: 'string', minLength: 1 },
+                value: true,
+                condition: true,
+                style: true,
+                cssClass: true,
+                description: { type: 'string' },
+                explanation: { type: 'string' },
+            },
+            allOf: [
+                {
+                    if: { properties: { changeKind: { const: 'set_column_conditional_style' } }, required: ['changeKind'] },
+                    then: {
+                        properties: {
+                            value: {
+                                type: 'object',
+                                required: ['condition'],
+                                properties: {
+                                    condition: { $ref: '#/$defs/jsonLogicExpression' },
+                                    cssClass: { type: 'string', minLength: 1 },
+                                    style: { type: 'object', minProperties: 1 },
+                                    description: { type: 'string' },
+                                },
+                                anyOf: [
+                                    { required: ['cssClass'] },
+                                    { required: ['style'] },
+                                ],
+                            },
+                        },
+                    },
+                },
+                {
+                    if: { properties: { changeKind: { const: 'set_column_conditional_badge_renderers' } }, required: ['changeKind'] },
+                    then: {
+                        properties: {
+                            value: {
+                                oneOf: [
+                                    { $ref: '#/$defs/conditionalBadgeRules' },
+                                    {
+                                        type: 'object',
+                                        required: ['rules'],
+                                        properties: {
+                                            rules: { $ref: '#/$defs/conditionalBadgeRules' },
+                                        },
+                                        additionalProperties: false,
+                                    },
+                                ],
+                            },
+                        },
+                    },
+                },
+            ],
+        },
+        conditionalBadgeRules: {
+            type: 'array',
+            minItems: 1,
+            items: {
+                type: 'object',
+                additionalProperties: false,
+                required: ['condition'],
+                anyOf: [
+                    { required: ['badge'] },
+                    { required: ['value'] },
+                ],
+                properties: {
+                    condition: { $ref: '#/$defs/jsonLogicExpression' },
+                    badge: { $ref: '#/$defs/badge' },
+                    value: { $ref: '#/$defs/badge' },
+                    description: { type: 'string' },
+                    enabled: { type: 'boolean' },
+                },
+            },
+        },
+        singlePlanEnvelope: {
+            allOf: [
+                { $ref: '#/$defs/operation' },
+                {
+                    type: 'object',
+                    properties: {
+                        kind: { const: TABLE_COMPONENT_EDIT_PLAN_KIND },
+                    },
+                },
+            ],
+        },
+        batchPlanEnvelope: {
+            type: 'object',
+            additionalProperties: false,
+            required: ['kind', 'version', 'componentId', 'operations'],
+            properties: {
+                kind: { const: TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND },
+                version: { const: TABLE_COMPONENT_EDIT_PLAN_VERSION },
+                componentId: { const: 'praxis-table' },
+                operations: {
+                    type: 'array',
+                    minItems: 1,
+                    items: { $ref: '#/$defs/operation' },
+                },
+                explanation: { type: 'string' },
+            },
+        },
+    },
+};
+function coerceTableComponentEditPlans(value) {
+    if (!value || typeof value !== 'object')
+        return null;
+    const candidate = value;
+    const nested = candidate['componentEditPlan']
+        ?? candidate['componentEditPlans']
+        ?? candidate['tableEditPlan']
+        ?? candidate['tableEditPlans']
+        ?? candidate['editPlan']
+        ?? candidate['editPlans']
+        ?? (candidate['kind'] === TABLE_COMPONENT_EDIT_PLAN_KIND || candidate['kind'] === TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND ? candidate : null);
+    if (!nested || typeof nested !== 'object')
+        return null;
+    const plans = coercePlanList(nested);
+    return plans.length > 0 ? plans : null;
+}
+function coerceTableComponentEditPlan(value) {
+    return coerceTableComponentEditPlans(value)?.[0] ?? null;
+}
+function compileTableComponentEditPlans(plans, currentConfig) {
+    const warnings = [];
+    const failureCodes = [];
+    let workingConfig = cloneTableConfig(currentConfig);
+    let patch = {};
+    const explanations = [];
+    if (!Array.isArray(plans) || plans.length === 0) {
+        return { warnings, failureCodes: ['componentEditPlan operations are required'] };
+    }
+    const isBatch = plans.length > 1;
+    plans.forEach((plan, index) => {
+        if (failureCodes.length > 0)
+            return;
+        const compiled = compileTableComponentEditPlan(plan, workingConfig);
+        warnings.push(...compiled.warnings);
+        if (!compiled.patch) {
+            failureCodes.push(...compiled.failureCodes.map((failure) => isBatch ? `operation ${index + 1}: ${failure}` : failure));
+            return;
+        }
+        patch = mergeTablePatches(patch, compiled.patch);
+        workingConfig = applyPatchToWorkingConfig(workingConfig, compiled.patch);
+        if (compiled.explanation) {
+            explanations.push(compiled.explanation);
+        }
+    });
+    if (failureCodes.length > 0) {
+        return { warnings, failureCodes };
+    }
+    return {
+        patch,
+        explanation: explanations.join(' '),
+        warnings,
+        failureCodes,
+    };
+}
+function compileTableComponentEditPlan(plan, currentConfig) {
+    const warnings = [];
+    const failureCodes = [];
+    if (plan.componentId && plan.componentId !== 'praxis-table') {
+        failureCodes.push(`unsupported componentId: ${plan.componentId}`);
+    }
+    if (!isSupportedChangeKind(plan.changeKind)) {
+        failureCodes.push(`unsupported changeKind: ${plan.changeKind}`);
+    }
+    const expectedCapabilityPath = expectedPathForChangeKind(plan.changeKind);
+    const capabilityPath = plan.capabilityPath || plan.configPath || expectedCapabilityPath;
+    if (expectedCapabilityPath && capabilityPath !== expectedCapabilityPath) {
+        failureCodes.push(`unsupported capabilityPath: ${capabilityPath}`);
+    }
+    const capability = TABLE_AI_CAPABILITIES.capabilities.find((cap) => cap.path === capabilityPath);
+    if (!capability && capabilityPath) {
+        failureCodes.push(`missing capability: ${capabilityPath}`);
+    }
+    const field = normalizeText(plan.field || plan.targetField);
+    if (!field) {
+        failureCodes.push('target field is required');
+    }
+    const columns = currentConfig.columns || [];
+    const column = columns.find((candidate) => candidate.field === field);
+    if (field && !column && plan.changeKind !== 'set_column_computed') {
+        failureCodes.push(`target field not found: ${field}`);
+    }
+    const valueValidation = validateValueForChangeKind(plan.changeKind, plan.value, capability?.allowedValues?.map(String) || []);
+    failureCodes.push(...valueValidation.failureCodes);
+    if (failureCodes.length > 0) {
+        return { warnings, failureCodes };
+    }
+    const patchColumn = { field };
+    if (plan.changeKind === 'set_column_format') {
+        const format = valueValidation.value;
+        const inferredType = inferColumnTypeFromFormat(format);
+        patchColumn['format'] = format;
+        if (inferredType) {
+            patchColumn['type'] = inferredType;
+        }
+    }
+    else if (plan.changeKind === 'set_column_header') {
+        patchColumn['header'] = valueValidation.value;
+    }
+    else if (plan.changeKind === 'set_column_visibility') {
+        patchColumn['visible'] = valueValidation.value;
+    }
+    else if (plan.changeKind === 'set_column_conditional_style') {
+        const existingRules = Array.isArray(column.conditionalStyles)
+            ? [...column.conditionalStyles]
+            : [];
+        patchColumn['conditionalStyles'] = [...existingRules, valueValidation.value];
+    }
+    else if (plan.changeKind === 'set_column_value_mapping') {
+        patchColumn['valueMapping'] = valueValidation.value;
+    }
+    else if (plan.changeKind === 'set_column_badge_renderer') {
+        patchColumn['renderer'] = {
+            type: 'badge',
+            badge: valueValidation.value,
+        };
+    }
+    else if (plan.changeKind === 'set_column_conditional_badge_renderers') {
+        const existingRules = Array.isArray(column.conditionalRenderers)
+            ? [...column.conditionalRenderers]
+            : [];
+        patchColumn['conditionalRenderers'] = [...existingRules, ...valueValidation.value];
+    }
+    else if (plan.changeKind === 'set_column_computed') {
+        const computedValue = valueValidation.value;
+        const header = normalizeText(computedValue['header']) || field;
+        const outputType = normalizeText(computedValue['outputType']);
+        const format = normalizeText(computedValue['format']);
+        const dependencies = Array.isArray(computedValue['dependencies'])
+            ? computedValue['dependencies']
+            : undefined;
+        patchColumn['header'] = header;
+        patchColumn['computed'] = {
+            expression: computedValue['expression'],
+            ...(outputType ? { outputType } : {}),
+            ...(format ? { format } : {}),
+            ...(dependencies ? { dependencies } : {}),
+        };
+        if (outputType) {
+            patchColumn['type'] = outputType;
+        }
+    }
+    return {
+        patch: {
+            columns: [patchColumn],
+        },
+        explanation: plan.explanation || defaultExplanation(plan.changeKind, field, valueValidation.value),
+        warnings,
+        failureCodes,
+    };
+}
+function normalizeText(value) {
+    return typeof value === 'string' ? value.trim() : '';
+}
+function coercePlanList(value, inherited) {
+    if (Array.isArray(value)) {
+        return value.flatMap((item) => coercePlanList(item, inherited));
+    }
+    if (!value || typeof value !== 'object')
+        return [];
+    const candidate = value;
+    const batchItems = candidate['operations'] ?? candidate['plans'] ?? candidate['changes'];
+    if (Array.isArray(batchItems)) {
+        const nextInherited = {
+            kind: candidate['kind'] === TABLE_COMPONENT_EDIT_PLAN_KIND ? candidate['kind'] : undefined,
+            version: candidate['version'],
+            componentId: candidate['componentId'],
+        };
+        return batchItems.flatMap((item) => coercePlanList(item, nextInherited));
+    }
+    const plan = candidate;
+    if (!plan.changeKind && !plan.capabilityPath && !plan.configPath)
+        return [];
+    return [{
+            ...inherited,
+            ...plan,
+        }];
+}
+function cloneTableConfig(config) {
+    try {
+        return structuredClone(config);
+    }
+    catch {
+        return JSON.parse(JSON.stringify(config));
+    }
+}
+function mergeTablePatches(left, right) {
+    return {
+        ...left,
+        ...right,
+        columns: mergeColumnPatches(left.columns, right.columns),
+    };
+}
+function mergeColumnPatches(left, right) {
+    const merged = new Map();
+    for (const column of [...(left || []), ...(right || [])]) {
+        const field = normalizeText(column?.field);
+        if (!field)
+            continue;
+        merged.set(field, {
+            ...(merged.get(field) || {}),
+            ...column,
+        });
+    }
+    return merged.size > 0 ? Array.from(merged.values()) : undefined;
+}
+function applyPatchToWorkingConfig(config, patch) {
+    const next = cloneTableConfig(config);
+    const patchColumns = Array.isArray(patch.columns) ? patch.columns : [];
+    if (patchColumns.length === 0)
+        return next;
+    const columns = [...(next.columns || [])];
+    for (const patchColumn of patchColumns) {
+        const field = normalizeText(patchColumn?.field);
+        if (!field)
+            continue;
+        const index = columns.findIndex((column) => column?.field === field);
+        if (index >= 0) {
+            columns[index] = { ...columns[index], ...patchColumn };
+        }
+        else {
+            columns.push(patchColumn);
+        }
+    }
+    next.columns = columns;
+    return next;
+}
+function inferColumnTypeFromFormat(format) {
+    if (/^[A-Z]{3}(\|.*)?$/.test(format))
+        return 'currency';
+    if (format.includes('|x100'))
+        return 'percentage';
+    if (/(d|M|y){2,}/i.test(format) || format.includes('/') || format.includes('-'))
+        return 'date';
+    if (/^\d+\.\d+-\d+(\|nosep)?$/.test(format))
+        return 'number';
+    return null;
+}
+function isSupportedChangeKind(changeKind) {
+    return TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS.includes(changeKind);
+}
+function expectedPathForChangeKind(changeKind) {
+    return isSupportedChangeKind(changeKind) ? TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS[changeKind] : '';
+}
+function validateValueForChangeKind(changeKind, rawValue, allowedValues) {
+    if (changeKind === 'set_column_format') {
+        const format = typeof rawValue === 'string' ? rawValue.trim() : '';
+        if (!format)
+            return { failureCodes: ['format value is required'] };
+        if (allowedValues.length > 0 && !allowedValues.includes(format)) {
+            return { failureCodes: [`format value is not allowed: ${format}`] };
+        }
+        return { value: format, failureCodes: [] };
+    }
+    if (changeKind === 'set_column_header') {
+        const header = typeof rawValue === 'string' ? rawValue.trim() : '';
+        if (!header)
+            return { failureCodes: ['header value is required'] };
+        return { value: header, failureCodes: [] };
+    }
+    if (changeKind === 'set_column_visibility') {
+        if (typeof rawValue !== 'boolean') {
+            return { failureCodes: ['visibility value must be boolean'] };
+        }
+        return { value: rawValue, failureCodes: [] };
+    }
+    if (changeKind === 'set_column_conditional_style') {
+        return validateConditionalStyleValue(rawValue);
+    }
+    if (changeKind === 'set_column_computed') {
+        return validateComputedValue(rawValue);
+    }
+    if (changeKind === 'set_column_value_mapping') {
+        return validateValueMapping(rawValue);
+    }
+    if (changeKind === 'set_column_badge_renderer') {
+        return validateBadgeRendererValue(rawValue);
+    }
+    if (changeKind === 'set_column_conditional_badge_renderers') {
+        return validateConditionalBadgeRendererRules(rawValue);
+    }
+    return { failureCodes: [] };
+}
+function defaultExplanation(changeKind, field, value) {
+    if (changeKind === 'set_column_format') {
+        return `Formato da coluna ${field} atualizado para ${value}.`;
+    }
+    if (changeKind === 'set_column_header') {
+        return `Cabecalho da coluna ${field} atualizado para ${value}.`;
+    }
+    if (changeKind === 'set_column_visibility') {
+        return `Visibilidade da coluna ${field} atualizada para ${String(value)}.`;
+    }
+    if (changeKind === 'set_column_conditional_style') {
+        return `Regra condicional adicionada a coluna ${field}.`;
+    }
+    if (changeKind === 'set_column_computed') {
+        return `Coluna calculada ${field} adicionada.`;
+    }
+    if (changeKind === 'set_column_value_mapping') {
+        return `Mapeamento de valores da coluna ${field} atualizado.`;
+    }
+    if (changeKind === 'set_column_badge_renderer') {
+        return `Badge da coluna ${field} atualizado.`;
+    }
+    if (changeKind === 'set_column_conditional_badge_renderers') {
+        return `Badges condicionais da coluna ${field} atualizados.`;
+    }
+    return `Coluna ${field} atualizada.`;
+}
+function validateConditionalStyleValue(rawValue) {
+    if (!rawValue || typeof rawValue !== 'object' || Array.isArray(rawValue)) {
+        return { failureCodes: ['conditional style value must be object'] };
+    }
+    const input = rawValue;
+    const condition = input['condition'];
+    const conditionFailures = validateJsonLogicCondition(condition);
+    if (conditionFailures.length > 0) {
+        return { failureCodes: conditionFailures };
+    }
+    const cssClass = typeof input['cssClass'] === 'string' ? input['cssClass'].trim() : '';
+    const style = input['style'];
+    const hasStyle = !!style && typeof style === 'object' && !Array.isArray(style) && Object.keys(style).length > 0;
+    if (!cssClass && !hasStyle) {
+        return { failureCodes: ['conditional style requires cssClass or style'] };
+    }
+    const description = typeof input['description'] === 'string' ? input['description'].trim() : '';
+    const rule = { condition };
+    if (cssClass)
+        rule['cssClass'] = cssClass;
+    if (hasStyle)
+        rule['style'] = style;
+    if (description)
+        rule['description'] = description;
+    return { value: rule, failureCodes: [] };
+}
+function validateJsonLogicCondition(condition) {
+    if (!condition || typeof condition !== 'object' || Array.isArray(condition)) {
+        return ['condition must be a Json Logic object'];
+    }
+    const keys = Object.keys(condition);
+    if (keys.length !== 1) {
+        return ['condition must contain exactly one Json Logic operator'];
+    }
+    const operator = keys[0];
+    if (!isSupportedJsonLogicOperator(operator)) {
+        return [`unsupported Json Logic operator: ${operator}`];
+    }
+    return [];
+}
+function validateComputedValue(rawValue) {
+    if (!rawValue || typeof rawValue !== 'object' || Array.isArray(rawValue)) {
+        return { failureCodes: ['computed value must be object'] };
+    }
+    const input = rawValue;
+    const expression = input['expression'];
+    const expressionFailures = validateJsonLogicComputedExpression(expression);
+    if (expressionFailures.length > 0) {
+        return { failureCodes: expressionFailures };
+    }
+    const outputType = normalizeText(input['outputType']);
+    const outputTypeCapability = TABLE_AI_CAPABILITIES.capabilities.find((cap) => cap.path === 'columns[].computed.outputType');
+    const allowedOutputTypes = outputTypeCapability?.allowedValues?.map(String) || [];
+    if (outputType && allowedOutputTypes.length > 0 && !allowedOutputTypes.includes(outputType)) {
+        return { failureCodes: [`computed outputType is not allowed: ${outputType}`] };
+    }
+    const format = normalizeText(input['format']);
+    const formatCapability = TABLE_AI_CAPABILITIES.capabilities.find((cap) => cap.path === 'columns[].computed.format');
+    const allowedFormats = formatCapability?.allowedValues?.map(String) || [];
+    if (format && allowedFormats.length > 0 && !allowedFormats.includes(format)) {
+        return { failureCodes: [`computed format is not allowed: ${format}`] };
+    }
+    const dependencies = input['dependencies'];
+    if (dependencies !== undefined) {
+        if (!Array.isArray(dependencies)) {
+            return { failureCodes: ['computed dependencies must be an array of strings'] };
+        }
+        const invalidDependency = dependencies.find((dependency) => typeof dependency !== 'string' || dependency.trim() === '');
+        if (invalidDependency !== undefined) {
+            return { failureCodes: ['computed dependencies must be an array of strings'] };
+        }
+    }
+    const header = normalizeText(input['header']);
+    const computed = { expression };
+    if (outputType)
+        computed['outputType'] = outputType;
+    if (format)
+        computed['format'] = format;
+    if (dependencies !== undefined) {
+        computed['dependencies'] = dependencies.map((dependency) => dependency.trim());
+    }
+    if (header)
+        computed['header'] = header;
+    return { value: computed, failureCodes: [] };
+}
+function validateJsonLogicComputedExpression(expression) {
+    if (!expression || typeof expression !== 'object' || Array.isArray(expression)) {
+        return ['computed expression must be a Json Logic object'];
+    }
+    const keys = Object.keys(expression);
+    if (keys.length !== 1) {
+        return ['computed expression must contain exactly one Json Logic operator'];
+    }
+    const operator = keys[0];
+    if (!isSupportedJsonLogicComputedOperator(operator)) {
+        return [`unsupported computed Json Logic operator: ${operator}`];
+    }
+    return [];
+}
+function validateValueMapping(rawValue) {
+    if (!rawValue || typeof rawValue !== 'object' || Array.isArray(rawValue)) {
+        return { failureCodes: ['valueMapping must be an object'] };
+    }
+    const input = rawValue;
+    const entries = Object.entries(input);
+    if (entries.length === 0) {
+        return { failureCodes: ['valueMapping must contain at least one entry'] };
+    }
+    const mapping = {};
+    for (const [key, value] of entries) {
+        if (!key.trim()) {
+            return { failureCodes: ['valueMapping keys must be non-empty strings'] };
+        }
+        if (typeof value !== 'string' || !value.trim()) {
+            return { failureCodes: ['valueMapping values must be non-empty strings'] };
+        }
+        mapping[key] = value.trim();
+    }
+    return { value: mapping, failureCodes: [] };
+}
+function validateBadgeRendererValue(rawValue) {
+    if (!rawValue || typeof rawValue !== 'object' || Array.isArray(rawValue)) {
+        return { failureCodes: ['badge renderer value must be an object'] };
+    }
+    const input = rawValue;
+    const text = normalizeText(input['text']);
+    const textField = normalizeText(input['textField']);
+    if (!text && !textField) {
+        return { failureCodes: ['badge renderer requires text or textField'] };
+    }
+    const variant = normalizeText(input['variant']) || 'filled';
+    const variantCapability = TABLE_AI_CAPABILITIES.capabilities.find((cap) => cap.path === 'columns[].renderer.badge.variant');
+    const allowedVariants = variantCapability?.allowedValues?.map(String) || [];
+    if (allowedVariants.length > 0 && !allowedVariants.includes(variant)) {
+        return { failureCodes: [`badge variant is not allowed: ${variant}`] };
+    }
+    const color = normalizeText(input['color']);
+    const icon = normalizeText(input['icon']);
+    const badge = { variant };
+    if (text)
+        badge['text'] = text;
+    if (textField)
+        badge['textField'] = textField;
+    if (color)
+        badge['color'] = color;
+    if (icon)
+        badge['icon'] = icon;
+    return { value: badge, failureCodes: [] };
+}
+function validateConditionalBadgeRendererRules(rawValue) {
+    const rawRules = Array.isArray(rawValue)
+        ? rawValue
+        : rawValue && typeof rawValue === 'object' && Array.isArray(rawValue['rules'])
+            ? rawValue['rules']
+            : null;
+    if (!rawRules || rawRules.length === 0) {
+        return { failureCodes: ['conditional badge renderers require a non-empty rules array'] };
+    }
+    const out = [];
+    for (const rawRule of rawRules) {
+        if (!rawRule || typeof rawRule !== 'object' || Array.isArray(rawRule)) {
+            return { failureCodes: ['conditional badge renderer rule must be an object'] };
+        }
+        const rule = rawRule;
+        const conditionFailures = validateJsonLogicCondition(rule['condition']);
+        if (conditionFailures.length > 0) {
+            return { failureCodes: conditionFailures };
+        }
+        const badgeValidation = validateBadgeRendererValue(rule['badge'] ?? rule['value']);
+        if (badgeValidation.failureCodes.length > 0) {
+            return { failureCodes: badgeValidation.failureCodes };
+        }
+        const description = normalizeText(rule['description']);
+        const enabled = typeof rule['enabled'] === 'boolean' ? rule['enabled'] : true;
+        out.push({
+            condition: rule['condition'],
+            renderer: {
+                type: 'badge',
+                badge: badgeValidation.value,
+            },
+            ...(description ? { description } : {}),
+            enabled,
+        });
+    }
+    return { value: out, failureCodes: [] };
+}
+function isSupportedJsonLogicOperator(operator) {
+    return [
+        '==',
+        '===',
+        '!=',
+        '!==',
+        '>',
+        '>=',
+        '<',
+        '<=',
+        'in',
+        'contains',
+        'startsWith',
+        'endsWith',
+        'and',
+        'or',
+        '!',
+        'var',
+    ].includes(operator);
+}
+function isSupportedJsonLogicComputedOperator(operator) {
+    return [
+        ...[
+            '==',
+            '===',
+            '!=',
+            '!==',
+            '>',
+            '>=',
+            '<',
+            '<=',
+            'in',
+            'contains',
+            'startsWith',
+            'endsWith',
+            'and',
+            'or',
+            '!',
+            'var',
+        ],
+        '+',
+        '-',
+        '*',
+        '/',
+        '%',
+        'min',
+        'max',
+        'cat',
+        'substr',
+        'round',
+        'ceil',
+        'floor',
+        'abs',
+        'coalesce',
+        'now',
+        'date',
+        'yearsSince',
+        'monthsSince',
+        'daysSince',
+        'len',
+        'toNumber',
+        'stringify',
+    ].includes(operator);
+}
+
 /*
  * Public API Surface of praxis-table
  */
@@ -50359,4 +51441,4 @@ const TABLE_COMPONENT_AI_CAPABILITIES = {
  * Generated bundle index. Do not edit.
  */
 
-export { AnalyticsTableConfigAdapterService, AnalyticsTableContractService, AnalyticsTableStatsApiService, BOOLEAN_PRESETS, BehaviorConfigEditorComponent, CURRENCY_PRESETS, ColumnsConfigEditorComponent, DATE_PRESETS, DataFormatterComponent, DataFormattingService, FORMULA_TEMPLATES, FilterConfigService, FilterSettingsComponent, FormulaGeneratorService, JsonConfigEditorComponent, MessagesLocalizationEditorComponent, NUMBER_PRESETS, PERCENTAGE_PRESETS, PRAXIS_FILTER_COMPONENT_METADATA, PRAXIS_TABLE_COMPONENT_METADATA, PraxisFilter, PraxisTable, PraxisTableConfigEditor, PraxisTableInlineAuthoringEditorComponent, PraxisTableToolbar, STRING_PRESETS, TABLE_AI_CAPABILITIES, TABLE_COMPONENT_AI_CAPABILITIES, TASK_PRESETS, TableDefaultsProvider, TableRulesEditorComponent, ToolbarActionsEditorComponent, ValueMappingEditorComponent, VisualFormulaBuilderComponent, buildTableApplyPlan, createTableAuthoringDocument, getActionId, getEnum, getTableCapabilities, isTableRendererSupportedByRichContentP0, mapTableRendererToRichContentP0, normalizeTableAuthoringDocument, parseLegacyOrTableDocument, providePraxisFilterMetadata, providePraxisTableMetadata, serializeTableAuthoringDocument, toCanonicalTableConfig, validateTableAuthoringDocument };
+export { AnalyticsTableConfigAdapterService, AnalyticsTableContractService, AnalyticsTableStatsApiService, BOOLEAN_PRESETS, BehaviorConfigEditorComponent, CURRENCY_PRESETS, ColumnsConfigEditorComponent, DATE_PRESETS, DataFormatterComponent, DataFormattingService, FORMULA_TEMPLATES, FilterConfigService, FilterSettingsComponent, FormulaGeneratorService, JsonConfigEditorComponent, MessagesLocalizationEditorComponent, NUMBER_PRESETS, PERCENTAGE_PRESETS, PRAXIS_FILTER_COMPONENT_METADATA, PRAXIS_TABLE_COMPONENT_METADATA, PraxisFilter, PraxisTable, PraxisTableConfigEditor, PraxisTableInlineAuthoringEditorComponent, PraxisTableToolbar, STRING_PRESETS, TABLE_AI_CAPABILITIES, TABLE_COMPONENT_AI_CAPABILITIES, TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS, TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND, TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS, TABLE_COMPONENT_EDIT_PLAN_JSON_SCHEMA, TABLE_COMPONENT_EDIT_PLAN_KIND, TABLE_COMPONENT_EDIT_PLAN_VERSION, TASK_PRESETS, TableDefaultsProvider, TableRulesEditorComponent, ToolbarActionsEditorComponent, ValueMappingEditorComponent, VisualFormulaBuilderComponent, buildTableApplyPlan, coerceTableComponentEditPlan, coerceTableComponentEditPlans, compileTableComponentEditPlan, compileTableComponentEditPlans, createTableAuthoringDocument, getActionId, getEnum, getTableCapabilities, getTableComponentEditPlanCapabilities, isTableRendererSupportedByRichContentP0, mapTableRendererToRichContentP0, normalizeTableAuthoringDocument, parseLegacyOrTableDocument, providePraxisFilterMetadata, providePraxisTableMetadata, serializeTableAuthoringDocument, toCanonicalTableConfig, validateTableAuthoringDocument };