@praxisui/table 1.0.0-beta.43 → 1.0.0-beta.44

package/fesm2022/praxisui-table.mjs

@@ -24471,7 +24471,9 @@ class TableRulesEditorComponent {
         let mergedCssClass = undefined;
         let mergedStyle = {};
         if (this.effectsValue) {
-            const fx = toCellClassAndStyle(this.effectsValue);
+            const fx = toCellClassAndStyle(this.effectsValue, {
+                includeAnimationPreview: false,
+            });
             mergedStyle = { ...(fx.style || {}) };
             const cls = fx.classList?.join(' ').trim();
             if (cls)
@@ -24559,7 +24561,7 @@ class TableRulesEditorComponent {
             if (idx >= 0) {
                 const col = cloned.columns[idx];
                 col.conditionalStyles = this.rulesColumn.filter((r) => r.enabled).map(({ enabled, ...rest }) => rest);
-                // Build conditionalRenderers from rules that have visual elements
+                // Build conditionalRenderers from rule effects (renderer and/or animation)
                 const fromEditorTag = '__fromRulesEditor';
                 const existing = Array.isArray(col.conditionalRenderers) ? col.conditionalRenderers : [];
                 const keep = existing.filter((it) => !it || it[fromEditorTag] !== true);
@@ -24625,7 +24627,11 @@ class TableRulesEditorComponent {
         // Ensure scope is aligned when effects exists.
         const effects = effIn ? { ...effIn, scope: this.scope } : undefined;
         // Derive class/style from effects if present; otherwise keep legacy payload.
-        const derived = effects ? toCellClassAndStyle(effects) : { classList: [], style: {} };
+        const derived = effects
+            ? toCellClassAndStyle(effects, {
+                includeAnimationPreview: false,
+            })
+            : { classList: [], style: {} };
         const cssClassFromEffects = (derived.classList && derived.classList.length) ? derived.classList.join(' ') : undefined;
         const cssClass = cssClassFromEffects || legacyCssClass || undefined;
         const style = Object.keys(derived.style || {}).length ? (derived.style || {}) : legacyStyle;
@@ -24707,28 +24713,40 @@ class TableRulesEditorComponent {
         const hasIcon = !!eff.iconBadge?.icon;
         const hasBadge = !!eff.iconBadge?.badgeText;
         const hasTooltip = !!eff.tooltip?.text?.trim();
-        // Column conditionalRenderers are runtime renderer overrides only.
-        // Animation is schema-only on columns, so animation-only rules must not emit a renderer override.
-        if (!hasIcon && !hasBadge && !hasTooltip)
+        const animation = this.normalizeRendererAnimation(eff.animation);
+        const hasAnim = !!animation;
+        if (!hasIcon && !hasBadge && !hasTooltip && !hasAnim)
             return null;
         const makeIcon = () => ({ type: 'icon', icon: { name: eff.iconBadge?.icon, color: eff.iconBadge?.iconColor || undefined } });
         const makeBadge = () => ({ type: 'badge', badge: { text: eff.iconBadge?.badgeText, color: eff.iconBadge?.badgeColor || 'primary', variant: (eff.iconBadge?.badgeStyle === 'solid' ? 'filled' : eff.iconBadge?.badgeStyle === 'outline' ? 'outlined' : 'soft') } });
-        const items = [];
-        if (eff.iconBadge?.iconPos === 'before')
-            items.push(makeIcon());
-        if (hasBadge)
-            items.push(makeBadge());
-        // text value
-        items.push({ type: 'value' });
-        if (eff.iconBadge?.iconPos === 'after')
-            items.push(makeIcon());
-        const layout = { direction: 'row', gap: (eff.layout?.padding ?? 6), align: eff.layout?.align || 'start' };
-        const renderer = { type: 'compose', compose: { items, layout } };
-        const tooltip = eff.tooltip;
-        if (hasTooltip && tooltip) {
-            renderer.tooltip = { text: tooltip.text, position: tooltip.position || 'bottom', bgColor: tooltip.bgColor || undefined, delayMs: tooltip.delayMs || undefined };
-        }
-        return { condition: r.condition, renderer, description: r.description || undefined, enabled: true };
+        let renderer;
+        if (hasIcon || hasBadge || hasTooltip) {
+            const items = [];
+            if (eff.iconBadge?.iconPos === 'before')
+                items.push(makeIcon());
+            if (hasBadge)
+                items.push(makeBadge());
+            // text value
+            items.push({ type: 'value' });
+            if (eff.iconBadge?.iconPos === 'after')
+                items.push(makeIcon());
+            const layout = { direction: 'row', gap: (eff.layout?.padding ?? 6), align: eff.layout?.align || 'start' };
+            renderer = { type: 'compose', compose: { items, layout } };
+            const tooltip = eff.tooltip;
+            if (hasTooltip && tooltip) {
+                renderer.tooltip = { text: tooltip.text, position: tooltip.position || 'bottom', bgColor: tooltip.bgColor || undefined, delayMs: tooltip.delayMs || undefined };
+            }
+        }
+        const override = {
+            condition: r.condition,
+            description: r.description || undefined,
+            enabled: true,
+        };
+        if (renderer)
+            override.renderer = renderer;
+        if (animation)
+            override.animation = animation;
+        return override;
     }
     buildLegacyRendererOverrideFromRule(r) {
         const iconName = String(r?.iconName || '').trim();
@@ -31663,6 +31681,7 @@ class PraxisTable {
     route;
     logger;
     static dslRuntimeInstanceCounter = 0;
+    static CELL_ANIMATION_CHANGE_CACHE_LIMIT = 4000;
     static ROW_ANIMATION_PRESETS = {
         'info-soft': { type: 'fade', trigger: 'onAppear', repeat: 'once', durationMs: 520, intensity: 'subtle' },
         'success-confirm': { type: 'grow', trigger: 'onAppear', repeat: 'once', durationMs: 420, intensity: 'normal' },
@@ -32214,6 +32233,10 @@ class PraxisTable {
     fallbackLoggerEnvironment = null;
     lastColumnDropHandledAt = 0;
     activeColumnDragField = null;
+    _effectiveCellRenderCache = new Map();
+    cellAnimationPreviousValuesByRowId = new Map();
+    cellAnimationPreviousValuesByRowRef = new WeakMap();
+    cellAnimationPreviousRowIdOrder = [];
     // Helper for conditional logging
     getLogger() {
         const injectedLogger = this.logger;
@@ -32336,6 +32359,7 @@ class PraxisTable {
         this.localSource = [];
         this.localView = [];
         this.localTotal = 0;
+        this.clearEffectiveCellRendererCache();
     }
     syncPaginationTotal(total) {
         if (this.paginator) {
@@ -32593,6 +32617,7 @@ class PraxisTable {
         this.route = route;
         this.logger = logger;
         this.subscriptions.push(this.dataSubject.subscribe((data) => {
+            this.clearEffectiveCellRendererCache();
             this.dataSource.data = data;
             this.resetComputedContextCache();
             this.selection.clear();
@@ -32857,6 +32882,7 @@ class PraxisTable {
             this.fetchData();
         }
         if (changes['data'] || changes['resourcePath'] || changes['config']) {
+            this.clearCellAnimationChangeState();
             this.refreshLocalScaffolding('ngOnChanges', {
                 resetPageSizeOverride: !!changes['config'] || !!changes['resourcePath'],
             });
@@ -32993,6 +33019,7 @@ class PraxisTable {
     onPageChange(event) {
         this.pageIndex = event.pageIndex;
         this.pageSize = event.pageSize;
+        this.clearCellAnimationChangeState();
         if (this.isLocalDataModeActive()) {
             this.localPageSizeRuntimeOverride = true;
             this.recomputeLocalView('page-change');
@@ -33006,6 +33033,7 @@ class PraxisTable {
         this.sortState = event;
         // Reset to first page when sorting changes (server-side paging)
         this.pageIndex = 0;
+        this.clearCellAnimationChangeState();
         if (this.isLocalDataModeActive()) {
             this.recomputeLocalView('sort-change');
             return;
@@ -33690,6 +33718,7 @@ class PraxisTable {
     }
     onAdvancedFilterSubmit(criteria) {
         this.filterCriteria = criteria || {};
+        this.clearCellAnimationChangeState();
         if (this.isLocalDataModeActive()) {
             this.pageIndex = 0;
             this.recomputeLocalView('advanced-filter-submit');
@@ -33701,6 +33730,7 @@ class PraxisTable {
     }
     onAdvancedFilterClear() {
         this.filterCriteria = {};
+        this.clearCellAnimationChangeState();
         if (this.isLocalDataModeActive()) {
             this.pageIndex = 0;
             this.recomputeLocalView('advanced-filter-clear');
@@ -34227,6 +34257,7 @@ class PraxisTable {
     }
     setupColumns() {
         const columns = this.sanitizeColumns(this.config.columns);
+        this.clearEffectiveCellRendererCache();
         this.visibleColumns = columns
             .filter((c) => c.visible !== false)
             .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
@@ -35512,6 +35543,44 @@ class PraxisTable {
     resetComputedContextCache() {
         this.computedContextCache = new WeakMap();
     }
+    ensureEffectiveCellRenderCache() {
+        const self = this;
+        if (!(self._effectiveCellRenderCache instanceof Map)) {
+            self._effectiveCellRenderCache = new Map();
+        }
+        return self._effectiveCellRenderCache;
+    }
+    ensureCellAnimationPreviousValuesByRowId() {
+        const self = this;
+        if (!(self.cellAnimationPreviousValuesByRowId instanceof Map)) {
+            self.cellAnimationPreviousValuesByRowId = new Map();
+        }
+        return self.cellAnimationPreviousValuesByRowId;
+    }
+    ensureCellAnimationPreviousValuesByRowRef() {
+        const self = this;
+        if (!(self.cellAnimationPreviousValuesByRowRef instanceof WeakMap)) {
+            self.cellAnimationPreviousValuesByRowRef = new WeakMap();
+        }
+        return self.cellAnimationPreviousValuesByRowRef;
+    }
+    ensureCellAnimationPreviousRowIdOrder() {
+        const self = this;
+        if (!Array.isArray(self.cellAnimationPreviousRowIdOrder)) {
+            self.cellAnimationPreviousRowIdOrder = [];
+        }
+        return self.cellAnimationPreviousRowIdOrder;
+    }
+    clearEffectiveCellRendererCache() {
+        this.ensureEffectiveCellRenderCache().clear();
+    }
+    clearCellAnimationChangeState() {
+        this.clearEffectiveCellRendererCache();
+        this.ensureCellAnimationPreviousValuesByRowId().clear();
+        this.ensureCellAnimationPreviousRowIdOrder().length = 0;
+        this.cellAnimationPreviousValuesByRowRef =
+            new WeakMap();
+    }
     collectComputedFieldNames(columns) {
         const out = [];
         for (const col of columns || []) {
@@ -35881,42 +35950,66 @@ class PraxisTable {
         }
         return null;
     }
-    isRowAnimationRuntimeEnabled() {
+    isMotionReductionRequested() {
         const configAny = this.config;
-        const appearanceAnimations = configAny?.appearance?.animations;
-        if (appearanceAnimations?.enabled === false) {
-            return false;
-        }
-        if (appearanceAnimations?.specific?.row === false) {
-            return false;
-        }
         if (configAny?.accessibility?.reduceMotion === true) {
-            return false;
+            return true;
         }
         try {
             if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {
-                return !window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+                return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
             }
         }
         catch { }
-        return true;
+        return false;
     }
-    getRowAnimationConfig(rowData) {
-        if (!this.isRowAnimationRuntimeEnabled())
+    isRowAnimationRuntimeEnabled() {
+        const appearanceAnimations = this.config?.appearance?.animations;
+        if (appearanceAnimations?.enabled === false)
+            return false;
+        if (appearanceAnimations?.specific?.row === false)
+            return false;
+        return !this.isMotionReductionRequested();
+    }
+    isCellAnimationRuntimeEnabled() {
+        const appearanceAnimations = this.config?.appearance?.animations;
+        if (appearanceAnimations?.enabled === false)
+            return false;
+        if (appearanceAnimations?.specific?.cell === false)
+            return false;
+        return !this.isMotionReductionRequested();
+    }
+    resolveRuntimeConditionalAnimationConfig(animation, scope, context) {
+        if (!animation || typeof animation !== 'object')
+            return null;
+        if (animation.enabled === false)
             return null;
-        const animation = this.getRowRenderer(rowData)?.animation;
-        if (animation?.enabled === false)
+        if (scope === 'row' && !this.isRowAnimationRuntimeEnabled())
+            return null;
+        if (scope === 'cell' && !this.isCellAnimationRuntimeEnabled())
             return null;
         const presets = PraxisTable.ROW_ANIMATION_PRESETS;
         const presetAliases = PraxisTable.ROW_ANIMATION_PRESET_ALIASES;
         const rawPreset = String(animation?.preset || '').trim().toLowerCase();
         const canonicalPreset = rawPreset ? (presetAliases[rawPreset] || rawPreset) : '';
         const preset = canonicalPreset ? presets[canonicalPreset] : undefined;
-        const rawType = String(animation?.type || preset?.type || '').trim().toLowerCase();
-        const supportedTypes = new Set(['pulse', 'blink', 'grow', 'fade', 'slide-in', 'border-pulse']);
-        if (!supportedTypes.has(rawType))
+        const rawType = String(animation?.type || preset?.type || '')
+            .trim()
+            .toLowerCase();
+        const supportedTypes = new Set([
+            'pulse',
+            'blink',
+            'grow',
+            'fade',
+            'slide-in',
+            'border-pulse',
+        ]);
+        if (!supportedTypes.has(rawType)) {
             return null;
-        const rawTrigger = String(animation?.trigger || preset?.trigger || 'onAppear').trim().toLowerCase();
+        }
+        const rawTrigger = String(animation?.trigger || preset?.trigger || 'onAppear')
+            .trim()
+            .toLowerCase();
         const trigger = rawTrigger === 'onhover' || rawTrigger === 'hover'
             ? 'on-hover'
             : rawTrigger === 'onchange'
@@ -35946,7 +36039,9 @@ class PraxisTable {
                 iterationCount = String(parsed);
             }
         }
-        const rawIntensity = String(animation?.intensity || preset?.intensity || 'normal').trim().toLowerCase();
+        const rawIntensity = String(animation?.intensity || preset?.intensity || 'normal')
+            .trim()
+            .toLowerCase();
         const intensity = rawIntensity === 'subtle' || rawIntensity === 'strong'
             ? rawIntensity
             : 'normal';
@@ -35958,6 +36053,13 @@ class PraxisTable {
         const delayMs = Number.isFinite(parsedDelay) && parsedDelay >= 0
             ? Math.round(parsedDelay)
             : undefined;
+        if (scope === 'cell' && trigger === 'on-change') {
+            const rowData = context?.rowData;
+            const column = context?.column;
+            if (!column || !this.shouldActivateCellAnimationOnChange(rowData, column)) {
+                return null;
+            }
+        }
         return {
             type: rawType,
             trigger,
@@ -35968,6 +36070,64 @@ class PraxisTable {
             delayMs,
         };
     }
+    getCellAnimationValueSignature(rowData, column) {
+        const raw = this.getCellValue(rowData, column);
+        if (raw === null)
+            return 'null';
+        if (raw === undefined)
+            return 'undefined';
+        if (typeof raw === 'string')
+            return `string:${raw}`;
+        if (typeof raw === 'number')
+            return `number:${raw}`;
+        if (typeof raw === 'boolean')
+            return `boolean:${raw}`;
+        try {
+            return `json:${JSON.stringify(raw)}`;
+        }
+        catch {
+            return `string:${String(raw)}`;
+        }
+    }
+    shouldActivateCellAnimationOnChange(rowData, column) {
+        if (!rowData || !column?.field)
+            return false;
+        const field = String(column.field).trim();
+        if (!field)
+            return false;
+        const nextValue = this.getCellAnimationValueSignature(rowData, column);
+        const rowIdCache = this.ensureCellAnimationPreviousValuesByRowId();
+        const rowIdOrder = this.ensureCellAnimationPreviousRowIdOrder();
+        const rowRefCache = this.ensureCellAnimationPreviousValuesByRowRef();
+        const rowId = this.getRowId(rowData);
+        if (rowId !== null && rowId !== undefined && String(rowId).trim()) {
+            const key = `${field}|${String(rowId)}`;
+            const previous = rowIdCache.get(key);
+            if (!rowIdCache.has(key)) {
+                rowIdOrder.push(key);
+                if (rowIdOrder.length > PraxisTable.CELL_ANIMATION_CHANGE_CACHE_LIMIT) {
+                    const oldest = rowIdOrder.shift();
+                    if (oldest)
+                        rowIdCache.delete(oldest);
+                }
+            }
+            rowIdCache.set(key, nextValue);
+            return previous !== undefined && previous !== nextValue;
+        }
+        if (typeof rowData !== 'object')
+            return false;
+        let rowMap = rowRefCache.get(rowData);
+        if (!rowMap) {
+            rowMap = new Map();
+            rowRefCache.set(rowData, rowMap);
+        }
+        const previous = rowMap.get(field);
+        rowMap.set(field, nextValue);
+        return previous !== undefined && previous !== nextValue;
+    }
+    getRowAnimationConfig(rowData) {
+        return this.resolveRuntimeConditionalAnimationConfig(this.getRowRenderer(rowData)?.animation, 'row', { rowData });
+    }
     getRowAnimationClasses(rowData) {
         const anim = this.getRowAnimationConfig(rowData);
         if (!anim)
@@ -36004,6 +36164,60 @@ class PraxisTable {
         }
         return style;
     }
+    getCellContentClasses(rowData, column) {
+        const anim = this.getEffectiveCellRenderResult(rowData, column).animation;
+        if (!anim)
+            return undefined;
+        const repeatClass = anim.repeat === 'loop'
+            ? 'pfx-cell-anim--loop'
+            : anim.repeat === 'count'
+                ? 'pfx-cell-anim--count'
+                : 'pfx-cell-anim--once';
+        return [
+            'pfx-cell-anim',
+            `pfx-cell-anim--${anim.type}`,
+            `pfx-cell-anim--${anim.trigger}`,
+            `pfx-cell-anim--${anim.intensity}`,
+            repeatClass,
+        ];
+    }
+    getCellContentNgStyle(rowData, column) {
+        if (this.isStrictCspStyleModeEnabled())
+            return undefined;
+        const anim = this.getEffectiveCellRenderResult(rowData, column).animation;
+        if (!anim)
+            return undefined;
+        const style = {
+            '--pfx-cell-anim-iteration-count': anim.iterationCount,
+            '--pfx-cell-anim-scale-peak': anim.intensity === 'subtle'
+                ? '1.01'
+                : anim.intensity === 'strong'
+                    ? '1.03'
+                    : '1.015',
+            '--pfx-cell-anim-min-opacity': anim.intensity === 'subtle'
+                ? '0.70'
+                : anim.intensity === 'strong'
+                    ? '0.25'
+                    : '0.45',
+            '--pfx-cell-anim-slide-distance': anim.intensity === 'subtle'
+                ? '2px'
+                : anim.intensity === 'strong'
+                    ? '8px'
+                    : '4px',
+            '--pfx-cell-anim-border-strength': anim.intensity === 'subtle'
+                ? '0.18'
+                : anim.intensity === 'strong'
+                    ? '0.42'
+                    : '0.30',
+        };
+        if (typeof anim.durationMs === 'number') {
+            style['--pfx-cell-anim-duration'] = `${anim.durationMs}ms`;
+        }
+        if (typeof anim.delayMs === 'number') {
+            style['--pfx-cell-anim-delay'] = `${anim.delayMs}ms`;
+        }
+        return style;
+    }
     getRowTooltip(rowData) {
         const rr = this.getRowRenderer(rowData);
         const text = rr?.tooltip?.text;
@@ -36860,8 +37074,6 @@ class PraxisTable {
     // =============================
     // Renderer helpers — Phase 2
     // =============================
-    // Resolve effective renderer (base + first matching override)
-    _rendererOverrideCache = new Map();
     mergeRenderer(base, ov) {
         if (!ov)
             return base;
@@ -36880,58 +37092,91 @@ class PraxisTable {
         }
         return out;
     }
-    sanitizeColumnConditionalRendererRule(rule, column) {
-        if (!rule || typeof rule !== 'object')
-            return rule;
-        let sanitizedRule = rule;
-        let removedTopLevelAnimation = false;
-        let removedRendererAnimation = false;
+    hasRenderableColumnOverride(rendererOverride) {
+        if (!rendererOverride || typeof rendererOverride !== 'object')
+            return false;
+        const override = rendererOverride;
+        if (typeof override['type'] === 'string' && override['type'].trim())
+            return true;
+        if (typeof override['typeExpr'] === 'string' && override['typeExpr'].trim())
+            return true;
+        if (override['compose']
+            && typeof override['compose'] === 'object'
+            && Object.keys(override['compose']).length > 0) {
+            return true;
+        }
+        const rendererKeys = [
+            'icon',
+            'image',
+            'badge',
+            'link',
+            'button',
+            'chip',
+            'progress',
+            'avatar',
+            'toggle',
+            'menu',
+            'html',
+            'rating',
+            'tooltip',
+        ];
+        return rendererKeys.some((key) => {
+            const value = override[key];
+            if (!value || typeof value !== 'object')
+                return false;
+            return Object.values(value).some((entry) => {
+                if (entry === undefined || entry === null)
+                    return false;
+                if (typeof entry === 'string')
+                    return entry.trim().length > 0;
+                return true;
+            });
+        });
+    }
+    resolveColumnRuleAnimationCandidate(rule) {
+        if (!rule || typeof rule !== 'object') {
+            return { rawAnimation: null, matchedBy: null };
+        }
         if (Object.prototype.hasOwnProperty.call(rule, 'animation')) {
-            sanitizedRule = { ...sanitizedRule };
-            delete sanitizedRule.animation;
-            removedTopLevelAnimation = true;
+            return { rawAnimation: rule.animation, matchedBy: 'ruleAnimation' };
         }
-        const renderer = sanitizedRule.renderer;
+        const renderer = rule.renderer;
         if (renderer
             && typeof renderer === 'object'
             && Object.prototype.hasOwnProperty.call(renderer, 'animation')) {
-            if (sanitizedRule === rule) {
-                sanitizedRule = { ...sanitizedRule };
-            }
-            sanitizedRule.renderer = { ...renderer };
-            delete sanitizedRule.renderer.animation;
-            removedRendererAnimation = true;
-        }
-        if (removedTopLevelAnimation || removedRendererAnimation) {
-            const columnField = String(column?.field || '').trim() || 'unknown';
-            this.warnOnceLog('[PraxisTable] columns[].conditionalRenderers[].animation is schema-only and ignored at runtime. Use rowConditionalRenderers for runtime animation.', {
-                columnField,
-                removedTopLevelAnimation,
-                removedRendererAnimation,
-            }, {
-                dedupeKey: `praxis-table:column-conditional-renderer-animation-ignored:${columnField}`,
-                context: { columnField },
-            });
+            return {
+                rawAnimation: renderer.animation,
+                matchedBy: 'rendererAnimation',
+            };
         }
-        return sanitizedRule;
+        return { rawAnimation: null, matchedBy: null };
     }
-    getEffectiveRenderer(row, column) {
-        const key = (() => {
-            try {
-                const colId = column.field || '';
-                const rHash = JSON.stringify(column.renderer || {});
-                const oHash = JSON.stringify(column.conditionalRenderers || []);
-                const rowKey = String(this.getRowId(row) ?? 'row');
-                return `${colId}|${rowKey}|${rHash}|${oHash}`;
-            }
-            catch {
+    buildEffectiveCellRenderCacheKey(row, column) {
+        try {
+            const colId = String(column?.field || '').trim();
+            if (!colId)
+                return '';
+            const rowId = this.getRowId(row);
+            if (rowId === null || rowId === undefined || !String(rowId).trim()) {
                 return '';
             }
-        })();
-        if (key && this._rendererOverrideCache.has(key))
-            return this._rendererOverrideCache.get(key);
+            const rendererHash = JSON.stringify(column.renderer || {});
+            const overridesHash = JSON.stringify(column.conditionalRenderers || []);
+            const valueSig = this.getCellAnimationValueSignature(row, column);
+            return `${colId}|${String(rowId)}|${valueSig}|${rendererHash}|${overridesHash}`;
+        }
+        catch {
+            return '';
+        }
+    }
+    getEffectiveCellRenderResult(row, column) {
+        const cache = this.ensureEffectiveCellRenderCache();
+        const key = this.buildEffectiveCellRenderCacheKey(row, column);
+        if (key && cache.has(key)) {
+            return cache.get(key);
+        }
         let base = column?.renderer || null;
-        // Apply typeExpr early to stabilize type, but overrides may change it
+        // Resolve typeExpr first to keep renderer type deterministic before rule merging.
         if (base && base.typeExpr) {
             const t = this.evaluateValueExpr(base.typeExpr, row, 'string');
             if (t === 'text' || t === 'none')
@@ -36939,22 +37184,50 @@ class PraxisTable {
             else if (t)
                 base = { ...base, type: t };
         }
-        let eff = base;
+        const fallback = {
+            renderer: base,
+            animation: null,
+            matchedRuleIndex: -1,
+            matchedBy: null,
+        };
         const rules = (column?.conditionalRenderers || []);
-        if (rules && rules.length) {
-            for (const r of rules) {
-                if (r && r.enabled === false)
-                    continue;
-                if (r && r.condition && this.evaluateStyleRule(String(r.condition), row)) {
-                    const sanitizedRule = this.sanitizeColumnConditionalRendererRule(r, column);
-                    eff = this.mergeRenderer(base || {}, sanitizedRule?.renderer || {});
-                    break; // first‑match wins
-                }
+        if (!rules.length) {
+            if (key)
+                cache.set(key, fallback);
+            return fallback;
+        }
+        for (let ruleIndex = 0; ruleIndex < rules.length; ruleIndex += 1) {
+            const rule = rules[ruleIndex];
+            if (!rule || rule.enabled === false)
+                continue;
+            if (!rule.condition || !this.evaluateStyleRule(String(rule.condition), row)) {
+                continue;
             }
+            const rendererOverride = rule.renderer;
+            const hasRendererOverride = this.hasRenderableColumnOverride(rendererOverride);
+            const { rawAnimation, matchedBy } = this.resolveColumnRuleAnimationCandidate(rule);
+            const animation = this.resolveRuntimeConditionalAnimationConfig(rawAnimation, 'cell', { rowData: row, column });
+            // First-match only applies when rule produces a real runtime effect.
+            if (!hasRendererOverride && !animation)
+                continue;
+            const result = {
+                renderer: hasRendererOverride
+                    ? this.mergeRenderer(base || {}, rendererOverride || {})
+                    : base,
+                animation: animation || null,
+                matchedRuleIndex: ruleIndex,
+                matchedBy: animation ? matchedBy : null,
+            };
+            if (key)
+                cache.set(key, result);
+            return result;
         }
         if (key)
-            this._rendererOverrideCache.set(key, eff);
-        return eff;
+            cache.set(key, fallback);
+        return fallback;
+    }
+    getEffectiveRenderer(row, column) {
+        return this.getEffectiveCellRenderResult(row, column).renderer;
     }
     // Link
     getLinkHref(row, column) {
@@ -38022,7 +38295,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: "internalFilter", first: true, predicate: PraxisFilter, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \u00E0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"\n  ></praxis-empty-state-card>\n}\n\n<!-- Error State with Quick Connect CTA -->\n@if (isRemoteMode() && (schemaError || dataError)) {\n<div class=\"ptable-error\" role=\"alert\" aria-live=\"assertive\">\n  <mat-icon color=\"warn\" aria-hidden=\"true\">error</mat-icon>\n  <div class=\"ptable-error__content\">\n    <div class=\"ptable-error__title\">Erro</div>\n    <div>{{ errorMessage || 'Ocorreu um erro ao carregar a tabela.' }}</div>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    Conectar a recurso\n  </button>\n  @if (!schemaError) { <button mat-stroked-button (click)=\"retryData()\">Tentar novamente</button> }\n  @if (schemaError) { <button mat-stroked-button (click)=\"reloadSchema()\">Recarregar colunas</button> }\n  </div>\n}\n\n<!-- Inline banner for schema change (only in edit mode) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"ptable-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n  </div>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"editModeEnabled\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        \n        <!-- AI Assistant in Toolbar -->\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n          }\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" aria-label=\"Desconectar\" matTooltip=\"Desconectar da fonte de dados\">\n            <mat-icon>link_off</mat-icon>\n          </button>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  @if (shouldRenderDataSurface() && !schemaError && !dataError) {\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n      </div>\n    }\n  }\n}\n<div class=\"px-scroll-viewport\"\n     cdkScrollable\n     [class.scroll-auto]=\"horizontalScroll === 'auto'\"\n     [class.scroll-wrap]=\"horizontalScroll === 'wrap'\"\n     [class.scroll-none]=\"horizontalScroll === 'none'\">\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError) {\n<div class=\"praxis-visually-hidden-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n  {{ columnReorderStatusMessage }}\n</div>\n@if (columnReorderVisualStatusMessage) {\n  <div class=\"praxis-column-reorder-status\" role=\"note\">\n    {{ columnReorderVisualStatusMessage }}\n  </div>\n}\n<table\n  mat-table\n  data-testid=\"table-column-drag-drop-list\"\n  [dataSource]=\"dataSource\"\n  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  @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    >\n      <span class=\"praxis-header-label\" data-testid=\"column-header-label\">{{ column.header }}</span>\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    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnCellAttrStyle(column)\"\n      [ngClass]=\"getCellClasses(element, column)\"\n      [ngStyle]=\"getCellNgStyle(element, column)\"\n    >\n      <ng-container [ngSwitch]=\"getEffectiveRendererType(element, column)\">\n        <!-- Icon renderer -->\n        <ng-container *ngSwitchCase=\"'icon'\">\n          <mat-icon\n            [color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n            >{{ getIconName(element, column) }}</mat-icon\n          >\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <img\n            class=\"pfx-cell-image\"\n            [src]=\"getImageSrc(element, column)\"\n            [attr.alt]=\"getImageAlt(element, column) || ''\"\n            [attr.loading]=\"getImageLazy(element, column) ? 'lazy' : null\"\n            [style.width.px]=\"getImageWidth(element, column)\"\n            [style.height.px]=\"getImageHeight(element, column)\"\n            [class.shape-rounded]=\"getImageShape(element, column) === 'rounded'\"\n            [class.shape-circle]=\"getImageShape(element, column) === 'circle'\"\n            [style.object-fit]=\"getImageFit(element, column)\"\n          />\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n              @if (getBadgeIcon(element, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n            <span class=\"pfx-badge-text\">{{ getBadgeText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Link renderer -->\n        <ng-container *ngSwitchCase=\"'link'\">\n          <a\n            class=\"pfx-link\"\n            [attr.href]=\"getLinkHref(element, column) || null\"\n            [attr.target]=\"getLinkTarget(element, column) || null\"\n            [attr.rel]=\"getLinkRel(element, column) || null\"\n            (click)=\"$event.stopPropagation()\"\n            >{{ getLinkText(element, column) }}</a\n          >\n        </ng-container>\n\n        <!-- Button renderer -->\n        <ng-container *ngSwitchCase=\"'button'\">\n          <ng-container [ngSwitch]=\"getButtonVariant(element, column)\">\n            <button\n              *ngSwitchCase=\"'outlined'\"\n              mat-stroked-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchCase=\"'text'\"\n              mat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchDefault\n              mat-flat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n          </ng-container>\n        </ng-container>\n\n        <!-- Chip renderer -->\n        <ng-container *ngSwitchCase=\"'chip'\">\n          <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, column)\">\n            @if (getChipIcon(element, column); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }\n            <span class=\"pfx-chip-text\">{{ getChipText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, column)\" [style.background]=\"getProgressBackgroundStyle(element, column)\"></div>\n            @if (getProgressShowLabel(element, column)) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, column) }}%</div> }\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          @if (getAvatarSrc(element, column); as asrc) {\n            <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, column) || ''\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\" loading=\"lazy\" />\n          } @else {\n            <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">{{ getAvatarInitials(element, column) }}</span>\n          }\n        </ng-container>\n\n        <!-- Toggle renderer -->\n        <ng-container *ngSwitchCase=\"'toggle'\">\n          <mat-slide-toggle\n            [checked]=\"getToggleState(element, column)\"\n            [disabled]=\"isToggleDisabled(element, column)\"\n            [attr.aria-label]=\"getToggleAriaLabel(element, column) || 'Alternar'\"\n            (change)=\"onToggleChange(element, column, $event)\"\n            (click)=\"$event.stopPropagation()\"\n          ></mat-slide-toggle>\n        </ng-container>\n\n        <!-- Menu renderer -->\n        <ng-container *ngSwitchCase=\"'menu'\">\n          <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, column) || 'Menu'\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let it of getMenuItems(element, column)\" (click)=\"onMenuItemClick(it, element, $event)\" [disabled]=\"!it.__visible\" >\n              @if (it.icon) { <mat-icon>{{ it.icon }}</mat-icon> }\n              <span>{{ it.label }}</span>\n            </button>\n          </mat-menu>\n        </ng-container>\n\n        <!-- Rating renderer -->\n        <ng-container *ngSwitchCase=\"'rating'\">\n          <pdx-material-rating\n            class=\"pfx-rating-cell\"\n            [itemsCount]=\"getRatingMax(element, column)\"\n            [ngModel]=\"getRatingValue(element, column)\"\n            [readonlyMode]=\"getRatingReadonly(element, column)\"\n            [presentationMode]=\"true\"\n            [size]=\"getRatingSize(element, column)\"\n            [ratingColor]=\"getRatingColor(element, column)\"\n            [outlineColor]=\"getRatingOutlineColor(element, column)\"\n            [ariaLabel]=\"getRatingAriaLabel(element, column) || column.header\"\n            [tabIndex]=\"-1\">\n          </pdx-material-rating>\n        </ng-container>\n\n        <!-- HTML renderer (sanitizado) -->\n        <ng-container *ngSwitchCase=\"'html'\">\n          <span [innerHTML]=\"getSafeHtml(element, column)\"></span>\n        </ng-container>\n\n        <!-- Compose renderer -->\n        <ng-container *ngSwitchCase=\"'compose'\">\n          <span class=\"pfx-cell-compose\" [ngClass]=\"getComposeClasses(element, column)\" [ngStyle]=\"getComposeGapStyle(element, column)\">\n            <ng-container *ngFor=\"let it of getComposeItems(element, column)\">\n              <ng-container [ngSwitch]=\"getItemEffectiveType(element, column, it)\">\n                <!-- Reuse helpers by projecting item as faux column -->\n                <ng-container *ngSwitchCase=\"'icon'\">\n                  <mat-icon [color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\">{{ getIconName(element, asItemColumn(column, it)) }}</mat-icon>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <img class=\"pfx-cell-image\" [src]=\"getImageSrc(element, asItemColumn(column, it))\" [attr.alt]=\"getImageAlt(element, asItemColumn(column, it)) || ''\" [attr.loading]=\"getImageLazy(element, asItemColumn(column, it)) ? 'lazy' : null\" [style.width.px]=\"getImageWidth(element, asItemColumn(column, it))\" [style.height.px]=\"getImageHeight(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getImageShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getImageShape(element, asItemColumn(column, it)) === 'circle'\" [style.object-fit]=\"getImageFit(element, asItemColumn(column, it))\" />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\">@if (getBadgeIcon(element, asItemColumn(column, it)); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }<span class=\"pfx-badge-text\">{{ getBadgeText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'link'\">\n                  <a class=\"pfx-link\" [attr.href]=\"getLinkHref(element, asItemColumn(column, it)) || null\" [attr.target]=\"getLinkTarget(element, asItemColumn(column, it)) || null\" [attr.rel]=\"getLinkRel(element, asItemColumn(column, it)) || null\" (click)=\"$event.stopPropagation()\">{{ getLinkText(element, asItemColumn(column, it)) }}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'button'\">\n                  <ng-container [ngSwitch]=\"getButtonVariant(element, asItemColumn(column, it))\">\n                    <button *ngSwitchCase=\"'outlined'\" mat-stroked-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchCase=\"'text'\" mat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchDefault mat-flat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\">@if (getChipIcon(element, asItemColumn(column, it)); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }<span class=\"pfx-chip-text\">{{ getChipText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\"><div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, asItemColumn(column, it))\" [style.background]=\"getProgressBackgroundStyle(element, asItemColumn(column, it))\"></div>@if (getProgressShowLabel(element, asItemColumn(column, it))) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, asItemColumn(column, it)) }}%</div> }</div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  @if (getAvatarSrc(element, asItemColumn(column, it)); as asrc) {\n                    <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, asItemColumn(column, it)) || ''\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\" loading=\"lazy\" />\n                  } @else {\n                    <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\">{{ getAvatarInitials(element, asItemColumn(column, it)) }}</span>\n                  }\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'toggle'\">\n                  <mat-slide-toggle [checked]=\"getToggleState(element, asItemColumn(column, it))\" [disabled]=\"isToggleDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getToggleAriaLabel(element, asItemColumn(column, it)) || 'Alternar'\" (change)=\"onToggleChange(element, asItemColumn(column, it), $event)\" (click)=\"$event.stopPropagation()\"></mat-slide-toggle>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'menu'\">\n                  <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, asItemColumn(column, it)) || 'Menu'\"><mat-icon>more_vert</mat-icon></button>\n                  <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let mi of getMenuItems(element, asItemColumn(column, it))\" (click)=\"onMenuItemClick(mi, element, $event)\" [disabled]=\"!mi.__visible\">\n              @if (mi.icon) { <mat-icon>{{ mi.icon }}</mat-icon> }\n              <span>{{ mi.label }}</span>\n            </button>\n                  </mat-menu>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'rating'\">\n                  <pdx-material-rating\n                    class=\"pfx-rating-cell\"\n                    [itemsCount]=\"getRatingMax(element, asItemColumn(column, it))\"\n                    [ngModel]=\"getRatingValue(element, asItemColumn(column, it))\"\n                    [readonlyMode]=\"getRatingReadonly(element, asItemColumn(column, it))\"\n                    [presentationMode]=\"true\"\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                    [tabIndex]=\"-1\">\n                  </pdx-material-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\">{{ getCellValue(element, column) }}</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    </td>\n  </ng-container>\n  }\n  @if (config.actions?.row?.enabled) {\n  <ng-container matColumnDef=\"_actions\" [sticky]=\"config.actions?.row?.sticky === true || config.actions?.row?.sticky === 'start'\" [stickyEnd]=\"config.actions?.row?.sticky === 'end'\">\n    <th mat-header-cell *matHeaderCellDef #actionsHeaderCell [style.width]=\"getRowActionsWidthStyle()\" class=\"praxis-actions-header\" [class.align-start]=\"getActionsHeaderAlign() === 'start'\" [class.align-center]=\"getActionsHeaderAlign() === 'center'\" [class.align-end]=\"getActionsHeaderAlign() === 'end'\">\n      <div class=\"praxis-actions-header__content\" [matTooltip]=\"getActionsHeaderTooltip() || ''\" [matTooltipDisabled]=\"!getActionsHeaderTooltip()\">\n        @if (getActionsHeaderIcon(); as hi) { <mat-icon [praxisIcon]=\"hi\"></mat-icon> }\n        @if (getActionsHeaderLabel(); as hl) { <span class=\"label\">{{ hl }}</span> }\n      </div>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"praxis-actions-cell\"\n      [class.dense]=\"dense\"\n      [style.width]=\"getRowActionsWidthStyle()\"\n    >\n      <div class=\"praxis-actions-cell__content\">\n        <!-- A\u00E7\u00F5es inline -->\n        <!-- Inline actions: icons mode -->\n        @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-icon-button\n              class=\"praxis-icon-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [matTooltip]=\"a.label || getActionId(a)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Inline actions: buttons mode (show label + icon) -->\n        @if (config.actions?.row?.display === 'buttons') {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-flat-button\n              class=\"praxis-row-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Menu de overflow -->\n        @if (hasOverflowRowActions(row)) {\n          <button\n            mat-icon-button\n            class=\"praxis-icon-btn praxis-more-btn\"\n            [matMenuTriggerFor]=\"rowMoreMenu\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            aria-label=\"Mais a\u00E7\u00F5es\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          <ng-container\n            *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\"\n          >\n            <button\n              mat-menu-item\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        </mat-menu>\n      </div>\n    </td>\n  </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns\"\n  ></tr>\n  @if (!isVirtualized()) {\n    <tr\n      mat-row\n      *matRowDef=\"let row; let i = index; columns: displayedColumns\"\n      [class.pfx-row-selected]=\"selection.isSelected(row)\"\n      [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)\"\n      (dblclick)=\"onRowDoubleClicked(row, i)\"\n    ></tr>\n  }\n</table>\n}\n\n<!-- Virtual rows path (header preserved above) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && isVirtualized()) {\n  <cdk-virtual-scroll-viewport\n    class=\"ptable-viewport\"\n    [itemSize]=\"getVirtItemHeight()\"\n    [minBufferPx]=\"getVirtBufferSize() * getVirtItemHeight()\"\n    [maxBufferPx]=\"getVirtBufferSize() * getVirtItemHeight() * 2\"\n    [style.minHeight]=\"getVirtMinHeightHostStyle()\"\n  >\n    <table\n      class=\"mat-mdc-table\"\n      [ngClass]=\"getTableElevationClassName()\"\n      [style.width]=\"getVirtualTableWidthStyle()\"\n    >\n      <tbody>\n        <tr class=\"mat-mdc-row\"\n            *cdkVirtualFor=\"let row of dataSource.data; let i = index; trackBy: trackByRow\"\n            [class.pfx-row-selected]=\"selection.isSelected(row)\"\n            [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n            [ngClass]=\"getRowClasses(row)\"\n            [ngStyle]=\"getRowNgStyle(row)\"\n            [matTooltip]=\"getRowTooltip(row) || null\"\n            [matTooltipDisabled]=\"!getRowTooltip(row)\"\n            [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n            [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n            (click)=\"onRowClicked(row, i)\"\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            <ng-container [ngSwitch]=\"getEffectiveRendererType(row, column)\">\n              <ng-container *ngSwitchCase=\"'icon'\">\n                <mat-icon [color]=\"getIconColor(row, column) || null\"\n                          [ngStyle]=\"getIconStyle(row, column)\"\n                          [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  {{ getIconName(row, column) }}\n                </mat-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <img class=\"pfx-cell-image\"\n                     [src]=\"getImageSrc(row, column)\"\n                     [attr.alt]=\"getImageAlt(row, column) || ''\"\n                     [attr.loading]=\"getImageLazy(row, column) ? 'lazy' : null\"\n                     [style.width.px]=\"getImageWidth(row, column)\"\n                     [style.height.px]=\"getImageHeight(row, column)\"\n                     [class.shape-rounded]=\"getImageShape(row, column) === 'rounded'\"\n                     [class.shape-circle]=\"getImageShape(row, column) === 'circle'\"\n                     [style.object-fit]=\"getImageFit(row, column)\" />\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n              @if (getBadgeIcon(row, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n                  <span class=\"pfx-badge-text\">{{ getBadgeText(row, column) }}</span>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchDefault>\n                {{ getCellValue(row, column) }}\n              </ng-container>\n            </ng-container>\n          </td>\n          }\n\n          <!-- Actions column -->\n  @if (config.actions?.row?.enabled) {\n  <td class=\"mat-mdc-cell praxis-actions-cell\" [class.dense]=\"dense\" [style.width]=\"getRowActionsWidthStyle()\">\n            <div class=\"praxis-actions-cell__content\">\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-icon-button class=\"praxis-icon-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [matTooltip]=\"a.label || getActionId(a)\"\n                          matTooltipPosition=\"above\"\n                          matTooltipClass=\"praxis-tooltip\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                  </button>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-flat-button class=\"praxis-row-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        aria-label=\"Mais a\u00E7\u00F5es\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n                  <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event)\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              </mat-menu>\n            </div>\n  </td>\n  }\n        </tr>\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n}\n\n</div>\n@if (\n  shouldRenderDataSurface()\n  && !schemaError\n  && !dataError\n  && shouldRenderFloatingBulkActions()\n  && getFloatingBulkActions().length\n  && !shouldHideFloatingBulkActions()\n) {\n  <div [class]=\"'praxis-floating-bulk-actions ' + getFloatingBulkPositionClass()\">\n    @for (action of getFloatingBulkActions(); track getActionId(action)) {\n      <button\n        mat-mini-fab\n        [color]=\"action.color || 'primary'\"\n        [disabled]=\"isFloatingBulkActionDisabled(action)\"\n        (click)=\"onToolbarAction({ action: getActionId(action), actionConfig: action })\"\n        [attr.aria-label]=\"action.label || getActionId(action)\"\n        [matTooltip]=\"action.label || getActionId(action)\"\n        matTooltipPosition=\"left\"\n      >\n        <mat-icon [praxisIcon]=\"action.icon || 'done_all'\"></mat-icon>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00E7\u00F5es no rodap\u00E9 (opcional) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && showToolbar && shouldRenderFooterToolbar()) {\n  <praxis-table-toolbar\n    [config]=\"config\"\n    [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n    [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n    [class.footer-flat]=\"hasBottomPaginator()\"\n    class=\"praxis-toolbar-footer\"\n    placement=\"footer\"\n    [showMain]=\"shouldShowFooterToolbarMain()\"\n    [showEndActions]=\"shouldShowFooterToolbarEndActions()\"\n    [showReset]=\"shouldShowFooterToolbarReset()\"\n    [showActionsGroup]=\"shouldShowToolbarActionsBottom()\"\n    [showMobileActions]=\"shouldShowToolbarActionsBottom()\"\n    [dslContext]=\"getToolbarDslContext()\"\n    [dslFunctionRegistry]=\"dslFunctionRegistry\"\n    (toolbarAction)=\"onToolbarAction($event)\"\n  >\n    <praxis-filter\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\"\n      advancedFilter\n      [resourcePath]=\"getAdvancedFilterResourcePath()\"\n      [filterId]=\"tableId\"\n      [formId]=\"tableId\"\n      [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n      [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n      [editModeEnabled]=\"editModeEnabled\"\n      [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n      [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n      [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n      [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n      [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n      [i18n]=\"getFilterI18n()\"\n      [mode]=\"'filter'\"\n      [showFilterSettings]=\"editModeEnabled\"\n      (submit)=\"onAdvancedFilterSubmit($event)\"\n      (clear)=\"onAdvancedFilterClear()\"\n    ></praxis-filter>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[advancedFilter]\"></ng-content>\n    </ng-container>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[toolbar]\"></ng-content>\n    </ng-container>\n    @if (shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()) {\n      @defer (on idle) {\n        @if (aiAdapter) {\n          <praxis-ai-assistant\n            [adapter]=\"aiAdapter\"\n            end-actions\n          ></praxis-ai-assistant>\n        }\n      }\n    }\n    <button\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter() && editModeEnabled\"\n      end-actions\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      aria-label=\"Configura\u00E7\u00F5es\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  </praxis-table-toolbar>\n}\n<!-- Paginadores (top/bottom) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'top' || config.behavior?.pagination?.position === 'both')) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n  >\n  </mat-paginator>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'bottom' || config.behavior?.pagination?.position === 'both' || !config.behavior?.pagination?.position)) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n    [class.footer-stack]=\"shouldShowToolbarActionsBottom()\"\n  >\n  </mat-paginator>\n}\n", styles: ["@charset \"UTF-8\";table{width:100%}.praxis-visually-hidden-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-column-reorder-status{margin:8px 0;padding:10px 12px;border-radius:8px;border:1px solid var(--p-table-border-color);background:var(--p-table-row-hover-bg);color:var(--p-table-header-fg);font-size:12px;line-height:1.4;box-shadow:0 4px 12px #00000014;animation:pfx-column-reorder-status-in var(--p-table-drag-status-enter-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}@keyframes pfx-column-reorder-status-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.praxis-actions-cell{height:100%;padding-inline:12px;white-space:nowrap}:host.density-compact{--p-header-padding: 8px 12px;--p-actions-btn-size: 32px;--p-actions-icon-size: 18px}:host.density-comfortable{--p-header-padding: 12px 16px;--p-actions-btn-size: 40px;--p-actions-icon-size: 22px}:host.density-spacious{--p-header-padding: 16px 20px;--p-actions-btn-size: 44px;--p-actions-icon-size: 24px}:host.density-compact ::ng-deep .mat-mdc-cell{padding:8px 12px}:host.density-comfortable ::ng-deep .mat-mdc-cell{padding:12px 16px}:host.density-spacious ::ng-deep .mat-mdc-cell{padding:16px 20px}:host.density-compact .praxis-actions-cell{padding-inline:8px}:host.density-spacious .praxis-actions-cell{padding-inline:16px}.praxis-actions-cell__content{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-icon-btn{width:var(--p-actions-btn-size, 40px);height:var(--p-actions-btn-size, 40px);border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;cursor:pointer;--mat-icon-button-state-layer-size: var(--p-actions-btn-size, 40px)}.praxis-icon-btn:hover{background:var(--md-sys-color-surface-variant)}.praxis-icon-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.praxis-icon-btn mat-icon,.praxis-icon-btn .mat-icon{font-size:var(--p-actions-icon-size, 22px);width:var(--p-actions-icon-size, 22px);height:var(--p-actions-icon-size, 22px);line-height:var(--p-actions-icon-size, 22px)}.praxis-more-btn{width:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));height:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));--mat-icon-button-state-layer-size: var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));background-image:var(--p-actions-more-btn-gradient, none);background-size:100% 100%;background-repeat:no-repeat}.praxis-more-btn mat-icon,.praxis-more-btn .mat-icon{font-size:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));width:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));line-height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));color:var(--p-actions-more-icon-color);background-image:var(--p-actions-more-icon-gradient, none);-webkit-background-clip:text;background-clip:text}.praxis-icon-btn.destructive mat-icon{color:var(--md-sys-color-error)}.mat-mdc-tooltip.praxis-tooltip{margin-top:-8px;margin-bottom:8px}.spacer{flex:1 1 auto}.praxis-table-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:16px 0 12px;width:100%;clear:both;position:relative}.praxis-table-header.stacked{margin:0}.praxis-table-header>praxis-table-toolbar{flex:1 0 100%}.praxis-floating-bulk-actions{position:fixed;z-index:1001;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:var(--md-sys-color-surface-container-highest);box-shadow:0 8px 20px #00000029}.praxis-floating-bulk-actions.pos-bottom-right{right:20px;bottom:20px}.praxis-floating-bulk-actions.pos-bottom-left{left:20px;bottom:20px}.praxis-floating-bulk-actions.pos-top-right{right:20px;top:20px}.praxis-floating-bulk-actions.pos-top-left{left:20px;top:20px}@media(max-width:768px){.praxis-floating-bulk-actions{gap:6px;padding:6px}.praxis-floating-bulk-actions.pos-bottom-right{right:12px;left:auto;bottom:12px}.praxis-floating-bulk-actions.pos-bottom-left{left:12px;right:auto;bottom:12px}.praxis-floating-bulk-actions.pos-top-right{right:12px;left:auto;top:12px}.praxis-floating-bulk-actions.pos-top-left{left:12px;right:auto;top:12px}}:host{display:block;width:100%;min-width:0;max-width:100%;--pfx-toolbar-pad-y: 6px;--pfx-toolbar-pad-x: 12px;--p-table-bg: var(--md-sys-color-surface-container-highest);--p-table-text-color: var(--md-sys-color-on-surface);--p-table-header-bg: var(--md-sys-color-surface-container-highest);--p-table-header-fg: var(--md-sys-color-on-surface);--p-table-border-color: var(--md-sys-color-outline-variant);--p-table-row-even-bg: var(--md-sys-color-surface-container);--p-table-row-hover-bg: var(--md-sys-color-surface-container-high);--p-table-row-selected-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-fg: var(--md-sys-color-on-primary-container);--p-table-badge-soft-accent-bg: var(--md-sys-color-secondary-container);--p-table-badge-soft-accent-fg: var(--md-sys-color-on-secondary-container);--p-table-badge-soft-warn-bg: var(--md-sys-color-error-container);--p-table-badge-soft-warn-fg: var(--md-sys-color-on-error-container);--p-table-state-success-bg: var(--md-sys-color-tertiary-container);--p-table-state-success-fg: var(--md-sys-color-on-tertiary-container);--p-table-state-warning-bg: var(--md-sys-color-secondary-container);--p-table-state-warning-fg: var(--md-sys-color-on-secondary-container);--p-table-state-danger-bg: var(--md-sys-color-error-container);--p-table-state-danger-fg: var(--md-sys-color-on-error-container);--p-table-state-highlight-bg: var(--md-sys-color-primary-container);--p-table-state-highlight-fg: var(--md-sys-color-on-primary-container);--p-table-drag-handle-size: 14px;--p-table-drag-handle-color: var(--md-sys-color-on-surface-variant);--p-table-drag-handle-hover-color: var(--md-sys-color-on-surface);--p-table-drag-handle-base-opacity: 0;--p-table-drag-handle-visible-opacity: .72;--p-table-drag-handle-active-opacity: 1;--p-table-drag-handle-transition-duration: .16s;--p-table-reorder-transition-duration: .16s;--p-table-drag-preview-scale: 1.01;--p-table-drag-status-enter-duration: .18s;--p-table-drag-preview-shadow: 0 14px 32px rgba(0, 0, 0, .28), 0 0 0 1px var(--p-table-border-color)}:host ::ng-deep .mat-mdc-table{background:var(--p-table-bg);color:var(--p-table-text-color);border-radius:12px 12px 0 0;width:100%;box-shadow:var(--p-table-surface-shadow);transition:box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-table:hover{box-shadow:var(--p-table-surface-shadow-hover, var(--p-table-surface-shadow))}:host ::ng-deep .mat-mdc-table.table-stack-top{border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .praxis-toolbar-footer{border:0 solid var(--p-table-border-color);border-top:0;border-radius:0;background:var(--p-table-bg)}:host ::ng-deep .mat-mdc-paginator.footer-stack{border-top-left-radius:0;border-top-right-radius:0;border-top:0}:host ::ng-deep .mat-mdc-paginator.footer-stack .mat-mdc-paginator-container{padding:8px 12px}:host [data-role=table-settings].mat-mdc-icon-button{--mdc-icon-button-icon-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pfx-link{color:var(--md-sys-color-primary);text-decoration:underline;cursor:pointer}.pfx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;line-height:1;border:1px solid transparent}.pfx-chip-icon{font-size:14px;width:14px;height:14px}.pfx-chip--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.pfx-chip--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-chip--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-chip--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-chip--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-chip--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-chip--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.pfx-progress{position:relative;width:100%;max-width:140px;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle}.pfx-progress-bar{height:100%;background:var(--md-sys-color-primary);transition:width .2s ease}.pfx-progress-label{margin-left:8px;font-size:12px;opacity:.8;display:inline-block;vertical-align:middle}.pfx-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:4px;overflow:hidden;font-weight:600}.pfx-avatar.shape-rounded{border-radius:8px}.pfx-avatar.shape-circle{border-radius:999px}.pfx-avatar--initials{text-transform:uppercase;font-size:12px}.pfx-cell-compose{display:inline-flex;align-items:center;gap:6px}.pfx-cell-compose.dir-col{flex-direction:column;align-items:stretch}.pfx-cell-compose.align-start{justify-content:flex-start}.pfx-cell-compose.align-center{justify-content:center}.pfx-cell-compose.align-end{justify-content:flex-end}.pfx-cell-compose.wrap{flex-wrap:wrap}.pfx-cell-compose.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-scroll-viewport{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.px-scroll-viewport.scroll-none{overflow-x:visible}.px-scroll-viewport.scroll-auto ::ng-deep .mat-mdc-table{width:max-content;min-width:100%}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-header-cell,.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-cell{white-space:normal;text-overflow:initial}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-header-row{position:sticky;top:0;z-index:1;background:var(--p-table-header-bg);color:var(--p-table-header-fg);box-shadow:var(--p-table-header-shadow, 0 1px 0 var(--p-table-border-color));border-bottom:1px solid var(--p-table-border-color)}:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mat-sort-header-content,:host ::ng-deep .mat-mdc-header-row .mat-icon{color:var(--p-table-header-fg)!important;font-weight:600}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow,:host ::ng-deep .mat-mdc-header-cell:hover .mat-sort-header-arrow{color:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-indicator,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-stem,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-left,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-right{border-color:var(--p-table-header-fg)!important;background:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell{padding:var(--p-header-padding, 12px 16px)!important;font-size:var(--p-header-font-size, inherit);font-weight:var(--p-header-font-weight, 600);letter-spacing:var(--p-header-letter-spacing, normal);text-transform:var(--p-header-text-transform, none);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{display:flex;align-items:center;width:100%;gap:8px;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}: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:8px;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;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}: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);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, 0);transform:none;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;border-radius:10px;border:1px solid var(--p-table-border-color);background:linear-gradient(135deg,var(--p-table-header-bg) 0%,var(--p-table-row-hover-bg) 100%);color:var(--p-table-header-fg);box-shadow:var(--p-table-drag-preview-shadow);transform:scale(var(--p-table-drag-preview-scale, 1.01));pointer-events:none;z-index:1000}.pfx-column-drag-preview .praxis-column-drag-handle,.pfx-column-drag-preview .mat-sort-header-arrow,.pfx-column-drag-preview .mat-sort-header-indicator,.pfx-column-drag-preview .mat-sort-header-stem,.pfx-column-drag-preview .mat-sort-header-pointer,.pfx-column-drag-preview .mat-sort-header-pointer-left,.pfx-column-drag-preview .mat-sort-header-pointer-right{display:none!important}.pfx-column-drag-preview .mat-sort-header-container{padding-right:0!important}.pfx-column-drag-preview .mat-sort-header-content,.pfx-column-drag-preview .praxis-header-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder{opacity:1;border:1px dashed var(--p-table-border-color);background:var(--p-table-row-hover-bg)}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder *{opacity:0}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-dragging{opacity:.58}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:none}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon,.pfx-column-drag-preview{transition:none;transform:none}.praxis-column-reorder-status{animation:none}:host ::ng-deep .mat-mdc-row{transition:none}:host ::ng-deep .mat-mdc-table{transition:none}}.praxis-actions-header{text-align:right}.praxis-actions-header.align-start{text-align:left}.praxis-actions-header.align-center{text-align:center}.praxis-actions-header.align-end{text-align:right}.praxis-actions-header .praxis-actions-header__content{display:inline-flex;align-items:center;gap:var(--p-actions-header-gap, 6px);color:var(--p-actions-header-color, inherit)}.praxis-actions-header .praxis-actions-header__content .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}:host ::ng-deep .mat-mdc-header-cell .mat-sort-header-container{padding-right:20px}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{padding-right:12px}@media(pointer:coarse){:host{--p-table-drag-handle-size: 18px;--p-table-drag-handle-base-opacity: .56;--p-table-drag-handle-visible-opacity: .92}}:host ::ng-deep .mat-mdc-cell{color:var(--p-table-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation-duration:var(--pfx-row-anim-duration, .8s);animation-delay:var(--pfx-row-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--once{animation-iteration-count:1}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--count{animation-iteration-count:var(--pfx-row-anim-iteration-count, 1)}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover:hover{animation-play-state:running}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--pulse{animation-name:pfx-row-pulse}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--blink{animation-name:pfx-row-blink}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--grow{animation-name:pfx-row-grow}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--fade{animation-name:pfx-row-fade}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--slide-in{animation-name:pfx-row-slide-in}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--border-pulse{animation-name:pfx-row-border-pulse}@keyframes pfx-row-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-row-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-row-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-row-anim-min-opacity, .35)}}@keyframes pfx-row-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-row-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-row-slide-in{0%{opacity:0;transform:translateY(var(--pfx-row-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-row-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),var(--pfx-row-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:nth-child(2n){background:var(--p-table-row-even-bg)}:host ::ng-deep .mat-mdc-row:nth-child(2n):hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row.pfx-row-selected,:host ::ng-deep .mat-mdc-row.pfx-row-selected:hover{background:var(--p-table-row-selected-bg)}:host.row-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-bottom:1px solid var(--p-table-border-color)}:host.row-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell{border-bottom:none}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-right:1px solid var(--p-table-border-color)}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell:last-child,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell:last-child{border-right:none}.ptable-error{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--md-sys-color-error);border-radius:8px}.ptable-error__content{flex:1}.ptable-error__title{font-weight:600}.ptable-info-banner{display:flex;gap:12px;align-items:center;padding:8px 12px;margin:8px 0;border-radius:8px;border:1px solid var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.ptable-info-banner .text{flex:1;font-weight:600}.ptable-info-banner .actions{display:flex;gap:8px}.pfx-cell-image{display:inline-block;vertical-align:middle;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant)}.pfx-cell-image.shape-rounded{border-radius:8px}.pfx-cell-image.shape-circle{border-radius:9999px}.pfx-badge{display:inline-flex;align-items:center;gap:6px;line-height:1;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid transparent}.pfx-badge .pfx-badge-icon{font-size:16px;width:16px;height:16px}.pfx-badge--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-badge--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-badge--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-badge--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:inherit}.pfx-badge--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-badge--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-badge--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.row--success,.row--success td,td.row--success{background-color:var(--p-table-state-success-bg)!important;color:var(--p-table-state-success-fg)!important}.row--warning,.row--warning td,td.row--warning{background-color:var(--p-table-state-warning-bg)!important;color:var(--p-table-state-warning-fg)!important}.row--danger,.row--danger td,td.row--danger{background-color:var(--p-table-state-danger-bg)!important;color:var(--p-table-state-danger-fg)!important}.row--highlight,.row--highlight td,td.row--highlight{background-color:var(--p-table-state-highlight-bg)!important;color:var(--p-table-state-highlight-fg)!important;font-weight:600}.row--muted,.row--muted td,td.row--muted{opacity:.7;filter:saturate(.6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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$1.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: i5$1.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: i5$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5$1.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$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisFilter, selector: "praxis-filter", inputs: ["resourcePath", "fieldMetadata", "filterId", "formId", "componentInstanceId", "mode", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "editModeEnabled", "value", "alwaysVisibleFields", "alwaysVisibleFieldMetadataOverrides", "selectedFieldIds", "tags", "allowSaveTags", "persistenceKey", "i18n", "changeDebounceMs", "showFilterSettings", "confirmTagDelete", "placeBooleansInActions", "showToggleLabels", "useInlineSelectVariant", "useInlineSearchableSelectVariant", "useInlineMultiSelectVariant", "useInlineInputVariant", "useInlineToggleVariant", "useInlineRangeVariant", "useInlineDateVariant", "useInlineDateRangeVariant", "useInlineTimeVariant", "useInlineTimeRangeVariant", "useInlineTreeSelectVariant", "alwaysMinWidth", "alwaysColsMd", "alwaysColsLg", "tagColor", "tagVariant", "tagButtonColor", "actionsButtonColor", "actionsVariant", "overlayVariant", "overlayBackdrop", "advancedOpenMode", "advancedClearButtonsEnabled"], outputs: ["submit", "change", "clear", "modeChange", "requestSearch", "tagsChange", "selectedFieldIdsChange", "metaChanged", "schemaStatusChange"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisTableToolbar, selector: "praxis-table-toolbar", inputs: ["config", "backgroundColor", "placement", "showMain", "showActionsGroup", "showEndActions", "showMobileActions", "showReset", "dslContext", "dslFunctionRegistry"], outputs: ["toolbarAction", "reset"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "component", type: MaterialRatingComponent, selector: "pdx-material-rating", inputs: ["itemsCount", "selection", "precision", "allowHalf", "icon", "svgIcon", "svgIconOutline", "outlineIcon", "disabled", "readonlyMode", "presentationMode", "tabindex", "size", "ariaLabel", "ratingColor", "outlineColor"] }], deferBlockDependencies: [() => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)]] });
+        ], queries: [{ propertyName: "toolbar", first: true, predicate: PraxisTableToolbar, descendants: true }, { propertyName: "projectedFilter", first: true, predicate: ["projectedFilter"], descendants: true }], viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "internalFilter", first: true, predicate: PraxisFilter, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \u00E0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"\n  ></praxis-empty-state-card>\n}\n\n<!-- Error State with Quick Connect CTA -->\n@if (isRemoteMode() && (schemaError || dataError)) {\n<div class=\"ptable-error\" role=\"alert\" aria-live=\"assertive\">\n  <mat-icon color=\"warn\" aria-hidden=\"true\">error</mat-icon>\n  <div class=\"ptable-error__content\">\n    <div class=\"ptable-error__title\">Erro</div>\n    <div>{{ errorMessage || 'Ocorreu um erro ao carregar a tabela.' }}</div>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    Conectar a recurso\n  </button>\n  @if (!schemaError) { <button mat-stroked-button (click)=\"retryData()\">Tentar novamente</button> }\n  @if (schemaError) { <button mat-stroked-button (click)=\"reloadSchema()\">Recarregar colunas</button> }\n  </div>\n}\n\n<!-- Inline banner for schema change (only in edit mode) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"ptable-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n  </div>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"editModeEnabled\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        \n        <!-- AI Assistant in Toolbar -->\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n          }\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" aria-label=\"Desconectar\" matTooltip=\"Desconectar da fonte de dados\">\n            <mat-icon>link_off</mat-icon>\n          </button>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  @if (shouldRenderDataSurface() && !schemaError && !dataError) {\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n      </div>\n    }\n  }\n}\n<div class=\"px-scroll-viewport\"\n     cdkScrollable\n     [class.scroll-auto]=\"horizontalScroll === 'auto'\"\n     [class.scroll-wrap]=\"horizontalScroll === 'wrap'\"\n     [class.scroll-none]=\"horizontalScroll === 'none'\">\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError) {\n<div class=\"praxis-visually-hidden-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n  {{ columnReorderStatusMessage }}\n</div>\n@if (columnReorderVisualStatusMessage) {\n  <div class=\"praxis-column-reorder-status\" role=\"note\">\n    {{ columnReorderVisualStatusMessage }}\n  </div>\n}\n<table\n  mat-table\n  data-testid=\"table-column-drag-drop-list\"\n  [dataSource]=\"dataSource\"\n  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  @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      [matTooltip]=\"isColumnDraggingEnabled() && isColumnDraggable(column) ? getColumnDragHandleTooltip(column) : null\"\n      matTooltipPosition=\"above\"\n      matTooltipClass=\"praxis-tooltip\"\n    >\n      <span class=\"praxis-header-label\" data-testid=\"column-header-label\">{{ column.header }}</span>\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    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnCellAttrStyle(column)\"\n      [ngClass]=\"getCellClasses(element, column)\"\n      [ngStyle]=\"getCellNgStyle(element, column)\"\n    >\n      <div\n        class=\"pfx-cell-content\"\n        [ngClass]=\"getCellContentClasses(element, column)\"\n        [ngStyle]=\"getCellContentNgStyle(element, column)\"\n      >\n      <ng-container [ngSwitch]=\"getEffectiveRendererType(element, column)\">\n        <!-- Icon renderer -->\n        <ng-container *ngSwitchCase=\"'icon'\">\n          <mat-icon\n            [color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n            >{{ getIconName(element, column) }}</mat-icon\n          >\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <img\n            class=\"pfx-cell-image\"\n            [src]=\"getImageSrc(element, column)\"\n            [attr.alt]=\"getImageAlt(element, column) || ''\"\n            [attr.loading]=\"getImageLazy(element, column) ? 'lazy' : null\"\n            [style.width.px]=\"getImageWidth(element, column)\"\n            [style.height.px]=\"getImageHeight(element, column)\"\n            [class.shape-rounded]=\"getImageShape(element, column) === 'rounded'\"\n            [class.shape-circle]=\"getImageShape(element, column) === 'circle'\"\n            [style.object-fit]=\"getImageFit(element, column)\"\n          />\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n              @if (getBadgeIcon(element, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n            <span class=\"pfx-badge-text\">{{ getBadgeText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Link renderer -->\n        <ng-container *ngSwitchCase=\"'link'\">\n          <a\n            class=\"pfx-link\"\n            [attr.href]=\"getLinkHref(element, column) || null\"\n            [attr.target]=\"getLinkTarget(element, column) || null\"\n            [attr.rel]=\"getLinkRel(element, column) || null\"\n            (click)=\"$event.stopPropagation()\"\n            >{{ getLinkText(element, column) }}</a\n          >\n        </ng-container>\n\n        <!-- Button renderer -->\n        <ng-container *ngSwitchCase=\"'button'\">\n          <ng-container [ngSwitch]=\"getButtonVariant(element, column)\">\n            <button\n              *ngSwitchCase=\"'outlined'\"\n              mat-stroked-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchCase=\"'text'\"\n              mat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchDefault\n              mat-flat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n          </ng-container>\n        </ng-container>\n\n        <!-- Chip renderer -->\n        <ng-container *ngSwitchCase=\"'chip'\">\n          <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, column)\">\n            @if (getChipIcon(element, column); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }\n            <span class=\"pfx-chip-text\">{{ getChipText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, column)\" [style.background]=\"getProgressBackgroundStyle(element, column)\"></div>\n            @if (getProgressShowLabel(element, column)) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, column) }}%</div> }\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          @if (getAvatarSrc(element, column); as asrc) {\n            <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, column) || ''\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\" loading=\"lazy\" />\n          } @else {\n            <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">{{ getAvatarInitials(element, column) }}</span>\n          }\n        </ng-container>\n\n        <!-- Toggle renderer -->\n        <ng-container *ngSwitchCase=\"'toggle'\">\n          <mat-slide-toggle\n            [checked]=\"getToggleState(element, column)\"\n            [disabled]=\"isToggleDisabled(element, column)\"\n            [attr.aria-label]=\"getToggleAriaLabel(element, column) || 'Alternar'\"\n            (change)=\"onToggleChange(element, column, $event)\"\n            (click)=\"$event.stopPropagation()\"\n          ></mat-slide-toggle>\n        </ng-container>\n\n        <!-- Menu renderer -->\n        <ng-container *ngSwitchCase=\"'menu'\">\n          <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, column) || 'Menu'\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let it of getMenuItems(element, column)\" (click)=\"onMenuItemClick(it, element, $event)\" [disabled]=\"!it.__visible\" >\n              @if (it.icon) { <mat-icon>{{ it.icon }}</mat-icon> }\n              <span>{{ it.label }}</span>\n            </button>\n          </mat-menu>\n        </ng-container>\n\n        <!-- Rating renderer -->\n        <ng-container *ngSwitchCase=\"'rating'\">\n          <pdx-material-rating\n            class=\"pfx-rating-cell\"\n            [itemsCount]=\"getRatingMax(element, column)\"\n            [ngModel]=\"getRatingValue(element, column)\"\n            [readonlyMode]=\"getRatingReadonly(element, column)\"\n            [presentationMode]=\"true\"\n            [size]=\"getRatingSize(element, column)\"\n            [ratingColor]=\"getRatingColor(element, column)\"\n            [outlineColor]=\"getRatingOutlineColor(element, column)\"\n            [ariaLabel]=\"getRatingAriaLabel(element, column) || column.header\"\n            [tabIndex]=\"-1\">\n          </pdx-material-rating>\n        </ng-container>\n\n        <!-- HTML renderer (sanitizado) -->\n        <ng-container *ngSwitchCase=\"'html'\">\n          <span [innerHTML]=\"getSafeHtml(element, column)\"></span>\n        </ng-container>\n\n        <!-- Compose renderer -->\n        <ng-container *ngSwitchCase=\"'compose'\">\n          <span class=\"pfx-cell-compose\" [ngClass]=\"getComposeClasses(element, column)\" [ngStyle]=\"getComposeGapStyle(element, column)\">\n            <ng-container *ngFor=\"let it of getComposeItems(element, column)\">\n              <ng-container [ngSwitch]=\"getItemEffectiveType(element, column, it)\">\n                <!-- Reuse helpers by projecting item as faux column -->\n                <ng-container *ngSwitchCase=\"'icon'\">\n                  <mat-icon [color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\">{{ getIconName(element, asItemColumn(column, it)) }}</mat-icon>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <img class=\"pfx-cell-image\" [src]=\"getImageSrc(element, asItemColumn(column, it))\" [attr.alt]=\"getImageAlt(element, asItemColumn(column, it)) || ''\" [attr.loading]=\"getImageLazy(element, asItemColumn(column, it)) ? 'lazy' : null\" [style.width.px]=\"getImageWidth(element, asItemColumn(column, it))\" [style.height.px]=\"getImageHeight(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getImageShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getImageShape(element, asItemColumn(column, it)) === 'circle'\" [style.object-fit]=\"getImageFit(element, asItemColumn(column, it))\" />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\">@if (getBadgeIcon(element, asItemColumn(column, it)); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }<span class=\"pfx-badge-text\">{{ getBadgeText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'link'\">\n                  <a class=\"pfx-link\" [attr.href]=\"getLinkHref(element, asItemColumn(column, it)) || null\" [attr.target]=\"getLinkTarget(element, asItemColumn(column, it)) || null\" [attr.rel]=\"getLinkRel(element, asItemColumn(column, it)) || null\" (click)=\"$event.stopPropagation()\">{{ getLinkText(element, asItemColumn(column, it)) }}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'button'\">\n                  <ng-container [ngSwitch]=\"getButtonVariant(element, asItemColumn(column, it))\">\n                    <button *ngSwitchCase=\"'outlined'\" mat-stroked-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchCase=\"'text'\" mat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchDefault mat-flat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\">@if (getChipIcon(element, asItemColumn(column, it)); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }<span class=\"pfx-chip-text\">{{ getChipText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\"><div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, asItemColumn(column, it))\" [style.background]=\"getProgressBackgroundStyle(element, asItemColumn(column, it))\"></div>@if (getProgressShowLabel(element, asItemColumn(column, it))) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, asItemColumn(column, it)) }}%</div> }</div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  @if (getAvatarSrc(element, asItemColumn(column, it)); as asrc) {\n                    <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, asItemColumn(column, it)) || ''\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\" loading=\"lazy\" />\n                  } @else {\n                    <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\">{{ getAvatarInitials(element, asItemColumn(column, it)) }}</span>\n                  }\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'toggle'\">\n                  <mat-slide-toggle [checked]=\"getToggleState(element, asItemColumn(column, it))\" [disabled]=\"isToggleDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getToggleAriaLabel(element, asItemColumn(column, it)) || 'Alternar'\" (change)=\"onToggleChange(element, asItemColumn(column, it), $event)\" (click)=\"$event.stopPropagation()\"></mat-slide-toggle>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'menu'\">\n                  <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, asItemColumn(column, it)) || 'Menu'\"><mat-icon>more_vert</mat-icon></button>\n                  <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let mi of getMenuItems(element, asItemColumn(column, it))\" (click)=\"onMenuItemClick(mi, element, $event)\" [disabled]=\"!mi.__visible\">\n              @if (mi.icon) { <mat-icon>{{ mi.icon }}</mat-icon> }\n              <span>{{ mi.label }}</span>\n            </button>\n                  </mat-menu>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'rating'\">\n                  <pdx-material-rating\n                    class=\"pfx-rating-cell\"\n                    [itemsCount]=\"getRatingMax(element, asItemColumn(column, it))\"\n                    [ngModel]=\"getRatingValue(element, asItemColumn(column, it))\"\n                    [readonlyMode]=\"getRatingReadonly(element, asItemColumn(column, it))\"\n                    [presentationMode]=\"true\"\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                    [tabIndex]=\"-1\">\n                  </pdx-material-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\">{{ getCellValue(element, column) }}</span>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </span>\n        </ng-container>\n\n        <!-- Default text rendering -->\n        <ng-container *ngSwitchDefault>\n          {{ getCellValue(element, column) }}\n        </ng-container>\n      </ng-container>\n      </div>\n    </td>\n  </ng-container>\n  }\n  @if (config.actions?.row?.enabled) {\n  <ng-container matColumnDef=\"_actions\" [sticky]=\"config.actions?.row?.sticky === true || config.actions?.row?.sticky === 'start'\" [stickyEnd]=\"config.actions?.row?.sticky === 'end'\">\n    <th mat-header-cell *matHeaderCellDef #actionsHeaderCell [style.width]=\"getRowActionsWidthStyle()\" class=\"praxis-actions-header\" [class.align-start]=\"getActionsHeaderAlign() === 'start'\" [class.align-center]=\"getActionsHeaderAlign() === 'center'\" [class.align-end]=\"getActionsHeaderAlign() === 'end'\">\n      <div class=\"praxis-actions-header__content\" [matTooltip]=\"getActionsHeaderTooltip() || ''\" [matTooltipDisabled]=\"!getActionsHeaderTooltip()\">\n        @if (getActionsHeaderIcon(); as hi) { <mat-icon [praxisIcon]=\"hi\"></mat-icon> }\n        @if (getActionsHeaderLabel(); as hl) { <span class=\"label\">{{ hl }}</span> }\n      </div>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"praxis-actions-cell\"\n      [class.dense]=\"dense\"\n      [style.width]=\"getRowActionsWidthStyle()\"\n    >\n      <div class=\"praxis-actions-cell__content\">\n        <!-- A\u00E7\u00F5es inline -->\n        <!-- Inline actions: icons mode -->\n        @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-icon-button\n              class=\"praxis-icon-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [matTooltip]=\"a.label || getActionId(a)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Inline actions: buttons mode (show label + icon) -->\n        @if (config.actions?.row?.display === 'buttons') {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-flat-button\n              class=\"praxis-row-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Menu de overflow -->\n        @if (hasOverflowRowActions(row)) {\n          <button\n            mat-icon-button\n            class=\"praxis-icon-btn praxis-more-btn\"\n            [matMenuTriggerFor]=\"rowMoreMenu\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            aria-label=\"Mais a\u00E7\u00F5es\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          <ng-container\n            *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\"\n          >\n            <button\n              mat-menu-item\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        </mat-menu>\n      </div>\n    </td>\n  </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns\"\n  ></tr>\n  @if (!isVirtualized()) {\n    <tr\n      mat-row\n      *matRowDef=\"let row; let i = index; columns: displayedColumns\"\n      [class.pfx-row-selected]=\"selection.isSelected(row)\"\n      [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)\"\n      (dblclick)=\"onRowDoubleClicked(row, i)\"\n    ></tr>\n  }\n</table>\n}\n\n<!-- Virtual rows path (header preserved above) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && isVirtualized()) {\n  <cdk-virtual-scroll-viewport\n    class=\"ptable-viewport\"\n    [itemSize]=\"getVirtItemHeight()\"\n    [minBufferPx]=\"getVirtBufferSize() * getVirtItemHeight()\"\n    [maxBufferPx]=\"getVirtBufferSize() * getVirtItemHeight() * 2\"\n    [style.minHeight]=\"getVirtMinHeightHostStyle()\"\n  >\n    <table\n      class=\"mat-mdc-table\"\n      [ngClass]=\"getTableElevationClassName()\"\n      [style.width]=\"getVirtualTableWidthStyle()\"\n    >\n      <tbody>\n        <tr class=\"mat-mdc-row\"\n            *cdkVirtualFor=\"let row of dataSource.data; let i = index; trackBy: trackByRow\"\n            [class.pfx-row-selected]=\"selection.isSelected(row)\"\n            [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n            [ngClass]=\"getRowClasses(row)\"\n            [ngStyle]=\"getRowNgStyle(row)\"\n            [matTooltip]=\"getRowTooltip(row) || null\"\n            [matTooltipDisabled]=\"!getRowTooltip(row)\"\n            [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n            [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n            (click)=\"onRowClicked(row, i)\"\n            (dblclick)=\"onRowDoubleClicked(row, i)\">\n          <!-- Selection column -->\n          @if (config.behavior?.selection?.enabled) { <td class=\"mat-mdc-cell\">\n            <mat-checkbox\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleRow(row)\"\n              [checked]=\"selection.isSelected(row)\">\n            </mat-checkbox>\n          </td> }\n          <!-- Data columns -->\n          @for (column of visibleColumns; track column.field) {\n          <td class=\"mat-mdc-cell\"\n              [style.text-align]=\"getColumnTextAlignStyle(column)\"\n              [style.width]=\"getColumnWidthStyle(column)\"\n              [attr.style]=\"getColumnCellAttrStyle(column)\"\n              [ngClass]=\"getCellClasses(row, column)\"\n              [ngStyle]=\"getCellNgStyle(row, column)\">\n            <div\n              class=\"pfx-cell-content\"\n              [ngClass]=\"getCellContentClasses(row, column)\"\n              [ngStyle]=\"getCellContentNgStyle(row, column)\"\n            >\n            <ng-container [ngSwitch]=\"getEffectiveRendererType(row, column)\">\n              <ng-container *ngSwitchCase=\"'icon'\">\n                <mat-icon [color]=\"getIconColor(row, column) || null\"\n                          [ngStyle]=\"getIconStyle(row, column)\"\n                          [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  {{ getIconName(row, column) }}\n                </mat-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <img class=\"pfx-cell-image\"\n                     [src]=\"getImageSrc(row, column)\"\n                     [attr.alt]=\"getImageAlt(row, column) || ''\"\n                     [attr.loading]=\"getImageLazy(row, column) ? 'lazy' : null\"\n                     [style.width.px]=\"getImageWidth(row, column)\"\n                     [style.height.px]=\"getImageHeight(row, column)\"\n                     [class.shape-rounded]=\"getImageShape(row, column) === 'rounded'\"\n                     [class.shape-circle]=\"getImageShape(row, column) === 'circle'\"\n                     [style.object-fit]=\"getImageFit(row, column)\" />\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n              @if (getBadgeIcon(row, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n                  <span class=\"pfx-badge-text\">{{ getBadgeText(row, column) }}</span>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchDefault>\n                {{ getCellValue(row, column) }}\n              </ng-container>\n            </ng-container>\n            </div>\n          </td>\n          }\n\n          <!-- Actions column -->\n  @if (config.actions?.row?.enabled) {\n  <td class=\"mat-mdc-cell praxis-actions-cell\" [class.dense]=\"dense\" [style.width]=\"getRowActionsWidthStyle()\">\n            <div class=\"praxis-actions-cell__content\">\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-icon-button class=\"praxis-icon-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [matTooltip]=\"a.label || getActionId(a)\"\n                          matTooltipPosition=\"above\"\n                          matTooltipClass=\"praxis-tooltip\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                  </button>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-flat-button class=\"praxis-row-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        aria-label=\"Mais a\u00E7\u00F5es\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n                  <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event)\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              </mat-menu>\n            </div>\n  </td>\n  }\n        </tr>\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n}\n\n</div>\n@if (\n  shouldRenderDataSurface()\n  && !schemaError\n  && !dataError\n  && shouldRenderFloatingBulkActions()\n  && getFloatingBulkActions().length\n  && !shouldHideFloatingBulkActions()\n) {\n  <div [class]=\"'praxis-floating-bulk-actions ' + getFloatingBulkPositionClass()\">\n    @for (action of getFloatingBulkActions(); track getActionId(action)) {\n      <button\n        mat-mini-fab\n        [color]=\"action.color || 'primary'\"\n        [disabled]=\"isFloatingBulkActionDisabled(action)\"\n        (click)=\"onToolbarAction({ action: getActionId(action), actionConfig: action })\"\n        [attr.aria-label]=\"action.label || getActionId(action)\"\n        [matTooltip]=\"action.label || getActionId(action)\"\n        matTooltipPosition=\"left\"\n      >\n        <mat-icon [praxisIcon]=\"action.icon || 'done_all'\"></mat-icon>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00E7\u00F5es no rodap\u00E9 (opcional) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && showToolbar && shouldRenderFooterToolbar()) {\n  <praxis-table-toolbar\n    [config]=\"config\"\n    [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n    [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n    [class.footer-flat]=\"hasBottomPaginator()\"\n    class=\"praxis-toolbar-footer\"\n    placement=\"footer\"\n    [showMain]=\"shouldShowFooterToolbarMain()\"\n    [showEndActions]=\"shouldShowFooterToolbarEndActions()\"\n    [showReset]=\"shouldShowFooterToolbarReset()\"\n    [showActionsGroup]=\"shouldShowToolbarActionsBottom()\"\n    [showMobileActions]=\"shouldShowToolbarActionsBottom()\"\n    [dslContext]=\"getToolbarDslContext()\"\n    [dslFunctionRegistry]=\"dslFunctionRegistry\"\n    (toolbarAction)=\"onToolbarAction($event)\"\n  >\n    <praxis-filter\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\"\n      advancedFilter\n      [resourcePath]=\"getAdvancedFilterResourcePath()\"\n      [filterId]=\"tableId\"\n      [formId]=\"tableId\"\n      [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n      [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n      [editModeEnabled]=\"editModeEnabled\"\n      [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n      [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n      [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n      [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n      [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n      [i18n]=\"getFilterI18n()\"\n      [mode]=\"'filter'\"\n      [showFilterSettings]=\"editModeEnabled\"\n      (submit)=\"onAdvancedFilterSubmit($event)\"\n      (clear)=\"onAdvancedFilterClear()\"\n    ></praxis-filter>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[advancedFilter]\"></ng-content>\n    </ng-container>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[toolbar]\"></ng-content>\n    </ng-container>\n    @if (shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()) {\n      @defer (on idle) {\n        @if (aiAdapter) {\n          <praxis-ai-assistant\n            [adapter]=\"aiAdapter\"\n            end-actions\n          ></praxis-ai-assistant>\n        }\n      }\n    }\n    <button\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter() && editModeEnabled\"\n      end-actions\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      aria-label=\"Configura\u00E7\u00F5es\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  </praxis-table-toolbar>\n}\n<!-- Paginadores (top/bottom) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'top' || config.behavior?.pagination?.position === 'both')) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n  >\n  </mat-paginator>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'bottom' || config.behavior?.pagination?.position === 'both' || !config.behavior?.pagination?.position)) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n    [class.footer-stack]=\"shouldShowToolbarActionsBottom()\"\n  >\n  </mat-paginator>\n}\n", styles: ["@charset \"UTF-8\";table{width:100%}.praxis-visually-hidden-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-column-reorder-status{margin:8px 0;padding:10px 12px;border-radius:8px;border:1px solid var(--p-table-border-color);background:var(--p-table-row-hover-bg);color:var(--p-table-header-fg);font-size:12px;line-height:1.4;box-shadow:0 4px 12px #00000014;animation:pfx-column-reorder-status-in var(--p-table-drag-status-enter-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}@keyframes pfx-column-reorder-status-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.praxis-actions-cell{height:100%;padding-inline:12px;white-space:nowrap}:host.density-compact{--p-header-padding: 8px 12px;--p-actions-btn-size: 32px;--p-actions-icon-size: 18px}:host.density-comfortable{--p-header-padding: 12px 16px;--p-actions-btn-size: 40px;--p-actions-icon-size: 22px}:host.density-spacious{--p-header-padding: 16px 20px;--p-actions-btn-size: 44px;--p-actions-icon-size: 24px}:host.density-compact ::ng-deep .mat-mdc-cell{padding:8px 12px}:host.density-comfortable ::ng-deep .mat-mdc-cell{padding:12px 16px}:host.density-spacious ::ng-deep .mat-mdc-cell{padding:16px 20px}:host.density-compact .praxis-actions-cell{padding-inline:8px}:host.density-spacious .praxis-actions-cell{padding-inline:16px}.praxis-actions-cell__content{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-icon-btn{width:var(--p-actions-btn-size, 40px);height:var(--p-actions-btn-size, 40px);border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;cursor:pointer;--mat-icon-button-state-layer-size: var(--p-actions-btn-size, 40px)}.praxis-icon-btn:hover{background:var(--md-sys-color-surface-variant)}.praxis-icon-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.praxis-icon-btn mat-icon,.praxis-icon-btn .mat-icon{font-size:var(--p-actions-icon-size, 22px);width:var(--p-actions-icon-size, 22px);height:var(--p-actions-icon-size, 22px);line-height:var(--p-actions-icon-size, 22px)}.praxis-more-btn{width:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));height:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));--mat-icon-button-state-layer-size: var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));background-image:var(--p-actions-more-btn-gradient, none);background-size:100% 100%;background-repeat:no-repeat}.praxis-more-btn mat-icon,.praxis-more-btn .mat-icon{font-size:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));width:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));line-height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));color:var(--p-actions-more-icon-color);background-image:var(--p-actions-more-icon-gradient, none);-webkit-background-clip:text;background-clip:text}.praxis-icon-btn.destructive mat-icon{color:var(--md-sys-color-error)}.mat-mdc-tooltip.praxis-tooltip{margin-top:-8px;margin-bottom:8px}.spacer{flex:1 1 auto}.praxis-table-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:16px 0 12px;width:100%;clear:both;position:relative}.praxis-table-header.stacked{margin:0}.praxis-table-header>praxis-table-toolbar{flex:1 0 100%}.praxis-floating-bulk-actions{position:fixed;z-index:1001;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:var(--md-sys-color-surface-container-highest);box-shadow:0 8px 20px #00000029}.praxis-floating-bulk-actions.pos-bottom-right{right:20px;bottom:20px}.praxis-floating-bulk-actions.pos-bottom-left{left:20px;bottom:20px}.praxis-floating-bulk-actions.pos-top-right{right:20px;top:20px}.praxis-floating-bulk-actions.pos-top-left{left:20px;top:20px}@media(max-width:768px){.praxis-floating-bulk-actions{gap:6px;padding:6px}.praxis-floating-bulk-actions.pos-bottom-right{right:12px;left:auto;bottom:12px}.praxis-floating-bulk-actions.pos-bottom-left{left:12px;right:auto;bottom:12px}.praxis-floating-bulk-actions.pos-top-right{right:12px;left:auto;top:12px}.praxis-floating-bulk-actions.pos-top-left{left:12px;right:auto;top:12px}}:host{display:block;width:100%;min-width:0;max-width:100%;--pfx-toolbar-pad-y: 6px;--pfx-toolbar-pad-x: 12px;--p-table-bg: var(--md-sys-color-surface-container-highest);--p-table-text-color: var(--md-sys-color-on-surface);--p-table-header-bg: var(--md-sys-color-surface-container-highest);--p-table-header-fg: var(--md-sys-color-on-surface);--p-table-border-color: var(--md-sys-color-outline-variant);--p-table-row-even-bg: var(--md-sys-color-surface-container);--p-table-row-hover-bg: var(--md-sys-color-surface-container-high);--p-table-row-selected-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-fg: var(--md-sys-color-on-primary-container);--p-table-badge-soft-accent-bg: var(--md-sys-color-secondary-container);--p-table-badge-soft-accent-fg: var(--md-sys-color-on-secondary-container);--p-table-badge-soft-warn-bg: var(--md-sys-color-error-container);--p-table-badge-soft-warn-fg: var(--md-sys-color-on-error-container);--p-table-state-success-bg: var(--md-sys-color-tertiary-container);--p-table-state-success-fg: var(--md-sys-color-on-tertiary-container);--p-table-state-warning-bg: var(--md-sys-color-secondary-container);--p-table-state-warning-fg: var(--md-sys-color-on-secondary-container);--p-table-state-danger-bg: var(--md-sys-color-error-container);--p-table-state-danger-fg: var(--md-sys-color-on-error-container);--p-table-state-highlight-bg: var(--md-sys-color-primary-container);--p-table-state-highlight-fg: var(--md-sys-color-on-primary-container);--p-table-drag-handle-size: 14px;--p-table-drag-handle-color: var(--md-sys-color-on-surface-variant);--p-table-drag-handle-hover-color: var(--md-sys-color-on-surface);--p-table-drag-handle-base-opacity: 0;--p-table-drag-handle-visible-opacity: .72;--p-table-drag-handle-active-opacity: 1;--p-table-drag-handle-transition-duration: .16s;--p-table-reorder-transition-duration: .16s;--p-table-drag-preview-scale: 1.01;--p-table-drag-status-enter-duration: .18s;--p-table-drag-preview-shadow: 0 14px 32px rgba(0, 0, 0, .28), 0 0 0 1px var(--p-table-border-color)}:host ::ng-deep .mat-mdc-table{background:var(--p-table-bg);color:var(--p-table-text-color);border-radius:12px 12px 0 0;width:100%;box-shadow:var(--p-table-surface-shadow);transition:box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-table:hover{box-shadow:var(--p-table-surface-shadow-hover, var(--p-table-surface-shadow))}:host ::ng-deep .mat-mdc-table.table-stack-top{border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .praxis-toolbar-footer{border:0 solid var(--p-table-border-color);border-top:0;border-radius:0;background:var(--p-table-bg)}:host ::ng-deep .mat-mdc-paginator.footer-stack{border-top-left-radius:0;border-top-right-radius:0;border-top:0}:host ::ng-deep .mat-mdc-paginator.footer-stack .mat-mdc-paginator-container{padding:8px 12px}:host [data-role=table-settings].mat-mdc-icon-button{--mdc-icon-button-icon-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pfx-link{color:var(--md-sys-color-primary);text-decoration:underline;cursor:pointer}.pfx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;line-height:1;border:1px solid transparent}.pfx-chip-icon{font-size:14px;width:14px;height:14px}.pfx-chip--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.pfx-chip--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-chip--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-chip--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-chip--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-chip--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-chip--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.pfx-progress{position:relative;width:100%;max-width:140px;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle}.pfx-progress-bar{height:100%;background:var(--md-sys-color-primary);transition:width .2s ease}.pfx-progress-label{margin-left:8px;font-size:12px;opacity:.8;display:inline-block;vertical-align:middle}.pfx-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:4px;overflow:hidden;font-weight:600}.pfx-avatar.shape-rounded{border-radius:8px}.pfx-avatar.shape-circle{border-radius:999px}.pfx-avatar--initials{text-transform:uppercase;font-size:12px}.pfx-cell-compose{display:inline-flex;align-items:center;gap:6px}.pfx-cell-compose.dir-col{flex-direction:column;align-items:stretch}.pfx-cell-compose.align-start{justify-content:flex-start}.pfx-cell-compose.align-center{justify-content:center}.pfx-cell-compose.align-end{justify-content:flex-end}.pfx-cell-compose.wrap{flex-wrap:wrap}.pfx-cell-compose.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-scroll-viewport{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.px-scroll-viewport.scroll-none{overflow-x:visible}.px-scroll-viewport.scroll-auto ::ng-deep .mat-mdc-table{width:max-content;min-width:100%}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-header-cell,.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-cell{white-space:normal;text-overflow:initial}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-header-row{position:sticky;top:0;z-index:1;background:var(--p-table-header-bg);color:var(--p-table-header-fg);box-shadow:var(--p-table-header-shadow, 0 1px 0 var(--p-table-border-color));border-bottom:1px solid var(--p-table-border-color)}:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mat-sort-header-content,:host ::ng-deep .mat-mdc-header-row .mat-icon{color:var(--p-table-header-fg)!important;font-weight:600}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow,:host ::ng-deep .mat-mdc-header-cell:hover .mat-sort-header-arrow{color:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-indicator,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-stem,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-left,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-right{border-color:var(--p-table-header-fg)!important;background:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell{padding:var(--p-header-padding, 12px 16px)!important;font-size:var(--p-header-font-size, inherit);font-weight:var(--p-header-font-weight, 600);letter-spacing:var(--p-header-letter-spacing, normal);text-transform:var(--p-header-text-transform, none);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{display:flex;align-items:center;width:100%;gap:8px;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}: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:8px;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;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}: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);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, 0);transform:none;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;border-radius:10px;border:1px solid var(--p-table-border-color);background:linear-gradient(135deg,var(--p-table-header-bg) 0%,var(--p-table-row-hover-bg) 100%);color:var(--p-table-header-fg);box-shadow:var(--p-table-drag-preview-shadow);transform:scale(var(--p-table-drag-preview-scale, 1.01));pointer-events:none;z-index:1000}.pfx-column-drag-preview .praxis-column-drag-handle,.pfx-column-drag-preview .mat-sort-header-arrow,.pfx-column-drag-preview .mat-sort-header-indicator,.pfx-column-drag-preview .mat-sort-header-stem,.pfx-column-drag-preview .mat-sort-header-pointer,.pfx-column-drag-preview .mat-sort-header-pointer-left,.pfx-column-drag-preview .mat-sort-header-pointer-right{display:none!important}.pfx-column-drag-preview .mat-sort-header-container{padding-right:0!important}.pfx-column-drag-preview .mat-sort-header-content,.pfx-column-drag-preview .praxis-header-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder{opacity:1;border:1px dashed var(--p-table-border-color);background:var(--p-table-row-hover-bg)}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder *{opacity:0}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-dragging{opacity:.58}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:none}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon,.pfx-column-drag-preview{transition:none;transform:none}.praxis-column-reorder-status{animation:none}:host ::ng-deep .mat-mdc-row{transition:none}:host ::ng-deep .mat-mdc-table{transition:none}}.praxis-actions-header{text-align:right}.praxis-actions-header.align-start{text-align:left}.praxis-actions-header.align-center{text-align:center}.praxis-actions-header.align-end{text-align:right}.praxis-actions-header .praxis-actions-header__content{display:inline-flex;align-items:center;gap:var(--p-actions-header-gap, 6px);color:var(--p-actions-header-color, inherit)}.praxis-actions-header .praxis-actions-header__content .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}:host ::ng-deep .mat-mdc-header-cell .mat-sort-header-container{padding-right:20px}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{padding-right:12px}@media(pointer:coarse){:host{--p-table-drag-handle-size: 18px;--p-table-drag-handle-base-opacity: .56;--p-table-drag-handle-visible-opacity: .92}}:host ::ng-deep .mat-mdc-cell{color:var(--p-table-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .mat-mdc-cell .pfx-cell-content,:host ::ng-deep .mat-cell .pfx-cell-content{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pfx-cell-content.pfx-cell-anim{animation-duration:var(--pfx-cell-anim-duration, .8s);animation-delay:var(--pfx-cell-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--once{animation-iteration-count:1}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--count{animation-iteration-count:var(--pfx-cell-anim-iteration-count, 1)}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover,:host ::ng-deep .mat-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:running}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--pulse{animation-name:pfx-cell-pulse}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--blink{animation-name:pfx-cell-blink}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--grow{animation-name:pfx-cell-grow}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--fade{animation-name:pfx-cell-fade}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--slide-in{animation-name:pfx-cell-slide-in}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--border-pulse{animation-name:pfx-cell-border-pulse}@keyframes pfx-cell-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-cell-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-cell-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-cell-anim-min-opacity, .35)}}@keyframes pfx-cell-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-cell-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-cell-slide-in{0%{opacity:0;transform:translateY(var(--pfx-cell-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-cell-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),var(--pfx-cell-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-cell-content.pfx-cell-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation-duration:var(--pfx-row-anim-duration, .8s);animation-delay:var(--pfx-row-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--once{animation-iteration-count:1}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--count{animation-iteration-count:var(--pfx-row-anim-iteration-count, 1)}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover:hover{animation-play-state:running}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--pulse{animation-name:pfx-row-pulse}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--blink{animation-name:pfx-row-blink}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--grow{animation-name:pfx-row-grow}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--fade{animation-name:pfx-row-fade}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--slide-in{animation-name:pfx-row-slide-in}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--border-pulse{animation-name:pfx-row-border-pulse}@keyframes pfx-row-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-row-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-row-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-row-anim-min-opacity, .35)}}@keyframes pfx-row-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-row-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-row-slide-in{0%{opacity:0;transform:translateY(var(--pfx-row-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-row-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),var(--pfx-row-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:nth-child(2n){background:var(--p-table-row-even-bg)}:host ::ng-deep .mat-mdc-row:nth-child(2n):hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row.pfx-row-selected,:host ::ng-deep .mat-mdc-row.pfx-row-selected:hover{background:var(--p-table-row-selected-bg)}:host.row-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-bottom:1px solid var(--p-table-border-color)}:host.row-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell{border-bottom:none}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-right:1px solid var(--p-table-border-color)}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell:last-child,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell:last-child{border-right:none}.ptable-error{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--md-sys-color-error);border-radius:8px}.ptable-error__content{flex:1}.ptable-error__title{font-weight:600}.ptable-info-banner{display:flex;gap:12px;align-items:center;padding:8px 12px;margin:8px 0;border-radius:8px;border:1px solid var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.ptable-info-banner .text{flex:1;font-weight:600}.ptable-info-banner .actions{display:flex;gap:8px}.pfx-cell-image{display:inline-block;vertical-align:middle;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant)}.pfx-cell-image.shape-rounded{border-radius:8px}.pfx-cell-image.shape-circle{border-radius:9999px}.pfx-badge{display:inline-flex;align-items:center;gap:6px;line-height:1;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid transparent}.pfx-badge .pfx-badge-icon{font-size:16px;width:16px;height:16px}.pfx-badge--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-badge--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-badge--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-badge--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:inherit}.pfx-badge--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-badge--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-badge--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.row--success,.row--success td,td.row--success{background-color:var(--p-table-state-success-bg)!important;color:var(--p-table-state-success-fg)!important}.row--warning,.row--warning td,td.row--warning{background-color:var(--p-table-state-warning-bg)!important;color:var(--p-table-state-warning-fg)!important}.row--danger,.row--danger td,td.row--danger{background-color:var(--p-table-state-danger-bg)!important;color:var(--p-table-state-danger-fg)!important}.row--highlight,.row--highlight td,td.row--highlight{background-color:var(--p-table-state-highlight-bg)!important;color:var(--p-table-state-highlight-fg)!important;font-weight:600}.row--muted,.row--muted td,td.row--muted{opacity:.7;filter:saturate(.6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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$1.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: i5$1.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: i5$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5$1.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$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PraxisFilter, selector: "praxis-filter", inputs: ["resourcePath", "fieldMetadata", "filterId", "formId", "componentInstanceId", "mode", "notifyIfOutdated", "snoozeMs", "autoOpenSettingsOnOutdated", "editModeEnabled", "value", "alwaysVisibleFields", "alwaysVisibleFieldMetadataOverrides", "selectedFieldIds", "tags", "allowSaveTags", "persistenceKey", "i18n", "changeDebounceMs", "showFilterSettings", "confirmTagDelete", "placeBooleansInActions", "showToggleLabels", "useInlineSelectVariant", "useInlineSearchableSelectVariant", "useInlineMultiSelectVariant", "useInlineInputVariant", "useInlineToggleVariant", "useInlineRangeVariant", "useInlineDateVariant", "useInlineDateRangeVariant", "useInlineTimeVariant", "useInlineTimeRangeVariant", "useInlineTreeSelectVariant", "alwaysMinWidth", "alwaysColsMd", "alwaysColsLg", "tagColor", "tagVariant", "tagButtonColor", "actionsButtonColor", "actionsVariant", "overlayVariant", "overlayBackdrop", "advancedOpenMode", "advancedClearButtonsEnabled"], outputs: ["submit", "change", "clear", "modeChange", "requestSearch", "tagsChange", "selectedFieldIdsChange", "metaChanged", "schemaStatusChange"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisTableToolbar, selector: "praxis-table-toolbar", inputs: ["config", "backgroundColor", "placement", "showMain", "showActionsGroup", "showEndActions", "showMobileActions", "showReset", "dslContext", "dslFunctionRegistry"], outputs: ["toolbarAction", "reset"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "component", type: MaterialRatingComponent, selector: "pdx-material-rating", inputs: ["itemsCount", "selection", "precision", "allowHalf", "icon", "svgIcon", "svgIconOutline", "outlineIcon", "disabled", "readonlyMode", "presentationMode", "tabindex", "size", "ariaLabel", "ratingColor", "outlineColor"] }], deferBlockDependencies: [() => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)]] });
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.17", ngImport: i0, type: PraxisTable, resolveDeferredDeps: () => [import('@praxisui/ai').then(m => m.PraxisAiAssistantComponent)], resolveMetadata: PraxisAiAssistantComponent => ({ decorators: [{
                 type: Component,
@@ -38053,7 +38326,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.17", n
                             TableDefaultsProvider,
                             FilterConfigService,
                             DataFormattingService
-                        ], template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \u00E0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"\n  ></praxis-empty-state-card>\n}\n\n<!-- Error State with Quick Connect CTA -->\n@if (isRemoteMode() && (schemaError || dataError)) {\n<div class=\"ptable-error\" role=\"alert\" aria-live=\"assertive\">\n  <mat-icon color=\"warn\" aria-hidden=\"true\">error</mat-icon>\n  <div class=\"ptable-error__content\">\n    <div class=\"ptable-error__title\">Erro</div>\n    <div>{{ errorMessage || 'Ocorreu um erro ao carregar a tabela.' }}</div>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    Conectar a recurso\n  </button>\n  @if (!schemaError) { <button mat-stroked-button (click)=\"retryData()\">Tentar novamente</button> }\n  @if (schemaError) { <button mat-stroked-button (click)=\"reloadSchema()\">Recarregar colunas</button> }\n  </div>\n}\n\n<!-- Inline banner for schema change (only in edit mode) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"ptable-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n  </div>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"editModeEnabled\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        \n        <!-- AI Assistant in Toolbar -->\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n          }\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" aria-label=\"Desconectar\" matTooltip=\"Desconectar da fonte de dados\">\n            <mat-icon>link_off</mat-icon>\n          </button>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  @if (shouldRenderDataSurface() && !schemaError && !dataError) {\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n      </div>\n    }\n  }\n}\n<div class=\"px-scroll-viewport\"\n     cdkScrollable\n     [class.scroll-auto]=\"horizontalScroll === 'auto'\"\n     [class.scroll-wrap]=\"horizontalScroll === 'wrap'\"\n     [class.scroll-none]=\"horizontalScroll === 'none'\">\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError) {\n<div class=\"praxis-visually-hidden-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n  {{ columnReorderStatusMessage }}\n</div>\n@if (columnReorderVisualStatusMessage) {\n  <div class=\"praxis-column-reorder-status\" role=\"note\">\n    {{ columnReorderVisualStatusMessage }}\n  </div>\n}\n<table\n  mat-table\n  data-testid=\"table-column-drag-drop-list\"\n  [dataSource]=\"dataSource\"\n  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  @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    >\n      <span class=\"praxis-header-label\" data-testid=\"column-header-label\">{{ column.header }}</span>\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    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnCellAttrStyle(column)\"\n      [ngClass]=\"getCellClasses(element, column)\"\n      [ngStyle]=\"getCellNgStyle(element, column)\"\n    >\n      <ng-container [ngSwitch]=\"getEffectiveRendererType(element, column)\">\n        <!-- Icon renderer -->\n        <ng-container *ngSwitchCase=\"'icon'\">\n          <mat-icon\n            [color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n            >{{ getIconName(element, column) }}</mat-icon\n          >\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <img\n            class=\"pfx-cell-image\"\n            [src]=\"getImageSrc(element, column)\"\n            [attr.alt]=\"getImageAlt(element, column) || ''\"\n            [attr.loading]=\"getImageLazy(element, column) ? 'lazy' : null\"\n            [style.width.px]=\"getImageWidth(element, column)\"\n            [style.height.px]=\"getImageHeight(element, column)\"\n            [class.shape-rounded]=\"getImageShape(element, column) === 'rounded'\"\n            [class.shape-circle]=\"getImageShape(element, column) === 'circle'\"\n            [style.object-fit]=\"getImageFit(element, column)\"\n          />\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n              @if (getBadgeIcon(element, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n            <span class=\"pfx-badge-text\">{{ getBadgeText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Link renderer -->\n        <ng-container *ngSwitchCase=\"'link'\">\n          <a\n            class=\"pfx-link\"\n            [attr.href]=\"getLinkHref(element, column) || null\"\n            [attr.target]=\"getLinkTarget(element, column) || null\"\n            [attr.rel]=\"getLinkRel(element, column) || null\"\n            (click)=\"$event.stopPropagation()\"\n            >{{ getLinkText(element, column) }}</a\n          >\n        </ng-container>\n\n        <!-- Button renderer -->\n        <ng-container *ngSwitchCase=\"'button'\">\n          <ng-container [ngSwitch]=\"getButtonVariant(element, column)\">\n            <button\n              *ngSwitchCase=\"'outlined'\"\n              mat-stroked-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchCase=\"'text'\"\n              mat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchDefault\n              mat-flat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n          </ng-container>\n        </ng-container>\n\n        <!-- Chip renderer -->\n        <ng-container *ngSwitchCase=\"'chip'\">\n          <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, column)\">\n            @if (getChipIcon(element, column); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }\n            <span class=\"pfx-chip-text\">{{ getChipText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, column)\" [style.background]=\"getProgressBackgroundStyle(element, column)\"></div>\n            @if (getProgressShowLabel(element, column)) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, column) }}%</div> }\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          @if (getAvatarSrc(element, column); as asrc) {\n            <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, column) || ''\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\" loading=\"lazy\" />\n          } @else {\n            <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">{{ getAvatarInitials(element, column) }}</span>\n          }\n        </ng-container>\n\n        <!-- Toggle renderer -->\n        <ng-container *ngSwitchCase=\"'toggle'\">\n          <mat-slide-toggle\n            [checked]=\"getToggleState(element, column)\"\n            [disabled]=\"isToggleDisabled(element, column)\"\n            [attr.aria-label]=\"getToggleAriaLabel(element, column) || 'Alternar'\"\n            (change)=\"onToggleChange(element, column, $event)\"\n            (click)=\"$event.stopPropagation()\"\n          ></mat-slide-toggle>\n        </ng-container>\n\n        <!-- Menu renderer -->\n        <ng-container *ngSwitchCase=\"'menu'\">\n          <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, column) || 'Menu'\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let it of getMenuItems(element, column)\" (click)=\"onMenuItemClick(it, element, $event)\" [disabled]=\"!it.__visible\" >\n              @if (it.icon) { <mat-icon>{{ it.icon }}</mat-icon> }\n              <span>{{ it.label }}</span>\n            </button>\n          </mat-menu>\n        </ng-container>\n\n        <!-- Rating renderer -->\n        <ng-container *ngSwitchCase=\"'rating'\">\n          <pdx-material-rating\n            class=\"pfx-rating-cell\"\n            [itemsCount]=\"getRatingMax(element, column)\"\n            [ngModel]=\"getRatingValue(element, column)\"\n            [readonlyMode]=\"getRatingReadonly(element, column)\"\n            [presentationMode]=\"true\"\n            [size]=\"getRatingSize(element, column)\"\n            [ratingColor]=\"getRatingColor(element, column)\"\n            [outlineColor]=\"getRatingOutlineColor(element, column)\"\n            [ariaLabel]=\"getRatingAriaLabel(element, column) || column.header\"\n            [tabIndex]=\"-1\">\n          </pdx-material-rating>\n        </ng-container>\n\n        <!-- HTML renderer (sanitizado) -->\n        <ng-container *ngSwitchCase=\"'html'\">\n          <span [innerHTML]=\"getSafeHtml(element, column)\"></span>\n        </ng-container>\n\n        <!-- Compose renderer -->\n        <ng-container *ngSwitchCase=\"'compose'\">\n          <span class=\"pfx-cell-compose\" [ngClass]=\"getComposeClasses(element, column)\" [ngStyle]=\"getComposeGapStyle(element, column)\">\n            <ng-container *ngFor=\"let it of getComposeItems(element, column)\">\n              <ng-container [ngSwitch]=\"getItemEffectiveType(element, column, it)\">\n                <!-- Reuse helpers by projecting item as faux column -->\n                <ng-container *ngSwitchCase=\"'icon'\">\n                  <mat-icon [color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\">{{ getIconName(element, asItemColumn(column, it)) }}</mat-icon>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <img class=\"pfx-cell-image\" [src]=\"getImageSrc(element, asItemColumn(column, it))\" [attr.alt]=\"getImageAlt(element, asItemColumn(column, it)) || ''\" [attr.loading]=\"getImageLazy(element, asItemColumn(column, it)) ? 'lazy' : null\" [style.width.px]=\"getImageWidth(element, asItemColumn(column, it))\" [style.height.px]=\"getImageHeight(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getImageShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getImageShape(element, asItemColumn(column, it)) === 'circle'\" [style.object-fit]=\"getImageFit(element, asItemColumn(column, it))\" />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\">@if (getBadgeIcon(element, asItemColumn(column, it)); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }<span class=\"pfx-badge-text\">{{ getBadgeText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'link'\">\n                  <a class=\"pfx-link\" [attr.href]=\"getLinkHref(element, asItemColumn(column, it)) || null\" [attr.target]=\"getLinkTarget(element, asItemColumn(column, it)) || null\" [attr.rel]=\"getLinkRel(element, asItemColumn(column, it)) || null\" (click)=\"$event.stopPropagation()\">{{ getLinkText(element, asItemColumn(column, it)) }}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'button'\">\n                  <ng-container [ngSwitch]=\"getButtonVariant(element, asItemColumn(column, it))\">\n                    <button *ngSwitchCase=\"'outlined'\" mat-stroked-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchCase=\"'text'\" mat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchDefault mat-flat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\">@if (getChipIcon(element, asItemColumn(column, it)); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }<span class=\"pfx-chip-text\">{{ getChipText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\"><div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, asItemColumn(column, it))\" [style.background]=\"getProgressBackgroundStyle(element, asItemColumn(column, it))\"></div>@if (getProgressShowLabel(element, asItemColumn(column, it))) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, asItemColumn(column, it)) }}%</div> }</div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  @if (getAvatarSrc(element, asItemColumn(column, it)); as asrc) {\n                    <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, asItemColumn(column, it)) || ''\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\" loading=\"lazy\" />\n                  } @else {\n                    <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\">{{ getAvatarInitials(element, asItemColumn(column, it)) }}</span>\n                  }\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'toggle'\">\n                  <mat-slide-toggle [checked]=\"getToggleState(element, asItemColumn(column, it))\" [disabled]=\"isToggleDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getToggleAriaLabel(element, asItemColumn(column, it)) || 'Alternar'\" (change)=\"onToggleChange(element, asItemColumn(column, it), $event)\" (click)=\"$event.stopPropagation()\"></mat-slide-toggle>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'menu'\">\n                  <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, asItemColumn(column, it)) || 'Menu'\"><mat-icon>more_vert</mat-icon></button>\n                  <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let mi of getMenuItems(element, asItemColumn(column, it))\" (click)=\"onMenuItemClick(mi, element, $event)\" [disabled]=\"!mi.__visible\">\n              @if (mi.icon) { <mat-icon>{{ mi.icon }}</mat-icon> }\n              <span>{{ mi.label }}</span>\n            </button>\n                  </mat-menu>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'rating'\">\n                  <pdx-material-rating\n                    class=\"pfx-rating-cell\"\n                    [itemsCount]=\"getRatingMax(element, asItemColumn(column, it))\"\n                    [ngModel]=\"getRatingValue(element, asItemColumn(column, it))\"\n                    [readonlyMode]=\"getRatingReadonly(element, asItemColumn(column, it))\"\n                    [presentationMode]=\"true\"\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                    [tabIndex]=\"-1\">\n                  </pdx-material-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\">{{ getCellValue(element, column) }}</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    </td>\n  </ng-container>\n  }\n  @if (config.actions?.row?.enabled) {\n  <ng-container matColumnDef=\"_actions\" [sticky]=\"config.actions?.row?.sticky === true || config.actions?.row?.sticky === 'start'\" [stickyEnd]=\"config.actions?.row?.sticky === 'end'\">\n    <th mat-header-cell *matHeaderCellDef #actionsHeaderCell [style.width]=\"getRowActionsWidthStyle()\" class=\"praxis-actions-header\" [class.align-start]=\"getActionsHeaderAlign() === 'start'\" [class.align-center]=\"getActionsHeaderAlign() === 'center'\" [class.align-end]=\"getActionsHeaderAlign() === 'end'\">\n      <div class=\"praxis-actions-header__content\" [matTooltip]=\"getActionsHeaderTooltip() || ''\" [matTooltipDisabled]=\"!getActionsHeaderTooltip()\">\n        @if (getActionsHeaderIcon(); as hi) { <mat-icon [praxisIcon]=\"hi\"></mat-icon> }\n        @if (getActionsHeaderLabel(); as hl) { <span class=\"label\">{{ hl }}</span> }\n      </div>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"praxis-actions-cell\"\n      [class.dense]=\"dense\"\n      [style.width]=\"getRowActionsWidthStyle()\"\n    >\n      <div class=\"praxis-actions-cell__content\">\n        <!-- A\u00E7\u00F5es inline -->\n        <!-- Inline actions: icons mode -->\n        @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-icon-button\n              class=\"praxis-icon-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [matTooltip]=\"a.label || getActionId(a)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Inline actions: buttons mode (show label + icon) -->\n        @if (config.actions?.row?.display === 'buttons') {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-flat-button\n              class=\"praxis-row-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Menu de overflow -->\n        @if (hasOverflowRowActions(row)) {\n          <button\n            mat-icon-button\n            class=\"praxis-icon-btn praxis-more-btn\"\n            [matMenuTriggerFor]=\"rowMoreMenu\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            aria-label=\"Mais a\u00E7\u00F5es\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          <ng-container\n            *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\"\n          >\n            <button\n              mat-menu-item\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        </mat-menu>\n      </div>\n    </td>\n  </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns\"\n  ></tr>\n  @if (!isVirtualized()) {\n    <tr\n      mat-row\n      *matRowDef=\"let row; let i = index; columns: displayedColumns\"\n      [class.pfx-row-selected]=\"selection.isSelected(row)\"\n      [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)\"\n      (dblclick)=\"onRowDoubleClicked(row, i)\"\n    ></tr>\n  }\n</table>\n}\n\n<!-- Virtual rows path (header preserved above) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && isVirtualized()) {\n  <cdk-virtual-scroll-viewport\n    class=\"ptable-viewport\"\n    [itemSize]=\"getVirtItemHeight()\"\n    [minBufferPx]=\"getVirtBufferSize() * getVirtItemHeight()\"\n    [maxBufferPx]=\"getVirtBufferSize() * getVirtItemHeight() * 2\"\n    [style.minHeight]=\"getVirtMinHeightHostStyle()\"\n  >\n    <table\n      class=\"mat-mdc-table\"\n      [ngClass]=\"getTableElevationClassName()\"\n      [style.width]=\"getVirtualTableWidthStyle()\"\n    >\n      <tbody>\n        <tr class=\"mat-mdc-row\"\n            *cdkVirtualFor=\"let row of dataSource.data; let i = index; trackBy: trackByRow\"\n            [class.pfx-row-selected]=\"selection.isSelected(row)\"\n            [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n            [ngClass]=\"getRowClasses(row)\"\n            [ngStyle]=\"getRowNgStyle(row)\"\n            [matTooltip]=\"getRowTooltip(row) || null\"\n            [matTooltipDisabled]=\"!getRowTooltip(row)\"\n            [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n            [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n            (click)=\"onRowClicked(row, i)\"\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            <ng-container [ngSwitch]=\"getEffectiveRendererType(row, column)\">\n              <ng-container *ngSwitchCase=\"'icon'\">\n                <mat-icon [color]=\"getIconColor(row, column) || null\"\n                          [ngStyle]=\"getIconStyle(row, column)\"\n                          [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  {{ getIconName(row, column) }}\n                </mat-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <img class=\"pfx-cell-image\"\n                     [src]=\"getImageSrc(row, column)\"\n                     [attr.alt]=\"getImageAlt(row, column) || ''\"\n                     [attr.loading]=\"getImageLazy(row, column) ? 'lazy' : null\"\n                     [style.width.px]=\"getImageWidth(row, column)\"\n                     [style.height.px]=\"getImageHeight(row, column)\"\n                     [class.shape-rounded]=\"getImageShape(row, column) === 'rounded'\"\n                     [class.shape-circle]=\"getImageShape(row, column) === 'circle'\"\n                     [style.object-fit]=\"getImageFit(row, column)\" />\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n              @if (getBadgeIcon(row, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n                  <span class=\"pfx-badge-text\">{{ getBadgeText(row, column) }}</span>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchDefault>\n                {{ getCellValue(row, column) }}\n              </ng-container>\n            </ng-container>\n          </td>\n          }\n\n          <!-- Actions column -->\n  @if (config.actions?.row?.enabled) {\n  <td class=\"mat-mdc-cell praxis-actions-cell\" [class.dense]=\"dense\" [style.width]=\"getRowActionsWidthStyle()\">\n            <div class=\"praxis-actions-cell__content\">\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-icon-button class=\"praxis-icon-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [matTooltip]=\"a.label || getActionId(a)\"\n                          matTooltipPosition=\"above\"\n                          matTooltipClass=\"praxis-tooltip\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                  </button>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-flat-button class=\"praxis-row-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        aria-label=\"Mais a\u00E7\u00F5es\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n                  <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event)\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              </mat-menu>\n            </div>\n  </td>\n  }\n        </tr>\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n}\n\n</div>\n@if (\n  shouldRenderDataSurface()\n  && !schemaError\n  && !dataError\n  && shouldRenderFloatingBulkActions()\n  && getFloatingBulkActions().length\n  && !shouldHideFloatingBulkActions()\n) {\n  <div [class]=\"'praxis-floating-bulk-actions ' + getFloatingBulkPositionClass()\">\n    @for (action of getFloatingBulkActions(); track getActionId(action)) {\n      <button\n        mat-mini-fab\n        [color]=\"action.color || 'primary'\"\n        [disabled]=\"isFloatingBulkActionDisabled(action)\"\n        (click)=\"onToolbarAction({ action: getActionId(action), actionConfig: action })\"\n        [attr.aria-label]=\"action.label || getActionId(action)\"\n        [matTooltip]=\"action.label || getActionId(action)\"\n        matTooltipPosition=\"left\"\n      >\n        <mat-icon [praxisIcon]=\"action.icon || 'done_all'\"></mat-icon>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00E7\u00F5es no rodap\u00E9 (opcional) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && showToolbar && shouldRenderFooterToolbar()) {\n  <praxis-table-toolbar\n    [config]=\"config\"\n    [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n    [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n    [class.footer-flat]=\"hasBottomPaginator()\"\n    class=\"praxis-toolbar-footer\"\n    placement=\"footer\"\n    [showMain]=\"shouldShowFooterToolbarMain()\"\n    [showEndActions]=\"shouldShowFooterToolbarEndActions()\"\n    [showReset]=\"shouldShowFooterToolbarReset()\"\n    [showActionsGroup]=\"shouldShowToolbarActionsBottom()\"\n    [showMobileActions]=\"shouldShowToolbarActionsBottom()\"\n    [dslContext]=\"getToolbarDslContext()\"\n    [dslFunctionRegistry]=\"dslFunctionRegistry\"\n    (toolbarAction)=\"onToolbarAction($event)\"\n  >\n    <praxis-filter\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\"\n      advancedFilter\n      [resourcePath]=\"getAdvancedFilterResourcePath()\"\n      [filterId]=\"tableId\"\n      [formId]=\"tableId\"\n      [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n      [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n      [editModeEnabled]=\"editModeEnabled\"\n      [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n      [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n      [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n      [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n      [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n      [i18n]=\"getFilterI18n()\"\n      [mode]=\"'filter'\"\n      [showFilterSettings]=\"editModeEnabled\"\n      (submit)=\"onAdvancedFilterSubmit($event)\"\n      (clear)=\"onAdvancedFilterClear()\"\n    ></praxis-filter>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[advancedFilter]\"></ng-content>\n    </ng-container>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[toolbar]\"></ng-content>\n    </ng-container>\n    @if (shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()) {\n      @defer (on idle) {\n        @if (aiAdapter) {\n          <praxis-ai-assistant\n            [adapter]=\"aiAdapter\"\n            end-actions\n          ></praxis-ai-assistant>\n        }\n      }\n    }\n    <button\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter() && editModeEnabled\"\n      end-actions\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      aria-label=\"Configura\u00E7\u00F5es\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  </praxis-table-toolbar>\n}\n<!-- Paginadores (top/bottom) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'top' || config.behavior?.pagination?.position === 'both')) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n  >\n  </mat-paginator>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'bottom' || config.behavior?.pagination?.position === 'both' || !config.behavior?.pagination?.position)) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n    [class.footer-stack]=\"shouldShowToolbarActionsBottom()\"\n  >\n  </mat-paginator>\n}\n", styles: ["@charset \"UTF-8\";table{width:100%}.praxis-visually-hidden-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-column-reorder-status{margin:8px 0;padding:10px 12px;border-radius:8px;border:1px solid var(--p-table-border-color);background:var(--p-table-row-hover-bg);color:var(--p-table-header-fg);font-size:12px;line-height:1.4;box-shadow:0 4px 12px #00000014;animation:pfx-column-reorder-status-in var(--p-table-drag-status-enter-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}@keyframes pfx-column-reorder-status-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.praxis-actions-cell{height:100%;padding-inline:12px;white-space:nowrap}:host.density-compact{--p-header-padding: 8px 12px;--p-actions-btn-size: 32px;--p-actions-icon-size: 18px}:host.density-comfortable{--p-header-padding: 12px 16px;--p-actions-btn-size: 40px;--p-actions-icon-size: 22px}:host.density-spacious{--p-header-padding: 16px 20px;--p-actions-btn-size: 44px;--p-actions-icon-size: 24px}:host.density-compact ::ng-deep .mat-mdc-cell{padding:8px 12px}:host.density-comfortable ::ng-deep .mat-mdc-cell{padding:12px 16px}:host.density-spacious ::ng-deep .mat-mdc-cell{padding:16px 20px}:host.density-compact .praxis-actions-cell{padding-inline:8px}:host.density-spacious .praxis-actions-cell{padding-inline:16px}.praxis-actions-cell__content{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-icon-btn{width:var(--p-actions-btn-size, 40px);height:var(--p-actions-btn-size, 40px);border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;cursor:pointer;--mat-icon-button-state-layer-size: var(--p-actions-btn-size, 40px)}.praxis-icon-btn:hover{background:var(--md-sys-color-surface-variant)}.praxis-icon-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.praxis-icon-btn mat-icon,.praxis-icon-btn .mat-icon{font-size:var(--p-actions-icon-size, 22px);width:var(--p-actions-icon-size, 22px);height:var(--p-actions-icon-size, 22px);line-height:var(--p-actions-icon-size, 22px)}.praxis-more-btn{width:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));height:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));--mat-icon-button-state-layer-size: var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));background-image:var(--p-actions-more-btn-gradient, none);background-size:100% 100%;background-repeat:no-repeat}.praxis-more-btn mat-icon,.praxis-more-btn .mat-icon{font-size:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));width:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));line-height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));color:var(--p-actions-more-icon-color);background-image:var(--p-actions-more-icon-gradient, none);-webkit-background-clip:text;background-clip:text}.praxis-icon-btn.destructive mat-icon{color:var(--md-sys-color-error)}.mat-mdc-tooltip.praxis-tooltip{margin-top:-8px;margin-bottom:8px}.spacer{flex:1 1 auto}.praxis-table-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:16px 0 12px;width:100%;clear:both;position:relative}.praxis-table-header.stacked{margin:0}.praxis-table-header>praxis-table-toolbar{flex:1 0 100%}.praxis-floating-bulk-actions{position:fixed;z-index:1001;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:var(--md-sys-color-surface-container-highest);box-shadow:0 8px 20px #00000029}.praxis-floating-bulk-actions.pos-bottom-right{right:20px;bottom:20px}.praxis-floating-bulk-actions.pos-bottom-left{left:20px;bottom:20px}.praxis-floating-bulk-actions.pos-top-right{right:20px;top:20px}.praxis-floating-bulk-actions.pos-top-left{left:20px;top:20px}@media(max-width:768px){.praxis-floating-bulk-actions{gap:6px;padding:6px}.praxis-floating-bulk-actions.pos-bottom-right{right:12px;left:auto;bottom:12px}.praxis-floating-bulk-actions.pos-bottom-left{left:12px;right:auto;bottom:12px}.praxis-floating-bulk-actions.pos-top-right{right:12px;left:auto;top:12px}.praxis-floating-bulk-actions.pos-top-left{left:12px;right:auto;top:12px}}:host{display:block;width:100%;min-width:0;max-width:100%;--pfx-toolbar-pad-y: 6px;--pfx-toolbar-pad-x: 12px;--p-table-bg: var(--md-sys-color-surface-container-highest);--p-table-text-color: var(--md-sys-color-on-surface);--p-table-header-bg: var(--md-sys-color-surface-container-highest);--p-table-header-fg: var(--md-sys-color-on-surface);--p-table-border-color: var(--md-sys-color-outline-variant);--p-table-row-even-bg: var(--md-sys-color-surface-container);--p-table-row-hover-bg: var(--md-sys-color-surface-container-high);--p-table-row-selected-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-fg: var(--md-sys-color-on-primary-container);--p-table-badge-soft-accent-bg: var(--md-sys-color-secondary-container);--p-table-badge-soft-accent-fg: var(--md-sys-color-on-secondary-container);--p-table-badge-soft-warn-bg: var(--md-sys-color-error-container);--p-table-badge-soft-warn-fg: var(--md-sys-color-on-error-container);--p-table-state-success-bg: var(--md-sys-color-tertiary-container);--p-table-state-success-fg: var(--md-sys-color-on-tertiary-container);--p-table-state-warning-bg: var(--md-sys-color-secondary-container);--p-table-state-warning-fg: var(--md-sys-color-on-secondary-container);--p-table-state-danger-bg: var(--md-sys-color-error-container);--p-table-state-danger-fg: var(--md-sys-color-on-error-container);--p-table-state-highlight-bg: var(--md-sys-color-primary-container);--p-table-state-highlight-fg: var(--md-sys-color-on-primary-container);--p-table-drag-handle-size: 14px;--p-table-drag-handle-color: var(--md-sys-color-on-surface-variant);--p-table-drag-handle-hover-color: var(--md-sys-color-on-surface);--p-table-drag-handle-base-opacity: 0;--p-table-drag-handle-visible-opacity: .72;--p-table-drag-handle-active-opacity: 1;--p-table-drag-handle-transition-duration: .16s;--p-table-reorder-transition-duration: .16s;--p-table-drag-preview-scale: 1.01;--p-table-drag-status-enter-duration: .18s;--p-table-drag-preview-shadow: 0 14px 32px rgba(0, 0, 0, .28), 0 0 0 1px var(--p-table-border-color)}:host ::ng-deep .mat-mdc-table{background:var(--p-table-bg);color:var(--p-table-text-color);border-radius:12px 12px 0 0;width:100%;box-shadow:var(--p-table-surface-shadow);transition:box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-table:hover{box-shadow:var(--p-table-surface-shadow-hover, var(--p-table-surface-shadow))}:host ::ng-deep .mat-mdc-table.table-stack-top{border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .praxis-toolbar-footer{border:0 solid var(--p-table-border-color);border-top:0;border-radius:0;background:var(--p-table-bg)}:host ::ng-deep .mat-mdc-paginator.footer-stack{border-top-left-radius:0;border-top-right-radius:0;border-top:0}:host ::ng-deep .mat-mdc-paginator.footer-stack .mat-mdc-paginator-container{padding:8px 12px}:host [data-role=table-settings].mat-mdc-icon-button{--mdc-icon-button-icon-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pfx-link{color:var(--md-sys-color-primary);text-decoration:underline;cursor:pointer}.pfx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;line-height:1;border:1px solid transparent}.pfx-chip-icon{font-size:14px;width:14px;height:14px}.pfx-chip--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.pfx-chip--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-chip--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-chip--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-chip--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-chip--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-chip--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.pfx-progress{position:relative;width:100%;max-width:140px;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle}.pfx-progress-bar{height:100%;background:var(--md-sys-color-primary);transition:width .2s ease}.pfx-progress-label{margin-left:8px;font-size:12px;opacity:.8;display:inline-block;vertical-align:middle}.pfx-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:4px;overflow:hidden;font-weight:600}.pfx-avatar.shape-rounded{border-radius:8px}.pfx-avatar.shape-circle{border-radius:999px}.pfx-avatar--initials{text-transform:uppercase;font-size:12px}.pfx-cell-compose{display:inline-flex;align-items:center;gap:6px}.pfx-cell-compose.dir-col{flex-direction:column;align-items:stretch}.pfx-cell-compose.align-start{justify-content:flex-start}.pfx-cell-compose.align-center{justify-content:center}.pfx-cell-compose.align-end{justify-content:flex-end}.pfx-cell-compose.wrap{flex-wrap:wrap}.pfx-cell-compose.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-scroll-viewport{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.px-scroll-viewport.scroll-none{overflow-x:visible}.px-scroll-viewport.scroll-auto ::ng-deep .mat-mdc-table{width:max-content;min-width:100%}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-header-cell,.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-cell{white-space:normal;text-overflow:initial}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-header-row{position:sticky;top:0;z-index:1;background:var(--p-table-header-bg);color:var(--p-table-header-fg);box-shadow:var(--p-table-header-shadow, 0 1px 0 var(--p-table-border-color));border-bottom:1px solid var(--p-table-border-color)}:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mat-sort-header-content,:host ::ng-deep .mat-mdc-header-row .mat-icon{color:var(--p-table-header-fg)!important;font-weight:600}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow,:host ::ng-deep .mat-mdc-header-cell:hover .mat-sort-header-arrow{color:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-indicator,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-stem,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-left,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-right{border-color:var(--p-table-header-fg)!important;background:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell{padding:var(--p-header-padding, 12px 16px)!important;font-size:var(--p-header-font-size, inherit);font-weight:var(--p-header-font-weight, 600);letter-spacing:var(--p-header-letter-spacing, normal);text-transform:var(--p-header-text-transform, none);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{display:flex;align-items:center;width:100%;gap:8px;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}: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:8px;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;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}: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);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, 0);transform:none;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;border-radius:10px;border:1px solid var(--p-table-border-color);background:linear-gradient(135deg,var(--p-table-header-bg) 0%,var(--p-table-row-hover-bg) 100%);color:var(--p-table-header-fg);box-shadow:var(--p-table-drag-preview-shadow);transform:scale(var(--p-table-drag-preview-scale, 1.01));pointer-events:none;z-index:1000}.pfx-column-drag-preview .praxis-column-drag-handle,.pfx-column-drag-preview .mat-sort-header-arrow,.pfx-column-drag-preview .mat-sort-header-indicator,.pfx-column-drag-preview .mat-sort-header-stem,.pfx-column-drag-preview .mat-sort-header-pointer,.pfx-column-drag-preview .mat-sort-header-pointer-left,.pfx-column-drag-preview .mat-sort-header-pointer-right{display:none!important}.pfx-column-drag-preview .mat-sort-header-container{padding-right:0!important}.pfx-column-drag-preview .mat-sort-header-content,.pfx-column-drag-preview .praxis-header-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder{opacity:1;border:1px dashed var(--p-table-border-color);background:var(--p-table-row-hover-bg)}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder *{opacity:0}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-dragging{opacity:.58}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:none}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon,.pfx-column-drag-preview{transition:none;transform:none}.praxis-column-reorder-status{animation:none}:host ::ng-deep .mat-mdc-row{transition:none}:host ::ng-deep .mat-mdc-table{transition:none}}.praxis-actions-header{text-align:right}.praxis-actions-header.align-start{text-align:left}.praxis-actions-header.align-center{text-align:center}.praxis-actions-header.align-end{text-align:right}.praxis-actions-header .praxis-actions-header__content{display:inline-flex;align-items:center;gap:var(--p-actions-header-gap, 6px);color:var(--p-actions-header-color, inherit)}.praxis-actions-header .praxis-actions-header__content .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}:host ::ng-deep .mat-mdc-header-cell .mat-sort-header-container{padding-right:20px}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{padding-right:12px}@media(pointer:coarse){:host{--p-table-drag-handle-size: 18px;--p-table-drag-handle-base-opacity: .56;--p-table-drag-handle-visible-opacity: .92}}:host ::ng-deep .mat-mdc-cell{color:var(--p-table-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation-duration:var(--pfx-row-anim-duration, .8s);animation-delay:var(--pfx-row-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--once{animation-iteration-count:1}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--count{animation-iteration-count:var(--pfx-row-anim-iteration-count, 1)}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover:hover{animation-play-state:running}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--pulse{animation-name:pfx-row-pulse}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--blink{animation-name:pfx-row-blink}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--grow{animation-name:pfx-row-grow}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--fade{animation-name:pfx-row-fade}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--slide-in{animation-name:pfx-row-slide-in}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--border-pulse{animation-name:pfx-row-border-pulse}@keyframes pfx-row-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-row-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-row-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-row-anim-min-opacity, .35)}}@keyframes pfx-row-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-row-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-row-slide-in{0%{opacity:0;transform:translateY(var(--pfx-row-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-row-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),var(--pfx-row-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:nth-child(2n){background:var(--p-table-row-even-bg)}:host ::ng-deep .mat-mdc-row:nth-child(2n):hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row.pfx-row-selected,:host ::ng-deep .mat-mdc-row.pfx-row-selected:hover{background:var(--p-table-row-selected-bg)}:host.row-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-bottom:1px solid var(--p-table-border-color)}:host.row-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell{border-bottom:none}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-right:1px solid var(--p-table-border-color)}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell:last-child,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell:last-child{border-right:none}.ptable-error{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--md-sys-color-error);border-radius:8px}.ptable-error__content{flex:1}.ptable-error__title{font-weight:600}.ptable-info-banner{display:flex;gap:12px;align-items:center;padding:8px 12px;margin:8px 0;border-radius:8px;border:1px solid var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.ptable-info-banner .text{flex:1;font-weight:600}.ptable-info-banner .actions{display:flex;gap:8px}.pfx-cell-image{display:inline-block;vertical-align:middle;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant)}.pfx-cell-image.shape-rounded{border-radius:8px}.pfx-cell-image.shape-circle{border-radius:9999px}.pfx-badge{display:inline-flex;align-items:center;gap:6px;line-height:1;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid transparent}.pfx-badge .pfx-badge-icon{font-size:16px;width:16px;height:16px}.pfx-badge--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-badge--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-badge--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-badge--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:inherit}.pfx-badge--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-badge--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-badge--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.row--success,.row--success td,td.row--success{background-color:var(--p-table-state-success-bg)!important;color:var(--p-table-state-success-fg)!important}.row--warning,.row--warning td,td.row--warning{background-color:var(--p-table-state-warning-bg)!important;color:var(--p-table-state-warning-fg)!important}.row--danger,.row--danger td,td.row--danger{background-color:var(--p-table-state-danger-bg)!important;color:var(--p-table-state-danger-fg)!important}.row--highlight,.row--highlight td,td.row--highlight{background-color:var(--p-table-state-highlight-bg)!important;color:var(--p-table-state-highlight-fg)!important;font-weight:600}.row--muted,.row--muted td,td.row--muted{opacity:.7;filter:saturate(.6)}\n"] }]
+                        ], template: "@if (shouldShowEmptyState()) {\n  <praxis-empty-state-card\n    icon=\"link\"\n    [title]=\"'Conecte a tabela \u00E0 fonte de dados'\"\n    [description]=\"'Informe a rota do recurso da API para carregar colunas e dados automaticamente.'\"\n    [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"\n  ></praxis-empty-state-card>\n}\n\n<!-- Error State with Quick Connect CTA -->\n@if (isRemoteMode() && (schemaError || dataError)) {\n<div class=\"ptable-error\" role=\"alert\" aria-live=\"assertive\">\n  <mat-icon color=\"warn\" aria-hidden=\"true\">error</mat-icon>\n  <div class=\"ptable-error__content\">\n    <div class=\"ptable-error__title\">Erro</div>\n    <div>{{ errorMessage || 'Ocorreu um erro ao carregar a tabela.' }}</div>\n  </div>\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\">\n    <mat-icon>bolt</mat-icon>\n    Conectar a recurso\n  </button>\n  @if (!schemaError) { <button mat-stroked-button (click)=\"retryData()\">Tentar novamente</button> }\n  @if (schemaError) { <button mat-stroked-button (click)=\"reloadSchema()\">Recarregar colunas</button> }\n  </div>\n}\n\n<!-- Inline banner for schema change (only in edit mode) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"ptable-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"onReconcileRequested()\">\n      <mat-icon>sync</mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n  </div>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && toolbarV2) {\n  <div class=\"praxis-table-header\" [class.edit-mode]=\"editModeEnabled\" [class.stacked]=\"showToolbar\">\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        \n        <!-- AI Assistant in Toolbar -->\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n          }\n        }\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n        @if (isRemoteMode()) {\n          <button mat-icon-button (click)=\"disconnect()\" aria-label=\"Desconectar\" matTooltip=\"Desconectar da fonte de dados\">\n            <mat-icon>link_off</mat-icon>\n          </button>\n        }\n      </div>\n    }\n  </div>\n} @else {\n  @if (shouldRenderDataSurface() && !schemaError && !dataError) {\n    @if (showToolbar && shouldShowToolbarTopPlacement()) {\n      <praxis-table-toolbar\n        [config]=\"config\"\n        [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n        [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n        [dslContext]=\"getToolbarDslContext()\"\n        [dslFunctionRegistry]=\"dslFunctionRegistry\"\n        [showActionsGroup]=\"shouldShowToolbarActionsTop()\"\n        [showMobileActions]=\"shouldShowToolbarActionsTop()\"\n        (toolbarAction)=\"onToolbarAction($event)\"\n        (reset)=\"onResetPreferences()\"\n      >\n        @if (shouldRenderAdvancedFilter()) {\n          <praxis-filter\n            advancedFilter\n            [resourcePath]=\"getAdvancedFilterResourcePath()\"\n            [filterId]=\"tableId\"\n            [formId]=\"tableId\"\n            [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n            [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n            [editModeEnabled]=\"editModeEnabled\"\n            \n            [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n            [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n            [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n            [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n            [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n            [i18n]=\"getFilterI18n()\"\n            [mode]=\"'filter'\"\n            [showFilterSettings]=\"editModeEnabled\"\n            (submit)=\"onAdvancedFilterSubmit($event)\"\n            (clear)=\"onAdvancedFilterClear()\"\n          ></praxis-filter>\n        }\n        <ng-content select=\"[advancedFilter]\" />\n        <ng-content select=\"[toolbar]\" />\n        @defer (on idle) {\n          @if (aiAdapter) {\n            <praxis-ai-assistant [adapter]=\"aiAdapter\" end-actions></praxis-ai-assistant>\n          }\n        }\n        @if (editModeEnabled) {\n          <button end-actions mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\"\n                  (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                  [matBadge]=\"schemaOutdated ? '!' : ''\"\n                  [matBadgeHidden]=\"!schemaOutdated\"\n                  matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                  [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                  matTooltipPosition=\"below\">\n            <mat-icon>settings</mat-icon>\n          </button>\n        }\n      </praxis-table-toolbar>\n    }\n    @if (!showToolbar && editModeEnabled) {\n      <div class=\"ptable-header-actions\">\n        <button mat-icon-button color=\"primary\" data-role=\"table-settings\" data-testid=\"table-settings-trigger\" (click)=\"openTableSettings()\" aria-label=\"Configura\u00E7\u00F5es\"\n                [matBadge]=\"schemaOutdated ? '!' : ''\"\n                [matBadgeHidden]=\"!schemaOutdated\"\n                matBadgeColor=\"warn\" matBadgeSize=\"small\" matBadgePosition=\"above after\"\n                [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n                matTooltipPosition=\"below\">\n          <mat-icon>settings</mat-icon>\n        </button>\n      </div>\n    }\n  }\n}\n<div class=\"px-scroll-viewport\"\n     cdkScrollable\n     [class.scroll-auto]=\"horizontalScroll === 'auto'\"\n     [class.scroll-wrap]=\"horizontalScroll === 'wrap'\"\n     [class.scroll-none]=\"horizontalScroll === 'none'\">\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError) {\n<div class=\"praxis-visually-hidden-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n  {{ columnReorderStatusMessage }}\n</div>\n@if (columnReorderVisualStatusMessage) {\n  <div class=\"praxis-column-reorder-status\" role=\"note\">\n    {{ columnReorderVisualStatusMessage }}\n  </div>\n}\n<table\n  mat-table\n  data-testid=\"table-column-drag-drop-list\"\n  [dataSource]=\"dataSource\"\n  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  @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      [matTooltip]=\"isColumnDraggingEnabled() && isColumnDraggable(column) ? getColumnDragHandleTooltip(column) : null\"\n      matTooltipPosition=\"above\"\n      matTooltipClass=\"praxis-tooltip\"\n    >\n      <span class=\"praxis-header-label\" data-testid=\"column-header-label\">{{ column.header }}</span>\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    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      [style.text-align]=\"getColumnTextAlignStyle(column)\"\n      [style.width]=\"getColumnWidthStyle(column)\"\n      [attr.style]=\"getColumnCellAttrStyle(column)\"\n      [ngClass]=\"getCellClasses(element, column)\"\n      [ngStyle]=\"getCellNgStyle(element, column)\"\n    >\n      <div\n        class=\"pfx-cell-content\"\n        [ngClass]=\"getCellContentClasses(element, column)\"\n        [ngStyle]=\"getCellContentNgStyle(element, column)\"\n      >\n      <ng-container [ngSwitch]=\"getEffectiveRendererType(element, column)\">\n        <!-- Icon renderer -->\n        <ng-container *ngSwitchCase=\"'icon'\">\n          <mat-icon\n            [color]=\"getIconColor(element, column) || null\"\n            [ngStyle]=\"getIconStyle(element, column)\"\n            [attr.aria-label]=\"getIconAriaLabel(element, column) || null\"\n            >{{ getIconName(element, column) }}</mat-icon\n          >\n        </ng-container>\n\n        <!-- Image renderer -->\n        <ng-container *ngSwitchCase=\"'image'\">\n          <img\n            class=\"pfx-cell-image\"\n            [src]=\"getImageSrc(element, column)\"\n            [attr.alt]=\"getImageAlt(element, column) || ''\"\n            [attr.loading]=\"getImageLazy(element, column) ? 'lazy' : null\"\n            [style.width.px]=\"getImageWidth(element, column)\"\n            [style.height.px]=\"getImageHeight(element, column)\"\n            [class.shape-rounded]=\"getImageShape(element, column) === 'rounded'\"\n            [class.shape-circle]=\"getImageShape(element, column) === 'circle'\"\n            [style.object-fit]=\"getImageFit(element, column)\"\n          />\n        </ng-container>\n\n        <!-- Badge renderer -->\n        <ng-container *ngSwitchCase=\"'badge'\">\n          <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, column)\">\n              @if (getBadgeIcon(element, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n            <span class=\"pfx-badge-text\">{{ getBadgeText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Link renderer -->\n        <ng-container *ngSwitchCase=\"'link'\">\n          <a\n            class=\"pfx-link\"\n            [attr.href]=\"getLinkHref(element, column) || null\"\n            [attr.target]=\"getLinkTarget(element, column) || null\"\n            [attr.rel]=\"getLinkRel(element, column) || null\"\n            (click)=\"$event.stopPropagation()\"\n            >{{ getLinkText(element, column) }}</a\n          >\n        </ng-container>\n\n        <!-- Button renderer -->\n        <ng-container *ngSwitchCase=\"'button'\">\n          <ng-container [ngSwitch]=\"getButtonVariant(element, column)\">\n            <button\n              *ngSwitchCase=\"'outlined'\"\n              mat-stroked-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchCase=\"'text'\"\n              mat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n            <button\n              *ngSwitchDefault\n              mat-flat-button\n              [color]=\"getButtonColor(element, column) || null\"\n              [disabled]=\"isButtonDisabled(element, column)\"\n              [attr.aria-label]=\"getButtonAriaLabel(element, column) || getButtonLabel(element, column)\"\n              (click)=\"onButtonClick(element, column, $event)\"\n            >\n              @if (getButtonIcon(element, column); as bi) { <mat-icon>{{ bi }}</mat-icon> }\n              {{ getButtonLabel(element, column) }}\n            </button>\n          </ng-container>\n        </ng-container>\n\n        <!-- Chip renderer -->\n        <ng-container *ngSwitchCase=\"'chip'\">\n          <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, column)\">\n            @if (getChipIcon(element, column); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }\n            <span class=\"pfx-chip-text\">{{ getChipText(element, column) }}</span>\n          </span>\n        </ng-container>\n\n        <!-- Progress renderer -->\n        <ng-container *ngSwitchCase=\"'progress'\">\n          <div class=\"pfx-progress\">\n            <div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, column)\" [style.background]=\"getProgressBackgroundStyle(element, column)\"></div>\n            @if (getProgressShowLabel(element, column)) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, column) }}%</div> }\n          </div>\n        </ng-container>\n\n        <!-- Avatar renderer -->\n        <ng-container *ngSwitchCase=\"'avatar'\">\n          @if (getAvatarSrc(element, column); as asrc) {\n            <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, column) || ''\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\" loading=\"lazy\" />\n          } @else {\n            <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, column)\" [class.shape-rounded]=\"getAvatarShape(element, column) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, column) === 'circle'\">{{ getAvatarInitials(element, column) }}</span>\n          }\n        </ng-container>\n\n        <!-- Toggle renderer -->\n        <ng-container *ngSwitchCase=\"'toggle'\">\n          <mat-slide-toggle\n            [checked]=\"getToggleState(element, column)\"\n            [disabled]=\"isToggleDisabled(element, column)\"\n            [attr.aria-label]=\"getToggleAriaLabel(element, column) || 'Alternar'\"\n            (change)=\"onToggleChange(element, column, $event)\"\n            (click)=\"$event.stopPropagation()\"\n          ></mat-slide-toggle>\n        </ng-container>\n\n        <!-- Menu renderer -->\n        <ng-container *ngSwitchCase=\"'menu'\">\n          <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, column) || 'Menu'\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let it of getMenuItems(element, column)\" (click)=\"onMenuItemClick(it, element, $event)\" [disabled]=\"!it.__visible\" >\n              @if (it.icon) { <mat-icon>{{ it.icon }}</mat-icon> }\n              <span>{{ it.label }}</span>\n            </button>\n          </mat-menu>\n        </ng-container>\n\n        <!-- Rating renderer -->\n        <ng-container *ngSwitchCase=\"'rating'\">\n          <pdx-material-rating\n            class=\"pfx-rating-cell\"\n            [itemsCount]=\"getRatingMax(element, column)\"\n            [ngModel]=\"getRatingValue(element, column)\"\n            [readonlyMode]=\"getRatingReadonly(element, column)\"\n            [presentationMode]=\"true\"\n            [size]=\"getRatingSize(element, column)\"\n            [ratingColor]=\"getRatingColor(element, column)\"\n            [outlineColor]=\"getRatingOutlineColor(element, column)\"\n            [ariaLabel]=\"getRatingAriaLabel(element, column) || column.header\"\n            [tabIndex]=\"-1\">\n          </pdx-material-rating>\n        </ng-container>\n\n        <!-- HTML renderer (sanitizado) -->\n        <ng-container *ngSwitchCase=\"'html'\">\n          <span [innerHTML]=\"getSafeHtml(element, column)\"></span>\n        </ng-container>\n\n        <!-- Compose renderer -->\n        <ng-container *ngSwitchCase=\"'compose'\">\n          <span class=\"pfx-cell-compose\" [ngClass]=\"getComposeClasses(element, column)\" [ngStyle]=\"getComposeGapStyle(element, column)\">\n            <ng-container *ngFor=\"let it of getComposeItems(element, column)\">\n              <ng-container [ngSwitch]=\"getItemEffectiveType(element, column, it)\">\n                <!-- Reuse helpers by projecting item as faux column -->\n                <ng-container *ngSwitchCase=\"'icon'\">\n                  <mat-icon [color]=\"getIconColor(element, asItemColumn(column, it)) || null\" [ngStyle]=\"getIconStyle(element, asItemColumn(column, it))\" [attr.aria-label]=\"getIconAriaLabel(element, asItemColumn(column, it)) || null\">{{ getIconName(element, asItemColumn(column, it)) }}</mat-icon>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'image'\">\n                  <img class=\"pfx-cell-image\" [src]=\"getImageSrc(element, asItemColumn(column, it))\" [attr.alt]=\"getImageAlt(element, asItemColumn(column, it)) || ''\" [attr.loading]=\"getImageLazy(element, asItemColumn(column, it)) ? 'lazy' : null\" [style.width.px]=\"getImageWidth(element, asItemColumn(column, it))\" [style.height.px]=\"getImageHeight(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getImageShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getImageShape(element, asItemColumn(column, it)) === 'circle'\" [style.object-fit]=\"getImageFit(element, asItemColumn(column, it))\" />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(element, asItemColumn(column, it))\">@if (getBadgeIcon(element, asItemColumn(column, it)); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }<span class=\"pfx-badge-text\">{{ getBadgeText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'link'\">\n                  <a class=\"pfx-link\" [attr.href]=\"getLinkHref(element, asItemColumn(column, it)) || null\" [attr.target]=\"getLinkTarget(element, asItemColumn(column, it)) || null\" [attr.rel]=\"getLinkRel(element, asItemColumn(column, it)) || null\" (click)=\"$event.stopPropagation()\">{{ getLinkText(element, asItemColumn(column, it)) }}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'button'\">\n                  <ng-container [ngSwitch]=\"getButtonVariant(element, asItemColumn(column, it))\">\n                    <button *ngSwitchCase=\"'outlined'\" mat-stroked-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchCase=\"'text'\" mat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                    <button *ngSwitchDefault mat-flat-button [color]=\"getButtonColor(element, asItemColumn(column, it)) || null\" [disabled]=\"isButtonDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getButtonAriaLabel(element, asItemColumn(column, it)) || getButtonLabel(element, asItemColumn(column, it))\" (click)=\"onButtonClick(element, asItemColumn(column, it), $event)\">@if (getButtonIcon(element, asItemColumn(column, it)); as bi) { <mat-icon>{{ bi }}</mat-icon> }{{ getButtonLabel(element, asItemColumn(column, it)) }}</button>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'chip'\">\n                  <span class=\"pfx-chip\" [ngClass]=\"getChipClasses(element, asItemColumn(column, it))\">@if (getChipIcon(element, asItemColumn(column, it)); as ci) { <mat-icon class=\"pfx-chip-icon\">{{ ci }}</mat-icon> }<span class=\"pfx-chip-text\">{{ getChipText(element, asItemColumn(column, it)) }}</span></span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'progress'\">\n                  <div class=\"pfx-progress\"><div class=\"pfx-progress-bar\" [style.width.%]=\"getProgressWidthPercentStyle(element, asItemColumn(column, it))\" [style.background]=\"getProgressBackgroundStyle(element, asItemColumn(column, it))\"></div>@if (getProgressShowLabel(element, asItemColumn(column, it))) { <div class=\"pfx-progress-label\">{{ getProgressValue(element, asItemColumn(column, it)) }}%</div> }</div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'avatar'\">\n                  @if (getAvatarSrc(element, asItemColumn(column, it)); as asrc) {\n                    <img class=\"pfx-avatar\" [src]=\"asrc\" [attr.alt]=\"getAvatarAlt(element, asItemColumn(column, it)) || ''\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\" loading=\"lazy\" />\n                  } @else {\n                    <span class=\"pfx-avatar pfx-avatar--initials\" [ngStyle]=\"getAvatarStyle(element, asItemColumn(column, it))\" [class.shape-rounded]=\"getAvatarShape(element, asItemColumn(column, it)) === 'rounded'\" [class.shape-circle]=\"getAvatarShape(element, asItemColumn(column, it)) === 'circle'\">{{ getAvatarInitials(element, asItemColumn(column, it)) }}</span>\n                  }\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'toggle'\">\n                  <mat-slide-toggle [checked]=\"getToggleState(element, asItemColumn(column, it))\" [disabled]=\"isToggleDisabled(element, asItemColumn(column, it))\" [attr.aria-label]=\"getToggleAriaLabel(element, asItemColumn(column, it)) || 'Alternar'\" (change)=\"onToggleChange(element, asItemColumn(column, it), $event)\" (click)=\"$event.stopPropagation()\"></mat-slide-toggle>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'menu'\">\n                  <button mat-icon-button [matMenuTriggerFor]=\"menuRef\" (click)=\"$event.stopPropagation()\" [attr.aria-label]=\"getMenuAriaLabel(element, asItemColumn(column, it)) || 'Menu'\"><mat-icon>more_vert</mat-icon></button>\n                  <mat-menu #menuRef=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let mi of getMenuItems(element, asItemColumn(column, it))\" (click)=\"onMenuItemClick(mi, element, $event)\" [disabled]=\"!mi.__visible\">\n              @if (mi.icon) { <mat-icon>{{ mi.icon }}</mat-icon> }\n              <span>{{ mi.label }}</span>\n            </button>\n                  </mat-menu>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'rating'\">\n                  <pdx-material-rating\n                    class=\"pfx-rating-cell\"\n                    [itemsCount]=\"getRatingMax(element, asItemColumn(column, it))\"\n                    [ngModel]=\"getRatingValue(element, asItemColumn(column, it))\"\n                    [readonlyMode]=\"getRatingReadonly(element, asItemColumn(column, it))\"\n                    [presentationMode]=\"true\"\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                    [tabIndex]=\"-1\">\n                  </pdx-material-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\">{{ getCellValue(element, column) }}</span>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </span>\n        </ng-container>\n\n        <!-- Default text rendering -->\n        <ng-container *ngSwitchDefault>\n          {{ getCellValue(element, column) }}\n        </ng-container>\n      </ng-container>\n      </div>\n    </td>\n  </ng-container>\n  }\n  @if (config.actions?.row?.enabled) {\n  <ng-container matColumnDef=\"_actions\" [sticky]=\"config.actions?.row?.sticky === true || config.actions?.row?.sticky === 'start'\" [stickyEnd]=\"config.actions?.row?.sticky === 'end'\">\n    <th mat-header-cell *matHeaderCellDef #actionsHeaderCell [style.width]=\"getRowActionsWidthStyle()\" class=\"praxis-actions-header\" [class.align-start]=\"getActionsHeaderAlign() === 'start'\" [class.align-center]=\"getActionsHeaderAlign() === 'center'\" [class.align-end]=\"getActionsHeaderAlign() === 'end'\">\n      <div class=\"praxis-actions-header__content\" [matTooltip]=\"getActionsHeaderTooltip() || ''\" [matTooltipDisabled]=\"!getActionsHeaderTooltip()\">\n        @if (getActionsHeaderIcon(); as hi) { <mat-icon [praxisIcon]=\"hi\"></mat-icon> }\n        @if (getActionsHeaderLabel(); as hl) { <span class=\"label\">{{ hl }}</span> }\n      </div>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"praxis-actions-cell\"\n      [class.dense]=\"dense\"\n      [style.width]=\"getRowActionsWidthStyle()\"\n    >\n      <div class=\"praxis-actions-cell__content\">\n        <!-- A\u00E7\u00F5es inline -->\n        <!-- Inline actions: icons mode -->\n        @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-icon-button\n              class=\"praxis-icon-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [matTooltip]=\"a.label || getActionId(a)\"\n              matTooltipPosition=\"above\"\n              matTooltipClass=\"praxis-tooltip\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Inline actions: buttons mode (show label + icon) -->\n        @if (config.actions?.row?.display === 'buttons') {\n          <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n            <button\n              mat-flat-button\n              class=\"praxis-row-btn\"\n              [disabled]=\"isActionDisabled(a, row)\"\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [attr.aria-label]=\"a.label || getActionId(a)\"\n              [color]=\"a.color || null\"\n            >\n              <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        }\n\n        <!-- Menu de overflow -->\n        @if (hasOverflowRowActions(row)) {\n          <button\n            mat-icon-button\n            class=\"praxis-icon-btn praxis-more-btn\"\n            [matMenuTriggerFor]=\"rowMoreMenu\"\n            [color]=\"getRowMenuButtonColor() || null\"\n            aria-label=\"Mais a\u00E7\u00F5es\"\n          >\n            <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n          </button>\n        }\n        <mat-menu #rowMoreMenu=\"matMenu\" xPosition=\"before\">\n          <ng-container\n            *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\"\n          >\n            <button\n              mat-menu-item\n              (click)=\"onRowAction(getActionId(a), row, $event)\"\n              [disabled]=\"isActionDisabled(a, row)\"\n            >\n              <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n              <span>{{ a.label || getActionId(a) }}</span>\n            </button>\n          </ng-container>\n        </mat-menu>\n      </div>\n    </td>\n  </ng-container>\n  }\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns\"\n  ></tr>\n  @if (!isVirtualized()) {\n    <tr\n      mat-row\n      *matRowDef=\"let row; let i = index; columns: displayedColumns\"\n      [class.pfx-row-selected]=\"selection.isSelected(row)\"\n      [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)\"\n      (dblclick)=\"onRowDoubleClicked(row, i)\"\n    ></tr>\n  }\n</table>\n}\n\n<!-- Virtual rows path (header preserved above) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && isVirtualized()) {\n  <cdk-virtual-scroll-viewport\n    class=\"ptable-viewport\"\n    [itemSize]=\"getVirtItemHeight()\"\n    [minBufferPx]=\"getVirtBufferSize() * getVirtItemHeight()\"\n    [maxBufferPx]=\"getVirtBufferSize() * getVirtItemHeight() * 2\"\n    [style.minHeight]=\"getVirtMinHeightHostStyle()\"\n  >\n    <table\n      class=\"mat-mdc-table\"\n      [ngClass]=\"getTableElevationClassName()\"\n      [style.width]=\"getVirtualTableWidthStyle()\"\n    >\n      <tbody>\n        <tr class=\"mat-mdc-row\"\n            *cdkVirtualFor=\"let row of dataSource.data; let i = index; trackBy: trackByRow\"\n            [class.pfx-row-selected]=\"selection.isSelected(row)\"\n            [attr.aria-selected]=\"config.behavior?.selection?.enabled ? (selection.isSelected(row) ? 'true' : 'false') : null\"\n            [ngClass]=\"getRowClasses(row)\"\n            [ngStyle]=\"getRowNgStyle(row)\"\n            [matTooltip]=\"getRowTooltip(row) || null\"\n            [matTooltipDisabled]=\"!getRowTooltip(row)\"\n            [matTooltipPosition]=\"getRowTooltipPosition(row)\"\n            [matTooltipShowDelay]=\"getRowTooltipShowDelay(row)\"\n            (click)=\"onRowClicked(row, i)\"\n            (dblclick)=\"onRowDoubleClicked(row, i)\">\n          <!-- Selection column -->\n          @if (config.behavior?.selection?.enabled) { <td class=\"mat-mdc-cell\">\n            <mat-checkbox\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"toggleRow(row)\"\n              [checked]=\"selection.isSelected(row)\">\n            </mat-checkbox>\n          </td> }\n          <!-- Data columns -->\n          @for (column of visibleColumns; track column.field) {\n          <td class=\"mat-mdc-cell\"\n              [style.text-align]=\"getColumnTextAlignStyle(column)\"\n              [style.width]=\"getColumnWidthStyle(column)\"\n              [attr.style]=\"getColumnCellAttrStyle(column)\"\n              [ngClass]=\"getCellClasses(row, column)\"\n              [ngStyle]=\"getCellNgStyle(row, column)\">\n            <div\n              class=\"pfx-cell-content\"\n              [ngClass]=\"getCellContentClasses(row, column)\"\n              [ngStyle]=\"getCellContentNgStyle(row, column)\"\n            >\n            <ng-container [ngSwitch]=\"getEffectiveRendererType(row, column)\">\n              <ng-container *ngSwitchCase=\"'icon'\">\n                <mat-icon [color]=\"getIconColor(row, column) || null\"\n                          [ngStyle]=\"getIconStyle(row, column)\"\n                          [attr.aria-label]=\"getIconAriaLabel(row, column) || null\">\n                  {{ getIconName(row, column) }}\n                </mat-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'image'\">\n                <img class=\"pfx-cell-image\"\n                     [src]=\"getImageSrc(row, column)\"\n                     [attr.alt]=\"getImageAlt(row, column) || ''\"\n                     [attr.loading]=\"getImageLazy(row, column) ? 'lazy' : null\"\n                     [style.width.px]=\"getImageWidth(row, column)\"\n                     [style.height.px]=\"getImageHeight(row, column)\"\n                     [class.shape-rounded]=\"getImageShape(row, column) === 'rounded'\"\n                     [class.shape-circle]=\"getImageShape(row, column) === 'circle'\"\n                     [style.object-fit]=\"getImageFit(row, column)\" />\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'badge'\">\n                <span class=\"pfx-badge\" [ngClass]=\"getBadgeClasses(row, column)\">\n              @if (getBadgeIcon(row, column); as bi) { <mat-icon class=\"pfx-badge-icon\">{{ bi }}</mat-icon> }\n                  <span class=\"pfx-badge-text\">{{ getBadgeText(row, column) }}</span>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchDefault>\n                {{ getCellValue(row, column) }}\n              </ng-container>\n            </ng-container>\n            </div>\n          </td>\n          }\n\n          <!-- Actions column -->\n  @if (config.actions?.row?.enabled) {\n  <td class=\"mat-mdc-cell praxis-actions-cell\" [class.dense]=\"dense\" [style.width]=\"getRowActionsWidthStyle()\">\n            <div class=\"praxis-actions-cell__content\">\n              @if (config.actions?.row?.display === 'icons' || !config.actions?.row?.display) {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-icon-button class=\"praxis-icon-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [matTooltip]=\"a.label || getActionId(a)\"\n                          matTooltipPosition=\"above\"\n                          matTooltipClass=\"praxis-tooltip\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                  </button>\n                </ng-container>\n              }\n              @if (config.actions?.row?.display === 'buttons') {\n                <ng-container *ngFor=\"let a of getInlineRowActions(row); trackBy: trackAction\">\n                  <button mat-flat-button class=\"praxis-row-btn\"\n                          [disabled]=\"isActionDisabled(a, row)\"\n                          (click)=\"onRowAction(getActionId(a), row, $event)\"\n                          [attr.aria-label]=\"a.label || getActionId(a)\"\n                          [color]=\"a.color || null\">\n                    <mat-icon [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              }\n              @if (hasOverflowRowActions(row)) {\n                <button mat-icon-button class=\"praxis-icon-btn praxis-more-btn\"\n                        [matMenuTriggerFor]=\"rowMoreMenuV\"\n                        [color]=\"getRowMenuButtonColor() || null\"\n                        aria-label=\"Mais a\u00E7\u00F5es\">\n                  <mat-icon [praxisIcon]=\"getRowMenuIcon()\"></mat-icon>\n                </button>\n              }\n              <mat-menu #rowMoreMenuV=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let a of getOverflowRowActions(row); trackBy: trackAction\">\n                  <button mat-menu-item (click)=\"onRowAction(getActionId(a), row, $event)\" [disabled]=\"isActionDisabled(a, row)\">\n                    <mat-icon [color]=\"a.color || null\" [praxisIcon]=\"a.icon\"></mat-icon>\n                    <span>{{ a.label || getActionId(a) }}</span>\n                  </button>\n                </ng-container>\n              </mat-menu>\n            </div>\n  </td>\n  }\n        </tr>\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n}\n\n</div>\n@if (\n  shouldRenderDataSurface()\n  && !schemaError\n  && !dataError\n  && shouldRenderFloatingBulkActions()\n  && getFloatingBulkActions().length\n  && !shouldHideFloatingBulkActions()\n) {\n  <div [class]=\"'praxis-floating-bulk-actions ' + getFloatingBulkPositionClass()\">\n    @for (action of getFloatingBulkActions(); track getActionId(action)) {\n      <button\n        mat-mini-fab\n        [color]=\"action.color || 'primary'\"\n        [disabled]=\"isFloatingBulkActionDisabled(action)\"\n        (click)=\"onToolbarAction({ action: getActionId(action), actionConfig: action })\"\n        [attr.aria-label]=\"action.label || getActionId(action)\"\n        [matTooltip]=\"action.label || getActionId(action)\"\n        matTooltipPosition=\"left\"\n      >\n        <mat-icon [praxisIcon]=\"action.icon || 'done_all'\"></mat-icon>\n      </button>\n    }\n  </div>\n}\n<!-- Barra de a\u00E7\u00F5es no rodap\u00E9 (opcional) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && showToolbar && shouldRenderFooterToolbar()) {\n  <praxis-table-toolbar\n    [config]=\"config\"\n    [backgroundColor]=\"getToolbarActionsBackgroundColor()\"\n    [style.--pfx-filter-h]=\"getToolbarLayoutHeightHostStyle()\"\n    [class.footer-flat]=\"hasBottomPaginator()\"\n    class=\"praxis-toolbar-footer\"\n    placement=\"footer\"\n    [showMain]=\"shouldShowFooterToolbarMain()\"\n    [showEndActions]=\"shouldShowFooterToolbarEndActions()\"\n    [showReset]=\"shouldShowFooterToolbarReset()\"\n    [showActionsGroup]=\"shouldShowToolbarActionsBottom()\"\n    [showMobileActions]=\"shouldShowToolbarActionsBottom()\"\n    [dslContext]=\"getToolbarDslContext()\"\n    [dslFunctionRegistry]=\"dslFunctionRegistry\"\n    (toolbarAction)=\"onToolbarAction($event)\"\n  >\n    <praxis-filter\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\"\n      advancedFilter\n      [resourcePath]=\"getAdvancedFilterResourcePath()\"\n      [filterId]=\"tableId\"\n      [formId]=\"tableId\"\n      [persistenceKey]=\"getAdvancedFilterPersistenceKey()\"\n      [fieldMetadata]=\"getAdvancedFilterFieldMetadata()\"\n      [editModeEnabled]=\"editModeEnabled\"\n      [alwaysVisibleFields]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFields\"\n      [alwaysVisibleFieldMetadataOverrides]=\"config.behavior?.filtering?.advancedFilters?.settings?.alwaysVisibleFieldMetadataOverrides ?? {}\"\n      [selectedFieldIds]=\"config.behavior?.filtering?.advancedFilters?.settings?.selectedFieldIds ?? []\"\n      [allowSaveTags]=\"config.behavior?.filtering?.advancedFilters?.settings?.allowSaveTags\"\n      [changeDebounceMs]=\"config.behavior?.filtering?.advancedFilters?.settings?.changeDebounceMs ?? 300\"\n      [i18n]=\"getFilterI18n()\"\n      [mode]=\"'filter'\"\n      [showFilterSettings]=\"editModeEnabled\"\n      (submit)=\"onAdvancedFilterSubmit($event)\"\n      (clear)=\"onAdvancedFilterClear()\"\n    ></praxis-filter>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[advancedFilter]\"></ng-content>\n    </ng-container>\n    <ng-container *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()\">\n      <ng-content select=\"[toolbar]\"></ng-content>\n    </ng-container>\n    @if (shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter()) {\n      @defer (on idle) {\n        @if (aiAdapter) {\n          <praxis-ai-assistant\n            [adapter]=\"aiAdapter\"\n            end-actions\n          ></praxis-ai-assistant>\n        }\n      }\n    }\n    <button\n      *ngIf=\"shouldShowFooterToolbarMain() && shouldRenderAdvancedFilter() && editModeEnabled\"\n      end-actions\n      mat-icon-button\n      color=\"primary\"\n      data-role=\"table-settings\"\n      data-testid=\"table-settings-trigger\"\n      (click)=\"openTableSettings()\"\n      aria-label=\"Configura\u00E7\u00F5es\"\n      [matBadge]=\"schemaOutdated ? '!' : ''\"\n      [matBadgeHidden]=\"!schemaOutdated\"\n      matBadgeColor=\"warn\"\n      matBadgeSize=\"small\"\n      matBadgePosition=\"above after\"\n      [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configura\u00E7\u00F5es'\"\n      matTooltipPosition=\"below\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n  </praxis-table-toolbar>\n}\n<!-- Paginadores (top/bottom) -->\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'top' || config.behavior?.pagination?.position === 'both')) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n  >\n  </mat-paginator>\n}\n\n@if (shouldRenderDataSurface() && !schemaError && !dataError && getPaginationEnabled() && (config.behavior?.pagination?.position === 'bottom' || config.behavior?.pagination?.position === 'both' || !config.behavior?.pagination?.position)) {\n  <mat-paginator\n    [length]=\"getPaginationLength()\"\n    [pageSize]=\"getPaginationPageSize()\"\n    [pageSizeOptions]=\"getPaginationPageSizeOptions()\"\n    [showFirstLastButtons]=\"getPaginationShowFirstLast()\"\n    (page)=\"onPageChange($event)\"\n    [class.compact]=\"config.behavior?.pagination?.style === 'compact'\"\n    [class.footer-stack]=\"shouldShowToolbarActionsBottom()\"\n  >\n  </mat-paginator>\n}\n", styles: ["@charset \"UTF-8\";table{width:100%}.praxis-visually-hidden-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-column-reorder-status{margin:8px 0;padding:10px 12px;border-radius:8px;border:1px solid var(--p-table-border-color);background:var(--p-table-row-hover-bg);color:var(--p-table-header-fg);font-size:12px;line-height:1.4;box-shadow:0 4px 12px #00000014;animation:pfx-column-reorder-status-in var(--p-table-drag-status-enter-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}@keyframes pfx-column-reorder-status-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.praxis-actions-cell{height:100%;padding-inline:12px;white-space:nowrap}:host.density-compact{--p-header-padding: 8px 12px;--p-actions-btn-size: 32px;--p-actions-icon-size: 18px}:host.density-comfortable{--p-header-padding: 12px 16px;--p-actions-btn-size: 40px;--p-actions-icon-size: 22px}:host.density-spacious{--p-header-padding: 16px 20px;--p-actions-btn-size: 44px;--p-actions-icon-size: 24px}:host.density-compact ::ng-deep .mat-mdc-cell{padding:8px 12px}:host.density-comfortable ::ng-deep .mat-mdc-cell{padding:12px 16px}:host.density-spacious ::ng-deep .mat-mdc-cell{padding:16px 20px}:host.density-compact .praxis-actions-cell{padding-inline:8px}:host.density-spacious .praxis-actions-cell{padding-inline:16px}.praxis-actions-cell__content{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.praxis-actions-cell.dense .praxis-actions-cell__content{gap:6px}.praxis-icon-btn{width:var(--p-actions-btn-size, 40px);height:var(--p-actions-btn-size, 40px);border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;cursor:pointer;--mat-icon-button-state-layer-size: var(--p-actions-btn-size, 40px)}.praxis-icon-btn:hover{background:var(--md-sys-color-surface-variant)}.praxis-icon-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.praxis-icon-btn mat-icon,.praxis-icon-btn .mat-icon{font-size:var(--p-actions-icon-size, 22px);width:var(--p-actions-icon-size, 22px);height:var(--p-actions-icon-size, 22px);line-height:var(--p-actions-icon-size, 22px)}.praxis-more-btn{width:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));height:var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));--mat-icon-button-state-layer-size: var(--p-actions-more-btn-size, var(--p-actions-btn-size, 40px));background-image:var(--p-actions-more-btn-gradient, none);background-size:100% 100%;background-repeat:no-repeat}.praxis-more-btn mat-icon,.praxis-more-btn .mat-icon{font-size:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));width:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));line-height:var(--p-actions-more-icon-size, var(--p-actions-icon-size, 22px));color:var(--p-actions-more-icon-color);background-image:var(--p-actions-more-icon-gradient, none);-webkit-background-clip:text;background-clip:text}.praxis-icon-btn.destructive mat-icon{color:var(--md-sys-color-error)}.mat-mdc-tooltip.praxis-tooltip{margin-top:-8px;margin-bottom:8px}.spacer{flex:1 1 auto}.praxis-table-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:16px 0 12px;width:100%;clear:both;position:relative}.praxis-table-header.stacked{margin:0}.praxis-table-header>praxis-table-toolbar{flex:1 0 100%}.praxis-floating-bulk-actions{position:fixed;z-index:1001;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:var(--md-sys-color-surface-container-highest);box-shadow:0 8px 20px #00000029}.praxis-floating-bulk-actions.pos-bottom-right{right:20px;bottom:20px}.praxis-floating-bulk-actions.pos-bottom-left{left:20px;bottom:20px}.praxis-floating-bulk-actions.pos-top-right{right:20px;top:20px}.praxis-floating-bulk-actions.pos-top-left{left:20px;top:20px}@media(max-width:768px){.praxis-floating-bulk-actions{gap:6px;padding:6px}.praxis-floating-bulk-actions.pos-bottom-right{right:12px;left:auto;bottom:12px}.praxis-floating-bulk-actions.pos-bottom-left{left:12px;right:auto;bottom:12px}.praxis-floating-bulk-actions.pos-top-right{right:12px;left:auto;top:12px}.praxis-floating-bulk-actions.pos-top-left{left:12px;right:auto;top:12px}}:host{display:block;width:100%;min-width:0;max-width:100%;--pfx-toolbar-pad-y: 6px;--pfx-toolbar-pad-x: 12px;--p-table-bg: var(--md-sys-color-surface-container-highest);--p-table-text-color: var(--md-sys-color-on-surface);--p-table-header-bg: var(--md-sys-color-surface-container-highest);--p-table-header-fg: var(--md-sys-color-on-surface);--p-table-border-color: var(--md-sys-color-outline-variant);--p-table-row-even-bg: var(--md-sys-color-surface-container);--p-table-row-hover-bg: var(--md-sys-color-surface-container-high);--p-table-row-selected-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-bg: var(--md-sys-color-primary-container);--p-table-badge-soft-primary-fg: var(--md-sys-color-on-primary-container);--p-table-badge-soft-accent-bg: var(--md-sys-color-secondary-container);--p-table-badge-soft-accent-fg: var(--md-sys-color-on-secondary-container);--p-table-badge-soft-warn-bg: var(--md-sys-color-error-container);--p-table-badge-soft-warn-fg: var(--md-sys-color-on-error-container);--p-table-state-success-bg: var(--md-sys-color-tertiary-container);--p-table-state-success-fg: var(--md-sys-color-on-tertiary-container);--p-table-state-warning-bg: var(--md-sys-color-secondary-container);--p-table-state-warning-fg: var(--md-sys-color-on-secondary-container);--p-table-state-danger-bg: var(--md-sys-color-error-container);--p-table-state-danger-fg: var(--md-sys-color-on-error-container);--p-table-state-highlight-bg: var(--md-sys-color-primary-container);--p-table-state-highlight-fg: var(--md-sys-color-on-primary-container);--p-table-drag-handle-size: 14px;--p-table-drag-handle-color: var(--md-sys-color-on-surface-variant);--p-table-drag-handle-hover-color: var(--md-sys-color-on-surface);--p-table-drag-handle-base-opacity: 0;--p-table-drag-handle-visible-opacity: .72;--p-table-drag-handle-active-opacity: 1;--p-table-drag-handle-transition-duration: .16s;--p-table-reorder-transition-duration: .16s;--p-table-drag-preview-scale: 1.01;--p-table-drag-status-enter-duration: .18s;--p-table-drag-preview-shadow: 0 14px 32px rgba(0, 0, 0, .28), 0 0 0 1px var(--p-table-border-color)}:host ::ng-deep .mat-mdc-table{background:var(--p-table-bg);color:var(--p-table-text-color);border-radius:12px 12px 0 0;width:100%;box-shadow:var(--p-table-surface-shadow);transition:box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-table:hover{box-shadow:var(--p-table-surface-shadow-hover, var(--p-table-surface-shadow))}:host ::ng-deep .mat-mdc-table.table-stack-top{border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .praxis-toolbar-footer{border:0 solid var(--p-table-border-color);border-top:0;border-radius:0;background:var(--p-table-bg)}:host ::ng-deep .mat-mdc-paginator.footer-stack{border-top-left-radius:0;border-top-right-radius:0;border-top:0}:host ::ng-deep .mat-mdc-paginator.footer-stack .mat-mdc-paginator-container{padding:8px 12px}:host [data-role=table-settings].mat-mdc-icon-button{--mdc-icon-button-icon-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pfx-link{color:var(--md-sys-color-primary);text-decoration:underline;cursor:pointer}.pfx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;line-height:1;border:1px solid transparent}.pfx-chip-icon{font-size:14px;width:14px;height:14px}.pfx-chip--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.pfx-chip--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-chip--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-chip--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-chip--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-chip--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-chip--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.pfx-progress{position:relative;width:100%;max-width:140px;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle}.pfx-progress-bar{height:100%;background:var(--md-sys-color-primary);transition:width .2s ease}.pfx-progress-label{margin-left:8px;font-size:12px;opacity:.8;display:inline-block;vertical-align:middle}.pfx-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:4px;overflow:hidden;font-weight:600}.pfx-avatar.shape-rounded{border-radius:8px}.pfx-avatar.shape-circle{border-radius:999px}.pfx-avatar--initials{text-transform:uppercase;font-size:12px}.pfx-cell-compose{display:inline-flex;align-items:center;gap:6px}.pfx-cell-compose.dir-col{flex-direction:column;align-items:stretch}.pfx-cell-compose.align-start{justify-content:flex-start}.pfx-cell-compose.align-center{justify-content:center}.pfx-cell-compose.align-end{justify-content:flex-end}.pfx-cell-compose.wrap{flex-wrap:wrap}.pfx-cell-compose.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-scroll-viewport{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.px-scroll-viewport.scroll-none{overflow-x:visible}.px-scroll-viewport.scroll-auto ::ng-deep .mat-mdc-table{width:max-content;min-width:100%}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-header-cell,.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-cell{white-space:normal;text-overflow:initial}.px-scroll-viewport.scroll-wrap ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-header-row{position:sticky;top:0;z-index:1;background:var(--p-table-header-bg);color:var(--p-table-header-fg);box-shadow:var(--p-table-header-shadow, 0 1px 0 var(--p-table-border-color));border-bottom:1px solid var(--p-table-border-color)}:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mat-sort-header-content,:host ::ng-deep .mat-mdc-header-row .mat-icon{color:var(--p-table-header-fg)!important;font-weight:600}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow,:host ::ng-deep .mat-mdc-header-cell:hover .mat-sort-header-arrow{color:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-indicator,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-stem,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-left,:host ::ng-deep .mat-mdc-header-cell.mat-sort-header-sorted .mat-sort-header-arrow .mat-sort-header-pointer-right{border-color:var(--p-table-header-fg)!important;background:var(--p-table-header-fg)!important}:host ::ng-deep .mat-mdc-header-cell{padding:var(--p-header-padding, 12px 16px)!important;font-size:var(--p-header-font-size, inherit);font-weight:var(--p-header-font-weight, 600);letter-spacing:var(--p-header-letter-spacing, normal);text-transform:var(--p-header-text-transform, none);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{display:flex;align-items:center;width:100%;gap:8px;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}: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:8px;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;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}: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);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, 0);transform:none;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;border-radius:10px;border:1px solid var(--p-table-border-color);background:linear-gradient(135deg,var(--p-table-header-bg) 0%,var(--p-table-row-hover-bg) 100%);color:var(--p-table-header-fg);box-shadow:var(--p-table-drag-preview-shadow);transform:scale(var(--p-table-drag-preview-scale, 1.01));pointer-events:none;z-index:1000}.pfx-column-drag-preview .praxis-column-drag-handle,.pfx-column-drag-preview .mat-sort-header-arrow,.pfx-column-drag-preview .mat-sort-header-indicator,.pfx-column-drag-preview .mat-sort-header-stem,.pfx-column-drag-preview .mat-sort-header-pointer,.pfx-column-drag-preview .mat-sort-header-pointer-left,.pfx-column-drag-preview .mat-sort-header-pointer-right{display:none!important}.pfx-column-drag-preview .mat-sort-header-container{padding-right:0!important}.pfx-column-drag-preview .mat-sort-header-content,.pfx-column-drag-preview .praxis-header-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder{opacity:1;border:1px dashed var(--p-table-border-color);background:var(--p-table-row-hover-bg)}:host ::ng-deep .pfx-column-drag-indicator .cdk-drag-placeholder *{opacity:0}:host ::ng-deep .pfx-column-drag-indicator .mat-mdc-header-cell.cdk-drag-dragging{opacity:.58}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-column-drag-indicator .cdk-drop-list-dragging .mat-mdc-header-cell:not(.cdk-drag-placeholder){transition:none}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle,:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell .praxis-column-drag-handle .mat-icon,.pfx-column-drag-preview{transition:none;transform:none}.praxis-column-reorder-status{animation:none}:host ::ng-deep .mat-mdc-row{transition:none}:host ::ng-deep .mat-mdc-table{transition:none}}.praxis-actions-header{text-align:right}.praxis-actions-header.align-start{text-align:left}.praxis-actions-header.align-center{text-align:center}.praxis-actions-header.align-end{text-align:right}.praxis-actions-header .praxis-actions-header__content{display:inline-flex;align-items:center;gap:var(--p-actions-header-gap, 6px);color:var(--p-actions-header-color, inherit)}.praxis-actions-header .praxis-actions-header__content .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}:host ::ng-deep .mat-mdc-header-cell .mat-sort-header-container{padding-right:20px}:host ::ng-deep .pfx-column-drag-enabled .mat-mdc-header-cell.praxis-header-draggable .mat-sort-header-container{padding-right:12px}@media(pointer:coarse){:host{--p-table-drag-handle-size: 18px;--p-table-drag-handle-base-opacity: .56;--p-table-drag-handle-visible-opacity: .92}}:host ::ng-deep .mat-mdc-cell{color:var(--p-table-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .mat-mdc-cell .pfx-cell-content,:host ::ng-deep .mat-cell .pfx-cell-content{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pfx-cell-content.pfx-cell-anim{animation-duration:var(--pfx-cell-anim-duration, .8s);animation-delay:var(--pfx-cell-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--once{animation-iteration-count:1}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--count{animation-iteration-count:var(--pfx-cell-anim-iteration-count, 1)}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover,:host ::ng-deep .mat-cell:hover .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--on-hover{animation-play-state:running}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--pulse{animation-name:pfx-cell-pulse}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--blink{animation-name:pfx-cell-blink}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--grow{animation-name:pfx-cell-grow}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--fade{animation-name:pfx-cell-fade}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--slide-in{animation-name:pfx-cell-slide-in}:host ::ng-deep .pfx-cell-content.pfx-cell-anim.pfx-cell-anim--border-pulse{animation-name:pfx-cell-border-pulse}@keyframes pfx-cell-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-cell-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-cell-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-cell-anim-min-opacity, .35)}}@keyframes pfx-cell-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-cell-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-cell-slide-in{0%{opacity:0;transform:translateY(var(--pfx-cell-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-cell-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-cell-anim-border-rgb, 25, 118, 210),var(--pfx-cell-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .pfx-cell-content.pfx-cell-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row{transition:background-color var(--p-table-hover-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1)),box-shadow var(--p-table-selection-transition-duration, .18s) var(--p-table-motion-easing, cubic-bezier(0, 0, .2, 1))}:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation-duration:var(--pfx-row-anim-duration, .8s);animation-delay:var(--pfx-row-anim-delay, 0ms);animation-fill-mode:both;animation-timing-function:ease-in-out}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--once{animation-iteration-count:1}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--loop{animation-iteration-count:infinite}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--count{animation-iteration-count:var(--pfx-row-anim-iteration-count, 1)}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover{animation-play-state:paused}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--on-hover:hover{animation-play-state:running}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--pulse{animation-name:pfx-row-pulse}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--blink{animation-name:pfx-row-blink}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--grow{animation-name:pfx-row-grow}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--fade{animation-name:pfx-row-fade}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--slide-in{animation-name:pfx-row-slide-in}:host ::ng-deep .mat-mdc-row.pfx-row-anim.pfx-row-anim--border-pulse{animation-name:pfx-row-border-pulse}@keyframes pfx-row-pulse{0%{transform:scale(1)}50%{transform:scale(var(--pfx-row-anim-scale-peak, 1.015))}to{transform:scale(1)}}@keyframes pfx-row-blink{0%,49%{opacity:1}50%,to{opacity:var(--pfx-row-anim-min-opacity, .35)}}@keyframes pfx-row-grow{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes pfx-row-fade{0%{opacity:0}to{opacity:1}}@keyframes pfx-row-slide-in{0%{opacity:0;transform:translateY(var(--pfx-row-anim-slide-distance, 4px))}to{opacity:1;transform:translateY(0)}}@keyframes pfx-row-border-pulse{0%,to{box-shadow:inset 0 0 rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),0)}50%{box-shadow:inset 0 0 0 2px rgba(var(--pfx-row-anim-border-rgb, 25, 118, 210),var(--pfx-row-anim-border-strength, .3))}}@media(prefers-reduced-motion:reduce){:host ::ng-deep .mat-mdc-row.pfx-row-anim{animation:none!important}}:host ::ng-deep .mat-mdc-row:nth-child(2n){background:var(--p-table-row-even-bg)}:host ::ng-deep .mat-mdc-row:nth-child(2n):hover{background:var(--p-table-row-hover-bg)}:host ::ng-deep .mat-mdc-row.pfx-row-selected,:host ::ng-deep .mat-mdc-row.pfx-row-selected:hover{background:var(--p-table-row-selected-bg)}:host.row-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-bottom:1px solid var(--p-table-border-color)}:host.row-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell{border-bottom:none}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell{border-right:1px solid var(--p-table-border-color)}:host.col-borders ::ng-deep .mat-mdc-header-row .mat-mdc-header-cell:last-child,:host.col-borders ::ng-deep .mat-mdc-row .mat-mdc-cell:last-child{border-right:none}.ptable-error{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--md-sys-color-error);border-radius:8px}.ptable-error__content{flex:1}.ptable-error__title{font-weight:600}.ptable-info-banner{display:flex;gap:12px;align-items:center;padding:8px 12px;margin:8px 0;border-radius:8px;border:1px solid var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.ptable-info-banner .text{flex:1;font-weight:600}.ptable-info-banner .actions{display:flex;gap:8px}.pfx-cell-image{display:inline-block;vertical-align:middle;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant)}.pfx-cell-image.shape-rounded{border-radius:8px}.pfx-cell-image.shape-circle{border-radius:9999px}.pfx-badge{display:inline-flex;align-items:center;gap:6px;line-height:1;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid transparent}.pfx-badge .pfx-badge-icon{font-size:16px;width:16px;height:16px}.pfx-badge--filled-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pfx-badge--filled-accent{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.pfx-badge--filled-warn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.pfx-badge--outlined{background:transparent;border-color:var(--md-sys-color-outline-variant);color:inherit}.pfx-badge--soft-primary{background:var(--p-table-badge-soft-primary-bg);color:var(--p-table-badge-soft-primary-fg)}.pfx-badge--soft-accent{background:var(--p-table-badge-soft-accent-bg);color:var(--p-table-badge-soft-accent-fg)}.pfx-badge--soft-warn{background:var(--p-table-badge-soft-warn-bg);color:var(--p-table-badge-soft-warn-fg)}.row--success,.row--success td,td.row--success{background-color:var(--p-table-state-success-bg)!important;color:var(--p-table-state-success-fg)!important}.row--warning,.row--warning td,td.row--warning{background-color:var(--p-table-state-warning-bg)!important;color:var(--p-table-state-warning-fg)!important}.row--danger,.row--danger td,td.row--danger{background-color:var(--p-table-state-danger-bg)!important;color:var(--p-table-state-danger-fg)!important}.row--highlight,.row--highlight td,td.row--highlight{background-color:var(--p-table-state-highlight-bg)!important;color:var(--p-table-state-highlight-fg)!important;font-weight:600}.row--muted,.row--muted td,td.row--muted{opacity:.7;filter:saturate(.6)}\n"] }]
             }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i3$1.SettingsPanelService }, { type: i1.GenericCrudService }, { type: TableDefaultsProvider }, { type: FilterConfigService }, { type: DataFormattingService }, { type: i6$3.PraxisDialog }, { type: i2$1.MatSnackBar }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [ASYNC_CONFIG_STORAGE]