@praxisui/table 8.0.0-beta.30 → 8.0.0-beta.31

package/fesm2022/{praxisui-table-praxisui-table-DFBE5wpp.mjs → praxisui-table-praxisui-table-qO5EkftZ.mjs}

@@ -37685,6 +37685,7 @@ class PraxisTable {
     afterBulkDelete = new EventEmitter();
     bulkDeleteError = new EventEmitter();
     schemaStatusChange = new EventEmitter();
+    configChange = new EventEmitter();
     metadataChange = new EventEmitter();
     loadingStateChange = new EventEmitter();
     collectionLinksChange = new EventEmitter();
@@ -37758,6 +37759,7 @@ class PraxisTable {
     collectionExport = inject(PraxisCollectionExportService);
     paginatorIntl = inject(MatPaginatorIntl);
     schemaFieldsSnapshot = [];
+    filterSchemaFieldsSnapshot = [];
     runtimeSchemaMeta = {};
     schemaError = false;
     dataError = false;
@@ -38341,6 +38343,26 @@ class PraxisTable {
     getSchemaFieldsSnapshot() {
         return this.schemaFieldsSnapshot.map((field) => ({ ...field }));
     }
+    getFilterSchemaFieldsSnapshot() {
+        return this.filterSchemaFieldsSnapshot.map((field) => ({
+            ...field,
+            relatedColumnFields: field.relatedColumnFields ? [...field.relatedColumnFields] : undefined,
+            relatedColumnLabels: field.relatedColumnLabels ? [...field.relatedColumnLabels] : undefined,
+        }));
+    }
+    async ensureFilterSchemaFieldsSnapshot() {
+        if (this.filterSchemaFieldsSnapshot.length > 0 || !this.resourcePath) {
+            return;
+        }
+        try {
+            const fields = await firstValueFrom(this.crudService.getFilterSchema({ cache: true }).pipe(take$1(1)));
+            this.setFilterSchemaFieldsSnapshot(fields);
+        }
+        catch (error) {
+            this.filterSchemaFieldsSnapshot = [];
+            this.warnLog('[PraxisTable] Nao foi possivel preparar schema de filtro para contexto AI', error);
+        }
+    }
     aiAdapter = null;
     aiAdapterLoadStarted = false;
     aiAssistantOpenAfterAdapterLoad = false;
@@ -38623,6 +38645,65 @@ class PraxisTable {
         }))
             .filter((field) => field.name.trim().length > 0);
     }
