@praxisui/table 10.0.0-rc.31 → 10.0.0-rc.32

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-16T17:45:27.774Z",
+  "generatedAt": "2026-10-17T14:44:09.509Z",
   "packageName": "@praxisui/table",
-  "packageVersion": "10.0.0-rc.31",
+  "packageVersion": "10.0.0-rc.32",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 3,

package/fesm2022/{praxisui-table-praxisui-table-CPAjJGGd.mjs → praxisui-table-praxisui-table-CWOg6JDN.mjs}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { input, inject, computed, ChangeDetectionStrategy, Component, output, signal, InjectionToken, EventEmitter, ElementRef, Output, Input, ViewChild, Optional, Inject, LOCALE_ID, Injectable, Injector, HostListener, Directive, ChangeDetectorRef, DestroyRef, ENVIRONMENT_INITIALIZER, effect, booleanAttribute, HostBinding, ContentChild, TemplateRef, ViewContainerRef, numberAttribute } from '@angular/core';
 import * as i1 from '@praxisui/core';
-import { PraxisI18nService, BulkOperationClientService, isBulkExecutionTerminal, LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, PraxisJsonLogicService, resolveResourceAvailabilityReasonKey, RESOURCE_DISCOVERY_I18N_CONFIG, RESOURCE_DISCOVERY_I18N_NAMESPACE, PraxisIconDirective, PraxisIconButtonComponent, SafeExpressionEvaluator, API_URL, EnterpriseRuntimeContextService, buildApiUrl, ResourceDiscoveryService, renderPraxisPresentationVisualizationHtml, createDefaultTableConfig, fillUndefined, deepMerge as deepMerge$1, ASYNC_CONFIG_STORAGE, providePraxisI18nConfig, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_VALUES, FieldControlType, normalizeControlTypeToken, resolveControlTypeAlias, INLINE_FILTER_ALIAS_TOKENS, SCHEMA_METADATA_CLIENT_OPTIONS, GlobalConfigService, buildSchemaId, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, mapFieldDefinitionsToMetadata, resolveInlineFilterControlType, fetchWithETag, serializeEntityLookupValueForPayload, GenericCrudService, SchemaNormalizerService, ResourceQuickConnectComponent, ComponentMetadataRegistry, AnalyticsStatsRequestBuilderService, normalizePraxisDataQueryContext, normalizeUnknownError, PraxisRuntimeComponentObservationRegistryService, PRAXIS_TABLE_DETAIL_INLINE_RENDERERS, BulkSyncStateService, PRAXIS_TABLE_DETAIL_INLINE_NODE_RESOLVERS, PRAXIS_TABLE_DETAIL_RESOURCE_RESOLVER, PraxisWidgetEventBus, PraxisCollectionExportService, translateResourceAvailabilityReason, ResourceSurfaceOpenAdapterService, ResourceActionOpenAdapterService, CrudOperationResolutionService, SURFACE_OPEN_PRESETS, SURFACE_DRAWER_REF, assertPraxisCollectionExportArtifact, PRAXIS_LOADING_CTX, resolveColumnTypeFromFieldDefinition as resolveColumnTypeFromFieldDefinition$1, isPraxisPresentationVisualizationTableSafe as isPraxisPresentationVisualizationTableSafe$1, resolveTextMaskFormatFromFieldDefinition as resolveTextMaskFormatFromFieldDefinition$1, translateResourceDiscoveryText, supportsImplicitValuePresentation, resolveValuePresentation, resolvePraxisMicroVisualizationTone, resolveResourceIdentityContract, materializeResourceIdentity, translateUnavailableWorkflowMessage, CONNECTION_STORAGE, PRAXIS_LOADING_RENDERER, EmptyStateCardComponent, getPraxisTableCellVisualizationGuidance, getPraxisTableCellVisualizationConstraint, isTableConfigV2, normalizePraxisPresentationVisualization, PRAXIS_GLOBAL_ACTION_CATALOG, SURFACE_OPEN_I18N_NAMESPACE, isRequiredGlobalActionPayloadMissing, getGlobalActionUiSchema, getRequiredGlobalActionPayloadKeys, hasMeaningfulGlobalActionPayloadValue, SurfaceOpenActionEditorComponent, SURFACE_OPEN_I18N_CONFIG, PraxisJsonLogicError, GLOBAL_ACTION_CATALOG, validateGlobalActionRefs, getGlobalActionCatalog, TableConfigService } from '@praxisui/core';
+import { PraxisI18nService, BulkOperationClientService, isBulkExecutionTerminal, LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, PraxisJsonLogicService, resolveResourceAvailabilityReasonKey, RESOURCE_DISCOVERY_I18N_CONFIG, RESOURCE_DISCOVERY_I18N_NAMESPACE, PraxisIconDirective, PraxisIconButtonComponent, SafeExpressionEvaluator, API_URL, EnterpriseRuntimeContextService, buildApiUrl, ResourceDiscoveryService, renderPraxisPresentationVisualizationHtml, createDefaultTableConfig, deepMerge as deepMerge$1, ASYNC_CONFIG_STORAGE, providePraxisI18nConfig, INLINE_FILTER_CONTROL_TYPES, INLINE_FILTER_CONTROL_TYPE_VALUES, FieldControlType, normalizeControlTypeToken, resolveControlTypeAlias, INLINE_FILTER_ALIAS_TOKENS, SCHEMA_METADATA_CLIENT_OPTIONS, GlobalConfigService, buildSchemaId, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, mapFieldDefinitionsToMetadata, resolveInlineFilterControlType, fetchWithETag, serializeEntityLookupValueForPayload, GenericCrudService, SchemaNormalizerService, ResourceQuickConnectComponent, ComponentMetadataRegistry, AnalyticsStatsRequestBuilderService, normalizePraxisDataQueryContext, normalizeUnknownError, PraxisRuntimeComponentObservationRegistryService, PRAXIS_TABLE_DETAIL_INLINE_RENDERERS, BulkSyncStateService, PRAXIS_TABLE_DETAIL_INLINE_NODE_RESOLVERS, PRAXIS_TABLE_DETAIL_RESOURCE_RESOLVER, PraxisWidgetEventBus, PraxisCollectionExportService, fillUndefined, translateResourceAvailabilityReason, ResourceSurfaceOpenAdapterService, ResourceActionOpenAdapterService, CrudOperationResolutionService, SURFACE_OPEN_PRESETS, SURFACE_DRAWER_REF, assertPraxisCollectionExportArtifact, PRAXIS_LOADING_CTX, resolveColumnTypeFromFieldDefinition as resolveColumnTypeFromFieldDefinition$1, isPraxisPresentationVisualizationTableSafe as isPraxisPresentationVisualizationTableSafe$1, resolveTextMaskFormatFromFieldDefinition as resolveTextMaskFormatFromFieldDefinition$1, translateResourceDiscoveryText, supportsImplicitValuePresentation, resolveValuePresentation, resolvePraxisMicroVisualizationTone, resolveResourceIdentityContract, materializeResourceIdentity, translateUnavailableWorkflowMessage, CONNECTION_STORAGE, PRAXIS_LOADING_RENDERER, EmptyStateCardComponent, getPraxisTableCellVisualizationGuidance, getPraxisTableCellVisualizationConstraint, isTableConfigV2, normalizePraxisPresentationVisualization, PRAXIS_GLOBAL_ACTION_CATALOG, SURFACE_OPEN_I18N_NAMESPACE, isRequiredGlobalActionPayloadMissing, getGlobalActionUiSchema, getRequiredGlobalActionPayloadKeys, hasMeaningfulGlobalActionPayloadValue, SurfaceOpenActionEditorComponent, SURFACE_OPEN_I18N_CONFIG, PraxisJsonLogicError, GLOBAL_ACTION_CATALOG, validateGlobalActionRefs, getGlobalActionCatalog, TableConfigService } from '@praxisui/core';
 import * as i1$3 from '@angular/common/http';
 import { HttpErrorResponse, HttpClient, HttpContext } from '@angular/common/http';
 import * as i3 from '@angular/material/button';
@@ -7649,6 +7649,7 @@ class TableDefaultsProvider {
     }
     /**
      * Returns default configuration for a given table identifier.
+     * Precedence inside defaults: GlobalConfig.table > createDefaultTableConfig().
      * @param tableId Table identifier
      */
     getDefaults(_tableId) {
@@ -7664,11 +7665,17 @@ class TableDefaultsProvider {
         const g = this.global.getTable();
         if (!g)
             return base;
-        // Preserve existing provider semantics for non-appearance domains, but let global appearance
-        // override hardcoded table defaults so density/spacing/typography can act as tenant-wide fallback.
-        const merged = fillUndefined(base, g);
-        if (g.appearance) {
-            merged.appearance = deepMerge$1(base.appearance, g.appearance);
+        const merged = deepMerge$1(base, g);
+        if (g.filteringUi) {
+            merged.behavior = merged.behavior || {};
+            merged.behavior.filtering = merged.behavior.filtering || {};
+            merged.behavior.filtering.advancedFilters =
+                merged.behavior.filtering.advancedFilters || { enabled: false };
+            const currentSettings = (merged.behavior.filtering.advancedFilters.settings || {});
+            merged.behavior.filtering.advancedFilters.settings = {
+                ...g.filteringUi,
+                ...currentSettings,
+            };
         }
         return merged;
     }
@@ -21041,7 +21048,10 @@ class PraxisTable {
         'audit-warning': 'audit-review',
         'sync-warning': 'sync-pending',
     };
-    config = createDefaultTableConfig();
+    static ngAcceptInputType_config;
+    config = { columns: [] };
+    hostInputConfig;
+    persistedUserConfig;
     resourcePath;
     data = null;
     tableId;
@@ -21056,11 +21066,29 @@ class PraxisTable {
     autoOpenSettingsOnOutdated = false;
     crudContext;
     filterCriteria = {};
-    filterTeleport = false;
+    filterCriteriaChange = new EventEmitter();
+    _filterTeleport = false;
+    set filterTeleport(value) {
+        if (this._filterTeleport === value)
+            return;
+        this._filterTeleport = value;
+        this.setShowToolbar(this.shouldExposeToolbar(), true);
+    }
+    get filterTeleport() {
+        return this._filterTeleport;
+    }
     widgetId;
-    filterBarTemplate;
+    filterTemplateSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "filterTemplateSignal" }] : /* istanbul ignore next */ []));
+    _filterBarTemplate;
+    set filterBarTemplate(tpl) {
+        this._filterBarTemplate = tpl;
+        this.filterTemplateSignal.set(tpl);
+    }
+    get filterBarTemplate() {
+        return this._filterBarTemplate;
+    }
     get filterTemplate() {
-        return this.filterBarTemplate;
+        return this.filterTemplateSignal();
     }
     widgetEventBus = inject(PraxisWidgetEventBus, { optional: true });
     queryContext = null;
@@ -23062,6 +23090,40 @@ class PraxisTable {
         }
         catch { }
     }
