@praxisui/table 8.0.0-beta.11 → 8.0.0-beta.13

package/fesm2022/praxisui-table.mjs

@@ -33,7 +33,7 @@ import * as i12 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import { Subject, debounceTime, takeUntil, of, firstValueFrom, BehaviorSubject, take as take$1 } from 'rxjs';
 import * as i1 from '@praxisui/core';
-import { LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, PraxisJsonLogicService, PraxisIconDirective, PraxisI18nService, isTableConfigV2, providePraxisI18nConfig, PRAXIS_GLOBAL_ACTION_CATALOG, SURFACE_OPEN_I18N_NAMESPACE, isRequiredGlobalActionPayloadMissing, getGlobalActionUiSchema, getRequiredGlobalActionPayloadKeys, hasMeaningfulGlobalActionPayloadValue, SurfaceOpenActionEditorComponent, SURFACE_OPEN_I18N_CONFIG, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_VALUES, FieldControlType, normalizeControlTypeToken, ASYNC_CONFIG_STORAGE, resolveControlTypeAlias, mapFieldDefinitionsToMetadata, PraxisJsonLogicError, GLOBAL_ACTION_CATALOG, GenericCrudService, validateGlobalActionRefs, getGlobalActionCatalog, TableConfigService, createDefaultTableConfig, fillUndefined, deepMerge, INLINE_FILTER_ALIAS_TOKENS, GlobalConfigService, buildSchemaId, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, resolveInlineFilterControlType, fetchWithETag, ComponentMetadataRegistry, ResourceQuickConnectComponent, translateResourceAvailabilityReason, PRAXIS_LOADING_CTX, translateResourceDiscoveryText, supportsImplicitValuePresentation, resolveValuePresentation, translateUnavailableWorkflowMessage, CONNECTION_STORAGE, PRAXIS_LOADING_RENDERER, EmptyStateCardComponent, RESOURCE_DISCOVERY_I18N_CONFIG, AnalyticsStatsRequestBuilderService, buildApiUrl, normalizePraxisDataQueryContext, API_URL } from '@praxisui/core';
+import { LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, PraxisJsonLogicService, PraxisIconDirective, PraxisI18nService, isTableConfigV2, providePraxisI18nConfig, PRAXIS_GLOBAL_ACTION_CATALOG, SURFACE_OPEN_I18N_NAMESPACE, isRequiredGlobalActionPayloadMissing, getGlobalActionUiSchema, getRequiredGlobalActionPayloadKeys, hasMeaningfulGlobalActionPayloadValue, SurfaceOpenActionEditorComponent, SURFACE_OPEN_I18N_CONFIG, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_VALUES, FieldControlType, normalizeControlTypeToken, ASYNC_CONFIG_STORAGE, resolveControlTypeAlias, mapFieldDefinitionsToMetadata, PraxisJsonLogicError, GLOBAL_ACTION_CATALOG, GenericCrudService, validateGlobalActionRefs, getGlobalActionCatalog, TableConfigService, createDefaultTableConfig, fillUndefined, deepMerge, INLINE_FILTER_ALIAS_TOKENS, GlobalConfigService, buildSchemaId, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, resolveInlineFilterControlType, fetchWithETag, ComponentMetadataRegistry, PraxisCollectionExportService, ResourceQuickConnectComponent, translateResourceAvailabilityReason, assertPraxisCollectionExportArtifact, PRAXIS_LOADING_CTX, translateResourceDiscoveryText, supportsImplicitValuePresentation, resolveValuePresentation, translateUnavailableWorkflowMessage, CONNECTION_STORAGE, PRAXIS_LOADING_RENDERER, EmptyStateCardComponent, RESOURCE_DISCOVERY_I18N_CONFIG, AnalyticsStatsRequestBuilderService, buildApiUrl, normalizePraxisDataQueryContext, API_URL } from '@praxisui/core';
 import { PraxisRichContent } from '@praxisui/rich-content';
 import * as i2 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