+    setFilterSchemaFieldsSnapshot(fields) {
+        if (!Array.isArray(fields) || fields.length === 0) {
+            this.filterSchemaFieldsSnapshot = [];
+            return;
+        }
+        const tableColumns = this.config?.columns || [];
+        this.filterSchemaFieldsSnapshot = fields
+            .map((field) => {
+            const name = (field?.name || '').toString();
+            const related = this.resolveFilterSchemaRelatedColumns(name, field?.label, tableColumns);
+            return {
+                name,
+                label: field?.label ?? undefined,
+                type: field?.type ?? undefined,
+                controlType: field?.controlType ?? undefined,
+                numericFormat: field?.numericFormat ?? undefined,
+                options: this.normalizeSchemaOptions(field?.options),
+                optionLabelKey: this.normalizeSchemaKey(field?.optionLabelKey),
+                optionValueKey: this.normalizeSchemaKey(field?.optionValueKey),
+                enumValues: this.normalizeEnumValues(field?.enumValues),
+                relatedColumnFields: related.fields.length ? related.fields : undefined,
+                relatedColumnLabels: related.labels.length ? related.labels : undefined,
+            };
+        })
+            .filter((field) => field.name.trim().length > 0);
+    }
+    resolveFilterSchemaRelatedColumns(filterName, filterLabel, columns) {
+        const normalizedName = this.normalizeFieldAlias(filterName);
+        const normalizedLabel = this.normalizeFieldAlias(filterLabel || '');
+        const fields = [];
+        const labels = [];
+        for (const column of columns || []) {
+            const field = (column?.field || '').trim();
+            if (!field)
+                continue;
+            const header = (column?.header || '').trim();
+            const normalizedField = this.normalizeFieldAlias(field);
+            const normalizedHeader = this.normalizeFieldAlias(header);
+            const matchesField = !!normalizedField && normalizedName.includes(normalizedField);
+            const matchesHeader = !!normalizedHeader && (normalizedLabel.includes(normalizedHeader) ||
+                normalizedName.includes(normalizedHeader));
+            if (!matchesField && !matchesHeader)
+                continue;
+            if (!fields.includes(field))
+                fields.push(field);
+            if (header && !labels.includes(header))
+                labels.push(header);
+        }
+        return { fields, labels };
+    }
+    normalizeFieldAlias(value) {
+        return value
+            .normalize('NFD')
+            .replace(/[\u0300-\u036f]/g, '')
+            .replace(/([a-z])([A-Z])/g, '$1 $2')
+            .replace(/[^a-zA-Z0-9]+/g, ' ')
+            .trim()
+            .toLowerCase();
+    }
     normalizeSchemaOptions(options) {
         if (!Array.isArray(options) || options.length === 0)
             return undefined;
@@ -38873,7 +38954,7 @@ class PraxisTable {
         if (this.aiAdapter || this.aiAdapterLoadStarted)
             return;
         this.aiAdapterLoadStarted = true;
-        import('./praxisui-table-table-ai.adapter-7THXe94D.mjs')
+        import('./praxisui-table-table-ai.adapter-DkMHa90r.mjs')
             .then(({ TableAiAdapter }) => {
             this.aiAdapter = new TableAiAdapter(this);
             this.initializeAiAssistantController();
@@ -38905,6 +38986,26 @@ class PraxisTable {
         const safePosition = String(position || 'default').replace(/[^a-zA-Z0-9_-]+/g, '-');
         return `table-ai-assistant-trigger-${safePosition}`;
     }
+    hasMinimizedAiAssistantSession() {
+        const session = this.assistantSessions.getSession(this.resolveAiAssistantSessionId());
+        return !!session && session.visibility === 'minimized';
+    }
+    aiAssistantTriggerIcon() {
+        return this.hasMinimizedAiAssistantSession() ? this.resolveAiAssistantIcon() : 'auto_awesome';
+    }
+    aiAssistantTriggerBadge() {
+        return this.hasMinimizedAiAssistantSession() ? this.resolveAiAssistantBadge() : '';
+    }
+    aiAssistantTriggerLabel() {
+        return this.hasMinimizedAiAssistantSession()
+            ? 'Reabrir assistente de IA da tabela'
+            : 'Abrir assistente de IA da tabela';
+    }
+    aiAssistantTriggerTooltip() {
+        return this.hasMinimizedAiAssistantSession()
+            ? 'Reabrir assistente de IA'
+            : 'Assistente de IA';
+    }
     openAiAssistantFromSession(session) {
         if (session.id !== this.resolveAiAssistantSessionId())
             return;
@@ -39000,7 +39101,7 @@ class PraxisTable {
     initializeAiAssistantController() {
         if (!this.aiAdapter || this.aiAssistantController)
             return;
-        import('./praxisui-table-table-agentic-authoring-turn-flow-EigJf8mp.mjs')
+        import('./praxisui-table-table-agentic-authoring-turn-flow-CretQI6Z.mjs')
             .then(({ TableAgenticAuthoringTurnFlow }) => {
             if (this.aiAssistantController || !this.aiAdapter)
                 return;
@@ -39125,6 +39226,7 @@ class PraxisTable {
             visibility: visibility ?? (this.aiAssistantOpen ? 'active' : 'minimized'),
             badge: this.resolveAiAssistantBadge(),
             icon: this.resolveAiAssistantIcon(),
+            presence: 'origin-anchor',
         });
     }
     hasAiAssistantSessionState() {
@@ -45044,6 +45146,7 @@ class PraxisTable {
             next: (fields) => {
                 this.schemaError = false;
                 this.setSchemaFieldsSnapshot(fields);
+                this.loadFilterSchemaSnapshot();
                 // Se idField não foi definido via inputs/contexto, tentar derivar do schema/serviço.
                 try {
                     const derived = this.idField || this.crudContext?.idField || this.crudService.getResourceIdField();
@@ -45109,6 +45212,24 @@ class PraxisTable {
             },
         });
     }
+    loadFilterSchemaSnapshot() {
+        if (!this.resourcePath) {
+            this.filterSchemaFieldsSnapshot = [];
+            return;
+        }
+        this.crudService
+            .getFilterSchema({ cache: true })
+            .pipe(take$1(1))
+            .subscribe({
+            next: (fields) => {
+                this.setFilterSchemaFieldsSnapshot(fields);
+            },
+            error: (error) => {
+                this.filterSchemaFieldsSnapshot = [];
+                this.warnLog('[PraxisTable] Nao foi possivel carregar schema de filtro para contexto AI', error);
+            },
+        });
+    }
     convertFieldToColumn(field) {
         // Prioritize API type over inference - only use inference as last resort
         let apiType;
@@ -45154,14 +45275,11 @@ class PraxisTable {
         const lname = fname.toLowerCase();
         const isAvatarByControl = ctl === 'avatar';
         if (isAvatarByControl) {
-            // Derive initials from common name fields; leave altField undefined to avoid brittle coupling
-            const initialsExpr = "= (row.nomeCompleto || row.nome || row.fullName || row.name || row.title || '').trim().split(/\\s+/).slice(0,2).map(p => p[0] || '').join('').toUpperCase()";
             col.renderer = {
                 type: 'avatar',
                 avatar: {
                     srcField: fname,
-                    // altField intentionally omitted; rely on initialsExpr + title attr if provided later
-                    initialsExpr,
+                    initialsField: 'nomeCompleto',
                     shape: 'circle',
                     size: 32,
                 },
@@ -48156,6 +48274,7 @@ class PraxisTable {
             field: this.getComposeItemField(item) || base.field,
             header: base.header,
             renderer: r,
+            conditionalRenderers: undefined,
         };
     }
     getItemEffectiveType(row, column, item) {
@@ -48648,6 +48767,7 @@ class PraxisTable {
         const imageSrc = this.getAvatarSrc(row, column);
         const initials = this.getAvatarInitials(row, column);
         const alt = this.getAvatarAlt(row, column) || undefined;
+        const style = this.getAvatarRichContentStyle(row, column);
         return [
             {
                 type: 'avatar',
@@ -48655,9 +48775,38 @@ class PraxisTable {
                 initials: initials || undefined,
                 name: alt,
                 className: 'pfx-avatar',
+                style,
             },
         ];
     }
+    getAvatarRichContentStyle(row, column) {
+        const avatar = this.getEffectiveRenderer(row, column)?.avatar;
+        const sizeStyle = this.getAvatarStyle(row, column) || {};
+        const shape = this.getAvatarShape(row, column);
+        const style = { ...sizeStyle };
+        const backgroundColor = typeof avatar?.backgroundColor === 'string'
+            ? avatar.backgroundColor.trim()
+            : '';
+        const textColor = typeof avatar?.textColor === 'string'
+            ? avatar.textColor.trim()
+            : '';
+        if (shape === 'circle') {
+            style['borderRadius'] = '999px';
+        }
+        else if (shape === 'rounded') {
+            style['borderRadius'] = '8px';
+        }
+        else if (shape === 'square') {
+            style['borderRadius'] = '0';
+        }
+        if (backgroundColor) {
+            style['backgroundColor'] = backgroundColor;
+        }
+        if (textColor) {
+            style['color'] = textColor;
+        }
+        return Object.keys(style).length ? style : undefined;
+    }
     getAvatarShape(row, column) {
         return this.getEffectiveRenderer(row, column)?.avatar?.shape || undefined;
     }
@@ -49911,7 +50060,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: i0.Injector }, { 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 }, { token: AnalyticsTableStatsApiService, 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", horizontalScroll: "horizontalScroll", 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: [
+    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", horizontalScroll: "horizontalScroll", 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", configChange: "configChange", 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,
@@ -49919,7 +50068,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    (retryTurn)=\"onAiAssistantRetry()\"\n    (cancelTurn)=\"onAiAssistantCancel()\"\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            [attr.data-testid]=\"aiAssistantTriggerTestId('toolbar-top')\"\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            [attr.data-testid]=\"aiAssistantTriggerTestId('header-top')\"\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            [attr.data-testid]=\"aiAssistantTriggerTestId('toolbar-stacked')\"\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            [attr.data-testid]=\"aiAssistantTriggerTestId('header-stacked')\"\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      [matTooltip]=\"getCellTooltip(element, column) || ''\"\n      [matTooltipPosition]=\"getCellTooltipPosition(element, column)\"\n      [matTooltipDisabled]=\"!getCellTooltip(element, column)\"\n      [attr.title]=\"getCellTooltip(element, column) || null\"\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              [matTooltip]=\"getCellTooltip(row, column) || ''\"\n              [matTooltipPosition]=\"getCellTooltipPosition(row, column)\"\n              [matTooltipDisabled]=\"!getCellTooltip(row, column)\"\n              [attr.title]=\"getCellTooltip(row, column) || null\">\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          [attr.data-testid]=\"aiAssistantTriggerTestId('footer')\"\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 .pfx-cell-content.pfx-cell-anim{animation-duration:var(--pfx-cell-anim-duration, .8s);animation-delay:var(--pfx-cell-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--once{animation-iteration-count:1}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--count{animation-iteration-count:var(--pfx-cell-anim-iteration-count, 1)}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover,:host ::ng-deep .mat-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:running}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--pulse{animation-name:pfx-cell-pulse}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--blink{animation-name:pfx-cell-blink}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--grow{animation-name:pfx-cell-grow}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--fade{animation-name:pfx-cell-fade}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--slide-in{animation-name:pfx-cell-slide-in}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--border-pulse{animation-name:pfx-cell-border-pulse}@keyframes pfx-cell-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-cell-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-cell-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-cell-anim-min-opacity, .35)}}@keyframes pfx-cell-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-cell-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-cell-slide-in{0%{opacity:0;transform:translateY(var(--pfx-cell-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-cell-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),var(--pfx-cell-anim-border-strength, .3))}}:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation-duration:var(--pfx-row-anim-duration, .8s);animation-delay:var(--pfx-row-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--once{animation-iteration-count:1}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--count{animation-iteration-count:var(--pfx-row-anim-iteration-count, 1)}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover:hover{animation-play-state:running}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--pulse{animation-name:pfx-row-pulse}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--blink{animation-name:pfx-row-blink}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--grow{animation-name:pfx-row-grow}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--fade{animation-name:pfx-row-fade}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--slide-in{animation-name:pfx-row-slide-in}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--border-pulse{animation-name:pfx-row-border-pulse}@keyframes pfx-row-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-row-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-row-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-row-anim-min-opacity, .35)}}@keyframes pfx-row-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-row-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-row-slide-in{0%{opacity:0;transform:translateY(var(--pfx-row-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-row-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),var(--pfx-row-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-cell-content.pfx-cell-anim,:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row.pfx-row-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: i11$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i12.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i12.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i12.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i13.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: i13.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: i14.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: i18.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: i18.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i18.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: i19.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: i21.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i21.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", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "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"] }] });
+        ], 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    [showAttachAction]=\"false\"\n    [enablePastedAttachments]=\"false\"\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    (retryTurn)=\"onAiAssistantRetry()\"\n    (cancelTurn)=\"onAiAssistantCancel()\"\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            class=\"praxis-table-ai-trigger\"\n            [class.praxis-table-ai-trigger--minimized]=\"hasMinimizedAiAssistantSession()\"\n            [attr.data-testid]=\"aiAssistantTriggerTestId('toolbar-top')\"\n            (click)=\"openAiAssistant()\"\n            [attr.aria-label]=\"aiAssistantTriggerLabel()\"\n            [matBadge]=\"aiAssistantTriggerBadge()\"\n            [matBadgeHidden]=\"!hasMinimizedAiAssistantSession()\"\n            matBadgeColor=\"accent\"\n            matBadgeSize=\"small\"\n            matBadgePosition=\"above after\"\n            [matTooltip]=\"aiAssistantTriggerTooltip()\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>{{ aiAssistantTriggerIcon() }}</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            class=\"praxis-table-ai-trigger\"\n            [class.praxis-table-ai-trigger--minimized]=\"hasMinimizedAiAssistantSession()\"\n            [attr.data-testid]=\"aiAssistantTriggerTestId('header-top')\"\n            (click)=\"openAiAssistant()\"\n            [attr.aria-label]=\"aiAssistantTriggerLabel()\"\n            [matBadge]=\"aiAssistantTriggerBadge()\"\n            [matBadgeHidden]=\"!hasMinimizedAiAssistantSession()\"\n            matBadgeColor=\"accent\"\n            matBadgeSize=\"small\"\n            matBadgePosition=\"above after\"\n            [matTooltip]=\"aiAssistantTriggerTooltip()\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>{{ aiAssistantTriggerIcon() }}</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            class=\"praxis-table-ai-trigger\"\n            [class.praxis-table-ai-trigger--minimized]=\"hasMinimizedAiAssistantSession()\"\n            [attr.data-testid]=\"aiAssistantTriggerTestId('toolbar-stacked')\"\n            (click)=\"openAiAssistant()\"\n            [attr.aria-label]=\"aiAssistantTriggerLabel()\"\n            [matBadge]=\"aiAssistantTriggerBadge()\"\n            [matBadgeHidden]=\"!hasMinimizedAiAssistantSession()\"\n            matBadgeColor=\"accent\"\n            matBadgeSize=\"small\"\n            matBadgePosition=\"above after\"\n            [matTooltip]=\"aiAssistantTriggerTooltip()\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>{{ aiAssistantTriggerIcon() }}</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            class=\"praxis-table-ai-trigger\"\n            [class.praxis-table-ai-trigger--minimized]=\"hasMinimizedAiAssistantSession()\"\n            [attr.data-testid]=\"aiAssistantTriggerTestId('header-stacked')\"\n            (click)=\"openAiAssistant()\"\n            [attr.aria-label]=\"aiAssistantTriggerLabel()\"\n            [matBadge]=\"aiAssistantTriggerBadge()\"\n            [matBadgeHidden]=\"!hasMinimizedAiAssistantSession()\"\n            matBadgeColor=\"accent\"\n            matBadgeSize=\"small\"\n            matBadgePosition=\"above after\"\n            [matTooltip]=\"aiAssistantTriggerTooltip()\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>{{ aiAssistantTriggerIcon() }}</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      [matTooltip]=\"getCellTooltip(element, column) || ''\"\n      [matTooltipPosition]=\"getCellTooltipPosition(element, column)\"\n      [matTooltipDisabled]=\"!getCellTooltip(element, column)\"\n      [attr.title]=\"getCellTooltip(element, column) || null\"\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              [matTooltip]=\"getCellTooltip(row, column) || ''\"\n              [matTooltipPosition]=\"getCellTooltipPosition(row, column)\"\n              [matTooltipDisabled]=\"!getCellTooltip(row, column)\"\n              [attr.title]=\"getCellTooltip(row, column) || null\">\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          class=\"praxis-table-ai-trigger\"\n          [class.praxis-table-ai-trigger--minimized]=\"hasMinimizedAiAssistantSession()\"\n          [attr.data-testid]=\"aiAssistantTriggerTestId('footer')\"\n          (click)=\"openAiAssistant()\"\n          [attr.aria-label]=\"aiAssistantTriggerLabel()\"\n          [matBadge]=\"aiAssistantTriggerBadge()\"\n          [matBadgeHidden]=\"!hasMinimizedAiAssistantSession()\"\n          matBadgeColor=\"accent\"\n          matBadgeSize=\"small\"\n          matBadgePosition=\"above after\"\n          [matTooltip]=\"aiAssistantTriggerTooltip()\"\n          matTooltipPosition=\"below\"\n        >\n          <mat-icon>{{ aiAssistantTriggerIcon() }}</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}.praxis-table-ai-trigger{transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}.praxis-table-ai-trigger--minimized{background:color-mix(in srgb,var(--md-sys-color-primary-container, rgba(59, 130, 246, .22)) 72%,transparent);color:var(--md-sys-color-on-primary-container, var(--md-sys-color-primary, #2563eb));box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary, #2563eb) 34%,transparent),0 8px 20px color-mix(in srgb,var(--md-sys-color-primary, #2563eb) 16%,transparent)}.praxis-table-ai-trigger--minimized:hover,.praxis-table-ai-trigger--minimized:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container, rgba(59, 130, 246, .22)) 86%,transparent)}: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 .pfx-cell-content.pfx-cell-anim{animation-duration:var(--pfx-cell-anim-duration, .8s);animation-delay:var(--pfx-cell-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--once{animation-iteration-count:1}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--count{animation-iteration-count:var(--pfx-cell-anim-iteration-count, 1)}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover,:host ::ng-deep .mat-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:running}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--pulse{animation-name:pfx-cell-pulse}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--blink{animation-name:pfx-cell-blink}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--grow{animation-name:pfx-cell-grow}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--fade{animation-name:pfx-cell-fade}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--slide-in{animation-name:pfx-cell-slide-in}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--border-pulse{animation-name:pfx-cell-border-pulse}@keyframes pfx-cell-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-cell-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-cell-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-cell-anim-min-opacity, .35)}}@keyframes pfx-cell-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-cell-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-cell-slide-in{0%{opacity:0;transform:translateY(var(--pfx-cell-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-cell-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),var(--pfx-cell-anim-border-strength, .3))}}:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation-duration:var(--pfx-row-anim-duration, .8s);animation-delay:var(--pfx-row-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--once{animation-iteration-count:1}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--count{animation-iteration-count:var(--pfx-row-anim-iteration-count, 1)}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover:hover{animation-play-state:running}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--pulse{animation-name:pfx-row-pulse}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--blink{animation-name:pfx-row-blink}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--grow{animation-name:pfx-row-grow}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--fade{animation-name:pfx-row-fade}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--slide-in{animation-name:pfx-row-slide-in}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--border-pulse{animation-name:pfx-row-border-pulse}@keyframes pfx-row-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-row-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-row-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-row-anim-min-opacity, .35)}}@keyframes pfx-row-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-row-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-row-slide-in{0%{opacity:0;transform:translateY(var(--pfx-row-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-row-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),var(--pfx-row-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-cell-content.pfx-cell-anim,:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row.pfx-row-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: i11$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i12.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i12.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i12.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i13.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: i13.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: i14.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: i18.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: i18.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i18.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: i19.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: i21.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i21.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", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "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,
@@ -49954,7 +50103,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    (retryTurn)=\"onAiAssistantRetry()\"\n    (cancelTurn)=\"onAiAssistantCancel()\"\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            [attr.data-testid]=\"aiAssistantTriggerTestId('toolbar-top')\"\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            [attr.data-testid]=\"aiAssistantTriggerTestId('header-top')\"\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            [attr.data-testid]=\"aiAssistantTriggerTestId('toolbar-stacked')\"\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            [attr.data-testid]=\"aiAssistantTriggerTestId('header-stacked')\"\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      [matTooltip]=\"getCellTooltip(element, column) || ''\"\n      [matTooltipPosition]=\"getCellTooltipPosition(element, column)\"\n      [matTooltipDisabled]=\"!getCellTooltip(element, column)\"\n      [attr.title]=\"getCellTooltip(element, column) || null\"\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              [matTooltip]=\"getCellTooltip(row, column) || ''\"\n              [matTooltipPosition]=\"getCellTooltipPosition(row, column)\"\n              [matTooltipDisabled]=\"!getCellTooltip(row, column)\"\n              [attr.title]=\"getCellTooltip(row, column) || null\">\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          [attr.data-testid]=\"aiAssistantTriggerTestId('footer')\"\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 .pfx-cell-content.pfx-cell-anim{animation-duration:var(--pfx-cell-anim-duration, .8s);animation-delay:var(--pfx-cell-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--once{animation-iteration-count:1}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--count{animation-iteration-count:var(--pfx-cell-anim-iteration-count, 1)}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover,:host ::ng-deep .mat-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:running}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--pulse{animation-name:pfx-cell-pulse}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--blink{animation-name:pfx-cell-blink}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--grow{animation-name:pfx-cell-grow}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--fade{animation-name:pfx-cell-fade}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--slide-in{animation-name:pfx-cell-slide-in}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--border-pulse{animation-name:pfx-cell-border-pulse}@keyframes pfx-cell-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-cell-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-cell-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-cell-anim-min-opacity, .35)}}@keyframes pfx-cell-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-cell-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-cell-slide-in{0%{opacity:0;transform:translateY(var(--pfx-cell-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-cell-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),var(--pfx-cell-anim-border-strength, .3))}}:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation-duration:var(--pfx-row-anim-duration, .8s);animation-delay:var(--pfx-row-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--once{animation-iteration-count:1}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--count{animation-iteration-count:var(--pfx-row-anim-iteration-count, 1)}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover:hover{animation-play-state:running}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--pulse{animation-name:pfx-row-pulse}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--blink{animation-name:pfx-row-blink}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--grow{animation-name:pfx-row-grow}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--fade{animation-name:pfx-row-fade}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--slide-in{animation-name:pfx-row-slide-in}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--border-pulse{animation-name:pfx-row-border-pulse}@keyframes pfx-row-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-row-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-row-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-row-anim-min-opacity, .35)}}@keyframes pfx-row-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-row-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-row-slide-in{0%{opacity:0;transform:translateY(var(--pfx-row-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-row-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),var(--pfx-row-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-cell-content.pfx-cell-anim,:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row.pfx-row-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    [showAttachAction]=\"false\"\n    [enablePastedAttachments]=\"false\"\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    (retryTurn)=\"onAiAssistantRetry()\"\n    (cancelTurn)=\"onAiAssistantCancel()\"\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            class=\"praxis-table-ai-trigger\"\n            [class.praxis-table-ai-trigger--minimized]=\"hasMinimizedAiAssistantSession()\"\n            [attr.data-testid]=\"aiAssistantTriggerTestId('toolbar-top')\"\n            (click)=\"openAiAssistant()\"\n            [attr.aria-label]=\"aiAssistantTriggerLabel()\"\n            [matBadge]=\"aiAssistantTriggerBadge()\"\n            [matBadgeHidden]=\"!hasMinimizedAiAssistantSession()\"\n            matBadgeColor=\"accent\"\n            matBadgeSize=\"small\"\n            matBadgePosition=\"above after\"\n            [matTooltip]=\"aiAssistantTriggerTooltip()\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>{{ aiAssistantTriggerIcon() }}</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            class=\"praxis-table-ai-trigger\"\n            [class.praxis-table-ai-trigger--minimized]=\"hasMinimizedAiAssistantSession()\"\n            [attr.data-testid]=\"aiAssistantTriggerTestId('header-top')\"\n            (click)=\"openAiAssistant()\"\n            [attr.aria-label]=\"aiAssistantTriggerLabel()\"\n            [matBadge]=\"aiAssistantTriggerBadge()\"\n            [matBadgeHidden]=\"!hasMinimizedAiAssistantSession()\"\n            matBadgeColor=\"accent\"\n            matBadgeSize=\"small\"\n            matBadgePosition=\"above after\"\n            [matTooltip]=\"aiAssistantTriggerTooltip()\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>{{ aiAssistantTriggerIcon() }}</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            class=\"praxis-table-ai-trigger\"\n            [class.praxis-table-ai-trigger--minimized]=\"hasMinimizedAiAssistantSession()\"\n            [attr.data-testid]=\"aiAssistantTriggerTestId('toolbar-stacked')\"\n            (click)=\"openAiAssistant()\"\n            [attr.aria-label]=\"aiAssistantTriggerLabel()\"\n            [matBadge]=\"aiAssistantTriggerBadge()\"\n            [matBadgeHidden]=\"!hasMinimizedAiAssistantSession()\"\n            matBadgeColor=\"accent\"\n            matBadgeSize=\"small\"\n            matBadgePosition=\"above after\"\n            [matTooltip]=\"aiAssistantTriggerTooltip()\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>{{ aiAssistantTriggerIcon() }}</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            class=\"praxis-table-ai-trigger\"\n            [class.praxis-table-ai-trigger--minimized]=\"hasMinimizedAiAssistantSession()\"\n            [attr.data-testid]=\"aiAssistantTriggerTestId('header-stacked')\"\n            (click)=\"openAiAssistant()\"\n            [attr.aria-label]=\"aiAssistantTriggerLabel()\"\n            [matBadge]=\"aiAssistantTriggerBadge()\"\n            [matBadgeHidden]=\"!hasMinimizedAiAssistantSession()\"\n            matBadgeColor=\"accent\"\n            matBadgeSize=\"small\"\n            matBadgePosition=\"above after\"\n            [matTooltip]=\"aiAssistantTriggerTooltip()\"\n            matTooltipPosition=\"below\"\n          >\n            <mat-icon>{{ aiAssistantTriggerIcon() }}</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      [matTooltip]=\"getCellTooltip(element, column) || ''\"\n      [matTooltipPosition]=\"getCellTooltipPosition(element, column)\"\n      [matTooltipDisabled]=\"!getCellTooltip(element, column)\"\n      [attr.title]=\"getCellTooltip(element, column) || null\"\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              [matTooltip]=\"getCellTooltip(row, column) || ''\"\n              [matTooltipPosition]=\"getCellTooltipPosition(row, column)\"\n              [matTooltipDisabled]=\"!getCellTooltip(row, column)\"\n              [attr.title]=\"getCellTooltip(row, column) || null\">\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          class=\"praxis-table-ai-trigger\"\n          [class.praxis-table-ai-trigger--minimized]=\"hasMinimizedAiAssistantSession()\"\n          [attr.data-testid]=\"aiAssistantTriggerTestId('footer')\"\n          (click)=\"openAiAssistant()\"\n          [attr.aria-label]=\"aiAssistantTriggerLabel()\"\n          [matBadge]=\"aiAssistantTriggerBadge()\"\n          [matBadgeHidden]=\"!hasMinimizedAiAssistantSession()\"\n          matBadgeColor=\"accent\"\n          matBadgeSize=\"small\"\n          matBadgePosition=\"above after\"\n          [matTooltip]=\"aiAssistantTriggerTooltip()\"\n          matTooltipPosition=\"below\"\n        >\n          <mat-icon>{{ aiAssistantTriggerIcon() }}</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}.praxis-table-ai-trigger{transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}.praxis-table-ai-trigger--minimized{background:color-mix(in srgb,var(--md-sys-color-primary-container, rgba(59, 130, 246, .22)) 72%,transparent);color:var(--md-sys-color-on-primary-container, var(--md-sys-color-primary, #2563eb));box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary, #2563eb) 34%,transparent),0 8px 20px color-mix(in srgb,var(--md-sys-color-primary, #2563eb) 16%,transparent)}.praxis-table-ai-trigger--minimized:hover,.praxis-table-ai-trigger--minimized:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary-container, rgba(59, 130, 246, .22)) 86%,transparent)}: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 .pfx-cell-content.pfx-cell-anim{animation-duration:var(--pfx-cell-anim-duration, .8s);animation-delay:var(--pfx-cell-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--once{animation-iteration-count:1}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--count{animation-iteration-count:var(--pfx-cell-anim-iteration-count, 1)}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover,:host ::ng-deep .mat-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:running}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--pulse{animation-name:pfx-cell-pulse}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--blink{animation-name:pfx-cell-blink}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--grow{animation-name:pfx-cell-grow}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--fade{animation-name:pfx-cell-fade}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--slide-in{animation-name:pfx-cell-slide-in}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--border-pulse{animation-name:pfx-cell-border-pulse}@keyframes pfx-cell-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-cell-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-cell-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-cell-anim-min-opacity, .35)}}@keyframes pfx-cell-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-cell-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-cell-slide-in{0%{opacity:0;transform:translateY(var(--pfx-cell-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-cell-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),var(--pfx-cell-anim-border-strength, .3))}}:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation-duration:var(--pfx-row-anim-duration, .8s);animation-delay:var(--pfx-row-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--once{animation-iteration-count:1}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--count{animation-iteration-count:var(--pfx-row-anim-iteration-count, 1)}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover:hover{animation-play-state:running}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--pulse{animation-name:pfx-row-pulse}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--blink{animation-name:pfx-row-blink}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--grow{animation-name:pfx-row-grow}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--fade{animation-name:pfx-row-fade}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--slide-in{animation-name:pfx-row-slide-in}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--border-pulse{animation-name:pfx-row-border-pulse}@keyframes pfx-row-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-row-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-row-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-row-anim-min-opacity, .35)}}@keyframes pfx-row-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-row-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-row-slide-in{0%{opacity:0;transform:translateY(var(--pfx-row-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-row-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),var(--pfx-row-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-cell-content.pfx-cell-anim,:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row.pfx-row-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]
@@ -50035,6 +50184,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], schemaStatusChange: [{
                 type: Output
+            }], configChange: [{
+                type: Output
             }], metadataChange: [{
                 type: Output
             }], loadingStateChange: [{
@@ -50620,6 +50771,38 @@ const globalActionEffectSchema = {
         globalAction: globalActionRefSchema,
     },
 };
+const tableConditionalAnimationSchema = {
+    type: 'object',
+    additionalProperties: false,
+    properties: {
+        enabled: { type: 'boolean', description: 'false desativa a animacao sem remover a regra.' },
+        preset: {
+            enum: [
+                'info-soft',
+                'success-confirm',
+                'warning-attention',
+                'critical-alert',
+                'audit-review',
+                'sync-pending',
+                'pulse-soft',
+                'fade-soft',
+                'sla-warning',
+                'sla-breach',
+                'risk-elevated',
+                'risk-critical',
+                'audit-warning',
+                'sync-warning',
+            ],
+            description: 'Preset semantico recomendado. Preferir preset antes de type bruto.',
+        },
+        type: { enum: ['pulse', 'blink', 'grow', 'fade', 'slide-in', 'border-pulse'] },
+        durationMs: { type: 'number' },
+        trigger: { enum: ['onChange', 'onAppear', 'onHover', 'onConditionEnter', 'onConditionExit', 'onDataRefresh'] },
+        repeat: { oneOf: [{ enum: ['once', 'loop', 'infinite'] }, { type: 'number' }] },
+        delayMs: { type: 'number' },
+        intensity: { enum: ['subtle', 'normal', 'strong'] },
+    },
+};
 const tableVisualRuleEffectSchema = {
     type: 'object',
     additionalProperties: false,
@@ -50675,20 +50858,7 @@ const tableVisualRuleEffectSchema = {
                 blur: { type: 'number' },
             },
         },
-        animation: {
-            type: 'object',
-            additionalProperties: false,
-            properties: {
-                enabled: { type: 'boolean' },
-                preset: { type: 'string' },
-                type: { enum: ['pulse', 'blink', 'grow', 'fade', 'slide-in', 'border-pulse'] },
-                durationMs: { type: 'number' },
-                trigger: { enum: ['onChange', 'onAppear', 'onHover', 'onConditionEnter', 'onConditionExit', 'onDataRefresh'] },
-                repeat: { oneOf: [{ enum: ['once', 'loop', 'infinite'] }, { type: 'number' }] },
-                delayMs: { type: 'number' },
-                intensity: { enum: ['subtle', 'normal', 'strong'] },
-            },
-        },
+        animation: tableConditionalAnimationSchema,
         tooltip: {
             type: 'object',
             additionalProperties: false,
@@ -51401,7 +51571,9 @@ const rendererSchema = {
                 initialsField: { type: 'string' },
                 initialsExpr: { type: 'string' },
                 shape: { enum: ['circle', 'square', 'rounded'] },
-                size: { type: 'number' }
+                size: { type: 'number' },
+                backgroundColor: { type: 'string' },
+                textColor: { type: 'string' }
             }
         },
         toggle: {
@@ -51853,15 +52025,16 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
                     id: { type: 'string', description: 'Identificador estável do renderer condicional (usado para deduplicação)' },
                     condition: { type: 'object', description: 'AST Json Logic' },
                     renderer: rendererSchema,
+                    animation: tableConditionalAnimationSchema,
                     effects: { type: 'array', items: tableVisualRuleEffectSchema },
                     enabled: { type: 'boolean' },
                     description: { type: 'string' }
                 },
-                anyOf: [{ required: ['renderer'] }, { required: ['effects'] }]
+                anyOf: [{ required: ['renderer'] }, { required: ['animation'] }, { required: ['effects'] }]
             },
             effects: [{ kind: 'append-unique', path: 'columns[].conditionalRenderers[]', key: 'id' }],
             validators: ['target-column-exists', 'computed-expression-valid', 'renderer-config-match'],
-            affectedPaths: ['columns[].conditionalRenderers[]', 'columns[].conditionalRenderers[].effects'],
+            affectedPaths: ['columns[].conditionalRenderers[]', 'columns[].conditionalRenderers[].animation', 'columns[].conditionalRenderers[].effects'],
             submissionImpact: 'visual-only',
             preconditions: ['config-initialized', 'target-exists']
         },
@@ -51930,7 +52103,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
                     id: { type: 'string', description: 'Identificador estavel da regra de renderer de linha' },
                     condition: { type: 'object', description: 'AST Json Logic' },
                     tooltip: { type: 'object', description: 'Tooltip de linha' },
-                    animation: { type: 'object', description: 'Animacao de linha' },
+                    animation: tableConditionalAnimationSchema,
                     effects: { type: 'array', items: tableVisualRuleEffectSchema },
                     enabled: { type: 'boolean' },
                     description: { type: 'string' }
@@ -52113,6 +52286,62 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             submissionImpact: 'config-only',
             preconditions: ['config-initialized']
         },
+        {
+            operationId: 'filter.advanced.fields.add',
+            title: 'Adicionar campos aos filtros avançados',
+            scope: 'global',
+            targetKind: 'filter',
+            target: { kind: 'filter', resolver: 'filter-config', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                required: ['fields'],
+                properties: {
+                    fields: { type: 'array', items: { type: 'string' }, minItems: 1 },
+                    selected: { type: 'boolean' },
+                    alwaysVisible: { type: 'boolean' }
+                }
+            },
+            effects: [
+                { kind: 'set-value', path: 'behavior.filtering.enabled', value: true },
+                { kind: 'merge-object', path: 'behavior.filtering.advancedFilters' }
+            ],
+            affectedPaths: [
+                'behavior.filtering.enabled',
+                'behavior.filtering.advancedFilters.enabled',
+                'behavior.filtering.advancedFilters.settings'
+            ],
+            validators: ['filter-fields-exist', 'editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'filter.advanced.fields.remove',
+            title: 'Remover campos dos filtros avançados',
+            scope: 'global',
+            targetKind: 'filter',
+            target: { kind: 'filter', resolver: 'filter-config', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                required: ['fields'],
+                properties: {
+                    fields: { type: 'array', items: { type: 'string' }, minItems: 1 },
+                    selected: { type: 'boolean' },
+                    alwaysVisible: { type: 'boolean' }
+                }
+            },
+            effects: [
+                { kind: 'set-value', path: 'behavior.filtering.enabled', value: true },
+                { kind: 'merge-object', path: 'behavior.filtering.advancedFilters' }
+            ],
+            affectedPaths: [
+                'behavior.filtering.enabled',
+                'behavior.filtering.advancedFilters.enabled',
+                'behavior.filtering.advancedFilters.settings'
+            ],
+            validators: ['filter-fields-exist', 'editor-round-trip-preserve'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized']
+        },
         {
             operationId: 'grouping.set',
             title: 'Definir agrupamento',
@@ -53076,8 +53305,8 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
                 type: 'compose',
                 compose: {
                     items: [
-                        { type: 'avatar', source: 'avatarUrl', fallback: 'initials' },
-                        { type: 'chip', source: 'funcionario', variant: 'soft' }
+                        { type: 'avatar', avatar: { srcField: 'avatarUrl', initialsField: 'funcionario', shape: 'circle', backgroundColor: '#E3F2FD', textColor: '#0D47A1' } },
+                        { type: 'chip', chip: { textField: 'funcionario', variant: 'soft' } }
                     ]
                 }
             },
@@ -53090,7 +53319,7 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             params: {
                 id: 'salario-alto-pulse',
                 condition: { ">": [{ "var": "salario" }, 30000] },
-                animation: { enabled: true, type: 'pulse', trigger: 'onConditionEnter', intensity: 'subtle', durationMs: 1200 },
+                animation: { preset: 'pulse-soft', trigger: 'onAppear', intensity: 'subtle', repeat: 'once', durationMs: 1200 },
                 description: 'Destaca linhas de salário alto sem alterar os dados.'
             },
             isPositive: true
@@ -53124,6 +53353,28 @@ const PRAXIS_TABLE_AUTHORING_MANIFEST = {
             },
             isPositive: true
         },
+        {
+            id: 'add-salary-to-advanced-filters-human',
+            request: 'Inclua também Salário nesses filtros',
+            operationId: 'filter.advanced.fields.add',
+            params: {
+                fields: ['salario'],
+                selected: true,
+                alwaysVisible: true
+            },
+            isPositive: true
+        },
+        {
+            id: 'remove-active-from-advanced-filters-human',
+            request: 'Agora remova Ativo desses filtros',
+            operationId: 'filter.advanced.fields.remove',
+            params: {
+                fields: ['ativo'],
+                selected: true,
+                alwaysVisible: true
+            },
+            isPositive: true
+        },
         {
             id: 'enable-table-filters-human',
             request: 'Habilite os filtros dinâmicos da tabela',
@@ -54713,6 +54964,11 @@ const PRAXIS_TABLE_COMPONENT_METADATA = {
             type: '{ trigger: string; meta: any; tableId?: string }',
             description: 'Emitido quando o runtime atualiza config.meta durante bootstrap, verificação ou aplicação',
         },
+        {
+            name: 'configChange',
+            type: 'TableConfig',
+            description: 'Emitido quando o runtime aplica uma nova configuracao materializada por authoring, editor ou assistente',
+        },
         {
             name: 'loadingStateChange',
             type: 'LoadingState',
@@ -55120,6 +55376,8 @@ const TABLE_AI_CAPABILITIES = {
         { path: 'columns[].renderer.avatar.initialsExpr', category: 'renderer', valueKind: 'expression', description: 'Expressao computada do dominio da tabela para derivar iniciais; nao e Json Logic.', dependsOn: 'columns[].renderer.avatar' },
         { path: 'columns[].renderer.avatar.shape', category: 'renderer', valueKind: 'string', allowedValues: ['circle', 'square', 'rounded'], description: 'Formato do avatar.', dependsOn: 'columns[].renderer.avatar' },
         { path: 'columns[].renderer.avatar.size', category: 'renderer', valueKind: 'number', description: 'Tamanho em px.', dependsOn: 'columns[].renderer.avatar' },
+        { path: 'columns[].renderer.avatar.backgroundColor', category: 'renderer', valueKind: 'string', description: 'Cor de fundo do círculo do avatar. Use com conditionalRenderers para variar por linha.', dependsOn: 'columns[].renderer.avatar' },
+        { path: 'columns[].renderer.avatar.textColor', category: 'renderer', valueKind: 'string', description: 'Cor das iniciais do avatar. Use contraste adequado com backgroundColor.', dependsOn: 'columns[].renderer.avatar' },
         // Toggle
         { path: 'columns[].renderer.toggle', category: 'renderer', valueKind: 'object', description: 'Switch/Toggle booleano interativo.', dependsOn: 'columns[].renderer.type' },
         { path: 'columns[].renderer.toggle.stateExpr', category: 'renderer', valueKind: 'expression', description: 'Expressao computada do dominio da tabela para definir o estado checked; nao e Json Logic.', dependsOn: 'columns[].renderer.toggle' },
@@ -55154,7 +55412,7 @@ const TABLE_AI_CAPABILITIES = {
                 'item button com label, icon e action.id',
                 'item chip com text e color',
                 'item progress com valueExpr e showLabel',
-                'item avatar com srcField, shape circle e size',
+                'item avatar com srcField, initialsField, shape circle e size',
                 'item toggle com stateExpr e action.id',
                 'item menu com itemsExpr',
                 'item html com template e sanitize basic',
@@ -55251,6 +55509,8 @@ const TABLE_AI_CAPABILITIES = {
         { path: 'columns[].conditionalRenderers[].renderer.avatar.initialsExpr', category: 'conditional', valueKind: 'expression', description: 'Expressao computada do dominio da tabela para retornar as iniciais do avatar; nao e Json Logic.', dependsOn: 'columns[].conditionalRenderers[].renderer.avatar' },
         { path: 'columns[].conditionalRenderers[].renderer.avatar.shape', category: 'conditional', valueKind: 'string', allowedValues: ['circle', 'square', 'rounded'], description: 'Shape do avatar.', dependsOn: 'columns[].conditionalRenderers[].renderer.avatar' },
         { path: 'columns[].conditionalRenderers[].renderer.avatar.size', category: 'conditional', valueKind: 'number', description: 'Tamanho em px.', dependsOn: 'columns[].conditionalRenderers[].renderer.avatar' },
+        { path: 'columns[].conditionalRenderers[].renderer.avatar.backgroundColor', category: 'conditional', valueKind: 'string', description: 'Cor de fundo do círculo do avatar quando a condição for verdadeira.', dependsOn: 'columns[].conditionalRenderers[].renderer.avatar' },
+        { path: 'columns[].conditionalRenderers[].renderer.avatar.textColor', category: 'conditional', valueKind: 'string', description: 'Cor das iniciais do avatar quando a condição for verdadeira.', dependsOn: 'columns[].conditionalRenderers[].renderer.avatar' },
         // Toggle in Conditional
         { path: 'columns[].conditionalRenderers[].renderer.toggle', category: 'conditional', valueKind: 'object', description: 'Configuração de toggle condicional.', dependsOn: 'columns[].conditionalRenderers[].renderer.type' },
         { path: 'columns[].conditionalRenderers[].renderer.toggle.stateExpr', category: 'conditional', valueKind: 'expression', description: 'Expressao computada do dominio da tabela para definir o estado checked condicional; nao e Json Logic.', dependsOn: 'columns[].conditionalRenderers[].renderer.toggle' },
@@ -55290,6 +55550,14 @@ const TABLE_AI_CAPABILITIES = {
         { path: 'columns[].conditionalRenderers[].renderer.compose.layout.align', category: 'conditional', valueKind: 'enum', allowedValues: ['start', 'center', 'end'], description: 'Alinhamento.', dependsOn: 'columns[].conditionalRenderers[].renderer.compose' },
         { path: 'columns[].conditionalRenderers[].renderer.compose.layout.wrap', category: 'conditional', valueKind: 'boolean', description: 'Permite quebra de linha.', dependsOn: 'columns[].conditionalRenderers[].renderer.compose' },
         { path: 'columns[].conditionalRenderers[].renderer.compose.layout.ellipsis', category: 'conditional', valueKind: 'boolean', description: 'Aplica ellipsis quando overflow.', dependsOn: 'columns[].conditionalRenderers[].renderer.compose' },
+        { path: 'columns[].conditionalRenderers[].animation', category: 'conditional', valueKind: 'object', description: 'Animacao aplicada ao conteudo da célula quando a condição for verdadeira. Use para animar uma parte/coluna especifica da tabela.', intentExamples: ['animar célula quando salário alto', 'piscar status crítico'] },
+        { path: 'columns[].conditionalRenderers[].animation.preset', category: 'conditional', valueKind: 'enum', allowedValues: ['info-soft', 'success-confirm', 'warning-attention', 'critical-alert', 'audit-review', 'sync-pending', 'pulse-soft', 'fade-soft', 'sla-warning', 'sla-breach', 'risk-elevated', 'risk-critical', 'audit-warning', 'sync-warning'], description: 'Preset semântico recomendado para animação condicional de célula.', dependsOn: 'columns[].conditionalRenderers[].animation' },
+        { path: 'columns[].conditionalRenderers[].animation.type', category: 'conditional', valueKind: 'enum', allowedValues: ['pulse', 'blink', 'grow', 'fade', 'slide-in', 'border-pulse'], description: 'Tipo bruto de animação quando preset não for suficiente.', dependsOn: 'columns[].conditionalRenderers[].animation' },
+        { path: 'columns[].conditionalRenderers[].animation.trigger', category: 'conditional', valueKind: 'enum', allowedValues: ['onAppear', 'onHover', 'onChange', 'onConditionEnter', 'onConditionExit', 'onDataRefresh'], description: 'Gatilho da animação. onConditionEnter/onConditionExit/onDataRefresh são normalizados como onChange no runtime.', dependsOn: 'columns[].conditionalRenderers[].animation' },
+        { path: 'columns[].conditionalRenderers[].animation.repeat', category: 'conditional', valueKind: 'string', description: 'once, loop, infinite ou número de repetições.', dependsOn: 'columns[].conditionalRenderers[].animation' },
+        { path: 'columns[].conditionalRenderers[].animation.intensity', category: 'conditional', valueKind: 'enum', allowedValues: ['subtle', 'normal', 'strong'], description: 'Intensidade visual da animação.', dependsOn: 'columns[].conditionalRenderers[].animation' },
+        { path: 'columns[].conditionalRenderers[].animation.durationMs', category: 'conditional', valueKind: 'number', description: 'Duração da animação em milissegundos.', dependsOn: 'columns[].conditionalRenderers[].animation' },
+        { path: 'columns[].conditionalRenderers[].animation.delayMs', category: 'conditional', valueKind: 'number', description: 'Atraso da animação em milissegundos.', dependsOn: 'columns[].conditionalRenderers[].animation' },
         { path: 'columns[].conditionalRenderers[].description', category: 'conditional', valueKind: 'string', description: 'Descrição humana da regra.', intentExamples: ['descrição da regra'] },
         { path: 'columns[].conditionalStyles[].condition', category: 'conditional', valueKind: 'expression', description: 'Expressao condicional canonica em JSON Logic. Ex.: {"===":[{"var":"status"},"Active"]}. Nao use JS puro nem "row.".', intentExamples: ['estilo se status ativo'], safetyNotes: 'Use computed.<field> para valores calculados. Sem JS/eval.' },
         { path: 'columns[].conditionalStyles[].cssClass', category: 'conditional', valueKind: 'string', description: 'Classe CSS a aplicar.', intentExamples: ['classe de sucesso', 'css condicional'] },
@@ -55305,6 +55573,13 @@ const TABLE_AI_CAPABILITIES = {
         { path: 'rowConditionalRenderers[].condition', category: 'conditional', valueKind: 'expression', description: 'Condicao canonica em JSON Logic para tooltip ou animacao de linha.', safetyNotes: 'Use computed.<field> para valores calculados. Sem JS/eval.' },
         { path: 'rowConditionalRenderers[].tooltip', category: 'conditional', valueKind: 'object', description: 'Tooltip aplicado na linha quando a condicao for verdadeira.' },
         { path: 'rowConditionalRenderers[].animation', category: 'conditional', valueKind: 'object', description: 'Animacao aplicada na linha quando a condicao for verdadeira.' },
+        { path: 'rowConditionalRenderers[].animation.preset', category: 'conditional', valueKind: 'enum', allowedValues: ['info-soft', 'success-confirm', 'warning-attention', 'critical-alert', 'audit-review', 'sync-pending', 'pulse-soft', 'fade-soft', 'sla-warning', 'sla-breach', 'risk-elevated', 'risk-critical', 'audit-warning', 'sync-warning'], description: 'Preset semântico recomendado para animação condicional de linha.', dependsOn: 'rowConditionalRenderers[].animation' },
+        { path: 'rowConditionalRenderers[].animation.type', category: 'conditional', valueKind: 'enum', allowedValues: ['pulse', 'blink', 'grow', 'fade', 'slide-in', 'border-pulse'], description: 'Tipo bruto de animação quando preset não for suficiente.', dependsOn: 'rowConditionalRenderers[].animation' },
+        { path: 'rowConditionalRenderers[].animation.trigger', category: 'conditional', valueKind: 'enum', allowedValues: ['onAppear', 'onHover', 'onChange', 'onConditionEnter', 'onConditionExit', 'onDataRefresh'], description: 'Gatilho da animação. onConditionEnter/onConditionExit/onDataRefresh são normalizados como onChange no runtime.', dependsOn: 'rowConditionalRenderers[].animation' },
+        { path: 'rowConditionalRenderers[].animation.repeat', category: 'conditional', valueKind: 'string', description: 'once, loop, infinite ou número de repetições.', dependsOn: 'rowConditionalRenderers[].animation' },
+        { path: 'rowConditionalRenderers[].animation.intensity', category: 'conditional', valueKind: 'enum', allowedValues: ['subtle', 'normal', 'strong'], description: 'Intensidade visual da animação.', dependsOn: 'rowConditionalRenderers[].animation' },
+        { path: 'rowConditionalRenderers[].animation.durationMs', category: 'conditional', valueKind: 'number', description: 'Duração da animação em milissegundos.', dependsOn: 'rowConditionalRenderers[].animation' },
+        { path: 'rowConditionalRenderers[].animation.delayMs', category: 'conditional', valueKind: 'number', description: 'Atraso da animação em milissegundos.', dependsOn: 'rowConditionalRenderers[].animation' },
         { path: 'rowConditionalRenderers[].effects', category: 'conditional', valueKind: 'array', description: 'Efeitos visuais canonicos capazes de produzir tooltip ou animacao de linha.' },
         // Behavior — pagination
         { path: 'behavior.pagination', category: 'pagination', valueKind: 'object', description: 'Configuração global de paginação da tabela.', critical: true, intentExamples: ['habilitar paginação', '25 por página'] },
@@ -55328,6 +55603,7 @@ const TABLE_AI_CAPABILITIES = {
         { path: 'behavior.filtering.columnFilters.enabled', category: 'filtering', valueKind: 'boolean', description: 'Exibe filtros por coluna.', dependsOn: 'behavior.filtering.enabled', intentExamples: ['ativar filtros no cabeçalho'] },
         { path: 'behavior.filtering.columnFilters.defaultType', category: 'filtering', valueKind: 'enum', allowedValues: ENUMS.filterDefaultType, description: 'Tipo padrão do filtro individual.', dependsOn: 'behavior.filtering.columnFilters.enabled' },
         { path: 'behavior.filtering.columnFilters.position', category: 'filtering', valueKind: 'enum', allowedValues: ENUMS.filterPosition, description: 'Posiciona os filtros (header/subheader/sidebar).', dependsOn: 'behavior.filtering.columnFilters.enabled' },
+        { path: 'behavior.filtering.advancedFilters', category: 'filtering', valueKind: 'object', description: 'Configuração canônica dos filtros avançados acoplados à tabela.', dependsOn: 'behavior.filtering.enabled', intentExamples: ['ativar filtros avançados', 'configurar filtros avançados'] },
         { path: 'behavior.filtering.advancedFilters.enabled', category: 'filtering', valueKind: 'boolean', description: 'Habilita filtros avançados/painel.', dependsOn: 'behavior.filtering.enabled', intentExamples: ['abrir filtro avançado', 'habilitar query builder'] },
         { path: 'behavior.filtering.advancedFilters.settings.mode', category: 'filtering', valueKind: 'enum', allowedValues: ENUMS.filterMode, description: 'Modo único do componente de filtro (filter).', dependsOn: 'behavior.filtering.advancedFilters.enabled' },
         { path: 'behavior.filtering.advancedFilters.settings.showAdvanced', category: 'filtering', valueKind: 'boolean', description: 'Mantém o painel avançado disponível para filtros adicionais.', dependsOn: 'behavior.filtering.advancedFilters.enabled' },
@@ -55447,6 +55723,7 @@ const TABLE_AI_CAPABILITIES = {
         { path: 'toolbar.layout.alignment', category: 'toolbar', valueKind: 'enum', allowedValues: ENUMS.toolbarAlignment, description: 'Alinhamento do conteúdo da toolbar.', example: '"space-between"' },
         { path: 'toolbar.filters.enabled', category: 'toolbar', valueKind: 'boolean', description: 'Exibe filtros rápidos na toolbar.', dependsOn: 'behavior.filtering.enabled' },
         { path: 'toolbar.settingsMenu.enabled', category: 'toolbar', valueKind: 'boolean', description: 'Mostra menu de configurações (densidade, colunas etc.).', intentExamples: ['mostrar menu de configurações'] },
+        { path: 'toolbar.actions[]', category: 'toolbar', valueKind: 'array', description: 'Ações exibidas na barra de ferramentas da tabela.', dependsOn: 'toolbar.visible', intentExamples: ['adicionar botão na toolbar', 'criar ação de exportação na barra de ações'] },
         { path: 'toolbar.actions[].visibleWhen', category: 'toolbar', valueKind: 'expression', description: 'Condicao canonica em JSON Logic para exibir a acao da toolbar.', dependsOn: 'toolbar.visible', safetyNotes: 'Invalid Json Logic segue a politica de fallback da toolbar por ambiente.' },
         // Actions
         { path: 'actions.row.enabled', category: 'actions', valueKind: 'boolean', description: 'Habilita coluna de ações por linha.', critical: true, intentExamples: ['ativar ações por linha', 'desligar coluna de ações'], safetyNotes: 'Ao desabilitar, verifique se não há ações críticas dependentes.' },
@@ -55763,6 +56040,7 @@ const TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS = [
     'set_column_align',
     'set_column_sticky',
     'set_column_conditional_style',
+    'set_row_conditional_style',
     'set_column_computed',
     'set_column_value_mapping',
     'set_column_renderer',
@@ -55770,10 +56048,14 @@ const TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS = [
     'set_column_conditional_badge_renderers',
     'set_row_conditional_renderer',
     'configure_table_filtering',
+    'configure_advanced_filters',
+    'add_advanced_filter_fields',
+    'remove_advanced_filter_fields',
     'configure_table_pagination',
     'configure_table_selection',
     'configure_table_sorting',
     'configure_toolbar',
+    'add_toolbar_action',
     'configure_export',
     'set_table_density',
     'set_toolbar_visibility',
@@ -55790,14 +56072,19 @@ const TABLE_COMPONENT_EDIT_PLAN_OPERATION_IDS = [
     'column.renderer.set',
     'column.valueMapping.set',
     'column.conditionalStyle.add',
+    'row.styleRule.add',
     'column.conditionalRenderer.add',
     'column.computed.add',
     'row.conditionalRenderer.add',
     'behavior.filtering.configure',
+    'filter.advanced.configure',
+    'filter.advanced.fields.add',
+    'filter.advanced.fields.remove',
     'behavior.pagination.configure',
     'behavior.selection.configure',
     'behavior.sorting.configure',
     'toolbar.configure',
+    'toolbar.action.add',
     'export.configure',
     'appearance.density.set',
     'toolbar.visibility.set',
@@ -55812,6 +56099,7 @@ const TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS = {
     set_column_align: 'columns[].align',
     set_column_sticky: 'columns[].sticky',
     set_column_conditional_style: 'columns[].conditionalStyles[].condition',
+    set_row_conditional_style: 'rowConditionalStyles[].condition',
     set_column_computed: 'columns[].computed.expression',
     set_column_value_mapping: 'columns[].valueMapping',
     set_column_renderer: 'columns[].renderer.type',
@@ -55819,10 +56107,14 @@ const TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS = {
     set_column_conditional_badge_renderers: 'columns[].conditionalRenderers[].renderer',
     set_row_conditional_renderer: 'rowConditionalRenderers[].condition',
     configure_table_filtering: 'behavior.filtering',
+    configure_advanced_filters: 'behavior.filtering.advancedFilters',
+    add_advanced_filter_fields: 'behavior.filtering.advancedFilters',
+    remove_advanced_filter_fields: 'behavior.filtering.advancedFilters',
     configure_table_pagination: 'behavior.pagination',
     configure_table_selection: 'behavior.selection',
     configure_table_sorting: 'behavior.sorting',
     configure_toolbar: 'toolbar',
+    add_toolbar_action: 'toolbar.actions[]',
     configure_export: 'export',
     set_table_density: 'appearance.density',
     set_toolbar_visibility: 'toolbar.visible',
@@ -55839,14 +56131,19 @@ const TABLE_COMPONENT_EDIT_PLAN_OPERATION_ID_TO_CHANGE_KIND = {
     'column.renderer.set': 'set_column_renderer',
     'column.valueMapping.set': 'set_column_value_mapping',
     'column.conditionalStyle.add': 'set_column_conditional_style',
+    'row.styleRule.add': 'set_row_conditional_style',
     'column.conditionalRenderer.add': 'set_column_conditional_badge_renderers',
     'column.computed.add': 'set_column_computed',
     'row.conditionalRenderer.add': 'set_row_conditional_renderer',
     'behavior.filtering.configure': 'configure_table_filtering',
+    'filter.advanced.configure': 'configure_advanced_filters',
+    'filter.advanced.fields.add': 'add_advanced_filter_fields',
+    'filter.advanced.fields.remove': 'remove_advanced_filter_fields',
     'behavior.pagination.configure': 'configure_table_pagination',
     'behavior.selection.configure': 'configure_table_selection',
     'behavior.sorting.configure': 'configure_table_sorting',
     'toolbar.configure': 'configure_toolbar',
+    'toolbar.action.add': 'add_toolbar_action',
     'export.configure': 'configure_export',
     'appearance.density.set': 'set_table_density',
     'toolbar.visibility.set': 'set_toolbar_visibility',
@@ -55863,14 +56160,19 @@ const TABLE_COMPONENT_EDIT_PLAN_OPERATION_VALUE_KEYS = {
     'column.renderer.set': '',
     'column.valueMapping.set': 'valueMapping',
     'column.conditionalStyle.add': '',
+    'row.styleRule.add': '',
     'column.conditionalRenderer.add': '',
     'column.computed.add': '',
     'row.conditionalRenderer.add': '',
     'behavior.filtering.configure': '',
+    'filter.advanced.configure': '',
+    'filter.advanced.fields.add': '',
+    'filter.advanced.fields.remove': '',
     'behavior.pagination.configure': '',
     'behavior.selection.configure': '',
     'behavior.sorting.configure': '',
     'toolbar.configure': '',
+    'toolbar.action.add': '',
     'export.configure': '',
     'appearance.density.set': 'density',
     'toolbar.visibility.set': 'visible',
@@ -56187,6 +56489,20 @@ function compileTableComponentEditPlan(plan, currentConfig) {
     if (failureCodes.length > 0) {
         return { warnings, failureCodes };
     }
+    if (plan.changeKind === 'set_row_conditional_style') {
+        const existingRules = Array.isArray(currentConfig.rowConditionalStyles)
+            ? [...currentConfig.rowConditionalStyles]
+            : [];
+        const rowConditionalStyles = mergeRulePatches(existingRules, [valueValidation.value]) ?? [];
+        return {
+            patch: {
+                rowConditionalStyles,
+            },
+            explanation: plan.explanation || defaultExplanation(plan.changeKind, field, valueValidation.value),
+            warnings,
+            failureCodes,
+        };
+    }
     if (plan.changeKind === 'set_row_conditional_renderer') {
         const existingRules = Array.isArray(currentConfig.rowConditionalRenderers)
             ? [...currentConfig.rowConditionalRenderers]
@@ -56201,6 +56517,47 @@ function compileTableComponentEditPlan(plan, currentConfig) {
             failureCodes,
         };
     }
+    if (plan.changeKind === 'add_toolbar_action') {
+        const action = valueValidation.value;
+        const existingActions = Array.isArray(currentConfig.toolbar?.actions)
+            ? [...currentConfig.toolbar.actions]
+            : [];
+        return {
+            patch: {
+                toolbar: {
+                    visible: true,
+                    actions: mergeActionPatchesById(existingActions, [action]),
+                },
+            },
+            explanation: plan.explanation || defaultExplanation(plan.changeKind, field, valueValidation.value),
+            warnings,
+            failureCodes,
+        };
+    }
+    if (plan.changeKind === 'configure_advanced_filters') {
+        return {
+            patch: {
+                behavior: {
+                    filtering: {
+                        enabled: true,
+                        advancedFilters: valueValidation.value,
+                    },
+                },
+            },
+            explanation: plan.explanation || defaultExplanation(plan.changeKind, field, valueValidation.value),
+            warnings,
+            failureCodes,
+        };
+    }
+    if (plan.changeKind === 'add_advanced_filter_fields' || plan.changeKind === 'remove_advanced_filter_fields') {
+        const patch = patchAdvancedFilterFields(currentConfig, valueValidation.value, plan.changeKind === 'add_advanced_filter_fields' ? 'add' : 'remove');
+        return {
+            patch,
+            explanation: plan.explanation || defaultExplanation(plan.changeKind, field, valueValidation.value),
+            warnings,
+            failureCodes,
+        };
+    }
     const globalPatch = patchForGlobalChangeKind(plan.changeKind, valueValidation.value);
     if (globalPatch) {
         return {
@@ -56365,6 +56722,49 @@ function patchForGlobalChangeKind(changeKind, value) {
     }
     return null;
 }
+function patchAdvancedFilterFields(currentConfig, change, mode) {
+    const currentAdvancedFilters = currentConfig.behavior?.filtering?.advancedFilters;
+    const currentSettings = coerceRecord(currentAdvancedFilters?.settings) ?? {};
+    const previousAlwaysVisible = normalizeStringArray(currentSettings['alwaysVisibleFields']);
+    const previousSelected = normalizeStringArray(currentSettings['selectedFieldIds']);
+    const nextAlwaysVisible = change.alwaysVisible === false
+        ? previousAlwaysVisible
+        : updateStringSet(previousAlwaysVisible, change.fields, mode);
+    const nextSelected = change.selected === false
+        ? previousSelected
+        : updateStringSet(previousSelected, change.fields, mode);
+    return {
+        behavior: {
+            filtering: {
+                enabled: true,
+                advancedFilters: {
+                    enabled: true,
+                    settings: {
+                        ...currentSettings,
+                        mode: normalizeText(currentSettings['mode']) || 'filter',
+                        alwaysVisibleFields: nextAlwaysVisible,
+                        selectedFieldIds: nextSelected,
+                    },
+                },
+            },
+        },
+    };
+}
+function normalizeStringArray(value) {
+    return Array.isArray(value)
+        ? uniqueStrings(value.map(normalizeText).filter(Boolean))
+        : [];
+}
+function updateStringSet(previous, fields, mode) {
+    if (mode === 'add') {
+        return uniqueStrings([...previous, ...fields]);
+    }
+    const removals = new Set(fields);
+    return previous.filter((field) => !removals.has(field));
+}
+function uniqueStrings(values) {
+    return Array.from(new Set(values));
+}
 function normalizeText(value) {
     return typeof value === 'string' ? value.trim() : '';
 }
@@ -56435,12 +56835,15 @@ function mergeTablePatches(left, right) {
     const merged = {
         ...left,
         ...right,
-        columns: mergeColumnPatches(left.columns, right.columns),
     };
+    const columns = mergeColumnPatches(left.columns, right.columns);
     const behavior = mergeObjectPatch(left.behavior, right.behavior);
     const appearance = mergeObjectPatch(left.appearance, right.appearance);
     const toolbar = mergeObjectPatch(left.toolbar, right.toolbar);
     const rowConditionalRenderers = mergeRulePatches(left.rowConditionalRenderers, right.rowConditionalRenderers);
+    const rowConditionalStyles = mergeRulePatches(left.rowConditionalStyles, right.rowConditionalStyles);
+    if (columns !== undefined)
+        merged.columns = columns;
     if (behavior !== undefined)
         merged.behavior = behavior;
     if (appearance !== undefined)
@@ -56450,6 +56853,9 @@ function mergeTablePatches(left, right) {
     if (rowConditionalRenderers !== undefined) {
         merged.rowConditionalRenderers = rowConditionalRenderers;
     }
+    if (rowConditionalStyles !== undefined) {
+        merged.rowConditionalStyles = rowConditionalStyles;
+    }
     return merged;
 }
 function mergeObjectPatch(left, right) {
@@ -56501,6 +56907,20 @@ function mergeRulePatches(left, right) {
     }
     return Array.from(merged.values());
 }
+function mergeActionPatchesById(left, right) {
+    const merged = new Map();
+    for (const action of [...(left || []), ...(right || [])]) {
+        const id = normalizeText(action?.id);
+        if (!id)
+            continue;
+        merged.set(id, {
+            ...(merged.get(id) || {}),
+            ...action,
+            id,
+        });
+    }
+    return Array.from(merged.values());
+}
 function applyPatchToWorkingConfig(config, patch) {
     const next = cloneTableConfig(config);
     const patchAny = patch;
@@ -56516,6 +56936,9 @@ function applyPatchToWorkingConfig(config, patch) {
     if (Array.isArray(patchAny.rowConditionalRenderers)) {
         next.rowConditionalRenderers = mergeRulePatches(next.rowConditionalRenderers, patchAny.rowConditionalRenderers);
     }
+    if (Array.isArray(patchAny.rowConditionalStyles)) {
+        next.rowConditionalStyles = mergeRulePatches(next.rowConditionalStyles, patchAny.rowConditionalStyles);
+    }
     const patchColumns = Array.isArray(patch.columns) ? patch.columns : [];
     if (patchColumns.length === 0)
         return next;
@@ -56629,6 +57052,9 @@ function validateValueForChangeKind(changeKind, rawValue, allowedValues) {
     if (changeKind === 'set_column_conditional_style') {
         return validateConditionalStyleValue(rawValue);
     }
+    if (changeKind === 'set_row_conditional_style') {
+        return validateConditionalStyleValue(rawValue);
+    }
     if (changeKind === 'set_column_computed') {
         return validateComputedValue(rawValue);
     }
@@ -56650,6 +57076,12 @@ function validateValueForChangeKind(changeKind, rawValue, allowedValues) {
     if (changeKind === 'configure_table_filtering') {
         return validateObjectValue(rawValue, 'filtering configuration');
     }
+    if (changeKind === 'configure_advanced_filters') {
+        return validateAdvancedFiltersValue(rawValue);
+    }
+    if (changeKind === 'add_advanced_filter_fields' || changeKind === 'remove_advanced_filter_fields') {
+        return validateAdvancedFilterFieldsValue(rawValue);
+    }
     if (changeKind === 'configure_table_pagination') {
         return validateObjectValue(rawValue, 'pagination configuration');
     }
@@ -56662,6 +57094,9 @@ function validateValueForChangeKind(changeKind, rawValue, allowedValues) {
     if (changeKind === 'configure_toolbar') {
         return validateObjectValue(rawValue, 'toolbar configuration');
     }
+    if (changeKind === 'add_toolbar_action') {
+        return validateToolbarActionValue(rawValue);
+    }
     if (changeKind === 'configure_export') {
         return validateObjectValue(rawValue, 'export configuration');
     }
@@ -56686,6 +57121,132 @@ function validateObjectValue(rawValue, label) {
     }
     return { value: rawValue, failureCodes: [] };
 }
+function validateToolbarActionValue(rawValue) {
+    const value = coerceRecord(rawValue);
+    if (!value) {
+        return { failureCodes: ['toolbar action must be object'] };
+    }
+    const id = normalizeText(value['id']);
+    const label = normalizeText(value['label']);
+    const action = normalizeText(value['action']);
+    const failureCodes = [];
+    if (!id)
+        failureCodes.push('toolbar action id is required');
+    if (!label)
+        failureCodes.push('toolbar action label is required');
+    if (!action)
+        failureCodes.push('toolbar action action is required');
+    if (failureCodes.length > 0) {
+        return { failureCodes };
+    }
+    return {
+        value: {
+            type: normalizeText(value['type']) || 'button',
+            position: normalizeText(value['position']) || 'end',
+            ...value,
+            id,
+            label,
+            action,
+        },
+        failureCodes: [],
+    };
+}
+function validateAdvancedFiltersValue(rawValue) {
+    const value = coerceRecord(rawValue);
+    if (!value) {
+        return { failureCodes: ['advanced filters configuration must be object'] };
+    }
+    if (typeof value['enabled'] !== 'boolean') {
+        return { failureCodes: ['advanced filters enabled value must be boolean'] };
+    }
+    const settingsInput = coerceRecord(value['settings']);
+    const settings = {
+        ...(settingsInput || {}),
+    };
+    if (typeof value['queryBuilder'] === 'boolean') {
+        settings['showAdvanced'] = value['queryBuilder'];
+    }
+    if (typeof value['savePresets'] === 'boolean') {
+        settings['allowSaveTags'] = value['savePresets'];
+    }
+    const settingsValidation = validateAdvancedFilterSettings(settings);
+    if (settingsValidation.length > 0) {
+        return { failureCodes: settingsValidation };
+    }
+    return {
+        value: {
+            enabled: value['enabled'],
+            ...(Object.keys(settings).length > 0 ? { settings } : {}),
+        },
+        failureCodes: [],
+    };
+}
+function validateAdvancedFilterFieldsValue(rawValue) {
+    const value = coerceRecord(rawValue);
+    if (!value) {
+        return { failureCodes: ['advanced filter fields change must be object'] };
+    }
+    const fields = Array.isArray(value['fields'])
+        ? value['fields'].map(normalizeText).filter(Boolean)
+        : [];
+    const failureCodes = [];
+    if (fields.length === 0) {
+        failureCodes.push('advanced filter fields must include at least one field');
+    }
+    if (value['selected'] !== undefined && typeof value['selected'] !== 'boolean') {
+        failureCodes.push('advanced filter selected must be boolean');
+    }
+    if (value['alwaysVisible'] !== undefined && typeof value['alwaysVisible'] !== 'boolean') {
+        failureCodes.push('advanced filter alwaysVisible must be boolean');
+    }
+    if (failureCodes.length > 0) {
+        return { failureCodes };
+    }
+    return {
+        value: {
+            fields: uniqueStrings(fields),
+            selected: typeof value['selected'] === 'boolean' ? value['selected'] : true,
+            alwaysVisible: typeof value['alwaysVisible'] === 'boolean' ? value['alwaysVisible'] : true,
+        },
+        failureCodes: [],
+    };
+}
+function validateAdvancedFilterSettings(settings) {
+    const failureCodes = [];
+    const stringArrayKeys = ['alwaysVisibleFields', 'selectedFieldIds'];
+    for (const key of stringArrayKeys) {
+        const value = settings[key];
+        if (value !== undefined && (!Array.isArray(value) || value.some((item) => typeof item !== 'string'))) {
+            failureCodes.push(`advanced filters ${key} must be a string array`);
+        }
+    }
+    const booleanKeys = [
+        'showAdvanced',
+        'allowSaveTags',
+        'useInlineSearchableSelectVariant',
+        'useInlineRangeVariant',
+        'useInlineDateVariant',
+        'useInlineDateRangeVariant',
+    ];
+    for (const key of booleanKeys) {
+        const value = settings[key];
+        if (value !== undefined && typeof value !== 'boolean') {
+            failureCodes.push(`advanced filters ${key} must be boolean`);
+        }
+    }
+    if (settings['mode'] !== undefined && settings['mode'] !== 'filter') {
+        failureCodes.push(`advanced filters mode is not allowed: ${String(settings['mode'])}`);
+    }
+    const debounce = settings['changeDebounceMs'];
+    if (debounce !== undefined && (typeof debounce !== 'number' || debounce < 0)) {
+        failureCodes.push('advanced filters changeDebounceMs must be a non-negative number');
+    }
+    const metadataOverrides = settings['alwaysVisibleFieldMetadataOverrides'];
+    if (metadataOverrides !== undefined && (!metadataOverrides || typeof metadataOverrides !== 'object' || Array.isArray(metadataOverrides))) {
+        failureCodes.push('advanced filters alwaysVisibleFieldMetadataOverrides must be object');
+    }
+    return failureCodes;
+}
 function isSupportedMaskFormat(format) {
     return /[0#9X]/i.test(format) && /^[0#9X.\-/()\s]+$/i.test(format);
 }
@@ -56717,6 +57278,9 @@ function defaultExplanation(changeKind, field, value) {
     if (changeKind === 'set_column_conditional_style') {
         return `Regra condicional adicionada a coluna ${field}.`;
     }
+    if (changeKind === 'set_row_conditional_style') {
+        return 'Regra condicional de linha adicionada.';
+    }
     if (changeKind === 'set_column_computed') {
         return `Coluna calculada ${field} adicionada.`;
     }
@@ -56738,9 +57302,22 @@ function defaultExplanation(changeKind, field, value) {
     if (changeKind === 'configure_table_filtering') {
         return 'Configuracao de filtros da tabela atualizada.';
     }
+    if (changeKind === 'configure_advanced_filters') {
+        return 'Filtros avancados da tabela atualizados.';
+    }
+    if (changeKind === 'add_advanced_filter_fields') {
+        return 'Campos adicionados aos filtros avancados da tabela.';
+    }
+    if (changeKind === 'remove_advanced_filter_fields') {
+        return 'Campos removidos dos filtros avancados da tabela.';
+    }
     if (changeKind === 'configure_table_sorting') {
         return 'Configuracao de ordenacao da tabela atualizada.';
     }
+    if (changeKind === 'add_toolbar_action') {
+        const action = coerceRecord(value);
+        return `Acao ${normalizeText(action?.['label']) || normalizeText(action?.['id']) || 'da toolbar'} adicionada a toolbar.`;
+    }
     if (changeKind === 'set_table_density') {
         return `Densidade da tabela atualizada para ${String(value)}.`;
     }
@@ -56934,6 +57511,12 @@ function validateAvatarRendererValue(rawAvatar, originalValue) {
     if (size !== undefined && (typeof size !== 'number' || !Number.isFinite(size) || size <= 0)) {
         return { failureCodes: ['avatar size must be a positive number'] };
     }
+    for (const colorProp of ['backgroundColor', 'textColor']) {
+        const color = avatar[colorProp];
+        if (color !== undefined && !normalizeText(color)) {
+            return { failureCodes: [`avatar ${colorProp} must be a non-empty string`] };
+        }
+    }
     return { value: originalValue, failureCodes: [] };
 }
 function validateComposeRendererValue(rawCompose, originalValue) {
@@ -57011,17 +57594,33 @@ function validateConditionalBadgeRendererRules(rawValue) {
         if (conditionFailures.length > 0) {
             return { failureCodes: conditionFailures };
         }
-        const rendererValidation = validateConditionalRendererValue(rule['renderer'], rule['badge'] ?? rule['value']);
+        const hasRenderer = !!rule['renderer'] || !!rule['badge'] || !!rule['value'];
+        const hasAnimation = !!rule['animation'];
+        const hasEffects = Array.isArray(rule['effects']) && rule['effects'].length > 0;
+        if (!hasRenderer && !hasAnimation && !hasEffects) {
+            return { failureCodes: ['conditional renderer rule requires renderer, animation, or effects'] };
+        }
+        const rendererValidation = hasRenderer
+            ? validateConditionalRendererValue(rule['renderer'], rule['badge'] ?? rule['value'])
+            : { value: undefined, failureCodes: [] };
         if (rendererValidation.failureCodes.length > 0) {
             return { failureCodes: rendererValidation.failureCodes };
         }
+        const animationValidation = hasAnimation
+            ? validateConditionalAnimationValue(rule['animation'])
+            : { value: undefined, failureCodes: [] };
+        if (animationValidation.failureCodes.length > 0) {
+            return { failureCodes: animationValidation.failureCodes };
+        }
         const description = normalizeText(rule['description']);
         const id = normalizeText(rule['id']);
         const enabled = typeof rule['enabled'] === 'boolean' ? rule['enabled'] : true;
         out.push({
             ...(id ? { id } : {}),
             condition: rule['condition'],
-            renderer: rendererValidation.value,
+            ...(rendererValidation.value ? { renderer: rendererValidation.value } : {}),
+            ...(animationValidation.value ? { animation: animationValidation.value } : {}),
+            ...(hasEffects ? { effects: rule['effects'] } : {}),
             ...(description ? { description } : {}),
             enabled,
         });
@@ -57058,6 +57657,64 @@ function validateConditionalRendererValue(rawRenderer, rawBadgeFallback) {
         failureCodes: [],
     };
 }
+function validateConditionalAnimationValue(rawValue) {
+    if (!rawValue || typeof rawValue !== 'object' || Array.isArray(rawValue)) {
+        return { failureCodes: ['conditional animation must be an object'] };
+    }
+    const input = rawValue;
+    const preset = normalizeText(input['preset']);
+    const type = normalizeText(input['type']);
+    const allowedPresets = [
+        'info-soft',
+        'success-confirm',
+        'warning-attention',
+        'critical-alert',
+        'audit-review',
+        'sync-pending',
+        'pulse-soft',
+        'fade-soft',
+        'sla-warning',
+        'sla-breach',
+        'risk-elevated',
+        'risk-critical',
+        'audit-warning',
+        'sync-warning',
+    ];
+    const allowedTypes = ['pulse', 'blink', 'grow', 'fade', 'slide-in', 'border-pulse'];
+    const allowedTriggers = ['onChange', 'onAppear', 'onHover', 'onConditionEnter', 'onConditionExit', 'onDataRefresh'];
+    const allowedRepeats = ['once', 'loop', 'infinite'];
+    const allowedIntensities = ['subtle', 'normal', 'strong'];
+    if (!preset && !type) {
+        return { failureCodes: ['conditional animation requires preset or type'] };
+    }
+    if (preset && !allowedPresets.includes(preset)) {
+        return { failureCodes: [`conditional animation preset is not allowed: ${preset}`] };
+    }
+    if (type && !allowedTypes.includes(type)) {
+        return { failureCodes: [`conditional animation type is not allowed: ${type}`] };
+    }
+    const trigger = normalizeText(input['trigger']);
+    if (trigger && !allowedTriggers.includes(trigger)) {
+        return { failureCodes: [`conditional animation trigger is not allowed: ${trigger}`] };
+    }
+    const repeat = input['repeat'];
+    if (repeat !== undefined
+        && !((typeof repeat === 'number' && Number.isFinite(repeat) && repeat > 0)
+            || (typeof repeat === 'string' && allowedRepeats.includes(repeat.trim())))) {
+        return { failureCodes: ['conditional animation repeat must be once, loop, infinite, or a positive number'] };
+    }
+    const intensity = normalizeText(input['intensity']);
+    if (intensity && !allowedIntensities.includes(intensity)) {
+        return { failureCodes: [`conditional animation intensity is not allowed: ${intensity}`] };
+    }
+    for (const numericProp of ['durationMs', 'delayMs']) {
+        const value = input[numericProp];
+        if (value !== undefined && (typeof value !== 'number' || !Number.isFinite(value) || value < 0)) {
+            return { failureCodes: [`conditional animation ${numericProp} must be a non-negative number`] };
+        }
+    }
+    return { value: rawValue, failureCodes: [] };
+}
 function validateChipRendererValue(rawValue) {
     if (!rawValue || typeof rawValue !== 'object' || Array.isArray(rawValue)) {
         return { failureCodes: ['chip renderer requires an object'] };