+    recomposeEffectiveTableConfig() {
+        const existingColumns = Array.isArray(this.config?.columns)
+            ? [...this.config.columns]
+            : [];
+        const baseInput = this.hostInputConfig
+            ? this.clonePlainObject(this.hostInputConfig)
+            : { columns: [] };
+        if (this.persistedUserConfig) {
+            const storedClone = this.clonePlainObject(this.persistedUserConfig);
+            this.config = this.mergePersistedTableConfigWithInput(storedClone, baseInput);
+        }
+        else {
+            this.config = baseInput;
+        }
+        const globalTable = this.global?.getTable?.();
+        this.hostDeclaredAppearanceDensity =
+            this.hasDeclaredAppearanceDensity(this.persistedUserConfig) ||
+                this.hasDeclaredAppearanceDensity(this.hostInputConfig) ||
+                this.hasDeclaredAppearanceDensity(globalTable);
+        this.hostDeclaredAppearanceSpacing =
+            this.hasDeclaredAppearanceSection(this.persistedUserConfig, 'spacing') ||
+                this.hasDeclaredAppearanceSection(this.hostInputConfig, 'spacing') ||
+                this.hasDeclaredAppearanceSection(globalTable, 'spacing');
+        this.hostDeclaredAppearanceTypography =
+            this.hasDeclaredAppearanceSection(this.persistedUserConfig, 'typography') ||
+                this.hasDeclaredAppearanceSection(this.hostInputConfig, 'typography') ||
+                this.hasDeclaredAppearanceSection(globalTable, 'typography');
+        this.ensureConfigDefaults();
+        if ((!Array.isArray(this.config.columns) || this.config.columns.length === 0) &&
+            existingColumns.length > 0 &&
+            (this.usesSchemaColumnProjection(this.config) || this.isRemoteMode())) {
+            this.config.columns = existingColumns;
+        }
+    }
     hasDeclaredAppearanceDensity(config) {
         const appearance = config?.appearance;
         return !!appearance && Object.prototype.hasOwnProperty.call(appearance, 'density');
@@ -23307,11 +23369,19 @@ class PraxisTable {
             return false;
         if (config.toolbar?.visible)
             return true;
+        if (typeof config.toolbar?.title === 'string' && config.toolbar.title.trim().length > 0)
+            return true;
+        if (typeof config.toolbar?.subtitle === 'string' && config.toolbar.subtitle.trim().length > 0)
+            return true;
         if (config.export?.enabled)
             return true;
         if (config.actions?.bulk?.enabled)
             return true;
-        if (this.isAdvancedFiltersEffectivelyEnabled(config))
+        if (!this.filterTeleport && this.isAdvancedFiltersEffectivelyEnabled(config))
+            return true;
+        if (this.getConfiguredQuickFilters().length > 0)
+            return true;
+        if ((this.activeCrossFilters?.length ?? 0) > 0)
             return true;
         return (config.toolbar?.actions?.length ?? 0) > 0;
     }
@@ -23965,7 +24035,7 @@ class PraxisTable {
         if (this.aiAdapter || this.aiAdapterLoadStarted)
             return;
         this.aiAdapterLoadStarted = true;
-        import('./praxisui-table-table-ai.adapter-CBRNHKvA.mjs')
+        import('./praxisui-table-table-ai.adapter-DqlbvUHe.mjs')
             .then(({ TableAiAdapter }) => {
             if (!this.isAiAssistantEnabled()) {
                 this.aiAssistantOpenAfterAdapterLoad = false;
@@ -24737,7 +24807,7 @@ class PraxisTable {
     initializeAiAssistantController() {
         if (!this.aiAdapter || this.aiAssistantController)
             return;
-        import('./praxisui-table-table-agentic-authoring-turn-flow-CITekGF7.mjs')
+        import('./praxisui-table-table-agentic-authoring-turn-flow-EvaZNCNd.mjs')
             .then(({ TableAgenticAuthoringTurnFlow }) => {
             if (this.aiAssistantController || !this.aiAdapter)
                 return;
@@ -25607,6 +25677,8 @@ class PraxisTable {
         };
         this.queryContextClear.emit(clearEvent);
         this.queryContextChange.emit(this.queryContext);
+        this.filterCriteriaChange.emit({ ...this.getEffectiveEditableFilterCriteria() });
+        this.setShowToolbar(this.shouldExposeToolbar(), true);
         // Host-mediated widgetEvent for composition runtime
         this.widgetEvent.emit({
             ownerWidgetKey: this.componentInstanceId || this.tableId || undefined,
@@ -25665,6 +25737,8 @@ class PraxisTable {
         };
         this.queryContextClear.emit(clearEvent);
         this.queryContextChange.emit(this.queryContext);
+        this.filterCriteriaChange.emit({ ...this.getEffectiveEditableFilterCriteria() });
+        this.setShowToolbar(this.shouldExposeToolbar(), true);
         this.widgetEvent.emit({
             ownerWidgetKey: this.componentInstanceId || this.tableId || undefined,
             sourceComponentId: 'praxis-table',
@@ -25810,8 +25884,11 @@ class PraxisTable {
         ref.saved$.subscribe(apply);
     }
     async ngOnInit() {
+        if (!this.hostInputConfig && this.config) {
+            this.hostInputConfig = this.clonePlainObject(this.config);
+        }
         // Ensure config exists before any awaited operations to avoid template errors
-        this.ensureConfigDefaults();
+        this.recomposeEffectiveTableConfig();
         this.enforceUnsupportedFeatureGuards();
         this.syncPaginatorIntl();
         this.setShowToolbar(this.shouldExposeToolbar(), true);
@@ -25827,6 +25904,21 @@ class PraxisTable {
                 }
             }));
         }
+        if (this.global?.configChanges$) {
+            this.subscriptions.push(this.global.configChanges$.subscribe(() => {
+                this.recomposeEffectiveTableConfig();
+                this.enforceUnsupportedFeatureGuards();
+                this.syncPaginatorIntl();
+                this.syncHorizontalScrollFromAppearanceConfig();
+                this.setShowToolbar(this.shouldExposeToolbar(), true);
+                this.applyAppearanceVariables();
+                this.cdr.markForCheck();
+            }));
+        }
+        try {
+            await this.global?.ready?.();
+        }
+        catch { }
         // Resolve global fallback for schema prefs
         try {
             await this.resolveSchemaPrefs();
@@ -25857,14 +25949,8 @@ class PraxisTable {
             try {
                 const storedConfig = await firstValueFrom(this.asyncConfigStorage.loadConfig(cfgKey));
                 if (storedConfig) {
-                    this.hostDeclaredAppearanceDensity =
-                        this.hostDeclaredAppearanceDensity || this.hasDeclaredAppearanceDensity(storedConfig);
-                    this.hostDeclaredAppearanceSpacing =
-                        this.hostDeclaredAppearanceSpacing || this.hasDeclaredAppearanceSection(storedConfig, 'spacing');
-                    this.hostDeclaredAppearanceTypography =
-                        this.hostDeclaredAppearanceTypography || this.hasDeclaredAppearanceSection(storedConfig, 'typography');
-                    this.config = this.mergePersistedTableConfigWithInput(storedConfig, this.config);
-                    this.ensureConfigDefaults();
+                    this.persistedUserConfig = this.clonePlainObject(storedConfig);
+                    this.recomposeEffectiveTableConfig();
                     this.enforceUnsupportedFeatureGuards();
                     this.setupColumns();
                     this.cdr.markForCheck();
@@ -25889,8 +25975,8 @@ class PraxisTable {
             }
         }
         catch { }
-        // Apply global defaults as fallback only for missing properties
-        this.ensureConfigDefaults();
+        // Recompose effective config after GlobalConfig.ready() and persisted user config hydration
+        this.recomposeEffectiveTableConfig();
         this.resetDetailRuntimeForConfig();
         this.syncPaginatorIntl();
         // ngOnInit is async and Angular does not await it before ngAfterContentInit.
@@ -25914,6 +26000,7 @@ class PraxisTable {
             resetPageSizeOverride: true,
         });
         this.applyDataSourceSettings();
+        this.applyAppearanceVariables();
         if (this.isAiAssistantEnabled()) {
             this.ensureAiAdapterLoaded();
         }
@@ -25944,10 +26031,24 @@ class PraxisTable {
             this.localPageSizeRuntimeOverride = false;
         }
         if (changes['config']?.currentValue && this.config) {
-            this.hostDeclaredAppearanceDensity = this.hasDeclaredAppearanceDensity(changes['config'].currentValue);
-            this.hostDeclaredAppearanceSpacing = this.hasDeclaredAppearanceSection(changes['config'].currentValue, 'spacing');
-            this.hostDeclaredAppearanceTypography = this.hasDeclaredAppearanceSection(changes['config'].currentValue, 'typography');
+            this.hostInputConfig = this.clonePlainObject(changes['config'].currentValue);
+            const globalTable = this.global?.getTable?.();
+            this.hostDeclaredAppearanceDensity =
+                this.hasDeclaredAppearanceDensity(this.persistedUserConfig) ||
+                    this.hasDeclaredAppearanceDensity(changes['config'].currentValue) ||
+                    this.hasDeclaredAppearanceDensity(globalTable);
+            this.hostDeclaredAppearanceSpacing =
+                this.hasDeclaredAppearanceSection(this.persistedUserConfig, 'spacing') ||
+                    this.hasDeclaredAppearanceSection(changes['config'].currentValue, 'spacing') ||
+                    this.hasDeclaredAppearanceSection(globalTable, 'spacing');
+            this.hostDeclaredAppearanceTypography =
+                this.hasDeclaredAppearanceSection(this.persistedUserConfig, 'typography') ||
+                    this.hasDeclaredAppearanceSection(changes['config'].currentValue, 'typography') ||
+                    this.hasDeclaredAppearanceSection(globalTable, 'typography');
             this.config = this.reconcileTableConfigInputChange(changes['config'].previousValue, changes['config'].currentValue);
+            if (this.persistedUserConfig) {
+                this.persistedUserConfig = this.clonePlainObject(this.config);
+            }
         }
         this.ensureConfigDefaults();
         this.enforceUnsupportedFeatureGuards();
@@ -26087,6 +26188,16 @@ class PraxisTable {
     shouldFetchRemoteDataForQueryChanges(changes) {
         if (!this.isRemoteMode())
             return false;
+        if (changes['filterCriteria'] &&
+            !changes['queryContext'] &&
+            this.lastAppliedFilterCriteria !== null) {
+            const incoming = normalizePraxisFilterCriteriaRecord(changes['filterCriteria'].currentValue);
+            const prevApplied = this.lastAppliedFilterCriteria;
+            this.lastAppliedFilterCriteria = null;
+            if (this.hasEquivalentFilterCriteria(incoming, prevApplied)) {
+                return false;
+            }
+        }
         if (this.hasInitialized)
             return true;
         const queryChanges = [changes['filterCriteria'], changes['queryContext']];
@@ -28368,8 +28479,13 @@ class PraxisTable {
                 return false;
             if (visibleFieldNames.has(name))
                 return false;
-            if (name.startsWith('_') || name === 'id' || name === '__v')
+            if (name.startsWith('_')
+                || name === 'id'
+                || name === '__v'
+                || name === 'version'
+                || name === 'resourceVersion') {
                 return false;
+            }
             if (this.isSensitiveAiAssistantField(name))
                 return false;
             return true;
@@ -32295,6 +32411,7 @@ class PraxisTable {
         this.clearQuickFilterRuntimeState();
         this.applyAdvancedFilterCriteria(editableCriteria, 'advanced-filter-submit');
         this.syncQuickFilterStateFromEffectiveCriteria();
+        this.filterCriteriaChange.emit({ ...this.filterCriteria });
         if (this.widgetEventBus) {
             this.widgetEventBus.publish({
                 sourceWidgetId: this.widgetId || this.tableId,
@@ -32311,6 +32428,7 @@ class PraxisTable {
         this.clearQuickFilterRuntimeState();
         this.applyAdvancedFilterCriteria({}, 'advanced-filter-clear');
         this.syncQuickFilterStateFromEffectiveCriteria();
+        this.filterCriteriaChange.emit({});
         if (this.widgetEventBus) {
             this.widgetEventBus.publish({
                 sourceWidgetId: this.widgetId || this.tableId,
@@ -32342,6 +32460,7 @@ class PraxisTable {
             this.activeQuickFilterId = id;
             this.activeQuickFilterCriteria = {};
             this.applyAdvancedFilterCriteria({}, 'quick-filter-apply');
+            this.filterCriteriaChange.emit({});
             return;
         }
         const current = normalizePraxisFilterCriteriaRecord(this.filterCriteria);
@@ -32359,12 +32478,14 @@ class PraxisTable {
             this.clearQuickFilterRuntimeState();
             this.applyAdvancedFilterCriteria(cleanedBase, 'quick-filter-clear');
             this.syncQuickFilterStateFromEffectiveCriteria();
+            this.filterCriteriaChange.emit({ ...this.filterCriteria });
             return;
         }
         this.quickFilterBaseCriteria = cleanedBase;
         this.activeQuickFilterId = id;
         this.activeQuickFilterCriteria = { ...cleanedBase, ...patch };
         this.applyAdvancedFilterCriteria(this.activeQuickFilterCriteria, 'quick-filter-apply');
+        this.filterCriteriaChange.emit({ ...this.filterCriteria });
     }
     getConfiguredQuickFilters() {
         const filters = this.config?.toolbar?.filters;
@@ -32507,6 +32628,7 @@ class PraxisTable {
         };
         this.queryContextClear?.emit(clearEvent);
         this.queryContextChange?.emit(this.queryContext);
+        this.filterCriteriaChange.emit({ ...this.getEffectiveEditableFilterCriteria() });
         this.widgetEvent?.emit({
             ownerWidgetKey: this.componentInstanceId || this.tableId || undefined,
             sourceComponentId: 'praxis-table',
@@ -32562,8 +32684,15 @@ class PraxisTable {
     }
     hasEquivalentFilterCriteria(left, right) {
         const canonicalize = (value) => {
-            if (Array.isArray(value))
-                return value.map(canonicalize);
+            if (Array.isArray(value)) {
+                const items = value.map(canonicalize);
+                if (items.length === 2 &&
+                    typeof items[0] === 'number' &&
+                    typeof items[1] === 'number') {
+                    return { end: items[1], start: items[0] };
+                }
+                return items;
+            }
             if (!value || typeof value !== 'object')
                 return value;
             return Object.keys(value)
@@ -32575,8 +32704,10 @@ class PraxisTable {
         };
         return JSON.stringify(canonicalize(left)) === JSON.stringify(canonicalize(right));
     }
+    lastAppliedFilterCriteria = null;
     applyAdvancedFilterCriteria(criteria, reason = 'external-api') {
         this.setAdvancedFilterCriteria(criteria);
+        this.lastAppliedFilterCriteria = { ...this.filterCriteria };
         this.applyExpansionCollapsePolicy('filterChange');
         this.clearCellAnimationChangeState();
         this.pageIndex = 0;
@@ -33062,6 +33193,7 @@ class PraxisTable {
         const compactConfig = this.toPortableTableConfig(plan.canonicalConfig);
         const cfg = this.attachRuntimeMetadataToEditorConfig(compactConfig, plan.metadata?.attachServerMeta === true && !shouldReloadSchema, plan.persistence?.saveConfig === true);
         if (plan.persistence?.saveConfig) {
+            this.persistedUserConfig = this.clonePlainObject(cfg);
             const cfgKey = this.tableConfigKey();
             if (cfgKey) {
                 this.saveConfigWithAck(cfgKey, cfg, 'table-settings-save', {
@@ -33230,8 +33362,27 @@ class PraxisTable {
                 onResetPersistenceSettled(false, 'reset-filter-config');
             });
         }
+        this.persistedUserConfig = undefined;
         const defaults = this.tableDefaultsProvider.getDefaults(this.tableId);
-        this.applyTableConfig(defaults);
+        const restoredConfig = this.hostInputConfig
+            ? fillUndefined(this.clonePlainObject(this.hostInputConfig), defaults)
+            : defaults;
+        if ((!Array.isArray(restoredConfig.columns) || restoredConfig.columns.length === 0) &&
+            this.schemaColumnFieldsSnapshot.length > 0 &&
+            (this.usesSchemaColumnProjection(restoredConfig) || this.isRemoteMode())) {
+            restoredConfig.columns = this.projectSchemaColumns(this.schemaColumnFieldsSnapshot, restoredConfig.columnProjection);
+        }
+        const globalTable = this.global?.getTable?.();
+        this.hostDeclaredAppearanceDensity =
+            this.hasDeclaredAppearanceDensity(this.hostInputConfig) ||
+                this.hasDeclaredAppearanceDensity(globalTable);
+        this.hostDeclaredAppearanceSpacing =
+            this.hasDeclaredAppearanceSection(this.hostInputConfig, 'spacing') ||
+                this.hasDeclaredAppearanceSection(globalTable, 'spacing');
+        this.hostDeclaredAppearanceTypography =
+            this.hasDeclaredAppearanceSection(this.hostInputConfig, 'typography') ||
+                this.hasDeclaredAppearanceSection(globalTable, 'typography');
+        this.applyTableConfig(restoredConfig);
         if (operationCount === 0) {
             this.showResetSuccessFeedback(successTrigger);
         }
@@ -34805,6 +34956,7 @@ class PraxisTable {
                     .subscribe({
                     next: () => {
                         acknowledged = true;
+                        this.persistedUserConfig = this.clonePlainObject(payload);
                         if (applyReconciledConfigOnSuccess) {
                             this.config = payload;
                             this.runColumnResizeLayoutMutation(() => this.setupColumns());
@@ -35104,7 +35256,11 @@ class PraxisTable {
                         this.config?.toolbar?.filters?.enabled !== false &&
                         (!this.config?.toolbar?.filters?.quickFilters || this.config.toolbar.filters.quickFilters.length === 0)) {
                         const toolbar = this.ensureToolbarConfigForRuntime();
-                        toolbar.filters = toolbar.filters || { enabled: true, showAdvancedButton: true };
+                        const globalShowAdvanced = this.global?.getTable?.()?.toolbar?.filters?.showAdvancedButton;
+                        toolbar.filters = toolbar.filters || {
+                            enabled: true,
+                            showAdvancedButton: typeof globalShowAdvanced === 'boolean' ? globalShowAdvanced : true,
+                        };
                         toolbar.filters.quickFilters = [...discoveredQuickFilters];
                         if (toolbar.filters.enabled === undefined) {
                             toolbar.filters.enabled = true;
@@ -38306,8 +38462,56 @@ class PraxisTable {
             }, { dedupeKey: 'praxis-table:expansion:virtualization-fail-closed' });
             return false;
         }
+        if (!this.hasComplementarySchemaExpansionFields()) {
+            return false;
+        }
         return true;
     }
+    hasComplementarySchemaExpansionFields() {
+        const rawMode = String(this.getDetailConfig()?.source?.mode
+            || this.getExpansionConfig()?.source
+            || this.getExpansionConfig()?.mode
+            || (this.getExpansionConfig()?.enabled && !this.getDetailConfig()?.source?.inlineSchema ? 'schema' : 'inline')).trim();
+        if (rawMode !== 'schema')
+            return true;
+        if (this.getExpansionFallbackMode() !== 'none')
+            return true;
+        const schemaFields = this.schemaColumnFieldsSnapshot && this.schemaColumnFieldsSnapshot.length > 0
+            ? this.schemaColumnFieldsSnapshot
+            : this.schemaFieldsSnapshot && this.schemaFieldsSnapshot.length > 0
+                ? this.schemaFieldsSnapshot
+                : null;
+        if (!schemaFields || schemaFields.length === 0)
+            return true;
+        const visibleFieldNames = new Set();
+        const activeColumns = this.visibleColumns && this.visibleColumns.length > 0
+            ? this.visibleColumns
+            : (this.config?.columns || []).filter((col) => col && col.visible !== false);
+        for (const col of activeColumns) {
+            if (col?.field)
+                visibleFieldNames.add(col.field);
+        }
+        const idField = this.getIdField();
+        if (idField)
+            visibleFieldNames.add(idField);
+        return schemaFields.some((f) => {
+            const name = String(f?.name || '').trim();
+            if (!name)
+                return false;
+            if (visibleFieldNames.has(name))
+                return false;
+            if (name.startsWith('_')
+                || name === 'id'
+                || name === '__v'
+                || name === 'version'
+                || name === 'resourceVersion') {
+                return false;
+            }
+            if (this.isSensitiveAiAssistantField(name))
+                return false;
+            return true;
+        });
+    }
     enforceAppearanceSchemaGuards() {
         const appearance = (this.config?.appearance || {});
         if (!appearance || typeof appearance !== 'object')
@@ -42272,7 +42476,7 @@ class PraxisTable {
         this.removeViewportChangeListeners = null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i3$2.SettingsPanelService }, { token: i1.GenericCrudService }, { token: TableDefaultsProvider }, { token: FilterConfigService }, { token: DataFormattingService }, { token: i6$1.PraxisDialog }, { token: i4$2.MatSnackBar }, { token: ASYNC_CONFIG_STORAGE }, { token: CONNECTION_STORAGE }, { token: i0.ElementRef }, { token: i1.GlobalConfigService }, { token: i0.Injector }, { token: i1.ComponentKeyService }, { token: i1.LoadingOrchestrator }, { token: i1.GlobalActionService }, { token: i1.EnterpriseRuntimeContextService, optional: true }, { token: PRAXIS_LOADING_RENDERER, optional: true }, { token: i8$1.ActivatedRoute, optional: true }, { token: i1.LoggerService, optional: true }, { token: AnalyticsTableStatsApiService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisTable, isStandalone: true, selector: "praxis-table", inputs: { config: "config", resourcePath: "resourcePath", data: "data", tableId: "tableId", componentInstanceId: "componentInstanceId", configPersistenceStrategy: "configPersistenceStrategy", title: "title", subtitle: "subtitle", icon: "icon", autoDelete: "autoDelete", notifyIfOutdated: "notifyIfOutdated", snoozeMs: "snoozeMs", autoOpenSettingsOnOutdated: "autoOpenSettingsOnOutdated", crudContext: "crudContext", filterCriteria: "filterCriteria", filterTeleport: ["filterTeleport", "filterTeleport", booleanAttribute], widgetId: "widgetId", queryContext: "queryContext", aiContext: "aiContext", aiAssistantVoiceInputMode: "aiAssistantVoiceInputMode", aiAssistantVoiceLanguage: "aiAssistantVoiceLanguage", horizontalScroll: "horizontalScroll", enableCustomization: ["enableCustomization", "enableCustomization", booleanAttribute], authoringCapability: "authoringCapability", dense: "dense" }, outputs: { queryContextClear: "queryContextClear", queryContextChange: "queryContextChange", rowClick: "rowClick", widgetEvent: "widgetEvent", resourceEvent: "resourceEvent", rowDoubleClick: "rowDoubleClick", rowExpansionChange: "rowExpansionChange", rowAction: "rowAction", toolbarAction: "toolbarAction", bulkAction: "bulkAction", exportAction: "exportAction", columnReorder: "columnReorder", columnReorderAttempt: "columnReorderAttempt", columnResize: "columnResize", beforeDelete: "beforeDelete", afterDelete: "afterDelete", deleteError: "deleteError", beforeBulkDelete: "beforeBulkDelete", afterBulkDelete: "afterBulkDelete", bulkDeleteError: "bulkDeleteError", schemaStatusChange: "schemaStatusChange", configChange: "configChange", metadataChange: "metadataChange", loadingStateChange: "loadingStateChange", collectionLinksChange: "collectionLinksChange", selectionChange: "selectionChange", drawerOpen: "drawerOpen", drawerClose: "drawerClose", drawerTabChange: "drawerTabChange" }, host: { properties: { "class.density-compact": "this.hostDensityCompactClass", "class.density-comfortable": "this.hostDensityComfortableClass", "class.density-spacious": "this.hostDensitySpaciousClass", "class.row-borders": "this.hostRowBordersClass", "class.col-borders": "this.hostColumnBordersClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisTable, isStandalone: true, selector: "praxis-table", inputs: { config: "config", resourcePath: "resourcePath", data: "data", tableId: "tableId", componentInstanceId: "componentInstanceId", configPersistenceStrategy: "configPersistenceStrategy", title: "title", subtitle: "subtitle", icon: "icon", autoDelete: "autoDelete", notifyIfOutdated: "notifyIfOutdated", snoozeMs: "snoozeMs", autoOpenSettingsOnOutdated: "autoOpenSettingsOnOutdated", crudContext: "crudContext", filterCriteria: "filterCriteria", filterTeleport: ["filterTeleport", "filterTeleport", booleanAttribute], widgetId: "widgetId", queryContext: "queryContext", aiContext: "aiContext", aiAssistantVoiceInputMode: "aiAssistantVoiceInputMode", aiAssistantVoiceLanguage: "aiAssistantVoiceLanguage", horizontalScroll: "horizontalScroll", enableCustomization: ["enableCustomization", "enableCustomization", booleanAttribute], authoringCapability: "authoringCapability", dense: "dense" }, outputs: { filterCriteriaChange: "filterCriteriaChange", queryContextClear: "queryContextClear", queryContextChange: "queryContextChange", rowClick: "rowClick", widgetEvent: "widgetEvent", resourceEvent: "resourceEvent", rowDoubleClick: "rowDoubleClick", rowExpansionChange: "rowExpansionChange", rowAction: "rowAction", toolbarAction: "toolbarAction", bulkAction: "bulkAction", exportAction: "exportAction", columnReorder: "columnReorder", columnReorderAttempt: "columnReorderAttempt", columnResize: "columnResize", beforeDelete: "beforeDelete", afterDelete: "afterDelete", deleteError: "deleteError", beforeBulkDelete: "beforeBulkDelete", afterBulkDelete: "afterBulkDelete", bulkDeleteError: "bulkDeleteError", schemaStatusChange: "schemaStatusChange", configChange: "configChange", metadataChange: "metadataChange", loadingStateChange: "loadingStateChange", collectionLinksChange: "collectionLinksChange", selectionChange: "selectionChange", drawerOpen: "drawerOpen", drawerClose: "drawerClose", drawerTabChange: "drawerTabChange" }, host: { properties: { "class.density-compact": "this.hostDensityCompactClass", "class.density-comfortable": "this.hostDensityComfortableClass", "class.density-spacious": "this.hostDensitySpaciousClass", "class.row-borders": "this.hostRowBordersClass", "class.col-borders": "this.hostColumnBordersClass" } }, providers: [
             providePraxisI18nConfig(RESOURCE_DISCOVERY_I18N_CONFIG),
             providePraxisI18nConfig(PRAXIS_TABLE_RUNTIME_I18N_CONFIG),
             MatPaginatorIntl,
@@ -42371,6 +42575,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 type: Input
             }], filterCriteria: [{
                 type: Input
+            }], filterCriteriaChange: [{
+                type: Output
             }], filterTeleport: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -73685,7 +73891,7 @@ class PraxisTableConfigEditor {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisTableConfigEditor, isStandalone: true, selector: "praxis-table-config-editor", providers: [
             TableConfigService,
             providePraxisI18nConfig(PRAXIS_TABLE_EDITOR_I18N_CONFIG),
-        ], viewQueries: [{ propertyName: "filterSettingsEditor", first: true, predicate: ["tableFilterSettingsRef"], descendants: true }, { propertyName: "behaviorEditor", first: true, predicate: BehaviorConfigEditorComponent, descendants: true }, { propertyName: "detailEditor", first: true, predicate: TableDetailEditorComponent, descendants: true }, { propertyName: "rulesEditor", first: true, predicate: TableRulesEditorComponent, descendants: true }, { propertyName: "crudEditorSetter", first: true, predicate: ["crudEditorRef"], descendants: true }], ngImport: i0, template: "<div class=\"editor-section-selector\">\n  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n    <mat-label>{{ tx('sections.selector', 'Editor section') }}</mat-label>\n    <mat-select [(ngModel)]=\"activeSectionIndex\" data-testid=\"table-config-editor-sections\">\n      @for (section of sections; track section.id; let index = $index) {\n        <mat-option [value]=\"index\">{{ section.label }}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n</div>\n<mat-tab-group [preserveContent]=\"true\" class=\"config-tabs\" [(selectedIndex)]=\"activeSectionIndex\">\n  @for (section of sections; track section.id) {\n    <mat-tab>\n      <ng-template mat-tab-label>\n        @if (section.icon) { <mat-icon [praxisIcon]=\"section.icon\"></mat-icon> }\n        <span [attr.data-testid]=\"'config-tab-' + section.id\">{{ section.label }}</span>\n      </ng-template>\n      <div class=\"tab-content\">\n        @switch (section.id) {\n          @case ('connect') {\n            <div class=\"connect-grid\">\n              <mat-form-field appearance=\"outline\">\n                <mat-label>{{ tx('connect.resource', 'Resource') }}</mat-label>\n                <input matInput [(ngModel)]=\"resourcePath\" (ngModelChange)=\"onResourcePathChange($event)\" [placeholder]=\"tx('connect.resource.placeholder', 'e.g. employees')\" />\n                <mat-icon matSuffix>link</mat-icon>\n              </mat-form-field>\n              <mat-form-field appearance=\"outline\">\n                <mat-label>{{ tx('connect.primaryKey', 'Primary key') }}</mat-label>\n                <input\n                  matInput\n                  [(ngModel)]=\"idField\"\n                  (ngModelChange)=\"onIdFieldChange($event)\"\n                  [matAutocomplete]=\"idFieldPicker\"\n                  [placeholder]=\"tx('connect.primaryKey.placeholder', 'e.g. id, uuid, code')\"\n                />\n                <mat-icon matSuffix>fingerprint</mat-icon>\n                <mat-autocomplete\n                  #idFieldPicker=\"matAutocomplete\"\n                  (optionSelected)=\"onIdFieldOptionSelected($event.option.value)\"\n                >\n                  @for (option of filteredIdFieldOptions; track option.name) {\n                    <mat-option [value]=\"option.name\">\n                      <span>{{ option.name }}</span>\n                      @if (option.label && option.label !== option.name) {\n                        <small> - {{ option.label }}</small>\n                      }\n                    </mat-option>\n                  }\n                  @if (filteredIdFieldOptions.length === 0) {\n                    <mat-option disabled>\n                      {{ tx('connect.primaryKey.empty', 'No matching field found.') }}\n                    </mat-option>\n                  }\n                </mat-autocomplete>\n              </mat-form-field>\n              <p class=\"connect-note\">{{ tx('connect.note', 'Define the API resource and, when needed, the primary key.') }}</p>\n              <!-- Diverg\u00EAncia: idField -->\n              @if (idFieldDiverges) { <div class=\"alert alert--warning connect-alert\">\n                <mat-icon class=\"alert__icon\">warning</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.serverPrimaryKeyDiverges', 'The primary key on the server differs from the current configuration.') }}\n                  <span class=\"connect-alert__meta\">(config: {{ idField || 'id' }} | servidor: {{ serverIdField || 'id' }})</span>\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onReconcileIdField()\">{{ tx('connect.reconcile', 'Reconcile') }}</button>\n              </div> }\n              <!-- Diverg\u00EAncia: serverHash -->\n              @if (schemaHashDiverges) { <div class=\"alert alert--info connect-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.schemaSnapshotDiverges', 'The saved schema snapshot differs from the current server schema.') }}\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onAcceptServerHash()\">{{ tx('connect.updateMetadata', 'Update metadata') }}</button>\n              </div> }\n              @if (!schemaHashDiverges && schemaSnapshotMissing) { <div class=\"alert alert--info connect-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.schemaSnapshotMissing', 'A current schema exists on the server, but there is still no persisted snapshot for reconciliation.') }}\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onAcceptServerHash()\">{{ tx('connect.saveSnapshot', 'Save snapshot') }}</button>\n              </div> }\n            </div>\n          }\n          @case ('overview') {\n            <div class=\"overview-grid\">\n              <section class=\"responsive-settings\" aria-labelledby=\"table-responsive-title\">\n                <div class=\"responsive-settings__heading\">\n                  <mat-icon aria-hidden=\"true\">devices</mat-icon>\n                  <h3 id=\"table-responsive-title\">{{ tx('overview.responsive.title', 'Narrow screens') }}</h3>\n                </div>\n                <p>{{ tx('overview.responsive.description', 'Choose how records appear when the table has less space.') }}</p>\n                <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                  <mat-label>{{ tx('overview.responsive.mode', 'Record layout') }}</mat-label>\n                  <mat-select [ngModel]=\"mobileCardMode\" (ngModelChange)=\"onMobileCardModeChange($event)\">\n                    <mat-option [value]=\"false\">{{ tx('overview.responsive.table', 'Table') }}</mat-option>\n                    <mat-option [value]=\"true\">{{ tx('overview.responsive.cards', 'Cards') }}</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                @if (mobileCardMode) {\n                  <p class=\"responsive-settings__hint\">{{ tx('overview.responsive.cardsHint', 'Each record becomes a card with its visible columns. Selection and row actions remain available. Wider areas keep the table layout.') }}</p>\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('overview.responsive.breakpoint', 'Show cards at widths up to') }}</mat-label>\n                    <input matInput type=\"number\" min=\"1\" step=\"1\" required\n                      [ngModel]=\"mobileBreakpoint\" (ngModelChange)=\"onMobileBreakpointChange($event)\"\n                      [attr.aria-invalid]=\"mobileBreakpointInvalid\"\n                      aria-describedby=\"table-responsive-width-help\" />\n                    <span matTextSuffix>px</span>\n                  </mat-form-field>\n                  @if (mobileBreakpointInvalid) {\n                    <p class=\"responsive-settings__error\" role=\"alert\">{{ tx('overview.responsive.invalidWidth', 'Enter a positive whole number.') }}</p>\n                  }\n                  <p id=\"table-responsive-width-help\" class=\"responsive-settings__hint\">{{ tx('overview.responsive.widthHint', 'Uses the smaller width of the screen and the table area. Default: 768 px.') }}</p>\n                  <p class=\"responsive-settings__hint\">{{ tx('overview.responsive.virtualizationHint', 'Cards require standard rows. With virtual scrolling enabled, records remain in a table.') }}</p>\n                }\n              </section>\n              <div class=\"overview-row\">\n                <mat-form-field appearance=\"outline\" class=\"hs-field\">\n                  <mat-label>{{ tx('overview.horizontalScroll', 'Horizontal scroll') }}</mat-label>\n                  <mat-select [(ngModel)]=\"horizontalScroll\" (ngModelChange)=\"onHorizontalScrollChange($event)\">\n                    <mat-option value=\"auto\">{{ tx('overview.horizontalScroll.auto', 'Auto (default)') }}</mat-option>\n                    <mat-option value=\"wrap\">{{ tx('overview.horizontalScroll.wrap', 'Wrap') }}</mat-option>\n                    <mat-option value=\"none\">{{ tx('overview.horizontalScroll.none', 'Host controls') }}</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                <div class=\"help small\">{{ tx('overview.horizontalScroll.help', 'Controls how the table handles horizontal width and scrollbar behavior.') }}</div>\n              </div>\n              @if (isEffectiveLocalMode()) { <div class=\"alert alert--info overview-mode-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text\">\n                  {{ tx('overview.localModeActive', 'Effective local mode is active: server pagination and sorting strategies are blocked and persisted as client mode.') }}\n                </div>\n              </div> }\n              <behavior-config-editor\n                [config]=\"editedConfig\"\n                [resourcePath]=\"resourcePath\"\n                [forceClientStrategies]=\"isEffectiveLocalMode()\"\n                (configChange)=\"onBehaviorConfigChange($event)\"\n                (behaviorChange)=\"onBehaviorChange($event)\"\n              ></behavior-config-editor>\n            </div>\n          }\n          @case ('columns') {\n            <columns-config-editor\n              [config]=\"editedConfig\"\n              [fieldMetadata]=\"getColumnAuthoringMetas()\"\n              (configChange)=\"onColumnsConfigChange($event)\"\n              (columnChange)=\"onColumnChange($event)\"\n            ></columns-config-editor>\n          }\n          @case ('detail') {\n            <praxis-table-detail-editor [config]=\"editedConfig\"\n              (configChange)=\"onDetailConfigChange($event)\"\n              (draftStateChange)=\"onDetailDraftStateChange($event)\"\n            ></praxis-table-detail-editor>\n          }\n          @case ('rules') {\n            <table-rules-editor\n              [config]=\"editedConfig\"\n              [resourcePath]=\"resourcePath\"\n              (configChange)=\"onRulesConfigChange($event)\"\n            ></table-rules-editor>\n          }\n          @case ('header') {\n            <header-appearance-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onColumnsConfigChange($event)\"\n            ></header-appearance-editor>\n          }\n          @case ('toolbar') {\n            <toolbar-actions-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onToolbarActionsConfigChange($event)\"\n              (toolbarActionsChange)=\"onToolbarActionsChange($event)\"\n              (validationChange)=\"onSurfaceDraftValidationChange($event)\"\n            ></toolbar-actions-editor>\n          }\n          <!-- Aba extra para integra\u00E7\u00F5es CRUD (vis\u00EDvel quando em contexto CRUD) -->\n          @case ('crud') {\n            <crud-integration-editor\n              #crudEditorRef\n              [tableId]=\"crudContext?.tableId || 'default'\"\n              [crudContext]=\"crudContext\"\n              [componentKeyId]=\"crudContext?.componentKeyId\"\n            ></crud-integration-editor>\n          }\n          @case ('filters') {\n            <div class=\"filters-authoring-stack\">\n              <section\n                class=\"responsive-settings toolbar-filters-region\"\n                data-testid=\"table-unified-filter-region-section\"\n                aria-labelledby=\"table-unified-filter-region-title\"\n              >\n                <div class=\"responsive-settings__heading\">\n                  <mat-icon aria-hidden=\"true\">filter_list</mat-icon>\n                  <h3 id=\"table-unified-filter-region-title\">\n                    {{ tx('filters.region.title', 'Regi\u00E3o \u00FAnica de filtros e escopos da toolbar') }}\n                  </h3>\n                </div>\n                <p class=\"responsive-settings__hint\">\n                  {{\n                    tx(\n                      'filters.region.description',\n                      'Centralize escopos r\u00E1pidos (Todos / Ativos / Inativos), busca e gaveta avan\u00E7ada na toolbar da tabela sem controles duplicados.'\n                    )\n                  }}\n                </p>\n\n                <div class=\"toolbar-filters-toggles\">\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.enabled', 'Regi\u00E3o de filtros na toolbar') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarFiltersEnabled\"\n                      (ngModelChange)=\"onToolbarFiltersEnabledChange($event)\"\n                      data-testid=\"table-toolbar-filters-enabled-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.enabled', 'Ativada') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.disabled', 'Desativada') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showQuickFilters', 'Exibir escopos r\u00E1pidos') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarShowQuickFilters\"\n                      (ngModelChange)=\"onToolbarShowQuickFiltersChange($event)\"\n                      data-testid=\"table-toolbar-show-quick-filters-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showAdvancedButton', 'Bot\u00E3o de gaveta avan\u00E7ada') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarShowAdvancedButton\"\n                      (ngModelChange)=\"onToolbarShowAdvancedButtonChange($event)\"\n                      data-testid=\"table-toolbar-show-advanced-button-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showAddButton', 'Bot\u00E3o \"Gerenciar campos\"') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"advancedFilterShowAddButton\"\n                      (ngModelChange)=\"onAdvancedFilterShowAddButtonChange($event)\"\n                      data-testid=\"table-toolbar-show-add-button-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showFilterSettings', 'Bot\u00E3o \"Configura\u00E7\u00F5es do filtro\"') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"advancedFilterShowFilterSettings\"\n                      (ngModelChange)=\"onAdvancedFilterShowFilterSettingsChange($event)\"\n                      data-testid=\"table-toolbar-show-filter-settings-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n                </div>\n\n                @if (duplicatedQuickFilterInlineFields.length > 0) {\n                  <div\n                    class=\"alert alert--warning connect-alert\"\n                    data-testid=\"table-filter-duplicate-scope-warning\"\n                  >\n                    <mat-icon class=\"alert__icon\">warning</mat-icon>\n                    <div class=\"alert__text connect-alert__text\">\n                      {{\n                        tx(\n                          'filters.region.duplicateWarning',\n                          'Os campos abaixo j\u00E1 possuem escopos r\u00E1pidos na toolbar e tamb\u00E9m est\u00E3o nos filtros inline:'\n                        )\n                      }}\n                      <strong>{{ duplicatedQuickFilterInlineFields.join(', ') }}</strong>\n                    </div>\n                    <button\n                      mat-stroked-button\n                      color=\"primary\"\n                      type=\"button\"\n                      data-testid=\"table-filter-consolidate-duplicates-btn\"\n                      (click)=\"consolidateDuplicateInlineFilterFields()\"\n                    >\n                      {{ tx('filters.region.consolidateBtn', 'Consolidar nos escopos r\u00E1pidos') }}\n                    </button>\n                  </div>\n                }\n\n                <div class=\"quick-filters-header\">\n                  <strong>{{ tx('filters.quickFilters.heading', 'Escopos r\u00E1pidos (quickFilters)') }}</strong>\n                  <div class=\"quick-filters-actions\">\n                    <button\n                      mat-stroked-button\n                      type=\"button\"\n                      data-testid=\"table-quick-filters-preset-boolean-btn\"\n                      (click)=\"applyBooleanQuickFilterPreset()\"\n                    >\n                      {{ tx('filters.quickFilters.presetBoolean', 'Preset Todos / Ativos / Inativos') }}\n                    </button>\n                    <button\n                      mat-stroked-button\n                      color=\"primary\"\n                      type=\"button\"\n                      data-testid=\"table-quick-filters-add-btn\"\n                      (click)=\"addQuickFilterScope()\"\n                    >\n                      {{ tx('filters.quickFilters.add', 'Adicionar escopo') }}\n                    </button>\n                  </div>\n                </div>\n\n                @if (toolbarQuickFilters.length > 0) {\n                  <div class=\"quick-filters-list\" data-testid=\"table-quick-filters-list\">\n                    @for (qf of toolbarQuickFilters; track $index; let idx = $index) {\n                      <div class=\"quick-filter-row\" [attr.data-testid]=\"'table-quick-filter-row-' + idx\">\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.id', 'ID') }}</mat-label>\n                          <input\n                            matInput\n                            [ngModel]=\"qf.id\"\n                            (ngModelChange)=\"updateQuickFilterMeta(idx, { id: $event })\"\n                            [attr.data-testid]=\"'table-quick-filter-id-' + idx\"\n                          />\n                        </mat-form-field>\n\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.label', 'R\u00F3tulo') }}</mat-label>\n                          <input\n                            matInput\n                            [ngModel]=\"qf.label\"\n                            (ngModelChange)=\"updateQuickFilterMeta(idx, { label: $event })\"\n                            [attr.data-testid]=\"'table-quick-filter-label-' + idx\"\n                          />\n                        </mat-form-field>\n\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.mode', 'Tipo de escopo') }}</mat-label>\n                          <mat-select\n                            [ngModel]=\"getQuickFilterMode(qf)\"\n                            (ngModelChange)=\"onQuickFilterModeChange(idx, $event)\"\n                            [attr.data-testid]=\"'table-quick-filter-mode-' + idx\"\n                          >\n                            <mat-option value=\"all\">{{ tx('filters.quickFilters.mode.all', 'Todos (limpar filtro)') }}</mat-option>\n                            <mat-option value=\"boolean\">{{ tx('filters.quickFilters.mode.boolean', 'Status booleano (Sim/N\u00E3o)') }}</mat-option>\n                            <mat-option value=\"equals\">{{ tx('filters.quickFilters.mode.equals', 'Campo igual a valor') }}</mat-option>\n                          </mat-select>\n                        </mat-form-field>\n\n                        @if (getQuickFilterMode(qf) !== 'all') {\n                          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                            <mat-label>{{ tx('filters.quickFilters.field', 'Campo') }}</mat-label>\n                            <input\n                              matInput\n                              [ngModel]=\"getQuickFilterField(qf)\"\n                              (ngModelChange)=\"onQuickFilterFieldChange(idx, $event)\"\n                              [attr.data-testid]=\"'table-quick-filter-field-' + idx\"\n                            />\n                          </mat-form-field>\n\n                          @if (getQuickFilterMode(qf) === 'boolean') {\n                            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                              <mat-label>{{ tx('filters.quickFilters.value', 'Valor') }}</mat-label>\n                              <mat-select\n                                [ngModel]=\"getQuickFilterValue(qf)\"\n                                (ngModelChange)=\"onQuickFilterValueChange(idx, $event)\"\n                                [attr.data-testid]=\"'table-quick-filter-bool-value-' + idx\"\n                              >\n                                <mat-option [value]=\"true\">{{ tx('common.boolean.true', 'Verdadeiro (true)') }}</mat-option>\n                                <mat-option [value]=\"false\">{{ tx('common.boolean.false', 'Falso (false)') }}</mat-option>\n                              </mat-select>\n                            </mat-form-field>\n                          } @else {\n                            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                              <mat-label>{{ tx('filters.quickFilters.value', 'Valor') }}</mat-label>\n                              <input\n                                matInput\n                                [ngModel]=\"getQuickFilterValue(qf)\"\n                                (ngModelChange)=\"onQuickFilterValueChange(idx, $event)\"\n                                [attr.data-testid]=\"'table-quick-filter-value-' + idx\"\n                              />\n                            </mat-form-field>\n                          }\n                        }\n\n                        <button\n                          mat-stroked-button\n                          color=\"warn\"\n                          type=\"button\"\n                          [attr.data-testid]=\"'table-quick-filter-remove-' + idx\"\n                          (click)=\"removeQuickFilterScope(idx)\"\n                        >\n                          {{ tx('common.remove', 'Remover') }}\n                        </button>\n                      </div>\n                    }\n                  </div>\n                }\n              </section>\n\n              <filter-settings\n                #tableFilterSettingsRef\n                [metadata]=\"getFilterSettingsMetas()\"\n                [metadataSource]=\"isUsingFilterDtoMetas() ? 'filter-dto' : 'columns'\"\n                [metadataLoading]=\"filterDtoMetasLoading\"\n                [metadataErrorMsg]=\"filterDtoMetasErrorMsg\"\n                [settings]=\"\n                  editedConfig.behavior?.filtering?.advancedFilters?.settings\n                \"\n                (settingsChange)=\"onFilterSettingsChange($event)\"\n              ></filter-settings>\n            </div>\n          }\n          @case ('messages') {\n            <messages-localization-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onMessagesLocalizationConfigChange($event)\"\n            (messagesLocalizationChange)=\"\n              onMessagesLocalizationChange($event)\n            \"\n            ></messages-localization-editor>\n          }\n          @case ('dialogs') {\n            <confirm-dialog-appearance-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onJsonConfigChange($event)\"\n            ></confirm-dialog-appearance-editor>\n          }\n          @case ('json') {\n            <json-config-editor\n              [document]=\"buildJsonAuthoringDocument()\"\n              (documentChange)=\"onJsonConfigChange($event)\"\n              (validationChange)=\"onJsonValidationChange($event)\"\n              (editorEvent)=\"onJsonEditorEvent($event)\"\n            ></json-config-editor>\n          }\n        }\n      </div>\n    </mat-tab>\n  }\n</mat-tab-group>\n@if (statusMessage) { <div class=\"config-editor-status\">\n  <span\n    class=\"status-text\"\n    [class.error]=\"hasErrors\"\n    [class.success]=\"hasSuccess\"\n    >{{ statusMessage }}</span\n    >\n</div> }\n", styles: ["@charset \"UTF-8\";:host{display:block;min-width:0;container:praxis-authoring-editor/inline-size}.editor-section-selector{display:none;padding:var(--pfx-spacing-2, 8px)}.editor-section-selector mat-form-field{width:100%}@container praxis-authoring-editor (max-width: 768px){.editor-section-selector{display:block}::ng-deep .config-tabs>.mat-mdc-tab-header{display:none}}.config-tabs{flex:1 1 auto;display:flex;flex-direction:column}.config-tabs .mat-mdc-tab{min-width:120px}.config-tabs .mat-mdc-tab-body-wrapper,.config-tabs .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.config-tabs .mat-mdc-tab-body-content{height:100%;min-height:0;overflow:visible}.tab-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:8px 8px 56px;box-sizing:border-box;overflow:visible}.overview-grid{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px}.overview-grid .overview-row{display:grid;grid-template-columns:280px 1fr;align-items:end;gap:12px}.overview-grid .overview-row .help.small{opacity:.75;font-size:12px}.overview-mode-alert{align-items:center}.connect-grid{display:grid;gap:12px;padding:8px;grid-template-columns:minmax(0,1fr);align-items:start}.connect-note{grid-column:1/-1;margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.connect-alert{grid-column:1/-1;align-items:center}.connect-alert__text{flex:1}.connect-alert__meta{opacity:.85}.educational-card{margin-bottom:24px;background:var(--md-sys-color-surface-container-low);border-left:4px solid var(--md-sys-color-primary);flex-shrink:0}.config-editor-status{padding:12px 16px;margin-top:auto;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);flex-shrink:0;position:relative}.status-text{font-size:.875rem;line-height:1.2}.status-text.error{color:var(--md-sys-color-error)}.status-text.success{color:var(--md-sys-color-primary)}@media(max-width:768px){.tab-content{padding:8px 8px 72px}.config-editor-status{padding:12px 16px}.connect-grid{grid-template-columns:1fr}.overview-grid .overview-row{grid-template-columns:1fr;align-items:start}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}}.responsive-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-surface-container-low)}.responsive-settings__heading{display:flex;align-items:center;gap:8px}.responsive-settings h3,.responsive-settings p{margin:0}.responsive-settings h3{font-size:1rem;font-weight:600}.responsive-settings p{font-size:.875rem;line-height:1.5}.responsive-settings__hint{color:var(--md-sys-color-on-surface-variant)}.responsive-settings__error{color:var(--md-sys-color-error)}.responsive-settings mat-form-field{width:100%;min-width:0}.filters-authoring-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.toolbar-filters-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.quick-filters-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.quick-filters-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-filters-list{display:grid;gap:10px}.quick-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:center;gap:8px;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i4$1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i4$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i4$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i17$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i17$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: JsonConfigEditorComponent, selector: "json-config-editor", inputs: ["document"], outputs: ["documentChange", "validationChange", "editorEvent"] }, { kind: "component", type: ColumnsConfigEditorComponent, selector: "columns-config-editor", inputs: ["config", "readonly", "fieldMetadata"], outputs: ["configChange", "columnChange"] }, { kind: "component", type: BehaviorConfigEditorComponent, selector: "behavior-config-editor", inputs: ["config", "resourcePath", "forceClientStrategies"], outputs: ["configChange", "behaviorChange"] }, { kind: "component", type: HeaderAppearanceEditorComponent, selector: "header-appearance-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: ToolbarActionsEditorComponent, selector: "toolbar-actions-editor", inputs: ["config"], outputs: ["configChange", "validationChange", "toolbarActionsChange"] }, { kind: "component", type: MessagesLocalizationEditorComponent, selector: "messages-localization-editor", inputs: ["config"], outputs: ["configChange", "messagesLocalizationChange"] }, { kind: "component", type: FilterSettingsComponent, selector: "filter-settings", inputs: ["metadata", "metadataSource", "metadataLoading", "metadataErrorMsg", "settings", "configKey"], outputs: ["settingsChange"] }, { kind: "component", type: CrudIntegrationEditorComponent, selector: "crud-integration-editor", inputs: ["tableId", "crudContext", "componentKeyId"] }, { kind: "component", type: ConfirmDialogAppearanceEditorComponent, selector: "confirm-dialog-appearance-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: TableRulesEditorComponent, selector: "table-rules-editor", inputs: ["config", "resourcePath", "fields", "i18nRules", "debugLogs", "debugLevel"], outputs: ["configChange"] }, { kind: "component", type: TableDetailEditorComponent, selector: "praxis-table-detail-editor", inputs: ["config"], outputs: ["configChange", "draftStateChange"] }] });
+        ], viewQueries: [{ propertyName: "filterSettingsEditor", first: true, predicate: ["tableFilterSettingsRef"], descendants: true }, { propertyName: "behaviorEditor", first: true, predicate: BehaviorConfigEditorComponent, descendants: true }, { propertyName: "detailEditor", first: true, predicate: TableDetailEditorComponent, descendants: true }, { propertyName: "rulesEditor", first: true, predicate: TableRulesEditorComponent, descendants: true }, { propertyName: "crudEditorSetter", first: true, predicate: ["crudEditorRef"], descendants: true }], ngImport: i0, template: "<div class=\"editor-section-selector\">\n  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n    <mat-label>{{ tx('sections.selector', 'Editor section') }}</mat-label>\n    <mat-select [(ngModel)]=\"activeSectionIndex\" data-testid=\"table-config-editor-sections\">\n      @for (section of sections; track section.id; let index = $index) {\n        <mat-option [value]=\"index\">{{ section.label }}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n</div>\n<mat-tab-group [preserveContent]=\"true\" class=\"config-tabs\" [(selectedIndex)]=\"activeSectionIndex\">\n  @for (section of sections; track section.id) {\n    <mat-tab>\n      <ng-template mat-tab-label>\n        @if (section.icon) { <mat-icon [praxisIcon]=\"section.icon\"></mat-icon> }\n        <span [attr.data-testid]=\"'config-tab-' + section.id\">{{ section.label }}</span>\n      </ng-template>\n      <div class=\"tab-content\">\n        @switch (section.id) {\n          @case ('connect') {\n            <div class=\"connect-grid\">\n              <mat-form-field appearance=\"outline\">\n                <mat-label>{{ tx('connect.resource', 'Resource') }}</mat-label>\n                <input matInput [(ngModel)]=\"resourcePath\" (ngModelChange)=\"onResourcePathChange($event)\" [placeholder]=\"tx('connect.resource.placeholder', 'e.g. employees')\" />\n                <mat-icon matSuffix>link</mat-icon>\n              </mat-form-field>\n              <mat-form-field appearance=\"outline\">\n                <mat-label>{{ tx('connect.primaryKey', 'Primary key') }}</mat-label>\n                <input\n                  matInput\n                  [(ngModel)]=\"idField\"\n                  (ngModelChange)=\"onIdFieldChange($event)\"\n                  [matAutocomplete]=\"idFieldPicker\"\n                  [placeholder]=\"tx('connect.primaryKey.placeholder', 'e.g. id, uuid, code')\"\n                />\n                <mat-icon matSuffix>fingerprint</mat-icon>\n                <mat-autocomplete\n                  #idFieldPicker=\"matAutocomplete\"\n                  (optionSelected)=\"onIdFieldOptionSelected($event.option.value)\"\n                >\n                  @for (option of filteredIdFieldOptions; track option.name) {\n                    <mat-option [value]=\"option.name\">\n                      <span>{{ option.name }}</span>\n                      @if (option.label && option.label !== option.name) {\n                        <small> - {{ option.label }}</small>\n                      }\n                    </mat-option>\n                  }\n                  @if (filteredIdFieldOptions.length === 0) {\n                    <mat-option disabled>\n                      {{ tx('connect.primaryKey.empty', 'No matching field found.') }}\n                    </mat-option>\n                  }\n                </mat-autocomplete>\n              </mat-form-field>\n              <p class=\"connect-note\">{{ tx('connect.note', 'Define the API resource and, when needed, the primary key.') }}</p>\n              <!-- Diverg\u00EAncia: idField -->\n              @if (idFieldDiverges) { <div class=\"alert alert--warning connect-alert\">\n                <mat-icon class=\"alert__icon\">warning</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.serverPrimaryKeyDiverges', 'The primary key on the server differs from the current configuration.') }}\n                  <span class=\"connect-alert__meta\">(config: {{ idField || 'id' }} | servidor: {{ serverIdField || 'id' }})</span>\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onReconcileIdField()\">{{ tx('connect.reconcile', 'Reconcile') }}</button>\n              </div> }\n              <!-- Diverg\u00EAncia: serverHash -->\n              @if (schemaHashDiverges) { <div class=\"alert alert--info connect-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.schemaSnapshotDiverges', 'The saved schema snapshot differs from the current server schema.') }}\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onAcceptServerHash()\">{{ tx('connect.updateMetadata', 'Update metadata') }}</button>\n              </div> }\n              @if (!schemaHashDiverges && schemaSnapshotMissing) { <div class=\"alert alert--info connect-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.schemaSnapshotMissing', 'A current schema exists on the server, but there is still no persisted snapshot for reconciliation.') }}\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onAcceptServerHash()\">{{ tx('connect.saveSnapshot', 'Save snapshot') }}</button>\n              </div> }\n            </div>\n          }\n          @case ('overview') {\n            <div class=\"overview-grid\">\n              <section class=\"responsive-settings\" aria-labelledby=\"table-responsive-title\">\n                <div class=\"responsive-settings__heading\">\n                  <mat-icon aria-hidden=\"true\">devices</mat-icon>\n                  <h3 id=\"table-responsive-title\">{{ tx('overview.responsive.title', 'Narrow screens') }}</h3>\n                </div>\n                <p>{{ tx('overview.responsive.description', 'Choose how records appear when the table has less space.') }}</p>\n                <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                  <mat-label>{{ tx('overview.responsive.mode', 'Record layout') }}</mat-label>\n                  <mat-select [ngModel]=\"mobileCardMode\" (ngModelChange)=\"onMobileCardModeChange($event)\">\n                    <mat-option [value]=\"false\">{{ tx('overview.responsive.table', 'Table') }}</mat-option>\n                    <mat-option [value]=\"true\">{{ tx('overview.responsive.cards', 'Cards') }}</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                @if (mobileCardMode) {\n                  <p class=\"responsive-settings__hint\">{{ tx('overview.responsive.cardsHint', 'Each record becomes a card with its visible columns. Selection and row actions remain available. Wider areas keep the table layout.') }}</p>\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('overview.responsive.breakpoint', 'Show cards at widths up to') }}</mat-label>\n                    <input matInput type=\"number\" min=\"1\" step=\"1\" required\n                      [ngModel]=\"mobileBreakpoint\" (ngModelChange)=\"onMobileBreakpointChange($event)\"\n                      [attr.aria-invalid]=\"mobileBreakpointInvalid\"\n                      aria-describedby=\"table-responsive-width-help\" />\n                    <span matTextSuffix>px</span>\n                  </mat-form-field>\n                  @if (mobileBreakpointInvalid) {\n                    <p class=\"responsive-settings__error\" role=\"alert\">{{ tx('overview.responsive.invalidWidth', 'Enter a positive whole number.') }}</p>\n                  }\n                  <p id=\"table-responsive-width-help\" class=\"responsive-settings__hint\">{{ tx('overview.responsive.widthHint', 'Uses the smaller width of the screen and the table area. Default: 768 px.') }}</p>\n                  <p class=\"responsive-settings__hint\">{{ tx('overview.responsive.virtualizationHint', 'Cards require standard rows. With virtual scrolling enabled, records remain in a table.') }}</p>\n                }\n              </section>\n              <div class=\"overview-row\">\n                <mat-form-field appearance=\"outline\" class=\"hs-field\">\n                  <mat-label>{{ tx('overview.horizontalScroll', 'Horizontal scroll') }}</mat-label>\n                  <mat-select [(ngModel)]=\"horizontalScroll\" (ngModelChange)=\"onHorizontalScrollChange($event)\">\n                    <mat-option value=\"auto\">{{ tx('overview.horizontalScroll.auto', 'Auto (default)') }}</mat-option>\n                    <mat-option value=\"wrap\">{{ tx('overview.horizontalScroll.wrap', 'Wrap') }}</mat-option>\n                    <mat-option value=\"none\">{{ tx('overview.horizontalScroll.none', 'Host controls') }}</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                <div class=\"help small\">{{ tx('overview.horizontalScroll.help', 'Controls how the table handles horizontal width and scrollbar behavior.') }}</div>\n              </div>\n              @if (isEffectiveLocalMode()) { <div class=\"alert alert--info overview-mode-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text\">\n                  {{ tx('overview.localModeActive', 'Effective local mode is active: server pagination and sorting strategies are blocked and persisted as client mode.') }}\n                </div>\n              </div> }\n              <behavior-config-editor\n                [config]=\"editedConfig\"\n                [resourcePath]=\"resourcePath\"\n                [forceClientStrategies]=\"isEffectiveLocalMode()\"\n                (configChange)=\"onBehaviorConfigChange($event)\"\n                (behaviorChange)=\"onBehaviorChange($event)\"\n              ></behavior-config-editor>\n            </div>\n          }\n          @case ('columns') {\n            <columns-config-editor\n              [config]=\"editedConfig\"\n              [fieldMetadata]=\"getColumnAuthoringMetas()\"\n              (configChange)=\"onColumnsConfigChange($event)\"\n              (columnChange)=\"onColumnChange($event)\"\n            ></columns-config-editor>\n          }\n          @case ('detail') {\n            <praxis-table-detail-editor [config]=\"editedConfig\"\n              (configChange)=\"onDetailConfigChange($event)\"\n              (draftStateChange)=\"onDetailDraftStateChange($event)\"\n            ></praxis-table-detail-editor>\n          }\n          @case ('rules') {\n            <table-rules-editor\n              [config]=\"editedConfig\"\n              [resourcePath]=\"resourcePath\"\n              (configChange)=\"onRulesConfigChange($event)\"\n            ></table-rules-editor>\n          }\n          @case ('header') {\n            <header-appearance-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onColumnsConfigChange($event)\"\n            ></header-appearance-editor>\n          }\n          @case ('toolbar') {\n            <toolbar-actions-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onToolbarActionsConfigChange($event)\"\n              (toolbarActionsChange)=\"onToolbarActionsChange($event)\"\n              (validationChange)=\"onSurfaceDraftValidationChange($event)\"\n            ></toolbar-actions-editor>\n          }\n          <!-- Aba extra para integra\u00E7\u00F5es CRUD (vis\u00EDvel quando em contexto CRUD) -->\n          @case ('crud') {\n            <crud-integration-editor\n              #crudEditorRef\n              [tableId]=\"crudContext?.tableId || 'default'\"\n              [crudContext]=\"crudContext\"\n              [componentKeyId]=\"crudContext?.componentKeyId\"\n            ></crud-integration-editor>\n          }\n          @case ('filters') {\n            <div class=\"filters-authoring-stack\">\n              <section\n                class=\"responsive-settings toolbar-filters-region\"\n                data-testid=\"table-unified-filter-region-section\"\n                aria-labelledby=\"table-unified-filter-region-title\"\n              >\n                <div class=\"responsive-settings__heading\">\n                  <mat-icon aria-hidden=\"true\">filter_list</mat-icon>\n                  <h3 id=\"table-unified-filter-region-title\">\n                    {{ tx('filters.region.title', 'Regi\u00E3o \u00FAnica de filtros e escopos da toolbar') }}\n                  </h3>\n                </div>\n                <p class=\"responsive-settings__hint\">\n                  {{\n                    tx(\n                      'filters.region.description',\n                      'Centralize escopos r\u00E1pidos (Todos / Ativos / Inativos), busca e gaveta avan\u00E7ada na toolbar da tabela sem controles duplicados.'\n                    )\n                  }}\n                </p>\n\n                <div class=\"toolbar-filters-toggles\">\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.enabled', 'Regi\u00E3o de filtros na toolbar') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarFiltersEnabled\"\n                      (ngModelChange)=\"onToolbarFiltersEnabledChange($event)\"\n                      data-testid=\"table-toolbar-filters-enabled-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.enabled', 'Ativada') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.disabled', 'Desativada') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showQuickFilters', 'Exibir escopos r\u00E1pidos') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarShowQuickFilters\"\n                      (ngModelChange)=\"onToolbarShowQuickFiltersChange($event)\"\n                      data-testid=\"table-toolbar-show-quick-filters-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showAdvancedButton', 'Bot\u00E3o de gaveta avan\u00E7ada') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarShowAdvancedButton\"\n                      (ngModelChange)=\"onToolbarShowAdvancedButtonChange($event)\"\n                      data-testid=\"table-toolbar-show-advanced-button-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showAddButton', 'Bot\u00E3o \"Gerenciar campos\"') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"advancedFilterShowAddButton\"\n                      (ngModelChange)=\"onAdvancedFilterShowAddButtonChange($event)\"\n                      data-testid=\"table-toolbar-show-add-button-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showFilterSettings', 'Bot\u00E3o \"Configura\u00E7\u00F5es do filtro\"') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"advancedFilterShowFilterSettings\"\n                      (ngModelChange)=\"onAdvancedFilterShowFilterSettingsChange($event)\"\n                      data-testid=\"table-toolbar-show-filter-settings-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n                </div>\n\n                @if (duplicatedQuickFilterInlineFields.length > 0) {\n                  <div\n                    class=\"alert alert--warning connect-alert\"\n                    data-testid=\"table-filter-duplicate-scope-warning\"\n                  >\n                    <mat-icon class=\"alert__icon\">warning</mat-icon>\n                    <div class=\"alert__text connect-alert__text\">\n                      {{\n                        tx(\n                          'filters.region.duplicateWarning',\n                          'Os campos abaixo j\u00E1 possuem escopos r\u00E1pidos na toolbar e tamb\u00E9m est\u00E3o nos filtros inline:'\n                        )\n                      }}\n                      <strong>{{ duplicatedQuickFilterInlineFields.join(', ') }}</strong>\n                    </div>\n                    <button\n                      mat-stroked-button\n                      color=\"primary\"\n                      type=\"button\"\n                      data-testid=\"table-filter-consolidate-duplicates-btn\"\n                      (click)=\"consolidateDuplicateInlineFilterFields()\"\n                    >\n                      {{ tx('filters.region.consolidateBtn', 'Consolidar nos escopos r\u00E1pidos') }}\n                    </button>\n                  </div>\n                }\n\n                <div class=\"quick-filters-header\">\n                  <strong>{{ tx('filters.quickFilters.heading', 'Escopos r\u00E1pidos (quickFilters)') }}</strong>\n                  <div class=\"quick-filters-actions\">\n                    <button\n                      mat-stroked-button\n                      type=\"button\"\n                      data-testid=\"table-quick-filters-preset-boolean-btn\"\n                      (click)=\"applyBooleanQuickFilterPreset()\"\n                    >\n                      {{ tx('filters.quickFilters.presetBoolean', 'Preset Todos / Ativos / Inativos') }}\n                    </button>\n                    <button\n                      mat-stroked-button\n                      color=\"primary\"\n                      type=\"button\"\n                      data-testid=\"table-quick-filters-add-btn\"\n                      (click)=\"addQuickFilterScope()\"\n                    >\n                      {{ tx('filters.quickFilters.add', 'Adicionar escopo') }}\n                    </button>\n                  </div>\n                </div>\n\n                @if (toolbarQuickFilters.length > 0) {\n                  <div class=\"quick-filters-list\" data-testid=\"table-quick-filters-list\">\n                    @for (qf of toolbarQuickFilters; track $index; let idx = $index) {\n                      <div class=\"quick-filter-row\" [attr.data-testid]=\"'table-quick-filter-row-' + idx\">\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.id', 'ID') }}</mat-label>\n                          <input\n                            matInput\n                            [ngModel]=\"qf.id\"\n                            (ngModelChange)=\"updateQuickFilterMeta(idx, { id: $event })\"\n                            [attr.data-testid]=\"'table-quick-filter-id-' + idx\"\n                          />\n                        </mat-form-field>\n\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.label', 'R\u00F3tulo') }}</mat-label>\n                          <input\n                            matInput\n                            [ngModel]=\"qf.label\"\n                            (ngModelChange)=\"updateQuickFilterMeta(idx, { label: $event })\"\n                            [attr.data-testid]=\"'table-quick-filter-label-' + idx\"\n                          />\n                        </mat-form-field>\n\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.mode', 'Tipo de escopo') }}</mat-label>\n                          <mat-select\n                            [ngModel]=\"getQuickFilterMode(qf)\"\n                            (ngModelChange)=\"onQuickFilterModeChange(idx, $event)\"\n                            [attr.data-testid]=\"'table-quick-filter-mode-' + idx\"\n                          >\n                            <mat-option value=\"all\">{{ tx('filters.quickFilters.mode.all', 'Todos (limpar filtro)') }}</mat-option>\n                            <mat-option value=\"boolean\">{{ tx('filters.quickFilters.mode.boolean', 'Status booleano (Sim/N\u00E3o)') }}</mat-option>\n                            <mat-option value=\"equals\">{{ tx('filters.quickFilters.mode.equals', 'Campo igual a valor') }}</mat-option>\n                          </mat-select>\n                        </mat-form-field>\n\n                        @if (getQuickFilterMode(qf) !== 'all') {\n                          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                            <mat-label>{{ tx('filters.quickFilters.field', 'Campo') }}</mat-label>\n                            <input\n                              matInput\n                              [ngModel]=\"getQuickFilterField(qf)\"\n                              (ngModelChange)=\"onQuickFilterFieldChange(idx, $event)\"\n                              [attr.data-testid]=\"'table-quick-filter-field-' + idx\"\n                            />\n                          </mat-form-field>\n\n                          @if (getQuickFilterMode(qf) === 'boolean') {\n                            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                              <mat-label>{{ tx('filters.quickFilters.value', 'Valor') }}</mat-label>\n                              <mat-select\n                                [ngModel]=\"getQuickFilterValue(qf)\"\n                                (ngModelChange)=\"onQuickFilterValueChange(idx, $event)\"\n                                [attr.data-testid]=\"'table-quick-filter-bool-value-' + idx\"\n                              >\n                                <mat-option [value]=\"true\">{{ tx('common.boolean.true', 'Verdadeiro (true)') }}</mat-option>\n                                <mat-option [value]=\"false\">{{ tx('common.boolean.false', 'Falso (false)') }}</mat-option>\n                              </mat-select>\n                            </mat-form-field>\n                          } @else {\n                            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                              <mat-label>{{ tx('filters.quickFilters.value', 'Valor') }}</mat-label>\n                              <input\n                                matInput\n                                [ngModel]=\"getQuickFilterValue(qf)\"\n                                (ngModelChange)=\"onQuickFilterValueChange(idx, $event)\"\n                                [attr.data-testid]=\"'table-quick-filter-value-' + idx\"\n                              />\n                            </mat-form-field>\n                          }\n                        }\n\n                        <button\n                          mat-stroked-button\n                          color=\"warn\"\n                          type=\"button\"\n                          [attr.data-testid]=\"'table-quick-filter-remove-' + idx\"\n                          (click)=\"removeQuickFilterScope(idx)\"\n                        >\n                          {{ tx('common.remove', 'Remover') }}\n                        </button>\n                      </div>\n                    }\n                  </div>\n                }\n              </section>\n\n              <filter-settings\n                #tableFilterSettingsRef\n                [metadata]=\"getFilterSettingsMetas()\"\n                [metadataSource]=\"isUsingFilterDtoMetas() ? 'filter-dto' : 'columns'\"\n                [metadataLoading]=\"filterDtoMetasLoading\"\n                [metadataErrorMsg]=\"filterDtoMetasErrorMsg\"\n                [settings]=\"\n                  editedConfig.behavior?.filtering?.advancedFilters?.settings\n                \"\n                (settingsChange)=\"onFilterSettingsChange($event)\"\n              ></filter-settings>\n            </div>\n          }\n          @case ('messages') {\n            <messages-localization-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onMessagesLocalizationConfigChange($event)\"\n            (messagesLocalizationChange)=\"\n              onMessagesLocalizationChange($event)\n            \"\n            ></messages-localization-editor>\n          }\n          @case ('dialogs') {\n            <confirm-dialog-appearance-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onJsonConfigChange($event)\"\n            ></confirm-dialog-appearance-editor>\n          }\n          @case ('json') {\n            <json-config-editor\n              [document]=\"buildJsonAuthoringDocument()\"\n              (documentChange)=\"onJsonConfigChange($event)\"\n              (validationChange)=\"onJsonValidationChange($event)\"\n              (editorEvent)=\"onJsonEditorEvent($event)\"\n            ></json-config-editor>\n          }\n        }\n      </div>\n    </mat-tab>\n  }\n</mat-tab-group>\n@if (statusMessage) { <div class=\"config-editor-status\">\n  <span\n    class=\"status-text\"\n    [class.error]=\"hasErrors\"\n    [class.success]=\"hasSuccess\"\n    >{{ statusMessage }}</span\n    >\n</div> }\n", styles: ["@charset \"UTF-8\";:host{display:block;min-width:0;container:praxis-authoring-editor/inline-size}.editor-section-selector{display:block;padding:var(--pfx-spacing-2, 8px)}.editor-section-selector mat-form-field{width:100%}@container praxis-authoring-editor (max-width: 768px){.editor-section-selector{display:block}::ng-deep .config-tabs>.mat-mdc-tab-header{display:none}}.config-tabs{flex:1 1 auto;display:flex;flex-direction:column}.config-tabs .mat-mdc-tab{min-width:120px}.config-tabs .mat-mdc-tab-body-wrapper,.config-tabs .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.config-tabs .mat-mdc-tab-body-content{height:100%;min-height:0;overflow:visible}.tab-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:8px 8px 56px;box-sizing:border-box;overflow:visible}.overview-grid{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px}.overview-grid .overview-row{display:grid;grid-template-columns:280px 1fr;align-items:end;gap:12px}.overview-grid .overview-row .help.small{opacity:.75;font-size:12px}.overview-mode-alert{align-items:center}.connect-grid{display:grid;gap:12px;padding:8px;grid-template-columns:minmax(0,1fr);align-items:start}.connect-note{grid-column:1/-1;margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.connect-alert{grid-column:1/-1;align-items:center}.connect-alert__text{flex:1}.connect-alert__meta{opacity:.85}.educational-card{margin-bottom:24px;background:var(--md-sys-color-surface-container-low);border-left:4px solid var(--md-sys-color-primary);flex-shrink:0}.config-editor-status{padding:12px 16px;margin-top:auto;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);flex-shrink:0;position:relative}.status-text{font-size:.875rem;line-height:1.2}.status-text.error{color:var(--md-sys-color-error)}.status-text.success{color:var(--md-sys-color-primary)}@media(max-width:768px){.tab-content{padding:8px 8px 72px}.config-editor-status{padding:12px 16px}.connect-grid{grid-template-columns:1fr}.overview-grid .overview-row{grid-template-columns:1fr;align-items:start}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}}.responsive-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-surface-container-low)}.responsive-settings__heading{display:flex;align-items:center;gap:8px}.responsive-settings h3,.responsive-settings p{margin:0}.responsive-settings h3{font-size:1rem;font-weight:600}.responsive-settings p{font-size:.875rem;line-height:1.5}.responsive-settings__hint{color:var(--md-sys-color-on-surface-variant)}.responsive-settings__error{color:var(--md-sys-color-error)}.responsive-settings mat-form-field{width:100%;min-width:0}.filters-authoring-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.toolbar-filters-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.quick-filters-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.quick-filters-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-filters-list{display:grid;gap:10px}.quick-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:center;gap:8px;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i4$1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i4$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i4$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i17$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i17$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: JsonConfigEditorComponent, selector: "json-config-editor", inputs: ["document"], outputs: ["documentChange", "validationChange", "editorEvent"] }, { kind: "component", type: ColumnsConfigEditorComponent, selector: "columns-config-editor", inputs: ["config", "readonly", "fieldMetadata"], outputs: ["configChange", "columnChange"] }, { kind: "component", type: BehaviorConfigEditorComponent, selector: "behavior-config-editor", inputs: ["config", "resourcePath", "forceClientStrategies"], outputs: ["configChange", "behaviorChange"] }, { kind: "component", type: HeaderAppearanceEditorComponent, selector: "header-appearance-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: ToolbarActionsEditorComponent, selector: "toolbar-actions-editor", inputs: ["config"], outputs: ["configChange", "validationChange", "toolbarActionsChange"] }, { kind: "component", type: MessagesLocalizationEditorComponent, selector: "messages-localization-editor", inputs: ["config"], outputs: ["configChange", "messagesLocalizationChange"] }, { kind: "component", type: FilterSettingsComponent, selector: "filter-settings", inputs: ["metadata", "metadataSource", "metadataLoading", "metadataErrorMsg", "settings", "configKey"], outputs: ["settingsChange"] }, { kind: "component", type: CrudIntegrationEditorComponent, selector: "crud-integration-editor", inputs: ["tableId", "crudContext", "componentKeyId"] }, { kind: "component", type: ConfirmDialogAppearanceEditorComponent, selector: "confirm-dialog-appearance-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: TableRulesEditorComponent, selector: "table-rules-editor", inputs: ["config", "resourcePath", "fields", "i18nRules", "debugLogs", "debugLevel"], outputs: ["configChange"] }, { kind: "component", type: TableDetailEditorComponent, selector: "praxis-table-detail-editor", inputs: ["config"], outputs: ["configChange", "draftStateChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisTableConfigEditor, decorators: [{
             type: Component,
@@ -73713,7 +73919,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     ], providers: [
                         TableConfigService,
                         providePraxisI18nConfig(PRAXIS_TABLE_EDITOR_I18N_CONFIG),
-                    ], template: "<div class=\"editor-section-selector\">\n  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n    <mat-label>{{ tx('sections.selector', 'Editor section') }}</mat-label>\n    <mat-select [(ngModel)]=\"activeSectionIndex\" data-testid=\"table-config-editor-sections\">\n      @for (section of sections; track section.id; let index = $index) {\n        <mat-option [value]=\"index\">{{ section.label }}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n</div>\n<mat-tab-group [preserveContent]=\"true\" class=\"config-tabs\" [(selectedIndex)]=\"activeSectionIndex\">\n  @for (section of sections; track section.id) {\n    <mat-tab>\n      <ng-template mat-tab-label>\n        @if (section.icon) { <mat-icon [praxisIcon]=\"section.icon\"></mat-icon> }\n        <span [attr.data-testid]=\"'config-tab-' + section.id\">{{ section.label }}</span>\n      </ng-template>\n      <div class=\"tab-content\">\n        @switch (section.id) {\n          @case ('connect') {\n            <div class=\"connect-grid\">\n              <mat-form-field appearance=\"outline\">\n                <mat-label>{{ tx('connect.resource', 'Resource') }}</mat-label>\n                <input matInput [(ngModel)]=\"resourcePath\" (ngModelChange)=\"onResourcePathChange($event)\" [placeholder]=\"tx('connect.resource.placeholder', 'e.g. employees')\" />\n                <mat-icon matSuffix>link</mat-icon>\n              </mat-form-field>\n              <mat-form-field appearance=\"outline\">\n                <mat-label>{{ tx('connect.primaryKey', 'Primary key') }}</mat-label>\n                <input\n                  matInput\n                  [(ngModel)]=\"idField\"\n                  (ngModelChange)=\"onIdFieldChange($event)\"\n                  [matAutocomplete]=\"idFieldPicker\"\n                  [placeholder]=\"tx('connect.primaryKey.placeholder', 'e.g. id, uuid, code')\"\n                />\n                <mat-icon matSuffix>fingerprint</mat-icon>\n                <mat-autocomplete\n                  #idFieldPicker=\"matAutocomplete\"\n                  (optionSelected)=\"onIdFieldOptionSelected($event.option.value)\"\n                >\n                  @for (option of filteredIdFieldOptions; track option.name) {\n                    <mat-option [value]=\"option.name\">\n                      <span>{{ option.name }}</span>\n                      @if (option.label && option.label !== option.name) {\n                        <small> - {{ option.label }}</small>\n                      }\n                    </mat-option>\n                  }\n                  @if (filteredIdFieldOptions.length === 0) {\n                    <mat-option disabled>\n                      {{ tx('connect.primaryKey.empty', 'No matching field found.') }}\n                    </mat-option>\n                  }\n                </mat-autocomplete>\n              </mat-form-field>\n              <p class=\"connect-note\">{{ tx('connect.note', 'Define the API resource and, when needed, the primary key.') }}</p>\n              <!-- Diverg\u00EAncia: idField -->\n              @if (idFieldDiverges) { <div class=\"alert alert--warning connect-alert\">\n                <mat-icon class=\"alert__icon\">warning</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.serverPrimaryKeyDiverges', 'The primary key on the server differs from the current configuration.') }}\n                  <span class=\"connect-alert__meta\">(config: {{ idField || 'id' }} | servidor: {{ serverIdField || 'id' }})</span>\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onReconcileIdField()\">{{ tx('connect.reconcile', 'Reconcile') }}</button>\n              </div> }\n              <!-- Diverg\u00EAncia: serverHash -->\n              @if (schemaHashDiverges) { <div class=\"alert alert--info connect-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.schemaSnapshotDiverges', 'The saved schema snapshot differs from the current server schema.') }}\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onAcceptServerHash()\">{{ tx('connect.updateMetadata', 'Update metadata') }}</button>\n              </div> }\n              @if (!schemaHashDiverges && schemaSnapshotMissing) { <div class=\"alert alert--info connect-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.schemaSnapshotMissing', 'A current schema exists on the server, but there is still no persisted snapshot for reconciliation.') }}\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onAcceptServerHash()\">{{ tx('connect.saveSnapshot', 'Save snapshot') }}</button>\n              </div> }\n            </div>\n          }\n          @case ('overview') {\n            <div class=\"overview-grid\">\n              <section class=\"responsive-settings\" aria-labelledby=\"table-responsive-title\">\n                <div class=\"responsive-settings__heading\">\n                  <mat-icon aria-hidden=\"true\">devices</mat-icon>\n                  <h3 id=\"table-responsive-title\">{{ tx('overview.responsive.title', 'Narrow screens') }}</h3>\n                </div>\n                <p>{{ tx('overview.responsive.description', 'Choose how records appear when the table has less space.') }}</p>\n                <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                  <mat-label>{{ tx('overview.responsive.mode', 'Record layout') }}</mat-label>\n                  <mat-select [ngModel]=\"mobileCardMode\" (ngModelChange)=\"onMobileCardModeChange($event)\">\n                    <mat-option [value]=\"false\">{{ tx('overview.responsive.table', 'Table') }}</mat-option>\n                    <mat-option [value]=\"true\">{{ tx('overview.responsive.cards', 'Cards') }}</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                @if (mobileCardMode) {\n                  <p class=\"responsive-settings__hint\">{{ tx('overview.responsive.cardsHint', 'Each record becomes a card with its visible columns. Selection and row actions remain available. Wider areas keep the table layout.') }}</p>\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('overview.responsive.breakpoint', 'Show cards at widths up to') }}</mat-label>\n                    <input matInput type=\"number\" min=\"1\" step=\"1\" required\n                      [ngModel]=\"mobileBreakpoint\" (ngModelChange)=\"onMobileBreakpointChange($event)\"\n                      [attr.aria-invalid]=\"mobileBreakpointInvalid\"\n                      aria-describedby=\"table-responsive-width-help\" />\n                    <span matTextSuffix>px</span>\n                  </mat-form-field>\n                  @if (mobileBreakpointInvalid) {\n                    <p class=\"responsive-settings__error\" role=\"alert\">{{ tx('overview.responsive.invalidWidth', 'Enter a positive whole number.') }}</p>\n                  }\n                  <p id=\"table-responsive-width-help\" class=\"responsive-settings__hint\">{{ tx('overview.responsive.widthHint', 'Uses the smaller width of the screen and the table area. Default: 768 px.') }}</p>\n                  <p class=\"responsive-settings__hint\">{{ tx('overview.responsive.virtualizationHint', 'Cards require standard rows. With virtual scrolling enabled, records remain in a table.') }}</p>\n                }\n              </section>\n              <div class=\"overview-row\">\n                <mat-form-field appearance=\"outline\" class=\"hs-field\">\n                  <mat-label>{{ tx('overview.horizontalScroll', 'Horizontal scroll') }}</mat-label>\n                  <mat-select [(ngModel)]=\"horizontalScroll\" (ngModelChange)=\"onHorizontalScrollChange($event)\">\n                    <mat-option value=\"auto\">{{ tx('overview.horizontalScroll.auto', 'Auto (default)') }}</mat-option>\n                    <mat-option value=\"wrap\">{{ tx('overview.horizontalScroll.wrap', 'Wrap') }}</mat-option>\n                    <mat-option value=\"none\">{{ tx('overview.horizontalScroll.none', 'Host controls') }}</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                <div class=\"help small\">{{ tx('overview.horizontalScroll.help', 'Controls how the table handles horizontal width and scrollbar behavior.') }}</div>\n              </div>\n              @if (isEffectiveLocalMode()) { <div class=\"alert alert--info overview-mode-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text\">\n                  {{ tx('overview.localModeActive', 'Effective local mode is active: server pagination and sorting strategies are blocked and persisted as client mode.') }}\n                </div>\n              </div> }\n              <behavior-config-editor\n                [config]=\"editedConfig\"\n                [resourcePath]=\"resourcePath\"\n                [forceClientStrategies]=\"isEffectiveLocalMode()\"\n                (configChange)=\"onBehaviorConfigChange($event)\"\n                (behaviorChange)=\"onBehaviorChange($event)\"\n              ></behavior-config-editor>\n            </div>\n          }\n          @case ('columns') {\n            <columns-config-editor\n              [config]=\"editedConfig\"\n              [fieldMetadata]=\"getColumnAuthoringMetas()\"\n              (configChange)=\"onColumnsConfigChange($event)\"\n              (columnChange)=\"onColumnChange($event)\"\n            ></columns-config-editor>\n          }\n          @case ('detail') {\n            <praxis-table-detail-editor [config]=\"editedConfig\"\n              (configChange)=\"onDetailConfigChange($event)\"\n              (draftStateChange)=\"onDetailDraftStateChange($event)\"\n            ></praxis-table-detail-editor>\n          }\n          @case ('rules') {\n            <table-rules-editor\n              [config]=\"editedConfig\"\n              [resourcePath]=\"resourcePath\"\n              (configChange)=\"onRulesConfigChange($event)\"\n            ></table-rules-editor>\n          }\n          @case ('header') {\n            <header-appearance-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onColumnsConfigChange($event)\"\n            ></header-appearance-editor>\n          }\n          @case ('toolbar') {\n            <toolbar-actions-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onToolbarActionsConfigChange($event)\"\n              (toolbarActionsChange)=\"onToolbarActionsChange($event)\"\n              (validationChange)=\"onSurfaceDraftValidationChange($event)\"\n            ></toolbar-actions-editor>\n          }\n          <!-- Aba extra para integra\u00E7\u00F5es CRUD (vis\u00EDvel quando em contexto CRUD) -->\n          @case ('crud') {\n            <crud-integration-editor\n              #crudEditorRef\n              [tableId]=\"crudContext?.tableId || 'default'\"\n              [crudContext]=\"crudContext\"\n              [componentKeyId]=\"crudContext?.componentKeyId\"\n            ></crud-integration-editor>\n          }\n          @case ('filters') {\n            <div class=\"filters-authoring-stack\">\n              <section\n                class=\"responsive-settings toolbar-filters-region\"\n                data-testid=\"table-unified-filter-region-section\"\n                aria-labelledby=\"table-unified-filter-region-title\"\n              >\n                <div class=\"responsive-settings__heading\">\n                  <mat-icon aria-hidden=\"true\">filter_list</mat-icon>\n                  <h3 id=\"table-unified-filter-region-title\">\n                    {{ tx('filters.region.title', 'Regi\u00E3o \u00FAnica de filtros e escopos da toolbar') }}\n                  </h3>\n                </div>\n                <p class=\"responsive-settings__hint\">\n                  {{\n                    tx(\n                      'filters.region.description',\n                      'Centralize escopos r\u00E1pidos (Todos / Ativos / Inativos), busca e gaveta avan\u00E7ada na toolbar da tabela sem controles duplicados.'\n                    )\n                  }}\n                </p>\n\n                <div class=\"toolbar-filters-toggles\">\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.enabled', 'Regi\u00E3o de filtros na toolbar') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarFiltersEnabled\"\n                      (ngModelChange)=\"onToolbarFiltersEnabledChange($event)\"\n                      data-testid=\"table-toolbar-filters-enabled-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.enabled', 'Ativada') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.disabled', 'Desativada') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showQuickFilters', 'Exibir escopos r\u00E1pidos') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarShowQuickFilters\"\n                      (ngModelChange)=\"onToolbarShowQuickFiltersChange($event)\"\n                      data-testid=\"table-toolbar-show-quick-filters-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showAdvancedButton', 'Bot\u00E3o de gaveta avan\u00E7ada') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarShowAdvancedButton\"\n                      (ngModelChange)=\"onToolbarShowAdvancedButtonChange($event)\"\n                      data-testid=\"table-toolbar-show-advanced-button-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showAddButton', 'Bot\u00E3o \"Gerenciar campos\"') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"advancedFilterShowAddButton\"\n                      (ngModelChange)=\"onAdvancedFilterShowAddButtonChange($event)\"\n                      data-testid=\"table-toolbar-show-add-button-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showFilterSettings', 'Bot\u00E3o \"Configura\u00E7\u00F5es do filtro\"') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"advancedFilterShowFilterSettings\"\n                      (ngModelChange)=\"onAdvancedFilterShowFilterSettingsChange($event)\"\n                      data-testid=\"table-toolbar-show-filter-settings-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n                </div>\n\n                @if (duplicatedQuickFilterInlineFields.length > 0) {\n                  <div\n                    class=\"alert alert--warning connect-alert\"\n                    data-testid=\"table-filter-duplicate-scope-warning\"\n                  >\n                    <mat-icon class=\"alert__icon\">warning</mat-icon>\n                    <div class=\"alert__text connect-alert__text\">\n                      {{\n                        tx(\n                          'filters.region.duplicateWarning',\n                          'Os campos abaixo j\u00E1 possuem escopos r\u00E1pidos na toolbar e tamb\u00E9m est\u00E3o nos filtros inline:'\n                        )\n                      }}\n                      <strong>{{ duplicatedQuickFilterInlineFields.join(', ') }}</strong>\n                    </div>\n                    <button\n                      mat-stroked-button\n                      color=\"primary\"\n                      type=\"button\"\n                      data-testid=\"table-filter-consolidate-duplicates-btn\"\n                      (click)=\"consolidateDuplicateInlineFilterFields()\"\n                    >\n                      {{ tx('filters.region.consolidateBtn', 'Consolidar nos escopos r\u00E1pidos') }}\n                    </button>\n                  </div>\n                }\n\n                <div class=\"quick-filters-header\">\n                  <strong>{{ tx('filters.quickFilters.heading', 'Escopos r\u00E1pidos (quickFilters)') }}</strong>\n                  <div class=\"quick-filters-actions\">\n                    <button\n                      mat-stroked-button\n                      type=\"button\"\n                      data-testid=\"table-quick-filters-preset-boolean-btn\"\n                      (click)=\"applyBooleanQuickFilterPreset()\"\n                    >\n                      {{ tx('filters.quickFilters.presetBoolean', 'Preset Todos / Ativos / Inativos') }}\n                    </button>\n                    <button\n                      mat-stroked-button\n                      color=\"primary\"\n                      type=\"button\"\n                      data-testid=\"table-quick-filters-add-btn\"\n                      (click)=\"addQuickFilterScope()\"\n                    >\n                      {{ tx('filters.quickFilters.add', 'Adicionar escopo') }}\n                    </button>\n                  </div>\n                </div>\n\n                @if (toolbarQuickFilters.length > 0) {\n                  <div class=\"quick-filters-list\" data-testid=\"table-quick-filters-list\">\n                    @for (qf of toolbarQuickFilters; track $index; let idx = $index) {\n                      <div class=\"quick-filter-row\" [attr.data-testid]=\"'table-quick-filter-row-' + idx\">\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.id', 'ID') }}</mat-label>\n                          <input\n                            matInput\n                            [ngModel]=\"qf.id\"\n                            (ngModelChange)=\"updateQuickFilterMeta(idx, { id: $event })\"\n                            [attr.data-testid]=\"'table-quick-filter-id-' + idx\"\n                          />\n                        </mat-form-field>\n\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.label', 'R\u00F3tulo') }}</mat-label>\n                          <input\n                            matInput\n                            [ngModel]=\"qf.label\"\n                            (ngModelChange)=\"updateQuickFilterMeta(idx, { label: $event })\"\n                            [attr.data-testid]=\"'table-quick-filter-label-' + idx\"\n                          />\n                        </mat-form-field>\n\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.mode', 'Tipo de escopo') }}</mat-label>\n                          <mat-select\n                            [ngModel]=\"getQuickFilterMode(qf)\"\n                            (ngModelChange)=\"onQuickFilterModeChange(idx, $event)\"\n                            [attr.data-testid]=\"'table-quick-filter-mode-' + idx\"\n                          >\n                            <mat-option value=\"all\">{{ tx('filters.quickFilters.mode.all', 'Todos (limpar filtro)') }}</mat-option>\n                            <mat-option value=\"boolean\">{{ tx('filters.quickFilters.mode.boolean', 'Status booleano (Sim/N\u00E3o)') }}</mat-option>\n                            <mat-option value=\"equals\">{{ tx('filters.quickFilters.mode.equals', 'Campo igual a valor') }}</mat-option>\n                          </mat-select>\n                        </mat-form-field>\n\n                        @if (getQuickFilterMode(qf) !== 'all') {\n                          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                            <mat-label>{{ tx('filters.quickFilters.field', 'Campo') }}</mat-label>\n                            <input\n                              matInput\n                              [ngModel]=\"getQuickFilterField(qf)\"\n                              (ngModelChange)=\"onQuickFilterFieldChange(idx, $event)\"\n                              [attr.data-testid]=\"'table-quick-filter-field-' + idx\"\n                            />\n                          </mat-form-field>\n\n                          @if (getQuickFilterMode(qf) === 'boolean') {\n                            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                              <mat-label>{{ tx('filters.quickFilters.value', 'Valor') }}</mat-label>\n                              <mat-select\n                                [ngModel]=\"getQuickFilterValue(qf)\"\n                                (ngModelChange)=\"onQuickFilterValueChange(idx, $event)\"\n                                [attr.data-testid]=\"'table-quick-filter-bool-value-' + idx\"\n                              >\n                                <mat-option [value]=\"true\">{{ tx('common.boolean.true', 'Verdadeiro (true)') }}</mat-option>\n                                <mat-option [value]=\"false\">{{ tx('common.boolean.false', 'Falso (false)') }}</mat-option>\n                              </mat-select>\n                            </mat-form-field>\n                          } @else {\n                            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                              <mat-label>{{ tx('filters.quickFilters.value', 'Valor') }}</mat-label>\n                              <input\n                                matInput\n                                [ngModel]=\"getQuickFilterValue(qf)\"\n                                (ngModelChange)=\"onQuickFilterValueChange(idx, $event)\"\n                                [attr.data-testid]=\"'table-quick-filter-value-' + idx\"\n                              />\n                            </mat-form-field>\n                          }\n                        }\n\n                        <button\n                          mat-stroked-button\n                          color=\"warn\"\n                          type=\"button\"\n                          [attr.data-testid]=\"'table-quick-filter-remove-' + idx\"\n                          (click)=\"removeQuickFilterScope(idx)\"\n                        >\n                          {{ tx('common.remove', 'Remover') }}\n                        </button>\n                      </div>\n                    }\n                  </div>\n                }\n              </section>\n\n              <filter-settings\n                #tableFilterSettingsRef\n                [metadata]=\"getFilterSettingsMetas()\"\n                [metadataSource]=\"isUsingFilterDtoMetas() ? 'filter-dto' : 'columns'\"\n                [metadataLoading]=\"filterDtoMetasLoading\"\n                [metadataErrorMsg]=\"filterDtoMetasErrorMsg\"\n                [settings]=\"\n                  editedConfig.behavior?.filtering?.advancedFilters?.settings\n                \"\n                (settingsChange)=\"onFilterSettingsChange($event)\"\n              ></filter-settings>\n            </div>\n          }\n          @case ('messages') {\n            <messages-localization-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onMessagesLocalizationConfigChange($event)\"\n            (messagesLocalizationChange)=\"\n              onMessagesLocalizationChange($event)\n            \"\n            ></messages-localization-editor>\n          }\n          @case ('dialogs') {\n            <confirm-dialog-appearance-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onJsonConfigChange($event)\"\n            ></confirm-dialog-appearance-editor>\n          }\n          @case ('json') {\n            <json-config-editor\n              [document]=\"buildJsonAuthoringDocument()\"\n              (documentChange)=\"onJsonConfigChange($event)\"\n              (validationChange)=\"onJsonValidationChange($event)\"\n              (editorEvent)=\"onJsonEditorEvent($event)\"\n            ></json-config-editor>\n          }\n        }\n      </div>\n    </mat-tab>\n  }\n</mat-tab-group>\n@if (statusMessage) { <div class=\"config-editor-status\">\n  <span\n    class=\"status-text\"\n    [class.error]=\"hasErrors\"\n    [class.success]=\"hasSuccess\"\n    >{{ statusMessage }}</span\n    >\n</div> }\n", styles: ["@charset \"UTF-8\";:host{display:block;min-width:0;container:praxis-authoring-editor/inline-size}.editor-section-selector{display:none;padding:var(--pfx-spacing-2, 8px)}.editor-section-selector mat-form-field{width:100%}@container praxis-authoring-editor (max-width: 768px){.editor-section-selector{display:block}::ng-deep .config-tabs>.mat-mdc-tab-header{display:none}}.config-tabs{flex:1 1 auto;display:flex;flex-direction:column}.config-tabs .mat-mdc-tab{min-width:120px}.config-tabs .mat-mdc-tab-body-wrapper,.config-tabs .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.config-tabs .mat-mdc-tab-body-content{height:100%;min-height:0;overflow:visible}.tab-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:8px 8px 56px;box-sizing:border-box;overflow:visible}.overview-grid{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px}.overview-grid .overview-row{display:grid;grid-template-columns:280px 1fr;align-items:end;gap:12px}.overview-grid .overview-row .help.small{opacity:.75;font-size:12px}.overview-mode-alert{align-items:center}.connect-grid{display:grid;gap:12px;padding:8px;grid-template-columns:minmax(0,1fr);align-items:start}.connect-note{grid-column:1/-1;margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.connect-alert{grid-column:1/-1;align-items:center}.connect-alert__text{flex:1}.connect-alert__meta{opacity:.85}.educational-card{margin-bottom:24px;background:var(--md-sys-color-surface-container-low);border-left:4px solid var(--md-sys-color-primary);flex-shrink:0}.config-editor-status{padding:12px 16px;margin-top:auto;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);flex-shrink:0;position:relative}.status-text{font-size:.875rem;line-height:1.2}.status-text.error{color:var(--md-sys-color-error)}.status-text.success{color:var(--md-sys-color-primary)}@media(max-width:768px){.tab-content{padding:8px 8px 72px}.config-editor-status{padding:12px 16px}.connect-grid{grid-template-columns:1fr}.overview-grid .overview-row{grid-template-columns:1fr;align-items:start}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}}.responsive-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-surface-container-low)}.responsive-settings__heading{display:flex;align-items:center;gap:8px}.responsive-settings h3,.responsive-settings p{margin:0}.responsive-settings h3{font-size:1rem;font-weight:600}.responsive-settings p{font-size:.875rem;line-height:1.5}.responsive-settings__hint{color:var(--md-sys-color-on-surface-variant)}.responsive-settings__error{color:var(--md-sys-color-error)}.responsive-settings mat-form-field{width:100%;min-width:0}.filters-authoring-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.toolbar-filters-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.quick-filters-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.quick-filters-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-filters-list{display:grid;gap:10px}.quick-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:center;gap:8px;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface)}\n"] }]
+                    ], template: "<div class=\"editor-section-selector\">\n  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n    <mat-label>{{ tx('sections.selector', 'Editor section') }}</mat-label>\n    <mat-select [(ngModel)]=\"activeSectionIndex\" data-testid=\"table-config-editor-sections\">\n      @for (section of sections; track section.id; let index = $index) {\n        <mat-option [value]=\"index\">{{ section.label }}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n</div>\n<mat-tab-group [preserveContent]=\"true\" class=\"config-tabs\" [(selectedIndex)]=\"activeSectionIndex\">\n  @for (section of sections; track section.id) {\n    <mat-tab>\n      <ng-template mat-tab-label>\n        @if (section.icon) { <mat-icon [praxisIcon]=\"section.icon\"></mat-icon> }\n        <span [attr.data-testid]=\"'config-tab-' + section.id\">{{ section.label }}</span>\n      </ng-template>\n      <div class=\"tab-content\">\n        @switch (section.id) {\n          @case ('connect') {\n            <div class=\"connect-grid\">\n              <mat-form-field appearance=\"outline\">\n                <mat-label>{{ tx('connect.resource', 'Resource') }}</mat-label>\n                <input matInput [(ngModel)]=\"resourcePath\" (ngModelChange)=\"onResourcePathChange($event)\" [placeholder]=\"tx('connect.resource.placeholder', 'e.g. employees')\" />\n                <mat-icon matSuffix>link</mat-icon>\n              </mat-form-field>\n              <mat-form-field appearance=\"outline\">\n                <mat-label>{{ tx('connect.primaryKey', 'Primary key') }}</mat-label>\n                <input\n                  matInput\n                  [(ngModel)]=\"idField\"\n                  (ngModelChange)=\"onIdFieldChange($event)\"\n                  [matAutocomplete]=\"idFieldPicker\"\n                  [placeholder]=\"tx('connect.primaryKey.placeholder', 'e.g. id, uuid, code')\"\n                />\n                <mat-icon matSuffix>fingerprint</mat-icon>\n                <mat-autocomplete\n                  #idFieldPicker=\"matAutocomplete\"\n                  (optionSelected)=\"onIdFieldOptionSelected($event.option.value)\"\n                >\n                  @for (option of filteredIdFieldOptions; track option.name) {\n                    <mat-option [value]=\"option.name\">\n                      <span>{{ option.name }}</span>\n                      @if (option.label && option.label !== option.name) {\n                        <small> - {{ option.label }}</small>\n                      }\n                    </mat-option>\n                  }\n                  @if (filteredIdFieldOptions.length === 0) {\n                    <mat-option disabled>\n                      {{ tx('connect.primaryKey.empty', 'No matching field found.') }}\n                    </mat-option>\n                  }\n                </mat-autocomplete>\n              </mat-form-field>\n              <p class=\"connect-note\">{{ tx('connect.note', 'Define the API resource and, when needed, the primary key.') }}</p>\n              <!-- Diverg\u00EAncia: idField -->\n              @if (idFieldDiverges) { <div class=\"alert alert--warning connect-alert\">\n                <mat-icon class=\"alert__icon\">warning</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.serverPrimaryKeyDiverges', 'The primary key on the server differs from the current configuration.') }}\n                  <span class=\"connect-alert__meta\">(config: {{ idField || 'id' }} | servidor: {{ serverIdField || 'id' }})</span>\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onReconcileIdField()\">{{ tx('connect.reconcile', 'Reconcile') }}</button>\n              </div> }\n              <!-- Diverg\u00EAncia: serverHash -->\n              @if (schemaHashDiverges) { <div class=\"alert alert--info connect-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.schemaSnapshotDiverges', 'The saved schema snapshot differs from the current server schema.') }}\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onAcceptServerHash()\">{{ tx('connect.updateMetadata', 'Update metadata') }}</button>\n              </div> }\n              @if (!schemaHashDiverges && schemaSnapshotMissing) { <div class=\"alert alert--info connect-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text connect-alert__text\">\n                  {{ tx('connect.schemaSnapshotMissing', 'A current schema exists on the server, but there is still no persisted snapshot for reconciliation.') }}\n                </div>\n                <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"onAcceptServerHash()\">{{ tx('connect.saveSnapshot', 'Save snapshot') }}</button>\n              </div> }\n            </div>\n          }\n          @case ('overview') {\n            <div class=\"overview-grid\">\n              <section class=\"responsive-settings\" aria-labelledby=\"table-responsive-title\">\n                <div class=\"responsive-settings__heading\">\n                  <mat-icon aria-hidden=\"true\">devices</mat-icon>\n                  <h3 id=\"table-responsive-title\">{{ tx('overview.responsive.title', 'Narrow screens') }}</h3>\n                </div>\n                <p>{{ tx('overview.responsive.description', 'Choose how records appear when the table has less space.') }}</p>\n                <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                  <mat-label>{{ tx('overview.responsive.mode', 'Record layout') }}</mat-label>\n                  <mat-select [ngModel]=\"mobileCardMode\" (ngModelChange)=\"onMobileCardModeChange($event)\">\n                    <mat-option [value]=\"false\">{{ tx('overview.responsive.table', 'Table') }}</mat-option>\n                    <mat-option [value]=\"true\">{{ tx('overview.responsive.cards', 'Cards') }}</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                @if (mobileCardMode) {\n                  <p class=\"responsive-settings__hint\">{{ tx('overview.responsive.cardsHint', 'Each record becomes a card with its visible columns. Selection and row actions remain available. Wider areas keep the table layout.') }}</p>\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('overview.responsive.breakpoint', 'Show cards at widths up to') }}</mat-label>\n                    <input matInput type=\"number\" min=\"1\" step=\"1\" required\n                      [ngModel]=\"mobileBreakpoint\" (ngModelChange)=\"onMobileBreakpointChange($event)\"\n                      [attr.aria-invalid]=\"mobileBreakpointInvalid\"\n                      aria-describedby=\"table-responsive-width-help\" />\n                    <span matTextSuffix>px</span>\n                  </mat-form-field>\n                  @if (mobileBreakpointInvalid) {\n                    <p class=\"responsive-settings__error\" role=\"alert\">{{ tx('overview.responsive.invalidWidth', 'Enter a positive whole number.') }}</p>\n                  }\n                  <p id=\"table-responsive-width-help\" class=\"responsive-settings__hint\">{{ tx('overview.responsive.widthHint', 'Uses the smaller width of the screen and the table area. Default: 768 px.') }}</p>\n                  <p class=\"responsive-settings__hint\">{{ tx('overview.responsive.virtualizationHint', 'Cards require standard rows. With virtual scrolling enabled, records remain in a table.') }}</p>\n                }\n              </section>\n              <div class=\"overview-row\">\n                <mat-form-field appearance=\"outline\" class=\"hs-field\">\n                  <mat-label>{{ tx('overview.horizontalScroll', 'Horizontal scroll') }}</mat-label>\n                  <mat-select [(ngModel)]=\"horizontalScroll\" (ngModelChange)=\"onHorizontalScrollChange($event)\">\n                    <mat-option value=\"auto\">{{ tx('overview.horizontalScroll.auto', 'Auto (default)') }}</mat-option>\n                    <mat-option value=\"wrap\">{{ tx('overview.horizontalScroll.wrap', 'Wrap') }}</mat-option>\n                    <mat-option value=\"none\">{{ tx('overview.horizontalScroll.none', 'Host controls') }}</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                <div class=\"help small\">{{ tx('overview.horizontalScroll.help', 'Controls how the table handles horizontal width and scrollbar behavior.') }}</div>\n              </div>\n              @if (isEffectiveLocalMode()) { <div class=\"alert alert--info overview-mode-alert\">\n                <mat-icon class=\"alert__icon\">info</mat-icon>\n                <div class=\"alert__text\">\n                  {{ tx('overview.localModeActive', 'Effective local mode is active: server pagination and sorting strategies are blocked and persisted as client mode.') }}\n                </div>\n              </div> }\n              <behavior-config-editor\n                [config]=\"editedConfig\"\n                [resourcePath]=\"resourcePath\"\n                [forceClientStrategies]=\"isEffectiveLocalMode()\"\n                (configChange)=\"onBehaviorConfigChange($event)\"\n                (behaviorChange)=\"onBehaviorChange($event)\"\n              ></behavior-config-editor>\n            </div>\n          }\n          @case ('columns') {\n            <columns-config-editor\n              [config]=\"editedConfig\"\n              [fieldMetadata]=\"getColumnAuthoringMetas()\"\n              (configChange)=\"onColumnsConfigChange($event)\"\n              (columnChange)=\"onColumnChange($event)\"\n            ></columns-config-editor>\n          }\n          @case ('detail') {\n            <praxis-table-detail-editor [config]=\"editedConfig\"\n              (configChange)=\"onDetailConfigChange($event)\"\n              (draftStateChange)=\"onDetailDraftStateChange($event)\"\n            ></praxis-table-detail-editor>\n          }\n          @case ('rules') {\n            <table-rules-editor\n              [config]=\"editedConfig\"\n              [resourcePath]=\"resourcePath\"\n              (configChange)=\"onRulesConfigChange($event)\"\n            ></table-rules-editor>\n          }\n          @case ('header') {\n            <header-appearance-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onColumnsConfigChange($event)\"\n            ></header-appearance-editor>\n          }\n          @case ('toolbar') {\n            <toolbar-actions-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onToolbarActionsConfigChange($event)\"\n              (toolbarActionsChange)=\"onToolbarActionsChange($event)\"\n              (validationChange)=\"onSurfaceDraftValidationChange($event)\"\n            ></toolbar-actions-editor>\n          }\n          <!-- Aba extra para integra\u00E7\u00F5es CRUD (vis\u00EDvel quando em contexto CRUD) -->\n          @case ('crud') {\n            <crud-integration-editor\n              #crudEditorRef\n              [tableId]=\"crudContext?.tableId || 'default'\"\n              [crudContext]=\"crudContext\"\n              [componentKeyId]=\"crudContext?.componentKeyId\"\n            ></crud-integration-editor>\n          }\n          @case ('filters') {\n            <div class=\"filters-authoring-stack\">\n              <section\n                class=\"responsive-settings toolbar-filters-region\"\n                data-testid=\"table-unified-filter-region-section\"\n                aria-labelledby=\"table-unified-filter-region-title\"\n              >\n                <div class=\"responsive-settings__heading\">\n                  <mat-icon aria-hidden=\"true\">filter_list</mat-icon>\n                  <h3 id=\"table-unified-filter-region-title\">\n                    {{ tx('filters.region.title', 'Regi\u00E3o \u00FAnica de filtros e escopos da toolbar') }}\n                  </h3>\n                </div>\n                <p class=\"responsive-settings__hint\">\n                  {{\n                    tx(\n                      'filters.region.description',\n                      'Centralize escopos r\u00E1pidos (Todos / Ativos / Inativos), busca e gaveta avan\u00E7ada na toolbar da tabela sem controles duplicados.'\n                    )\n                  }}\n                </p>\n\n                <div class=\"toolbar-filters-toggles\">\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.enabled', 'Regi\u00E3o de filtros na toolbar') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarFiltersEnabled\"\n                      (ngModelChange)=\"onToolbarFiltersEnabledChange($event)\"\n                      data-testid=\"table-toolbar-filters-enabled-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.enabled', 'Ativada') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.disabled', 'Desativada') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showQuickFilters', 'Exibir escopos r\u00E1pidos') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarShowQuickFilters\"\n                      (ngModelChange)=\"onToolbarShowQuickFiltersChange($event)\"\n                      data-testid=\"table-toolbar-show-quick-filters-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showAdvancedButton', 'Bot\u00E3o de gaveta avan\u00E7ada') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"toolbarShowAdvancedButton\"\n                      (ngModelChange)=\"onToolbarShowAdvancedButtonChange($event)\"\n                      data-testid=\"table-toolbar-show-advanced-button-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showAddButton', 'Bot\u00E3o \"Gerenciar campos\"') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"advancedFilterShowAddButton\"\n                      (ngModelChange)=\"onAdvancedFilterShowAddButtonChange($event)\"\n                      data-testid=\"table-toolbar-show-add-button-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n\n                  <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                    <mat-label>{{ tx('filters.region.showFilterSettings', 'Bot\u00E3o \"Configura\u00E7\u00F5es do filtro\"') }}</mat-label>\n                    <mat-select\n                      [ngModel]=\"advancedFilterShowFilterSettings\"\n                      (ngModelChange)=\"onAdvancedFilterShowFilterSettingsChange($event)\"\n                      data-testid=\"table-toolbar-show-filter-settings-select\"\n                    >\n                      <mat-option [value]=\"true\">{{ tx('common.yes', 'Sim') }}</mat-option>\n                      <mat-option [value]=\"false\">{{ tx('common.no', 'N\u00E3o') }}</mat-option>\n                    </mat-select>\n                  </mat-form-field>\n                </div>\n\n                @if (duplicatedQuickFilterInlineFields.length > 0) {\n                  <div\n                    class=\"alert alert--warning connect-alert\"\n                    data-testid=\"table-filter-duplicate-scope-warning\"\n                  >\n                    <mat-icon class=\"alert__icon\">warning</mat-icon>\n                    <div class=\"alert__text connect-alert__text\">\n                      {{\n                        tx(\n                          'filters.region.duplicateWarning',\n                          'Os campos abaixo j\u00E1 possuem escopos r\u00E1pidos na toolbar e tamb\u00E9m est\u00E3o nos filtros inline:'\n                        )\n                      }}\n                      <strong>{{ duplicatedQuickFilterInlineFields.join(', ') }}</strong>\n                    </div>\n                    <button\n                      mat-stroked-button\n                      color=\"primary\"\n                      type=\"button\"\n                      data-testid=\"table-filter-consolidate-duplicates-btn\"\n                      (click)=\"consolidateDuplicateInlineFilterFields()\"\n                    >\n                      {{ tx('filters.region.consolidateBtn', 'Consolidar nos escopos r\u00E1pidos') }}\n                    </button>\n                  </div>\n                }\n\n                <div class=\"quick-filters-header\">\n                  <strong>{{ tx('filters.quickFilters.heading', 'Escopos r\u00E1pidos (quickFilters)') }}</strong>\n                  <div class=\"quick-filters-actions\">\n                    <button\n                      mat-stroked-button\n                      type=\"button\"\n                      data-testid=\"table-quick-filters-preset-boolean-btn\"\n                      (click)=\"applyBooleanQuickFilterPreset()\"\n                    >\n                      {{ tx('filters.quickFilters.presetBoolean', 'Preset Todos / Ativos / Inativos') }}\n                    </button>\n                    <button\n                      mat-stroked-button\n                      color=\"primary\"\n                      type=\"button\"\n                      data-testid=\"table-quick-filters-add-btn\"\n                      (click)=\"addQuickFilterScope()\"\n                    >\n                      {{ tx('filters.quickFilters.add', 'Adicionar escopo') }}\n                    </button>\n                  </div>\n                </div>\n\n                @if (toolbarQuickFilters.length > 0) {\n                  <div class=\"quick-filters-list\" data-testid=\"table-quick-filters-list\">\n                    @for (qf of toolbarQuickFilters; track $index; let idx = $index) {\n                      <div class=\"quick-filter-row\" [attr.data-testid]=\"'table-quick-filter-row-' + idx\">\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.id', 'ID') }}</mat-label>\n                          <input\n                            matInput\n                            [ngModel]=\"qf.id\"\n                            (ngModelChange)=\"updateQuickFilterMeta(idx, { id: $event })\"\n                            [attr.data-testid]=\"'table-quick-filter-id-' + idx\"\n                          />\n                        </mat-form-field>\n\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.label', 'R\u00F3tulo') }}</mat-label>\n                          <input\n                            matInput\n                            [ngModel]=\"qf.label\"\n                            (ngModelChange)=\"updateQuickFilterMeta(idx, { label: $event })\"\n                            [attr.data-testid]=\"'table-quick-filter-label-' + idx\"\n                          />\n                        </mat-form-field>\n\n                        <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                          <mat-label>{{ tx('filters.quickFilters.mode', 'Tipo de escopo') }}</mat-label>\n                          <mat-select\n                            [ngModel]=\"getQuickFilterMode(qf)\"\n                            (ngModelChange)=\"onQuickFilterModeChange(idx, $event)\"\n                            [attr.data-testid]=\"'table-quick-filter-mode-' + idx\"\n                          >\n                            <mat-option value=\"all\">{{ tx('filters.quickFilters.mode.all', 'Todos (limpar filtro)') }}</mat-option>\n                            <mat-option value=\"boolean\">{{ tx('filters.quickFilters.mode.boolean', 'Status booleano (Sim/N\u00E3o)') }}</mat-option>\n                            <mat-option value=\"equals\">{{ tx('filters.quickFilters.mode.equals', 'Campo igual a valor') }}</mat-option>\n                          </mat-select>\n                        </mat-form-field>\n\n                        @if (getQuickFilterMode(qf) !== 'all') {\n                          <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                            <mat-label>{{ tx('filters.quickFilters.field', 'Campo') }}</mat-label>\n                            <input\n                              matInput\n                              [ngModel]=\"getQuickFilterField(qf)\"\n                              (ngModelChange)=\"onQuickFilterFieldChange(idx, $event)\"\n                              [attr.data-testid]=\"'table-quick-filter-field-' + idx\"\n                            />\n                          </mat-form-field>\n\n                          @if (getQuickFilterMode(qf) === 'boolean') {\n                            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                              <mat-label>{{ tx('filters.quickFilters.value', 'Valor') }}</mat-label>\n                              <mat-select\n                                [ngModel]=\"getQuickFilterValue(qf)\"\n                                (ngModelChange)=\"onQuickFilterValueChange(idx, $event)\"\n                                [attr.data-testid]=\"'table-quick-filter-bool-value-' + idx\"\n                              >\n                                <mat-option [value]=\"true\">{{ tx('common.boolean.true', 'Verdadeiro (true)') }}</mat-option>\n                                <mat-option [value]=\"false\">{{ tx('common.boolean.false', 'Falso (false)') }}</mat-option>\n                              </mat-select>\n                            </mat-form-field>\n                          } @else {\n                            <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n                              <mat-label>{{ tx('filters.quickFilters.value', 'Valor') }}</mat-label>\n                              <input\n                                matInput\n                                [ngModel]=\"getQuickFilterValue(qf)\"\n                                (ngModelChange)=\"onQuickFilterValueChange(idx, $event)\"\n                                [attr.data-testid]=\"'table-quick-filter-value-' + idx\"\n                              />\n                            </mat-form-field>\n                          }\n                        }\n\n                        <button\n                          mat-stroked-button\n                          color=\"warn\"\n                          type=\"button\"\n                          [attr.data-testid]=\"'table-quick-filter-remove-' + idx\"\n                          (click)=\"removeQuickFilterScope(idx)\"\n                        >\n                          {{ tx('common.remove', 'Remover') }}\n                        </button>\n                      </div>\n                    }\n                  </div>\n                }\n              </section>\n\n              <filter-settings\n                #tableFilterSettingsRef\n                [metadata]=\"getFilterSettingsMetas()\"\n                [metadataSource]=\"isUsingFilterDtoMetas() ? 'filter-dto' : 'columns'\"\n                [metadataLoading]=\"filterDtoMetasLoading\"\n                [metadataErrorMsg]=\"filterDtoMetasErrorMsg\"\n                [settings]=\"\n                  editedConfig.behavior?.filtering?.advancedFilters?.settings\n                \"\n                (settingsChange)=\"onFilterSettingsChange($event)\"\n              ></filter-settings>\n            </div>\n          }\n          @case ('messages') {\n            <messages-localization-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onMessagesLocalizationConfigChange($event)\"\n            (messagesLocalizationChange)=\"\n              onMessagesLocalizationChange($event)\n            \"\n            ></messages-localization-editor>\n          }\n          @case ('dialogs') {\n            <confirm-dialog-appearance-editor\n              [config]=\"editedConfig\"\n              (configChange)=\"onJsonConfigChange($event)\"\n            ></confirm-dialog-appearance-editor>\n          }\n          @case ('json') {\n            <json-config-editor\n              [document]=\"buildJsonAuthoringDocument()\"\n              (documentChange)=\"onJsonConfigChange($event)\"\n              (validationChange)=\"onJsonValidationChange($event)\"\n              (editorEvent)=\"onJsonEditorEvent($event)\"\n            ></json-config-editor>\n          }\n        }\n      </div>\n    </mat-tab>\n  }\n</mat-tab-group>\n@if (statusMessage) { <div class=\"config-editor-status\">\n  <span\n    class=\"status-text\"\n    [class.error]=\"hasErrors\"\n    [class.success]=\"hasSuccess\"\n    >{{ statusMessage }}</span\n    >\n</div> }\n", styles: ["@charset \"UTF-8\";:host{display:block;min-width:0;container:praxis-authoring-editor/inline-size}.editor-section-selector{display:block;padding:var(--pfx-spacing-2, 8px)}.editor-section-selector mat-form-field{width:100%}@container praxis-authoring-editor (max-width: 768px){.editor-section-selector{display:block}::ng-deep .config-tabs>.mat-mdc-tab-header{display:none}}.config-tabs{flex:1 1 auto;display:flex;flex-direction:column}.config-tabs .mat-mdc-tab{min-width:120px}.config-tabs .mat-mdc-tab-body-wrapper,.config-tabs .mat-mdc-tab-group-container{flex:1 1 auto;min-height:0}.config-tabs .mat-mdc-tab-body-content{height:100%;min-height:0;overflow:visible}.tab-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:8px 8px 56px;box-sizing:border-box;overflow:visible}.overview-grid{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px}.overview-grid .overview-row{display:grid;grid-template-columns:280px 1fr;align-items:end;gap:12px}.overview-grid .overview-row .help.small{opacity:.75;font-size:12px}.overview-mode-alert{align-items:center}.connect-grid{display:grid;gap:12px;padding:8px;grid-template-columns:minmax(0,1fr);align-items:start}.connect-note{grid-column:1/-1;margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.connect-alert{grid-column:1/-1;align-items:center}.connect-alert__text{flex:1}.connect-alert__meta{opacity:.85}.educational-card{margin-bottom:24px;background:var(--md-sys-color-surface-container-low);border-left:4px solid var(--md-sys-color-primary);flex-shrink:0}.config-editor-status{padding:12px 16px;margin-top:auto;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);flex-shrink:0;position:relative}.status-text{font-size:.875rem;line-height:1.2}.status-text.error{color:var(--md-sys-color-error)}.status-text.success{color:var(--md-sys-color-primary)}@media(max-width:768px){.tab-content{padding:8px 8px 72px}.config-editor-status{padding:12px 16px}.connect-grid{grid-template-columns:1fr}.overview-grid .overview-row{grid-template-columns:1fr;align-items:start}:host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}}.responsive-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium, 12px);background:var(--md-sys-color-surface-container-low)}.responsive-settings__heading{display:flex;align-items:center;gap:8px}.responsive-settings h3,.responsive-settings p{margin:0}.responsive-settings h3{font-size:1rem;font-weight:600}.responsive-settings p{font-size:.875rem;line-height:1.5}.responsive-settings__hint{color:var(--md-sys-color-on-surface-variant)}.responsive-settings__error{color:var(--md-sys-color-error)}.responsive-settings mat-form-field{width:100%;min-width:0}.filters-authoring-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.toolbar-filters-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.quick-filters-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.quick-filters-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-filters-list{display:grid;gap:10px}.quick-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:center;gap:8px;padding:10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableConfigService }], propDecorators: { filterSettingsEditor: [{
                 type: ViewChild,
                 args: ['tableFilterSettingsRef']

package/fesm2022/{praxisui-table-table-agentic-authoring-turn-flow-CITekGF7.mjs → praxisui-table-table-agentic-authoring-turn-flow-EvaZNCNd.mjs}

@@ -1,6 +1,6 @@
 import { Observable, firstValueFrom } from 'rxjs';
 import { withAuthoringScopePolicy } from '@praxisui/ai';
-import { ar as setTableActionGlobalActionRef } from './praxisui-table-praxisui-table-CPAjJGGd.mjs';
+import { ar as setTableActionGlobalActionRef } from './praxisui-table-praxisui-table-CWOg6JDN.mjs';
 
 class TableAgenticAuthoringTurnFlow {
     adapter;

package/fesm2022/{praxisui-table-table-ai.adapter-CBRNHKvA.mjs → praxisui-table-table-ai.adapter-DqlbvUHe.mjs}

@@ -1,7 +1,7 @@
 import { firstValueFrom } from 'rxjs';
 import { BaseAiAdapter, sanitizePraxisAssistantText, createComponentAuthoringContext } from '@praxisui/ai';
 import { PRAXIS_GLOBAL_ACTION_CATALOG, deepMerge } from '@praxisui/core';
-import { W as TABLE_COMPONENT_EDIT_PLAN_OPERATION_IDS, p as PRAXIS_TABLE_AUTHORING_MANIFEST, T as TABLE_AI_CAPABILITIES, a6 as coerceTableComponentEditPlans, a8 as compileTableComponentEditPlans, Y as TASK_PRESETS, ae as getTableComponentEditPlanCapabilities, R as TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS, O as TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS, U as TABLE_COMPONENT_EDIT_PLAN_JSON_SCHEMA, X as TABLE_COMPONENT_EDIT_PLAN_VERSION, Q as TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND, V as TABLE_COMPONENT_EDIT_PLAN_KIND } from './praxisui-table-praxisui-table-CPAjJGGd.mjs';
+import { W as TABLE_COMPONENT_EDIT_PLAN_OPERATION_IDS, p as PRAXIS_TABLE_AUTHORING_MANIFEST, T as TABLE_AI_CAPABILITIES, a6 as coerceTableComponentEditPlans, a8 as compileTableComponentEditPlans, Y as TASK_PRESETS, ae as getTableComponentEditPlanCapabilities, R as TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS, O as TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS, U as TABLE_COMPONENT_EDIT_PLAN_JSON_SCHEMA, X as TABLE_COMPONENT_EDIT_PLAN_VERSION, Q as TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND, V as TABLE_COMPONENT_EDIT_PLAN_KIND } from './praxisui-table-praxisui-table-CWOg6JDN.mjs';
 
 const TABLE_ROW_EXPRESSION_CONTEXT_OPTION = {
     mode: 'expression',

package/fesm2022/praxisui-table.mjs

@@ -1,2 +1,2 @@
-export { A as ANALYTICS_TABLE_ROW_KEY_FIELD, a as AnalyticalDrawerRegistryService, b as AnalyticsTableConfigAdapterService, c as AnalyticsTableContractService, d as AnalyticsTableStatsApiService, B as BOOLEAN_PRESETS, e as BehaviorConfigEditorComponent, C as CURRENCY_PRESETS, f as ColumnsConfigEditorComponent, D as DATE_PRESETS, g as DataFormatterComponent, h as DataFormattingService, F as FORMULA_TEMPLATES, i as FilterConfigService, j as FilterSettingsComponent, k as FormulaGeneratorService, J as JsonConfigEditorComponent, M as MessagesLocalizationEditorComponent, N as NUMBER_PRESETS, P as PERCENTAGE_PRESETS, l as PRAXIS_ANALYTICAL_DRAWER_SCHEMAS, m as PRAXIS_FILTER_AUTHORING_MANIFEST, n as PRAXIS_FILTER_COMPONENT_METADATA, o as PRAXIS_FILTER_VIEW_CONTEXT_SCHEMA_VERSION, p as PRAXIS_TABLE_AUTHORING_MANIFEST, q as PRAXIS_TABLE_COMPONENT_METADATA, r as PRAXIS_TABLE_TOOLBAR_APPEARANCE_PRESETS, s as PRAXIS_TABLE_TOOLBAR_DEFAULT_APPEARANCE, t as PRAXIS_TABLE_TOOLBAR_TOKEN_PRESETS, u as PraxisAnalyticalDrawerComponent, v as PraxisFilter, w as PraxisFilterOutletComponent, x as PraxisFilterOutletDirective, y as PraxisFilterWidgetConfigEditor, z as PraxisScopeBarComponent, E as PraxisTable, G as PraxisTableConfigEditor, H as PraxisTableInlineAuthoringEditorComponent, I as PraxisTableToolbar, K as PraxisTableWidgetConfigEditor, S as STRING_PRESETS, T as TABLE_AI_CAPABILITIES, L as TABLE_COMPONENT_AI_CAPABILITIES, O as TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS, Q as TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND, R as TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS, U as TABLE_COMPONENT_EDIT_PLAN_JSON_SCHEMA, V as TABLE_COMPONENT_EDIT_PLAN_KIND, X as TABLE_COMPONENT_EDIT_PLAN_VERSION, Y as TASK_PRESETS, Z as TableDefaultsProvider, _ as TableRulesEditorComponent, $ as ToolbarActionsEditorComponent, a0 as ValueMappingEditorComponent, a1 as VisualFormulaBuilderComponent, a2 as analyticsComparisonMetricField, a3 as applyComputedFieldsToRows, a4 as buildTableApplyPlan, a5 as coerceTableComponentEditPlan, a6 as coerceTableComponentEditPlans, a7 as compileTableComponentEditPlan, a8 as compileTableComponentEditPlans, a9 as createTableAuthoringDocument, aa as formatComputedFieldValue, ab as getActionId, ac as getEnum, ad as getTableCapabilities, ae as getTableComponentEditPlanCapabilities, af as interpolateRelationEndpoint, ag as isAnalyticalDrawerSchema, ah as isTableRendererSupportedByRichContentP0, ai as mapTableRendererToRichContentP0, aj as normalizeComputedFieldDefinition, ak as normalizeTableAuthoringDocument, al as parseLegacyOrTableDocument, am as providePraxisAnalyticalDrawerSchemas, an as providePraxisFilterMetadata, ao as providePraxisTableMetadata, ap as providePraxisTableToolbarAppearance, aq as serializeTableAuthoringDocument, as as toCanonicalTableConfig, at as validateTableAuthoringDocument } from './praxisui-table-praxisui-table-CPAjJGGd.mjs';
+export { A as ANALYTICS_TABLE_ROW_KEY_FIELD, a as AnalyticalDrawerRegistryService, b as AnalyticsTableConfigAdapterService, c as AnalyticsTableContractService, d as AnalyticsTableStatsApiService, B as BOOLEAN_PRESETS, e as BehaviorConfigEditorComponent, C as CURRENCY_PRESETS, f as ColumnsConfigEditorComponent, D as DATE_PRESETS, g as DataFormatterComponent, h as DataFormattingService, F as FORMULA_TEMPLATES, i as FilterConfigService, j as FilterSettingsComponent, k as FormulaGeneratorService, J as JsonConfigEditorComponent, M as MessagesLocalizationEditorComponent, N as NUMBER_PRESETS, P as PERCENTAGE_PRESETS, l as PRAXIS_ANALYTICAL_DRAWER_SCHEMAS, m as PRAXIS_FILTER_AUTHORING_MANIFEST, n as PRAXIS_FILTER_COMPONENT_METADATA, o as PRAXIS_FILTER_VIEW_CONTEXT_SCHEMA_VERSION, p as PRAXIS_TABLE_AUTHORING_MANIFEST, q as PRAXIS_TABLE_COMPONENT_METADATA, r as PRAXIS_TABLE_TOOLBAR_APPEARANCE_PRESETS, s as PRAXIS_TABLE_TOOLBAR_DEFAULT_APPEARANCE, t as PRAXIS_TABLE_TOOLBAR_TOKEN_PRESETS, u as PraxisAnalyticalDrawerComponent, v as PraxisFilter, w as PraxisFilterOutletComponent, x as PraxisFilterOutletDirective, y as PraxisFilterWidgetConfigEditor, z as PraxisScopeBarComponent, E as PraxisTable, G as PraxisTableConfigEditor, H as PraxisTableInlineAuthoringEditorComponent, I as PraxisTableToolbar, K as PraxisTableWidgetConfigEditor, S as STRING_PRESETS, T as TABLE_AI_CAPABILITIES, L as TABLE_COMPONENT_AI_CAPABILITIES, O as TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS, Q as TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND, R as TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS, U as TABLE_COMPONENT_EDIT_PLAN_JSON_SCHEMA, V as TABLE_COMPONENT_EDIT_PLAN_KIND, X as TABLE_COMPONENT_EDIT_PLAN_VERSION, Y as TASK_PRESETS, Z as TableDefaultsProvider, _ as TableRulesEditorComponent, $ as ToolbarActionsEditorComponent, a0 as ValueMappingEditorComponent, a1 as VisualFormulaBuilderComponent, a2 as analyticsComparisonMetricField, a3 as applyComputedFieldsToRows, a4 as buildTableApplyPlan, a5 as coerceTableComponentEditPlan, a6 as coerceTableComponentEditPlans, a7 as compileTableComponentEditPlan, a8 as compileTableComponentEditPlans, a9 as createTableAuthoringDocument, aa as formatComputedFieldValue, ab as getActionId, ac as getEnum, ad as getTableCapabilities, ae as getTableComponentEditPlanCapabilities, af as interpolateRelationEndpoint, ag as isAnalyticalDrawerSchema, ah as isTableRendererSupportedByRichContentP0, ai as mapTableRendererToRichContentP0, aj as normalizeComputedFieldDefinition, ak as normalizeTableAuthoringDocument, al as parseLegacyOrTableDocument, am as providePraxisAnalyticalDrawerSchemas, an as providePraxisFilterMetadata, ao as providePraxisTableMetadata, ap as providePraxisTableToolbarAppearance, aq as serializeTableAuthoringDocument, as as toCanonicalTableConfig, at as validateTableAuthoringDocument } from './praxisui-table-praxisui-table-CWOg6JDN.mjs';
 export { createDynamicRecord, extractRecordId, isDynamicDataRecord, resolveDataField } from '@praxisui/core';

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@praxisui/table",
-  "version": "10.0.0-rc.31",
+  "version": "10.0.0-rc.32",
   "description": "Advanced data table for Angular (Praxis UI) with editing, filtering, sorting, virtualization, and settings panel integration.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/platform-browser": "^21.0.0",
-    "@praxisui/ai": "^10.0.0-rc.31",
-    "@praxisui/core": "^10.0.0-rc.31",
-    "@praxisui/dynamic-fields": "^10.0.0-rc.31",
-    "@praxisui/dynamic-form": "^10.0.0-rc.31",
-    "@praxisui/metadata-editor": "^10.0.0-rc.31",
-    "@praxisui/rich-content": "^10.0.0-rc.31",
-    "@praxisui/settings-panel": "^10.0.0-rc.31",
-    "@praxisui/table-rule-builder": "^10.0.0-rc.31",
+    "@praxisui/ai": "^10.0.0-rc.32",
+    "@praxisui/core": "^10.0.0-rc.32",
+    "@praxisui/dynamic-fields": "^10.0.0-rc.32",
+    "@praxisui/dynamic-form": "^10.0.0-rc.32",
+    "@praxisui/metadata-editor": "^10.0.0-rc.32",
+    "@praxisui/rich-content": "^10.0.0-rc.32",
+    "@praxisui/settings-panel": "^10.0.0-rc.32",
+    "@praxisui/table-rule-builder": "^10.0.0-rc.32",
     "@angular/cdk": "^21.0.0",
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/dialog": "^10.0.0-rc.31",
+    "@praxisui/dialog": "^10.0.0-rc.32",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-table.d.ts

@@ -1,8 +1,8 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, AfterViewInit, OnDestroy, EventEmitter, ElementRef, Provider, OnInit, OnChanges, DoCheck, DestroyRef, ChangeDetectorRef, NgZone, SimpleChanges, ComponentRef, AfterViewChecked, AfterContentInit, TemplateRef, Injector, Type } from '@angular/core';
 import * as _praxisui_core from '@praxisui/core';
-import { BulkExecutionContract, ResourceDiscoveryRequestOptions, BulkWireId, RestApiLinks, BulkSyncSession, BulkFieldChange, TableToolbarAppearanceConfig, TableConfig, TableToolbarAppearanceDensity, ToolbarActionEvent, PraxisExportScope, LoggerService, PraxisI18nService, TableToolbarAppearanceVariant, TableToolbarAppearanceShape, TableToolbarAppearanceDivider, TableToolbarTokenName, ToolbarAction as ToolbarAction$1, GlobalConfigService, FilterPresentationConfig, AsyncConfigStorage, LocalStorageConfigService, ApiUrlEntry, FieldMetadata, SchemaIdParams, FormConfig, GenericCrudService, DynamicFormService, SchemaNormalizerService, ComponentKeyService, ComponentDocMeta, PraxisTextValue, PraxisAnalyticsProjection, PraxisDataQueryContext, ApiUrlConfig, DynamicDataRecord, MaterializedResourceIdentity, PraxisQueryFilterExpression, RecordRelatedSurfaceContextPack, PraxisResourceEvent, LoadingState, ColumnDefinition, RichBlockNode, ResourceCapabilityDigest, ConnectionStorage, LoadingOrchestrator, GlobalActionService, EnterpriseRuntimeContextService, PraxisLoadingRenderer, PraxisRuntimeComponentObservationEnvelope, TableDetailRichListNode, TableDetailListNode, TableDetailCardGridNode, TableDetailCardGridCardNode, TableDetailTimelineNode, JsonLogicDataRecord, TableDetailListItemAction, TableDetailActionBarNode, TableDetailActionBarAction, TableDetailRefNode, TableDetailTemplateRefNode, TableDetailDiagramEmbedNode, TableDetailEmbedAction, RichContentDocument, RichBlockHostCapabilities, GlobalActionRef, PraxisRuntimeGlobalActionEffect, ResourceActionCatalogItem, ResourceSurfaceCatalogItem, ResourceCapabilityOperation, JsonLogicExpression, PraxisPresentationVisualizationKind, PraxisTableCellVisualizationConstraint, PraxisPresentationVisualizationThreshold, PraxisPresentationVisualizationTone, GlobalActionCatalogEntry, IconPickerService, SurfaceOpenPayload, GlobalActionField, FieldDefinition, PraxisRuntimeConditionalEffectRule, PraxisJsonLogicService, TableConfigService, SettingsValueProvider as SettingsValueProvider$1, ResourceQuickConnectComponent, AnalyticsSchemaContractService, AnalyticsPresentationResolver, RichPresenterNode, RichComposeNode, ComponentAuthoringManifest, AiCapability, AiCapabilityCategory, AiValueKind, AiCapabilityCatalog, TableDrawerConfig, PraxisAnalyticalDrawerTab, PraxisPresentationVisualizationConfig, PraxisAnalyticalDrawerSchema, SafeExpressionEvaluator, PraxisComputedFieldsConfig, PraxisComputedFieldDefinition } from '@praxisui/core';
+import { BulkExecutionContract, ResourceDiscoveryRequestOptions, BulkWireId, RestApiLinks, BulkSyncSession, BulkFieldChange, TableToolbarAppearanceConfig, TableConfig, TableToolbarAppearanceDensity, ToolbarActionEvent, PraxisExportScope, LoggerService, PraxisI18nService, TableToolbarAppearanceVariant, TableToolbarAppearanceShape, TableToolbarAppearanceDivider, TableToolbarTokenName, ToolbarAction as ToolbarAction$1, GlobalConfigService, FilterPresentationConfig, AsyncConfigStorage, LocalStorageConfigService, ApiUrlEntry, FieldMetadata, SchemaIdParams, FormConfig, GenericCrudService, DynamicFormService, SchemaNormalizerService, ComponentKeyService, ComponentDocMeta, PraxisTextValue, PraxisAnalyticsProjection, PraxisDataQueryContext, ApiUrlConfig, DynamicDataRecord, MaterializedResourceIdentity, TableConfigInput, PraxisQueryFilterExpression, RecordRelatedSurfaceContextPack, PraxisResourceEvent, LoadingState, ColumnDefinition, RichBlockNode, ResourceCapabilityDigest, ConnectionStorage, LoadingOrchestrator, GlobalActionService, EnterpriseRuntimeContextService, PraxisLoadingRenderer, PraxisRuntimeComponentObservationEnvelope, TableDetailRichListNode, TableDetailListNode, TableDetailCardGridNode, TableDetailCardGridCardNode, TableDetailTimelineNode, JsonLogicDataRecord, TableDetailListItemAction, TableDetailActionBarNode, TableDetailActionBarAction, TableDetailRefNode, TableDetailTemplateRefNode, TableDetailDiagramEmbedNode, TableDetailEmbedAction, RichContentDocument, RichBlockHostCapabilities, GlobalActionRef, PraxisRuntimeGlobalActionEffect, ResourceActionCatalogItem, ResourceSurfaceCatalogItem, ResourceCapabilityOperation, JsonLogicExpression, PraxisPresentationVisualizationKind, PraxisTableCellVisualizationConstraint, PraxisPresentationVisualizationThreshold, PraxisPresentationVisualizationTone, GlobalActionCatalogEntry, IconPickerService, SurfaceOpenPayload, GlobalActionField, FieldDefinition, PraxisRuntimeConditionalEffectRule, PraxisJsonLogicService, TableConfigService, SettingsValueProvider as SettingsValueProvider$1, ResourceQuickConnectComponent, AnalyticsSchemaContractService, AnalyticsPresentationResolver, RichPresenterNode, RichComposeNode, ComponentAuthoringManifest, AiCapability, AiCapabilityCategory, AiValueKind, AiCapabilityCatalog, TableDrawerConfig, PraxisAnalyticalDrawerTab, PraxisPresentationVisualizationConfig, PraxisAnalyticalDrawerSchema, SafeExpressionEvaluator, PraxisComputedFieldsConfig, PraxisComputedFieldDefinition } from '@praxisui/core';
 export { DynamicDataCollection, DynamicDataRecord, DynamicRecordMeta, ResourceLinkItem, ResourceLinks, createDynamicRecord, extractRecordId, isDynamicDataRecord, resolveDataField } from '@praxisui/core';
+import * as i0 from '@angular/core';
+import { InjectionToken, AfterViewInit, OnDestroy, EventEmitter, ElementRef, Provider, OnInit, OnChanges, DoCheck, DestroyRef, ChangeDetectorRef, NgZone, SimpleChanges, ComponentRef, AfterViewChecked, AfterContentInit, TemplateRef, Injector, Type } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { SafeHtml } from '@angular/platform-browser';
 import { MatTable, MatTableDataSource } from '@angular/material/table';
@@ -454,6 +454,7 @@ declare class TableDefaultsProvider {
     constructor(global: GlobalConfigService);
     /**
      * Returns default configuration for a given table identifier.
+     * Precedence inside defaults: GlobalConfig.table > createDefaultTableConfig().
      * @param tableId Table identifier
      */
     getDefaults(_tableId: string): TableConfig;
@@ -1428,7 +1429,10 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterView
     readonly paginatorSelectConfig: MatPaginatorSelectConfig;
     private static readonly ROW_ANIMATION_PRESETS;
     private static readonly ROW_ANIMATION_PRESET_ALIASES;
+    static ngAcceptInputType_config: TableConfigInput;
     config: TableConfig;
+    private hostInputConfig?;
+    private persistedUserConfig?;
     resourcePath: string;
     data: any[] | null;
     tableId: string;
@@ -1443,9 +1447,15 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterView
     autoOpenSettingsOnOutdated: boolean;
     crudContext: any;
     filterCriteria: Record<string, any>;
-    filterTeleport: boolean;
+    readonly filterCriteriaChange: EventEmitter<Record<string, any>>;
+    private _filterTeleport;
+    set filterTeleport(value: boolean);
+    get filterTeleport(): boolean;
     widgetId?: string;
-    filterBarTemplate?: TemplateRef<unknown>;
+    readonly filterTemplateSignal: i0.WritableSignal<TemplateRef<unknown> | undefined>;
+    private _filterBarTemplate?;
+    set filterBarTemplate(tpl: TemplateRef<unknown> | undefined);
+    get filterBarTemplate(): TemplateRef<unknown> | undefined;
     get filterTemplate(): TemplateRef<unknown> | undefined;
     private readonly widgetEventBus;
     queryContext: PraxisDataQueryContextBridge | null;
@@ -1854,6 +1864,7 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterView
     private tableConfigKey;
     private filterConfigKey;
     private ensureConfigDefaults;
+    private recomposeEffectiveTableConfig;
     private hasDeclaredAppearanceDensity;
     private hasDeclaredAppearanceSection;
     private shouldApplyAppearanceDefaultValue;
@@ -2372,6 +2383,7 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterView
     private syncQuickFilterStateFromEffectiveCriteria;
     private clearQuickFilterRuntimeState;
     private hasEquivalentFilterCriteria;
+    private lastAppliedFilterCriteria;
     applyAdvancedFilterCriteria(criteria: Record<string, any> | null | undefined, reason?: string): void;
     private setAdvancedFilterCriteria;
     private syncAdvancedFilterValueFromCriteria;
@@ -2755,6 +2767,7 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterView
     private isColumnFiltersSupported;
     private isRowDraggingSupported;
     private isRowExpansionSupported;
+    private hasComplementarySchemaExpansionFields;
     private enforceAppearanceSchemaGuards;
     private enforceUnsupportedFeatureGuards;
     getToolbarEvaluationContext(): Record<string, any>;
@@ -3065,7 +3078,7 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterView
     private scheduleRowDiscoveryMarkForCheck;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PraxisTable, [null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PraxisTable, "praxis-table", never, { "config": { "alias": "config"; "required": false; }; "resourcePath": { "alias": "resourcePath"; "required": false; }; "data": { "alias": "data"; "required": false; }; "tableId": { "alias": "tableId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "configPersistenceStrategy": { "alias": "configPersistenceStrategy"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "autoDelete": { "alias": "autoDelete"; "required": false; }; "notifyIfOutdated": { "alias": "notifyIfOutdated"; "required": false; }; "snoozeMs": { "alias": "snoozeMs"; "required": false; }; "autoOpenSettingsOnOutdated": { "alias": "autoOpenSettingsOnOutdated"; "required": false; }; "crudContext": { "alias": "crudContext"; "required": false; }; "filterCriteria": { "alias": "filterCriteria"; "required": false; }; "filterTeleport": { "alias": "filterTeleport"; "required": false; }; "widgetId": { "alias": "widgetId"; "required": false; }; "queryContext": { "alias": "queryContext"; "required": false; }; "aiContext": { "alias": "aiContext"; "required": false; }; "aiAssistantVoiceInputMode": { "alias": "aiAssistantVoiceInputMode"; "required": false; }; "aiAssistantVoiceLanguage": { "alias": "aiAssistantVoiceLanguage"; "required": false; }; "horizontalScroll": { "alias": "horizontalScroll"; "required": false; }; "enableCustomization": { "alias": "enableCustomization"; "required": false; }; "authoringCapability": { "alias": "authoringCapability"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; }, { "queryContextClear": "queryContextClear"; "queryContextChange": "queryContextChange"; "rowClick": "rowClick"; "widgetEvent": "widgetEvent"; "resourceEvent": "resourceEvent"; "rowDoubleClick": "rowDoubleClick"; "rowExpansionChange": "rowExpansionChange"; "rowAction": "rowAction"; "toolbarAction": "toolbarAction"; "bulkAction": "bulkAction"; "exportAction": "exportAction"; "columnReorder": "columnReorder"; "columnReorderAttempt": "columnReorderAttempt"; "columnResize": "columnResize"; "beforeDelete": "beforeDelete"; "afterDelete": "afterDelete"; "deleteError": "deleteError"; "beforeBulkDelete": "beforeBulkDelete"; "afterBulkDelete": "afterBulkDelete"; "bulkDeleteError": "bulkDeleteError"; "schemaStatusChange": "schemaStatusChange"; "configChange": "configChange"; "metadataChange": "metadataChange"; "loadingStateChange": "loadingStateChange"; "collectionLinksChange": "collectionLinksChange"; "selectionChange": "selectionChange"; "drawerOpen": "drawerOpen"; "drawerClose": "drawerClose"; "drawerTabChange": "drawerTabChange"; }, ["toolbar", "projectedFilter"], ["[advancedFilter]", "[toolbar]", "[advancedFilter]", "[toolbar]", "[advancedFilter]", "[toolbar]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PraxisTable, "praxis-table", never, { "config": { "alias": "config"; "required": false; }; "resourcePath": { "alias": "resourcePath"; "required": false; }; "data": { "alias": "data"; "required": false; }; "tableId": { "alias": "tableId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "configPersistenceStrategy": { "alias": "configPersistenceStrategy"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "autoDelete": { "alias": "autoDelete"; "required": false; }; "notifyIfOutdated": { "alias": "notifyIfOutdated"; "required": false; }; "snoozeMs": { "alias": "snoozeMs"; "required": false; }; "autoOpenSettingsOnOutdated": { "alias": "autoOpenSettingsOnOutdated"; "required": false; }; "crudContext": { "alias": "crudContext"; "required": false; }; "filterCriteria": { "alias": "filterCriteria"; "required": false; }; "filterTeleport": { "alias": "filterTeleport"; "required": false; }; "widgetId": { "alias": "widgetId"; "required": false; }; "queryContext": { "alias": "queryContext"; "required": false; }; "aiContext": { "alias": "aiContext"; "required": false; }; "aiAssistantVoiceInputMode": { "alias": "aiAssistantVoiceInputMode"; "required": false; }; "aiAssistantVoiceLanguage": { "alias": "aiAssistantVoiceLanguage"; "required": false; }; "horizontalScroll": { "alias": "horizontalScroll"; "required": false; }; "enableCustomization": { "alias": "enableCustomization"; "required": false; }; "authoringCapability": { "alias": "authoringCapability"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; }, { "filterCriteriaChange": "filterCriteriaChange"; "queryContextClear": "queryContextClear"; "queryContextChange": "queryContextChange"; "rowClick": "rowClick"; "widgetEvent": "widgetEvent"; "resourceEvent": "resourceEvent"; "rowDoubleClick": "rowDoubleClick"; "rowExpansionChange": "rowExpansionChange"; "rowAction": "rowAction"; "toolbarAction": "toolbarAction"; "bulkAction": "bulkAction"; "exportAction": "exportAction"; "columnReorder": "columnReorder"; "columnReorderAttempt": "columnReorderAttempt"; "columnResize": "columnResize"; "beforeDelete": "beforeDelete"; "afterDelete": "afterDelete"; "deleteError": "deleteError"; "beforeBulkDelete": "beforeBulkDelete"; "afterBulkDelete": "afterBulkDelete"; "bulkDeleteError": "bulkDeleteError"; "schemaStatusChange": "schemaStatusChange"; "configChange": "configChange"; "metadataChange": "metadataChange"; "loadingStateChange": "loadingStateChange"; "collectionLinksChange": "collectionLinksChange"; "selectionChange": "selectionChange"; "drawerOpen": "drawerOpen"; "drawerClose": "drawerClose"; "drawerTabChange": "drawerTabChange"; }, ["toolbar", "projectedFilter"], ["[advancedFilter]", "[toolbar]", "[advancedFilter]", "[toolbar]", "[advancedFilter]", "[toolbar]"], true, never>;
     static ngAcceptInputType_filterTeleport: unknown;
     static ngAcceptInputType_enableCustomization: unknown;
 }