@@ -91,6 +91,9 @@ const PRAXIS_TABLE_RUNTIME_I18N_CONFIG = {
                 'table.chrome.disconnect': 'Desconectar',
                 'table.chrome.disconnectTooltip': 'Desconectar da fonte de dados',
                 'table.chrome.exportData': 'Exportar dados',
+                'table.export.completed': 'Exportacao concluida.',
+                'table.export.deferred': 'Exportacao enviada para processamento.',
+                'table.export.error': 'Nao foi possivel exportar os dados.',
                 'table.chrome.moreActions': 'Mais ações',
                 'table.chrome.rowActions.more': 'Mais ações',
                 'table.chrome.rowActions.loading': 'Carregando ações contextuais',
@@ -167,6 +170,9 @@ const PRAXIS_TABLE_RUNTIME_I18N_CONFIG = {
                 'table.chrome.disconnect': 'Disconnect',
                 'table.chrome.disconnectTooltip': 'Disconnect from the data source',
                 'table.chrome.exportData': 'Export data',
+                'table.export.completed': 'Export completed.',
+                'table.export.deferred': 'Export submitted for processing.',
+                'table.export.error': 'Could not export the data.',
                 'table.chrome.moreActions': 'More actions',
                 'table.chrome.rowActions.more': 'More actions',
                 'table.chrome.rowActions.loading': 'Loading contextual actions',
@@ -414,8 +420,10 @@ class PraxisTableToolbar {
     showActionsGroup = true;
     showEndActions = true;
     showMobileActions = true;
+    exportBusy = false;
     evaluationContext = null;
     toolbarAction = new EventEmitter();
+    exportAction = new EventEmitter();
     getActionId = getActionId;
     jsonLogic = new PraxisJsonLogicService(null);
     validToolbarActionTypes = new Set([
@@ -443,6 +451,12 @@ class PraxisTableToolbar {
     getMoreActionsLabel() {
         return this.tx('table.chrome.moreActions', 'Mais ações');
     }
+    emitExportAction(event, format) {
+        if (this.exportBusy)
+            return;
+        event.target?.blur?.();
+        this.exportAction.emit({ format });
+    }
     tx(key, fallback) {
         if (!this.i18n)
             return fallback;
@@ -1017,7 +1031,7 @@ class PraxisTableToolbar {
         }
     }
     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: `
+    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", exportBusy: "exportBusy", evaluationContext: "evaluationContext" }, outputs: { toolbarAction: "toolbarAction", exportAction: "exportAction" }, 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">
@@ -1303,6 +1317,8 @@ class PraxisTableToolbar {
               mat-button
               [matMenuTriggerFor]="exportMenu"
               [attr.aria-label]="getExportDataLabel()"
+              [attr.aria-busy]="exportBusy"
+              [disabled]="exportBusy"
               [matTooltip]="getExportDataLabel()"
               matTooltipPosition="below"
             >
@@ -1310,7 +1326,11 @@ class PraxisTableToolbar {
             </button>
             <mat-menu #exportMenu="matMenu">
               @for (format of config?.export?.formats; track format) {
-                <button mat-menu-item>
+                <button
+                  mat-menu-item
+                  [disabled]="exportBusy"
+                  (click)="emitExportAction($event, format)"
+                >
                   <mat-icon [praxisIcon]="getExportIcon(format)"></mat-icon>
                   {{ format.toUpperCase() }}
                 </button>
@@ -1357,12 +1377,18 @@ class PraxisTableToolbar {
               mat-icon-button
               [matMenuTriggerFor]="mobileExportMenu"
               [attr.aria-label]="getExportDataLabel()"
+              [attr.aria-busy]="exportBusy"
+              [disabled]="exportBusy"
             >
               <mat-icon>download</mat-icon>
             </button>
             <mat-menu #mobileExportMenu="matMenu">
               @for (format of config?.export?.formats; track format) {
-                <button mat-menu-item>
+                <button
+                  mat-menu-item
+                  [disabled]="exportBusy"
+                  (click)="emitExportAction($event, format)"
+                >
                   <mat-icon>{{ getExportIcon(format) }}</mat-icon>
                   {{ format.toUpperCase() }}
                 </button>
@@ -1671,6 +1697,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               mat-button
               [matMenuTriggerFor]="exportMenu"
               [attr.aria-label]="getExportDataLabel()"
+              [attr.aria-busy]="exportBusy"
+              [disabled]="exportBusy"
               [matTooltip]="getExportDataLabel()"
               matTooltipPosition="below"
             >
@@ -1678,7 +1706,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             </button>
             <mat-menu #exportMenu="matMenu">
               @for (format of config?.export?.formats; track format) {
-                <button mat-menu-item>
+                <button
+                  mat-menu-item
+                  [disabled]="exportBusy"
+                  (click)="emitExportAction($event, format)"
+                >
                   <mat-icon [praxisIcon]="getExportIcon(format)"></mat-icon>
                   {{ format.toUpperCase() }}
                 </button>
@@ -1725,12 +1757,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               mat-icon-button
               [matMenuTriggerFor]="mobileExportMenu"
               [attr.aria-label]="getExportDataLabel()"
+              [attr.aria-busy]="exportBusy"
+              [disabled]="exportBusy"
             >
               <mat-icon>download</mat-icon>
             </button>
             <mat-menu #mobileExportMenu="matMenu">
               @for (format of config?.export?.formats; track format) {
-                <button mat-menu-item>
+                <button
+                  mat-menu-item
+                  [disabled]="exportBusy"
+                  (click)="emitExportAction($event, format)"
+                >
                   <mat-icon>{{ getExportIcon(format) }}</mat-icon>
                   {{ format.toUpperCase() }}
                 </button>
@@ -1763,10 +1801,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], showMobileActions: [{
                 type: Input
+            }], exportBusy: [{
+                type: Input
             }], evaluationContext: [{
                 type: Input
             }], toolbarAction: [{
                 type: Output
+            }], exportAction: [{
+                type: Output
             }] } });
 
 const DOCUMENT_KIND = 'praxis.table.editor';
@@ -7598,8 +7640,13 @@ const PRAXIS_TABLE_EDITOR_I18N_CONFIG = {
                 'toolbar.export.fileName': 'Nome padrão do arquivo',
                 'toolbar.export.fileName.placeholder': 'dados-export',
                 'toolbar.export.includeHeaders': 'Incluir cabeçalhos',
-                'toolbar.export.respectFilters': 'Respeitar filtros aplicados',
-                'toolbar.export.selectedOnly': 'Apenas linhas selecionadas',
+                'toolbar.export.scope': 'Escopo da exportação',
+                'toolbar.export.scope.auto': 'Seleção ou visão atual',
+                'toolbar.export.scope.selected': 'Linhas selecionadas',
+                'toolbar.export.scope.filtered': 'Resultado filtrado',
+                'toolbar.export.scope.currentPage': 'Página atual',
+                'toolbar.export.scope.all': 'Todas as linhas disponíveis',
+                'toolbar.export.scope.hint': 'Exportações remotas filtradas e completas exigem provider de exportação no host.',
                 'toolbar.export.maxRows': 'Máximo de linhas',
                 'toolbar.export.maxRows.hint': 'Limite para evitar arquivos muito grandes.',
                 'toolbar.catalog.create.label': 'Criar registro',
@@ -8625,8 +8672,13 @@ const PRAXIS_TABLE_EDITOR_I18N_CONFIG = {
                 'toolbar.export.fileName': 'Default file name',
                 'toolbar.export.fileName.placeholder': 'data-export',
                 'toolbar.export.includeHeaders': 'Include headers',
-                'toolbar.export.respectFilters': 'Respect applied filters',
-                'toolbar.export.selectedOnly': 'Selected rows only',
+                'toolbar.export.scope': 'Export scope',
+                'toolbar.export.scope.auto': 'Selection or current view',
+                'toolbar.export.scope.selected': 'Selected rows',
+                'toolbar.export.scope.filtered': 'Filtered result',
+                'toolbar.export.scope.currentPage': 'Current page',
+                'toolbar.export.scope.all': 'All available rows',
+                'toolbar.export.scope.hint': 'Remote filtered and all-data exports require a host export provider.',
                 'toolbar.export.maxRows': 'Maximum rows',
                 'toolbar.export.maxRows.hint': 'Limit to avoid very large files.',
                 'toolbar.catalog.create.label': 'Create record',
@@ -14832,6 +14884,10 @@ class BehaviorConfigEditorComponent {
             draggingRows: [false], // schema-only in runtime
             draggingShowIndicator: [true],
             draggingColumnDropZones: [''],
+            // Grouping (V2 only)
+            groupingEnabled: [false],
+            groupingFields: [''],
+            groupingExpanded: [true],
             // Interaction (V2 only)
             rowClickEnabled: [false],
             rowClickAction: ['view'],
@@ -14947,6 +15003,15 @@ class BehaviorConfigEditorComponent {
                         : '',
                 });
             }
+            if (behavior.grouping) {
+                this.behaviorForm.patchValue({
+                    groupingEnabled: behavior.grouping.enabled === true,
+                    groupingFields: Array.isArray(behavior.grouping.fields)
+                        ? behavior.grouping.fields.join(', ')
+                        : '',
+                    groupingExpanded: behavior.grouping.expanded !== false,
+                });
+            }
             if (behavior.interaction) {
                 this.behaviorForm.patchValue({
                     rowClickEnabled: behavior.interaction.rowClick?.enabled || false,
@@ -15144,6 +15209,11 @@ class BehaviorConfigEditorComponent {
                     ? { columnDropZones: parsedDropZones }
                     : {}),
             };
+            v2Config.behavior.grouping = {
+                enabled: values.groupingEnabled === true,
+                fields: this.stringToStringArray(values.groupingFields),
+                expanded: values.groupingExpanded !== false,
+            };
             // Interaction
             v2Config.behavior.interaction = {
                 rowClick: {
@@ -17923,8 +17993,7 @@ class ToolbarActionsEditorComponent {
             exportFormats: [['excel', 'csv']],
             exportFileName: [this.tx('toolbar.export.fileName.placeholder', 'data-export')],
             exportIncludeHeaders: [true],
-            exportRespectFilters: [true],
-            exportSelectedOnly: [false],
+            exportScope: ['auto'],
             exportMaxRows: [10000],
         });
         // If V2, load advanced settings
@@ -17971,8 +18040,7 @@ class ToolbarActionsEditorComponent {
                     exportFileName: v2Config.export.general?.defaultFileName ||
                         this.tx('toolbar.export.fileName.placeholder', 'data-export'),
                     exportIncludeHeaders: v2Config.export.general?.includeHeaders !== false,
-                    exportRespectFilters: v2Config.export.general?.respectFilters !== false,
-                    exportSelectedOnly: v2Config.export.general?.selectedRowsOnly || false,
+                    exportScope: v2Config.export.general?.scope || 'auto',
                     exportMaxRows: v2Config.export.general?.maxRows || 10000,
                 });
             }
@@ -18194,8 +18262,7 @@ class ToolbarActionsEditorComponent {
                 formats: values.exportFormats,
                 general: {
                     includeHeaders: values.exportIncludeHeaders,
-                    respectFilters: values.exportRespectFilters,
-                    selectedRowsOnly: values.exportSelectedOnly,
+                    scope: values.exportScope || 'auto',
                     maxRows: values.exportMaxRows,
                     defaultFileName: values.exportFileName,
                     includeColumns: 'visible',
@@ -20571,19 +20638,25 @@ class ToolbarActionsEditorComponent {
                 {{ tx('toolbar.export.includeHeaders', 'Include headers') }}
               </mat-slide-toggle>
 
-              <mat-slide-toggle
-                formControlName="exportRespectFilters"
-                class="toggle-field"
-              >
-                {{ tx('toolbar.export.respectFilters', 'Respect applied filters') }}
-              </mat-slide-toggle>
-
-              <mat-slide-toggle
-                formControlName="exportSelectedOnly"
-                class="toggle-field"
-              >
-                {{ tx('toolbar.export.selectedOnly', 'Selected rows only') }}
-              </mat-slide-toggle>
+              <mat-form-field appearance="outline">
+                <mat-label>{{ tx('toolbar.export.scope', 'Export scope') }}</mat-label>
+                <mat-select formControlName="exportScope">
+                  <mat-option value="auto">{{ tx('toolbar.export.scope.auto', 'Selection or current view') }}</mat-option>
+                  <mat-option value="selected">{{ tx('toolbar.export.scope.selected', 'Selected rows') }}</mat-option>
+                  <mat-option value="filtered">{{ tx('toolbar.export.scope.filtered', 'Filtered result') }}</mat-option>
+                  <mat-option value="currentPage">{{ tx('toolbar.export.scope.currentPage', 'Current page') }}</mat-option>
+                  <mat-option value="all">{{ tx('toolbar.export.scope.all', 'All available rows') }}</mat-option>
+                </mat-select>
+                <button
+                  mat-icon-button
+                  matSuffix
+                  type="button"
+                  class="help-icon-button"
+                  [matTooltip]="tx('toolbar.export.scope.hint', 'Remote filtered and all-data exports require a host export provider.')"
+                >
+                  <mat-icon>help_outline</mat-icon>
+                </button>
+              </mat-form-field>
 
               <mat-form-field appearance="outline">
                 <mat-label>{{ tx('toolbar.export.maxRows', 'Maximum rows') }}</mat-label>
@@ -22141,19 +22214,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 {{ tx('toolbar.export.includeHeaders', 'Include headers') }}
               </mat-slide-toggle>
 
-              <mat-slide-toggle
-                formControlName="exportRespectFilters"
-                class="toggle-field"
-              >
-                {{ tx('toolbar.export.respectFilters', 'Respect applied filters') }}
-              </mat-slide-toggle>
-
-              <mat-slide-toggle
-                formControlName="exportSelectedOnly"
-                class="toggle-field"
-              >
-                {{ tx('toolbar.export.selectedOnly', 'Selected rows only') }}
-              </mat-slide-toggle>
+              <mat-form-field appearance="outline">
+                <mat-label>{{ tx('toolbar.export.scope', 'Export scope') }}</mat-label>
+                <mat-select formControlName="exportScope">
+                  <mat-option value="auto">{{ tx('toolbar.export.scope.auto', 'Selection or current view') }}</mat-option>
+                  <mat-option value="selected">{{ tx('toolbar.export.scope.selected', 'Selected rows') }}</mat-option>
+                  <mat-option value="filtered">{{ tx('toolbar.export.scope.filtered', 'Filtered result') }}</mat-option>
+                  <mat-option value="currentPage">{{ tx('toolbar.export.scope.currentPage', 'Current page') }}</mat-option>
+                  <mat-option value="all">{{ tx('toolbar.export.scope.all', 'All available rows') }}</mat-option>
+                </mat-select>
+                <button
+                  mat-icon-button
+                  matSuffix
+                  type="button"
+                  class="help-icon-button"
+                  [matTooltip]="tx('toolbar.export.scope.hint', 'Remote filtered and all-data exports require a host export provider.')"
+                >
+                  <mat-icon>help_outline</mat-icon>
+                </button>
+              </mat-form-field>
 
               <mat-form-field appearance="outline">
                 <mat-label>{{ tx('toolbar.export.maxRows', 'Maximum rows') }}</mat-label>
@@ -36744,6 +36823,7 @@ class PraxisTable {
     rowAction = new EventEmitter();
     toolbarAction = new EventEmitter();
     bulkAction = new EventEmitter();
+    exportAction = new EventEmitter();
     columnReorder = new EventEmitter();
     columnReorderAttempt = new EventEmitter();
     beforeDelete = new EventEmitter();
@@ -36781,6 +36861,8 @@ class PraxisTable {
     isExpansionDetailRow = (index, row) => this.shouldRenderExpansionDetailRow(row, index);
     columnReorderStatusMessage = '';
     columnReorderVisualStatusMessage = '';
+    exportBusy = false;
+    exportStatusMessage = '';
     columnReorderStatusTimer = null;
     columnReorderVisualStatusTimer = null;
     columnReorderUndoSubscription = null;
@@ -36820,6 +36902,7 @@ class PraxisTable {
     rowDiscoveryMarkForCheckScheduled = false;
     lastRowDiscoveryScopeKey = null;
     i18n = inject(PraxisI18nService);
+    collectionExport = inject(PraxisCollectionExportService);
     paginatorIntl = inject(MatPaginatorIntl);
     schemaFieldsSnapshot = [];
     runtimeSchemaMeta = {};
@@ -41504,10 +41587,13 @@ class PraxisTable {
     async dispatchRowAction(action, row, runtimeOptions, extra) {
         const actionConfig = runtimeOptions?.actionConfig;
         if (actionConfig?.globalAction) {
+            const payload = Object.prototype.hasOwnProperty.call(runtimeOptions || {}, 'payload')
+                ? runtimeOptions?.payload
+                : { row };
             await this.executeConfiguredGlobalAction(actionConfig, {
                 sourceId: this.tableId || this.componentInstanceId || 'praxis-table',
                 output: 'rowAction',
-                payload: runtimeOptions?.payload ?? row,
+                payload,
                 runtime: { row },
                 meta: { actionId: action, actionConfig },
             });
@@ -41957,6 +42043,235 @@ class PraxisTable {
             label: toolbarActionConfig?.label || action,
         });
     }
+    async onExportAction(event) {
+        const format = String(event?.format || '').trim().toLowerCase();
+        if (!format)
+            return;
+        if (this.exportBusy)
+            return;
+        this.exportBusy = true;
+        this.exportStatusMessage = translateTableRuntimeText(this.i18n, 'table.export.processing', 'Exportando dados...');
+        this.cdr.markForCheck();
+        try {
+            const request = this.buildTableExportRequest(format);
+            const result = await this.collectionExport.exportCollection(request);
+            assertPraxisCollectionExportArtifact(result);
+            this.exportAction.emit({
+                format,
+                request: this.cloneForEmit(request),
+                result: this.cloneForEmit(result),
+                tableId: this.tableId,
+            });
+            this.downloadExportResult(result, request);
+            this.showExportFeedback(result);
+        }
+        catch (error) {
+            this.errorLog('[PraxisTable] export failed', error, {
+                actionId: `export:${format}`,
+            });
+            this.exportAction.emit({
+                format,
+                error,
+                tableId: this.tableId,
+            });
+            try {
+                this.snackBar.open(translateTableRuntimeText(this.i18n, 'table.export.error', 'Nao foi possivel exportar os dados.'), undefined, { duration: 4000 });
+            }
+            catch { }
+            this.exportStatusMessage = translateTableRuntimeText(this.i18n, 'table.export.error', 'Nao foi possivel exportar os dados.');
+        }
+        finally {
+            this.exportBusy = false;
+            this.cdr.markForCheck();
+        }
+    }
+    buildTableExportRequest(format) {
+        const general = this.config?.export?.general;
+        const scope = (general?.scope || 'auto');
+        const effectiveScope = this.resolveEffectiveExportScope(scope);
+        const selectedRows = this.selection.selected.slice();
+        const selectedKeys = selectedRows
+            .map((row) => this.getRowId(row))
+            .filter((value) => value !== null && value !== undefined && String(value).trim() !== '');
+        const exportSort = this.sortState?.active
+            && (this.sortState.direction === 'asc' || this.sortState.direction === 'desc')
+            ? [{ field: this.resolveLocalSortField(this.sortState.active), direction: this.sortState.direction }]
+            : undefined;
+        return {
+            componentType: 'table',
+            componentId: this.tableId || this.componentInstanceId,
+            format,
+            scope,
+            selection: {
+                mode: this.config?.behavior?.selection?.enabled === false
+                    ? 'none'
+                    : this.config?.behavior?.selection?.type || 'multiple',
+                keyField: this.getIdField(),
+                selectedKeys,
+                selectedItems: selectedRows,
+            },
+            fields: this.buildTableExportFields(general?.includeColumns),
+            includeHeaders: general?.includeHeaders !== false,
+            applyFormatting: general?.applyFormatting !== false,
+            maxRows: general?.maxRows,
+            fileName: general?.defaultFileName || this.tableId || 'praxis-table-export',
+            loadedItems: this.resolveTableExportLoadedItems(effectiveScope),
+            resourcePath: this.isRemoteMode() ? this.resourcePath : undefined,
+            filters: this.getEffectiveFilterCriteria(),
+            sort: exportSort,
+            pagination: {
+                pageIndex: this.pageIndex,
+                pageNumber: this.pageIndex,
+                pageSize: this.pageSize,
+                totalItems: this.isLocalDataModeActive() ? this.localTotal : this.getPaginationLength(),
+            },
+            metadata: {
+                tableId: this.tableId,
+                dataMode: this.isLocalDataModeActive() ? 'local' : this.isRemoteMode() ? 'remote' : 'empty',
+            },
+        };
+    }
+    resolveEffectiveExportScope(scope) {
+        if (scope !== 'auto') {
+            return scope;
+        }
+        if (this.selection.selected.length > 0) {
+            return 'selected';
+        }
+        return this.hasActiveDataFilters() ? 'filtered' : 'currentPage';
+    }
+    resolveTableExportLoadedItems(scope) {
+        if (scope === 'selected') {
+            return this.selection.selected.slice();
+        }
+        if (!this.isLocalDataModeActive()) {
+            return Array.isArray(this.dataSource?.data) ? this.dataSource.data.slice() : [];
+        }
+        if (scope === 'currentPage') {
+            return this.localView.slice();
+        }
+        return this.computeLocalExportRows(scope);
+    }
+    computeLocalExportRows(scope) {
+        const criteria = scope === 'all' ? {} : this.getEffectiveFilterCriteria();
+        const result = computeLocalViewPipeline({
+            source: this.localSource,
+            criteria,
+            sort: this.sortState,
+            pageIndex: 0,
+            pageSize: this.localSource.length || this.getPaginationPageSize(),
+            paginationEnabled: false,
+            resolveSortField: (active) => this.resolveLocalSortField(active),
+            getValue: (row, path) => this.getNestedPropertyValue(row, path),
+        });
+        return result.sorted;
+    }
+    buildTableExportFields(includeColumns) {
+        const includeSet = Array.isArray(includeColumns)
+            ? new Set(includeColumns.map((field) => String(field).trim()).filter(Boolean))
+            : null;
+        const columns = includeColumns === 'all'
+            ? this.config?.columns || []
+            : this.visibleColumns;
+        return (columns || [])
+            .filter((column) => !!column?.field)
+            .filter((column) => !includeSet || includeSet.has(column.field))
+            .filter((column) => includeColumns === 'all' || column.visible !== false)
+            .map((column) => ({
+            key: column.field,
+            label: column.header || column.field,
+            visible: column.visible !== false,
+            exportable: true,
+            type: column.type,
+            valuePath: column.field,
+            valueGetter: (row) => this.getCellValue(row, column),
+        }));
+    }
+    downloadExportResult(result, request) {
+        const ownerDocument = this.hostRef?.nativeElement?.ownerDocument || document;
+        const ownerWindow = ownerDocument.defaultView || window;
+        if (result.downloadUrl) {
+            this.triggerExportDownload(ownerDocument, result.downloadUrl, this.resolveExportFileName(result, request));
+            return;
+        }
+        if (!result.content) {
+            return;
+        }
+        const blob = new Blob([result.content], {
+            type: result.mimeType || this.getExportMimeType(result.format),
+        });
+        const url = ownerWindow.URL.createObjectURL(blob);
+        const link = ownerDocument.createElement('a');
+        link.href = url;
+        link.download = this.resolveExportFileName(result, request);
+        link.style.display = 'none';
+        ownerDocument.body.appendChild(link);
+        link.click();
+        link.remove();
+        ownerWindow.setTimeout(() => ownerWindow.URL.revokeObjectURL(url), 0);
+    }
+    triggerExportDownload(ownerDocument, url, fileName) {
+        const link = ownerDocument.createElement('a');
+        link.href = url;
+        if (fileName) {
+            link.download = fileName;
+        }
+        link.rel = 'noopener';
+        link.style.display = 'none';
+        ownerDocument.body.appendChild(link);
+        link.click();
+        link.remove();
+    }
+    resolveExportFileName(result, request) {
+        const extension = this.getExportFileExtension(result.format);
+        const baseName = String(result.fileName || request.fileName || this.tableId || 'praxis-table-export')
+            .trim()
+            .replace(/[\\/:*?"<>|]+/g, '-')
+            .replace(/\s+/g, '-')
+            || 'praxis-table-export';
+        return baseName.toLowerCase().endsWith(`.${extension}`)
+            ? baseName
+            : `${baseName}.${extension}`;
+    }
+    getExportFileExtension(format) {
+        switch (format) {
+            case 'excel':
+                return 'xlsx';
+            case 'pdf':
+                return 'pdf';
+            case 'json':
+                return 'json';
+            case 'print':
+                return 'html';
+            case 'csv':
+            default:
+                return 'csv';
+        }
+    }
+    getExportMimeType(format) {
+        switch (format) {
+            case 'json':
+                return 'application/json;charset=utf-8';
+            case 'pdf':
+                return 'application/pdf';
+            case 'excel':
+                return 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+            case 'print':
+                return 'text/html;charset=utf-8';
+            case 'csv':
+            default:
+                return 'text/csv;charset=utf-8';
+        }
+    }
+    showExportFeedback(result) {
+        if (result.status === 'deferred') {
+            this.exportStatusMessage = translateTableRuntimeText(this.i18n, 'table.export.deferred', 'Exportacao enviada para processamento.');
+            this.snackBar.open(this.exportStatusMessage, undefined, { duration: 3000 });
+            return;
+        }
+        this.exportStatusMessage = translateTableRuntimeText(this.i18n, 'table.export.completed', 'Exportacao concluida.');
+        this.snackBar.open(this.exportStatusMessage, undefined, { duration: 2500 });
+    }
     onAdvancedFilterSubmit(criteria) {
         this.filterCriteria = criteria || {};
         this.applyExpansionCollapsePolicy('filterChange');
@@ -47830,7 +48145,7 @@ 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: i1.GlobalActionService }, { 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", 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: [
+    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", exportAction: "exportAction", 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,
@@ -47838,7 +48153,7 @@ class PraxisTable {
             TableDefaultsProvider,
             FilterConfigService,
             DataFormattingService
-        ], queries: [{ propertyName: "toolbar", first: true, predicate: PraxisTableToolbar, descendants: true }, { propertyName: "projectedFilter", first: true, predicate: ["projectedFilter"], descendants: true }], viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "materialTable", first: true, predicate: MatTable, descendants: true }, { propertyName: "internalFilter", first: true, predicate: PraxisFilter, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \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"] }] });
+        ], 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        [exportBusy]=\"exportBusy\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (exportAction)=\"onExportAction($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        [exportBusy]=\"exportBusy\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (exportAction)=\"onExportAction($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 (exportStatusMessage) {\n  <div class=\"praxis-visually-hidden-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n    {{ exportStatusMessage }}\n  </div>\n}\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    [exportBusy]=\"exportBusy\"\n    (toolbarAction)=\"onToolbarAction($event)\"\n    (exportAction)=\"onExportAction($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", "exportBusy", "evaluationContext"], outputs: ["toolbarAction", "exportAction"] }, { 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.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTable, decorators: [{
             type: Component,
@@ -47873,7 +48188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         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"] }]
+                    ], 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        [exportBusy]=\"exportBusy\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (exportAction)=\"onExportAction($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        [exportBusy]=\"exportBusy\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (exportAction)=\"onExportAction($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 (exportStatusMessage) {\n  <div class=\"praxis-visually-hidden-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n    {{ exportStatusMessage }}\n  </div>\n}\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    [exportBusy]=\"exportBusy\"\n    (toolbarAction)=\"onToolbarAction($event)\"\n    (exportAction)=\"onExportAction($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]
@@ -47932,6 +48247,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], bulkAction: [{
                 type: Output
+            }], exportAction: [{
+                type: Output
             }], columnReorder: [{
                 type: Output
             }], columnReorderAttempt: [{
@@ -48510,6 +48827,7 @@ const FORMAT_PRESETS$1 = [
 ];
 const RENDERER_TYPES = ['icon', 'image', 'badge', 'link', 'button', 'chip', 'progress', 'avatar', 'toggle', 'menu', 'rating', 'html', 'compose'];
 const EXPORT_FORMATS = ['excel', 'pdf', 'csv', 'json', 'print'];
+const EXPORT_SCOPES = ['auto', 'selected', 'filtered', 'currentPage', 'all'];
 const LOCALIZATION_DIRECTIONS = ['ltr', 'rtl'];
 const LIVE_REGIONS = ['polite', 'assertive'];
 const TABLE_LOADING_STRATEGIES = ['eager', 'lazy', 'on-demand'];
@@ -48667,6 +48985,162 @@ const tableExpansionSchema = {
         }
     }
 };
+const tableExpansionBehaviorSchema = {
+    type: 'object',
+    minProperties: 1,
+    properties: {
+        enabled: { type: 'boolean' },
+        contractVersion: { type: 'string' },
+        state: {
+            type: 'object',
+            properties: { mode: { enum: ['controlled', 'uncontrolled'] } }
+        },
+        interaction: {
+            type: 'object',
+            properties: {
+                trigger: { enum: ['icon', 'row', 'both'] },
+                toggleIcon: {
+                    type: 'object',
+                    properties: {
+                        collapsed: { type: 'string' },
+                        expanded: { type: 'string' },
+                        ariaLabelCollapsed: { type: 'string' },
+                        ariaLabelExpanded: { type: 'string' }
+                    }
+                },
+                motion: {
+                    type: 'object',
+                    properties: {
+                        preset: { enum: ['none', 'subtle-slide', 'accordion', 'fade-scale'] },
+                        durationMs: { type: 'number', minimum: 0 },
+                        easing: { enum: ['standard', 'emphasized', 'decelerate'] }
+                    }
+                },
+                keyboard: {
+                    type: 'object',
+                    properties: { profile: { enum: ['disclosure', 'grid'] } }
+                }
+            }
+        },
+        limits: {
+            type: 'object',
+            properties: {
+                allowMultiple: { type: 'boolean' },
+                maxExpandedRows: { type: 'number', minimum: 1 },
+                onOverflow: { enum: ['collapseOldest', 'denyNew', 'collapseAll'] }
+            }
+        },
+        collapseOn: {
+            type: 'object',
+            properties: {
+                sortChange: { type: 'boolean' },
+                pageChange: { type: 'boolean' },
+                filterChange: { type: 'boolean' },
+                dataRefresh: { type: 'boolean' }
+            }
+        },
+        virtualization: {
+            type: 'object',
+            properties: { policy: { enum: ['fixed-height-only', 'allow-dynamic-under-flag'] } }
+        },
+        persistence: {
+            type: 'object',
+            properties: {
+                enabled: { type: 'boolean' },
+                storageKeyStrategy: {
+                    type: 'object',
+                    properties: { namespace: { type: 'string' } }
+                }
+            }
+        },
+        security: {
+            type: 'object',
+            properties: {
+                eventExposureDefault: {
+                    type: 'object',
+                    properties: {
+                        rowId: { enum: ['redacted', 'hashed', 'raw'] },
+                        expandedKeys: { enum: ['none', 'hashed', 'raw'] }
+                    }
+                }
+            }
+        },
+        deepLink: {
+            type: 'object',
+            properties: {
+                enabled: { type: 'boolean' },
+                encoding: { enum: ['csv'] },
+                parsing: {
+                    type: 'object',
+                    properties: { duplicateParams: { enum: ['firstWins', 'reject'] } }
+                },
+                integrity: {
+                    type: 'object',
+                    properties: { mode: { enum: ['opaqueToken'] } }
+                },
+                privacy: {
+                    type: 'object',
+                    properties: { mode: { enum: ['denyByDefault', 'allowByDefault'] } }
+                }
+            }
+        }
+    }
+};
+const tableExpansionDetailSourceSchema = {
+    type: 'object',
+    minProperties: 1,
+    properties: {
+        mode: { enum: ['inline', 'resource', 'resourcePath', 'hypermedia'] },
+        inlineSchema: { type: 'object' },
+        resource: {
+            type: 'object',
+            properties: {
+                kind: { enum: ['ui-composition', 'form-schema', 'table-schema', 'dashboard-schema'] },
+                id: { type: 'string' },
+                version: { type: 'string' }
+            }
+        },
+        resourcePath: {
+            type: 'object',
+            properties: {
+                path: { type: 'string' },
+                method: { enum: ['GET', 'POST'] },
+                paramsMap: { type: 'object' }
+            }
+        },
+        resourceAllowList: { type: 'array', items: { type: 'string' } },
+        hypermedia: { type: 'object' }
+    }
+};
+const tableExpansionDetailPresentationSchema = {
+    type: 'object',
+    minProperties: 1,
+    properties: {
+        schemaContract: {
+            type: 'object',
+            properties: {
+                kind: { type: 'string' },
+                version: { type: 'string' }
+            }
+        },
+        rendering: {
+            type: 'object',
+            properties: {
+                strategy: { enum: ['registry'] },
+                registryId: { type: 'string' },
+                hostLayout: { enum: ['auto', 'stack', 'tabs'] },
+                fallbackNodePolicy: { enum: ['failClosed', 'renderPlaceholder'] }
+            }
+        },
+        height: {
+            type: 'object',
+            properties: {
+                mode: { enum: ['fixed', 'dynamic'] },
+                px: { type: 'number', minimum: 0 }
+            }
+        }
+    }
+};
 const tableExportSchema = {
     type: 'object',
     minProperties: 1,
@@ -48677,7 +49151,7 @@ const tableExportSchema = {
             type: 'object',
             properties: {
                 includeHeaders: { type: 'boolean' },
-                respectFilters: { type: 'boolean' },
+                scope: { enum: EXPORT_SCOPES },
                 maxRows: { type: 'number', minimum: 1 }
             }
         },
@@ -49197,7 +49671,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'append-unique', path: 'columns[]', key: 'field' }],
             validators: ['column-field-unique'],
             affectedPaths: ['columns[]'],
-            submissionImpact: false,
+            submissionImpact: 'affects-schema-backed-data',
             preconditions: ['config-initialized']
         },
         {
@@ -49212,7 +49686,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             requiresConfirmation: true,
             validators: ['destructive-removal-confirmation'],
             affectedPaths: ['columns[]'],
-            submissionImpact: false,
+            submissionImpact: 'affects-schema-backed-data',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49229,7 +49703,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists'],
             affectedPaths: ['columns[].header'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49248,7 +49722,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists'],
             affectedPaths: ['columns[].type'],
-            submissionImpact: false,
+            submissionImpact: 'affects-schema-backed-data',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49271,7 +49745,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists', 'format-preset-supported'],
             affectedPaths: ['columns[].format'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49288,7 +49762,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists', 'column-width-valid'],
             affectedPaths: ['columns[].width'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49305,7 +49779,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists'],
             affectedPaths: ['columns[].align'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49322,7 +49796,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists'],
             affectedPaths: ['columns[].sticky'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49339,7 +49813,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists'],
             affectedPaths: ['columns[].sortable'],
-            submissionImpact: false,
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49356,7 +49830,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists'],
             affectedPaths: ['columns[].filterable'],
-            submissionImpact: false,
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49373,7 +49847,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists', 'css-style-safe'],
             affectedPaths: ['columns[].style'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49390,7 +49864,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists', 'css-style-safe'],
             affectedPaths: ['columns[].headerStyle'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49407,7 +49881,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists', 'value-mapping-valid'],
             affectedPaths: ['columns[].valueMapping'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49424,7 +49898,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists'],
             affectedPaths: ['columns[].order'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49441,7 +49915,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists'],
             affectedPaths: ['columns[].visible'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49463,7 +49937,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'append-unique', path: 'columns[]', key: 'field' }],
             validators: ['column-field-unique', 'computed-expression-valid'],
             affectedPaths: ['columns[]'],
-            submissionImpact: false,
+            submissionImpact: 'affects-schema-backed-data',
             preconditions: ['config-initialized']
         },
         {
@@ -49476,7 +49950,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-object', path: 'columns[].renderer' }],
             validators: ['target-column-exists', 'renderer-type-supported', 'renderer-config-match', 'editor-round-trip-preserve'],
             affectedPaths: ['columns[].renderer'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49499,7 +49973,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'append-unique', path: 'columns[].conditionalRenderers[]', key: 'id' }],
             validators: ['target-column-exists', 'computed-expression-valid', 'renderer-config-match'],
             affectedPaths: ['columns[].conditionalRenderers[]'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49523,7 +49997,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'append-unique', path: 'columns[].conditionalStyles[]', key: 'id' }],
             validators: ['target-column-exists', 'computed-expression-valid', 'conditional-style-valid'],
             affectedPaths: ['columns[].conditionalStyles[]'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         // --- ROW & STYLE OPERATIONS ---
@@ -49547,7 +50021,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'append-unique', path: 'rowConditionalStyles[]', key: 'id' }],
             validators: ['computed-expression-valid'],
             affectedPaths: ['rowConditionalStyles[]'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         // --- TOOLBAR & ACTIONS ---
@@ -49564,7 +50038,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'toolbar' }],
             affectedPaths: ['toolbar.visible'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49587,7 +50062,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'append-unique', path: 'toolbar.actions[]', key: 'id' }],
             validators: ['toolbar-action-id-unique'],
             affectedPaths: ['toolbar.actions[]'],
-            submissionImpact: false,
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49610,7 +50085,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'append-unique', path: 'actions.row.actions[]', key: 'id' }],
             validators: ['row-action-id-unique'],
             affectedPaths: ['actions.row.actions[]'],
-            submissionImpact: false,
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         // --- BEHAVIOR & PERFORMANCE ---
@@ -49630,7 +50105,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'export' }],
             affectedPaths: ['export.enabled', 'export.formats'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49652,7 +50128,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
                 { kind: 'merge-object', path: 'behavior.filtering.advancedFilters' }
             ],
             affectedPaths: ['behavior.filtering.advancedFilters.enabled', 'behavior.filtering.advancedFilters.settings'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49673,7 +50150,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-object', path: 'behavior.grouping' }],
             validators: ['grouping-fields-exist'],
             affectedPaths: ['behavior.grouping'],
-            submissionImpact: false,
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49693,7 +50170,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'behavior.selection' }],
             affectedPaths: ['behavior.selection.enabled', 'behavior.selection.type', 'behavior.selection.mode'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49711,7 +50189,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'appearance' }],
             affectedPaths: ['appearance.density'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49731,7 +50210,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'appearance.borders' }],
             affectedPaths: ['appearance.borders.showRowBorders', 'appearance.borders.showColumnBorders', 'appearance.borders.showOuterBorder'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49753,7 +50233,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
                 { kind: 'merge-object', path: 'performance.virtualization' }
             ],
             affectedPaths: ['behavior.virtualization', 'performance.virtualization'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49762,11 +50243,48 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             scope: 'global',
             targetKind: 'expansion',
             target: { kind: 'expansion', resolver: 'expansion-config', ambiguityPolicy: 'fail', required: false },
-            inputSchema: tableExpansionSchema,
+            inputSchema: tableExpansionBehaviorSchema,
             effects: [{ kind: 'merge-object', path: 'behavior.expansion' }],
-            validators: ['remote-resource-binding-safe'],
+            validators: ['editor-round-trip-preserve'],
             affectedPaths: ['behavior.expansion'],
-            submissionImpact: false,
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'expansion.detailSource.configure',
+            title: 'Configurar fonte remota do detalhe expansivel',
+            scope: 'global',
+            targetKind: 'expansion',
+            target: { kind: 'expansion', resolver: 'expansion-config', ambiguityPolicy: 'fail', required: false },
+            inputSchema: tableExpansionDetailSourceSchema,
+            effects: [{ kind: 'merge-object', path: 'behavior.expansion.detail.source' }],
+            validators: ['remote-resource-binding-safe', 'editor-round-trip-preserve'],
+            affectedPaths: [
+                'behavior.expansion.detail.source',
+                'behavior.expansion.detail.source.mode',
+                'behavior.expansion.detail.source.resourcePath',
+                'behavior.expansion.detail.source.resourceAllowList',
+                'behavior.expansion.detail.source.hypermedia'
+            ],
+            submissionImpact: 'affects-remote-binding',
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'expansion.detailPresentation.configure',
+            title: 'Configurar apresentacao do detalhe expansivel',
+            scope: 'global',
+            targetKind: 'expansion',
+            target: { kind: 'expansion', resolver: 'expansion-config', ambiguityPolicy: 'fail', required: false },
+            inputSchema: tableExpansionDetailPresentationSchema,
+            effects: [{ kind: 'merge-object', path: 'behavior.expansion.detail' }],
+            validators: ['editor-round-trip-preserve'],
+            affectedPaths: [
+                'behavior.expansion.detail',
+                'behavior.expansion.detail.schemaContract',
+                'behavior.expansion.detail.rendering',
+                'behavior.expansion.detail.height'
+            ],
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49787,7 +50305,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'meta' }],
             affectedPaths: ['meta'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49804,7 +50323,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'set-value', path: 'meta.idField' }],
             requiresConfirmation: true,
             affectedPaths: ['meta.idField'],
-            submissionImpact: false,
+            validators: ['target-column-exists', 'editor-round-trip-preserve'],
+            submissionImpact: 'affects-schema-backed-data',
             preconditions: ['config-initialized']
         },
         {
@@ -49821,7 +50341,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists'],
             affectedPaths: ['columns[].resizable'],
-            submissionImpact: false,
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49838,7 +50358,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists'],
             affectedPaths: ['columns[].sortField'],
-            submissionImpact: false,
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49860,7 +50380,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-by-key', path: 'columns[]', key: 'field' }],
             validators: ['target-column-exists', 'computed-expression-valid', 'format-preset-supported'],
             affectedPaths: ['columns[].computed'],
-            submissionImpact: false,
+            submissionImpact: 'affects-schema-backed-data',
             preconditions: ['config-initialized', 'target-exists']
         },
         {
@@ -49887,7 +50407,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'behavior.pagination' }],
             affectedPaths: ['behavior.pagination'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49908,7 +50429,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'behavior.sorting' }],
             affectedPaths: ['behavior.sorting'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49920,7 +50442,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             inputSchema: tableFilteringSchema,
             effects: [{ kind: 'merge-object', path: 'behavior.filtering' }],
             affectedPaths: ['behavior.filtering'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49943,7 +50466,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'behavior.selection' }],
             affectedPaths: ['behavior.selection'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49955,7 +50479,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             inputSchema: tableInteractionSchema,
             effects: [{ kind: 'merge-object', path: 'behavior.interaction' }],
             affectedPaths: ['behavior.interaction'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49976,7 +50501,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'behavior.loading' }],
             affectedPaths: ['behavior.loading'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         {
@@ -49992,7 +50518,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'behavior.emptyState' }],
             affectedPaths: ['behavior.emptyState'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50011,7 +50538,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'behavior.resizing' }],
             affectedPaths: ['behavior.resizing'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50027,7 +50555,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'behavior.dragging' }],
             affectedPaths: ['behavior.dragging'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50043,7 +50572,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'behavior.editing' }],
             affectedPaths: ['behavior.editing'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50056,7 +50586,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-object', path: 'toolbar' }],
             validators: ['css-style-safe'],
             affectedPaths: ['toolbar'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50076,7 +50606,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'merge-object', path: 'actions.row' }],
             affectedPaths: ['actions.row'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50096,7 +50627,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-object', path: 'actions.bulk' }],
             requiresConfirmation: true,
             affectedPaths: ['actions.bulk'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50116,7 +50648,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-object', path: 'actions.context' }],
             requiresConfirmation: true,
             affectedPaths: ['actions.context'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50133,7 +50666,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-object', path: 'actions.confirmations' }],
             requiresConfirmation: true,
             affectedPaths: ['actions.confirmations.default'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50146,7 +50680,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-object', path: 'export' }],
             requiresConfirmation: true,
             affectedPaths: ['export'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50159,7 +50694,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-object', path: 'appearance' }],
             validators: ['css-style-safe'],
             affectedPaths: ['appearance'],
-            submissionImpact: false,
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50171,7 +50706,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             inputSchema: tableMessagesSchema,
             effects: [{ kind: 'merge-object', path: 'messages' }],
             affectedPaths: ['messages'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50183,7 +50719,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             inputSchema: tableLocalizationSchema,
             effects: [{ kind: 'merge-object', path: 'localization' }],
             affectedPaths: ['localization'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50195,7 +50732,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             inputSchema: tablePerformanceSchema,
             effects: [{ kind: 'merge-object', path: 'performance' }],
             affectedPaths: ['performance'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50211,7 +50749,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             effects: [{ kind: 'set-value', path: 'data.loadingStrategy' }],
             affectedPaths: ['data.loadingStrategy'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
         {
@@ -50240,7 +50779,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             effects: [{ kind: 'merge-object', path: 'accessibility' }],
             requiresConfirmation: true,
             affectedPaths: ['accessibility'],
-            submissionImpact: false,
+            validators: ['editor-round-trip-preserve'],
+            submissionImpact: 'visual-only',
             preconditions: ['config-initialized']
         }
     ],
@@ -52248,6 +52788,7 @@ const ENUMS = {
     bulkActionPosition: ['toolbar', 'floating', 'both'],
     contextTrigger: ['right-click', 'long-press', 'both'],
     exportFormat: ['excel', 'pdf', 'csv', 'json', 'print'],
+    exportScope: ['auto', 'selected', 'filtered', 'currentPage', 'all'],
     csvDelimiter: [',', ';', '|', '\\t'],
     pdfOrientation: ['portrait', 'landscape'],
     pdfPageSize: ['A4', 'A3', 'Letter', 'Legal'],
@@ -52721,7 +53262,7 @@ const TABLE_AI_CAPABILITIES = {
         { path: 'export.enabled', category: 'export', valueKind: 'boolean', description: 'Habilita funcionalidades de exportação.', critical: true, intentExamples: ['permitir exportar', 'desativar exportação'], safetyNotes: 'Avaliar políticas de dados sensíveis antes de habilitar.' },
         { path: 'export.formats', category: 'export', valueKind: 'array', description: 'Formatos permitidos.', allowedValues: ENUMS.exportFormat, example: '["csv","excel"]', intentExamples: ['exportar para excel', 'download em csv'] },
         { path: 'export.general.includeHeaders', category: 'export', valueKind: 'boolean', description: 'Inclui cabeçalhos no arquivo exportado.', intentExamples: ['incluir cabeçalho no excel'] },
-        { path: 'export.general.respectFilters', category: 'export', valueKind: 'boolean', description: 'Se true, exporta apenas dados filtrados.', dependsOn: 'export.enabled', intentExamples: ['exportar apenas filtrados'] },
+        { path: 'export.general.scope', category: 'export', valueKind: 'enum', allowedValues: ENUMS.exportScope, description: 'Define o escopo dos dados exportados: auto, selected, filtered, currentPage ou all.', dependsOn: 'export.enabled', intentExamples: ['exportar apenas selecionados', 'exportar filtrados', 'exportar pagina atual'], example: '"auto"' },
         { path: 'export.general.maxRows', category: 'export', valueKind: 'number', description: 'Limite de linhas para exportação.', dependsOn: 'export.enabled', critical: true, example: '5000', safetyNotes: 'Previne exportações pesadas ou vazamento de massa de dados.', intentExamples: ['limite de exportação 5000'] },
         { path: 'export.excel.autoFitColumns', category: 'export', valueKind: 'boolean', description: 'Auto-ajusta largura de colunas na planilha.', dependsOn: 'export.enabled', intentExamples: ['ajustar colunas no excel'] },
         { path: 'export.pdf.orientation', category: 'export', valueKind: 'enum', allowedValues: ENUMS.pdfOrientation, description: 'Orientação do PDF.', dependsOn: 'export.enabled', intentExamples: ['pdf paisagem', 'pdf retrato'] },