@praxisui/table 0.0.1 → 1.0.0-beta.10

package/index.d.ts

@@ -7,21 +7,23 @@ import { MatSnackBar } from '@angular/material/snack-bar';
 import { SelectionModel } from '@angular/cdk/collections';
 import { SettingsPanelService, SettingsValueProvider, SettingsPanelRef } from '@praxisui/settings-panel';
 import * as _praxisui_core from '@praxisui/core';
-import { GlobalConfigService, TableConfig, ConfigStorage, SchemaIdParams, FieldMetadata, FormConfig, GenericCrudService, DynamicFormService, SchemaNormalizerService, ColumnDefinition, ConnectionStorage, IconPickerService, TableConfigService, ComponentDocMeta } from '@praxisui/core';
+import { GlobalConfigService, TableConfig, ConfigStorage, SchemaIdParams, FieldMetadata, FormConfig, GenericCrudService, DynamicFormService, SchemaNormalizerService, ColumnDefinition, ConnectionStorage, IconPickerService, TableConfigService, FieldDefinition, ComponentDocMeta } from '@praxisui/core';
 import { DatePipe, DecimalPipe, CurrencyPipe, PercentPipe, UpperCasePipe, LowerCasePipe, TitleCasePipe } from '@angular/common';
 import { FormControl, FormGroup, AbstractControl, FormBuilder } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { CdkOverlayOrigin, ConnectedPosition } from '@angular/cdk/overlay';
-import { SpecificationBridgeService, RuleBuilderConfig, RuleBuilderState } from '@praxisui/visual-builder';
 import { PraxisDialog } from '@praxisui/dialog';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as _angular_material_paginator_d_Zo1cMMo4 from '@angular/material/paginator.d-Zo1cMMo4';
 import { MatCheckboxChange } from '@angular/material/checkbox';
+import * as _praxisui_table_rule_builder from '@praxisui/table-rule-builder';
+import { RuleEffectDefinition } from '@praxisui/table-rule-builder';
+import { DslParser } from '@praxisui/specification';
 
-type ColumnDataType = 'date' | 'number' | 'currency' | 'percentage' | 'string' | 'boolean' | 'custom';
+type ColumnDataType$1 = 'date' | 'number' | 'currency' | 'percentage' | 'string' | 'boolean' | 'custom';
 interface FormatterConfig {
-    type: ColumnDataType;
+    type: ColumnDataType$1;
     options: any;
 }
 interface DateFormatterOptions {
@@ -88,7 +90,7 @@ declare class DataFormattingService {
     /**
      * Apply formatting to a value based on column type and format string
      */
-    formatValue(value: any, columnType: ColumnDataType, formatString: string): any;
+    formatValue(value: any, columnType: ColumnDataType$1, formatString: string): any;
     /**
      * Coerce value to the expected type for formatting
      */
@@ -125,7 +127,7 @@ declare class DataFormattingService {
     /**
      * Check if formatting is needed for a column
      */
-    needsFormatting(columnType: ColumnDataType, formatString: string): boolean;
+    needsFormatting(columnType: ColumnDataType$1, formatString: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataFormattingService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DataFormattingService>;
 }
@@ -515,7 +517,6 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterCont
     private cdr;
     private settingsPanel;
     private formattingService;
-    private specBridge;
     private configStorage;
     private connectionStorage;
     private tableDefaultsProvider;
@@ -547,6 +548,13 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterCont
     tableId: string;
     /** Habilita visual de debug para alinhamento/layouot */
     debugLayout: boolean;
+    /**
+     * Controla a estratégia de largura/scroll horizontal.
+     * - 'auto': (padrão) cria viewport com overflow-x e deixa a tabela crescer via max-content
+     * - 'wrap': permite quebra de linha nas células, reduzindo a largura (menos scroll)
+     * - 'none': desabilita comportamento da lib (host cuida do scroll)
+     */
+    horizontalScroll: 'auto' | 'wrap' | 'none';
     /** Contexto opcional quando tabela está dentro do componente CRUD */
     crudContext?: {
         tableId: string;
@@ -631,6 +639,8 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterCont
     getActionsHeaderIcon(): string | undefined;
     getActionsHeaderTooltip(): string | undefined;
     private styleSpecCache;
+    private actionSpecCache;
+    private dslParser;
     schemaError: boolean;
     dataError: boolean;
     errorMessage: string | null;
@@ -675,7 +685,7 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterCont
     getVirtMinHeightStyle(): string | null;
     trackByRow: (index: number, row: any) => string | number;
     private getRowId;
-    constructor(crudService: GenericCrudService<any>, cdr: ChangeDetectorRef, settingsPanel: SettingsPanelService, formattingService: DataFormattingService, specBridge: SpecificationBridgeService, configStorage: ConfigStorage, connectionStorage: ConnectionStorage, tableDefaultsProvider: TableDefaultsProvider, snackBar: MatSnackBar, filterConfig: FilterConfigService, pxDialog: PraxisDialog, hostRef: ElementRef<HTMLElement>, global: GlobalConfigService);
+    constructor(crudService: GenericCrudService<any>, cdr: ChangeDetectorRef, settingsPanel: SettingsPanelService, formattingService: DataFormattingService, configStorage: ConfigStorage, connectionStorage: ConnectionStorage, tableDefaultsProvider: TableDefaultsProvider, snackBar: MatSnackBar, filterConfig: FilterConfigService, pxDialog: PraxisDialog, hostRef: ElementRef<HTMLElement>, global: GlobalConfigService);
     openQuickConnect(): void;
     ngOnInit(): void;
     ngAfterContentInit(): void;
@@ -683,6 +693,7 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterCont
     private isDebug;
     private connectionKey;
     private saveConnection;
+    private inputsKey;
     disconnect(): void;
     ngAfterViewInit(): void;
     onPageChange(event: PageEvent): void;
@@ -735,8 +746,14 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterCont
     getCellClasses(rowData: any, column: ColumnDefinition): string[] | undefined;
     getCellNgStyle(rowData: any, column: ColumnDefinition): Record<string, string> | undefined;
     private evaluateStyleRule;
+    /** Evaluate row action visibility condition using the same DSL as styles */
+    private evaluateActionCondition;
     getRowClasses(rowData: any): string[] | undefined;
     getRowNgStyle(rowData: any): Record<string, string> | undefined;
+    private getRowRenderer;
+    getRowTooltip(rowData: any): string | null;
+    getRowTooltipPosition(rowData: any): 'above' | 'below' | 'left' | 'right';
+    getRowTooltipShowDelay(rowData: any): number;
     /**
      * Apply value mapping to transform raw values into display-friendly text
      */
@@ -790,19 +807,64 @@ declare class PraxisTable implements OnInit, OnChanges, AfterViewInit, AfterCont
     private coerceExpected;
     getImageSrc(row: any, column: ColumnDefinition): string | null;
     getImageAlt(row: any, column: ColumnDefinition): string | null;
-    getImageWidth(column: ColumnDefinition): number | null;
-    getImageHeight(column: ColumnDefinition): number | null;
-    getImageShape(column: ColumnDefinition): 'square' | 'rounded' | 'circle' | undefined;
-    getImageFit(column: ColumnDefinition): 'cover' | 'contain' | undefined;
+    getImageWidth(row: any, column: ColumnDefinition): number | null;
+    getImageHeight(row: any, column: ColumnDefinition): number | null;
+    getImageShape(row: any, column: ColumnDefinition): 'square' | 'rounded' | 'circle' | undefined;
+    getImageFit(row: any, column: ColumnDefinition): 'cover' | 'contain' | undefined;
     getImageLazy(_row: any, column: ColumnDefinition): boolean;
     getBadgeText(row: any, column: ColumnDefinition): string | null;
     getBadgeIcon(row: any, column: ColumnDefinition): string | null;
     getBadgeClasses(row: any, column: ColumnDefinition): string[];
-    getEffectiveRendererType(row: any, column: ColumnDefinition): 'icon' | 'image' | 'badge' | null;
+    getEffectiveRendererType(row: any, column: ColumnDefinition): 'icon' | 'image' | 'badge' | 'link' | 'button' | 'chip' | 'progress' | 'avatar' | 'toggle' | 'menu' | 'html' | 'compose' | null;
+    getComposeItems(row: any, column: ColumnDefinition): any[];
+    getComposeClasses(row: any, column: ColumnDefinition): string[];
+    getComposeGapStyle(row: any, column: ColumnDefinition): any;
+    asItemColumn(base: ColumnDefinition, item: any): any;
+    getItemEffectiveType(row: any, column: ColumnDefinition, item: any): any;
+    private _rendererOverrideCache;
+    private mergeRenderer;
+    private getEffectiveRenderer;
+    getLinkHref(row: any, column: ColumnDefinition): string | null;
+    getLinkText(row: any, column: ColumnDefinition): string;
+    getLinkTarget(row: any, column: ColumnDefinition): string | null;
+    getLinkRel(row: any, column: ColumnDefinition): string | null;
+    getButtonLabel(row: any, column: ColumnDefinition): string;
+    getButtonIcon(row: any, column: ColumnDefinition): string | null;
+    getButtonVariant(row: any, column: ColumnDefinition): 'filled' | 'outlined' | 'text';
+    getButtonColor(row: any, column: ColumnDefinition): string | null;
+    isButtonDisabled(row: any, column: ColumnDefinition): boolean;
+    getButtonAriaLabel(row: any, column: ColumnDefinition): string | null;
+    onButtonClick(row: any, column: ColumnDefinition, event: Event): void;
+    getChipText(row: any, column: ColumnDefinition): string | null;
+    getChipIcon(row: any, column: ColumnDefinition): string | null;
+    getChipClasses(row: any, column: ColumnDefinition): string[];
+    getProgressValue(row: any, column: ColumnDefinition): number;
+    getProgressColor(row: any, column: ColumnDefinition): string | null;
+    getProgressShowLabel(row: any, column: ColumnDefinition): boolean;
+    getAvatarSrc(row: any, column: ColumnDefinition): string | null;
+    getAvatarAlt(row: any, column: ColumnDefinition): string | null;
+    getAvatarInitials(row: any, column: ColumnDefinition): string;
+    getAvatarShape(row: any, column: ColumnDefinition): 'square' | 'rounded' | 'circle' | undefined;
+    getAvatarStyle(row: any, column: ColumnDefinition): Record<string, string>;
+    getToggleState(row: any, column: ColumnDefinition): boolean;
+    isToggleDisabled(row: any, column: ColumnDefinition): boolean;
+    getToggleAriaLabel(row: any, column: ColumnDefinition): string | null;
+    onToggleChange(row: any, column: ColumnDefinition, event: any): void;
+    getMenuAriaLabel(row: any, column: ColumnDefinition): string | null;
+    private evaluateArrayExpr;
+    getMenuItems(row: any, column: ColumnDefinition): Array<{
+        label: string;
+        icon?: string;
+        id: string;
+        __visible: boolean;
+    }>;
+    onMenuItemClick(actionId: string, row: any, event: Event): void;
+    getSafeHtml(row: any, column: ColumnDefinition): any;
+    private escapeHtml;
     private applyAppearanceVariables;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PraxisTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PraxisTable, "praxis-table", never, { "config": { "alias": "config"; "required": false; }; "resourcePath": { "alias": "resourcePath"; "required": false; }; "filterCriteria": { "alias": "filterCriteria"; "required": false; }; "notifyIfOutdated": { "alias": "notifyIfOutdated"; "required": false; }; "snoozeMs": { "alias": "snoozeMs"; "required": false; }; "autoOpenSettingsOnOutdated": { "alias": "autoOpenSettingsOnOutdated"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbarV2": { "alias": "toolbarV2"; "required": false; }; "autoDelete": { "alias": "autoDelete"; "required": false; }; "editModeEnabled": { "alias": "editModeEnabled"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "tableId": { "alias": "tableId"; "required": false; }; "debugLayout": { "alias": "debugLayout"; "required": false; }; "crudContext": { "alias": "crudContext"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; }, { "rowClick": "rowClick"; "rowAction": "rowAction"; "toolbarAction": "toolbarAction"; "bulkAction": "bulkAction"; "rowDoubleClick": "rowDoubleClick"; "schemaStatusChange": "schemaStatusChange"; "beforeDelete": "beforeDelete"; "afterDelete": "afterDelete"; "deleteError": "deleteError"; "beforeBulkDelete": "beforeBulkDelete"; "afterBulkDelete": "afterBulkDelete"; "bulkDeleteError": "bulkDeleteError"; }, ["projectedFilter"], ["[advancedFilter]", "[toolbar]", "[advancedFilter]", "[toolbar]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PraxisTable, "praxis-table", never, { "config": { "alias": "config"; "required": false; }; "resourcePath": { "alias": "resourcePath"; "required": false; }; "filterCriteria": { "alias": "filterCriteria"; "required": false; }; "notifyIfOutdated": { "alias": "notifyIfOutdated"; "required": false; }; "snoozeMs": { "alias": "snoozeMs"; "required": false; }; "autoOpenSettingsOnOutdated": { "alias": "autoOpenSettingsOnOutdated"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbarV2": { "alias": "toolbarV2"; "required": false; }; "autoDelete": { "alias": "autoDelete"; "required": false; }; "editModeEnabled": { "alias": "editModeEnabled"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "tableId": { "alias": "tableId"; "required": false; }; "debugLayout": { "alias": "debugLayout"; "required": false; }; "horizontalScroll": { "alias": "horizontalScroll"; "required": false; }; "crudContext": { "alias": "crudContext"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; }, { "rowClick": "rowClick"; "rowAction": "rowAction"; "toolbarAction": "toolbarAction"; "bulkAction": "bulkAction"; "rowDoubleClick": "rowDoubleClick"; "schemaStatusChange": "schemaStatusChange"; "beforeDelete": "beforeDelete"; "afterDelete": "afterDelete"; "deleteError": "deleteError"; "beforeBulkDelete": "beforeBulkDelete"; "afterBulkDelete": "afterBulkDelete"; "bulkDeleteError": "bulkDeleteError"; }, ["projectedFilter"], ["[advancedFilter]", "[toolbar]", "[advancedFilter]", "[toolbar]"], true, never>;
 }
 
 declare class PraxisTableToolbar {
@@ -968,7 +1030,7 @@ declare class ColumnsConfigEditorComponent implements OnInit, OnDestroy {
     private readonly destroyRef;
     private destroy$;
     onlyVisibleRendererFields: boolean;
-    uiRendererType: 'icon' | 'image' | 'badge' | null;
+    uiRendererType: 'icon' | 'image' | 'badge' | 'link' | 'button' | 'chip' | 'progress' | 'avatar' | 'toggle' | 'menu' | 'html' | 'compose' | null;
     private _rendererApplyTimer;
     rendererFieldOptions: Array<{
         name: string;
@@ -977,6 +1039,24 @@ declare class ColumnsConfigEditorComponent implements OnInit, OnDestroy {
         isVisible: boolean;
     }>;
     uiRendererConditional: boolean;
+    condOverridesSelectedIndex: number;
+    getConditionalOverrides(): any[];
+    ensureConditionalOverrides(): any[];
+    addConditionalOverride(): void;
+    removeConditionalOverride(index: number): void;
+    duplicateConditionalOverride(index: number): void;
+    onConditionalOverrideReorder(event: any): void;
+    selectConditionalOverride(index: number): void;
+    getOverrideField(path: string): any;
+    setOverrideField(path: string, value: any): void;
+    onOverrideTypeChange(ov: any, val: string): void;
+    exportOverrideJson(index: number): void;
+    importOverrideJson(index: number): void;
+    rendererValidationErrors: string[];
+    rendererIsValid: boolean;
+    rendererPreviewEnabled: boolean;
+    private rendererAppliedSnapshot;
+    previewRows: any[];
     private refreshRendererFieldOptions;
     getRendererFieldOptions(): Array<{
         name: string;
@@ -1024,7 +1104,7 @@ declare class ColumnsConfigEditorComponent implements OnInit, OnDestroy {
     getColumnMapping(column: ColumnDefinition | null): {
         [key: string | number]: string;
     };
-    getRendererType(col: ColumnDefinition | null): 'icon' | 'image' | 'badge' | null;
+    getRendererType(col: ColumnDefinition | null): 'icon' | 'image' | 'badge' | 'link' | 'button' | 'chip' | 'progress' | 'avatar' | 'toggle' | 'menu' | 'html' | null;
     onRendererTypeChange(type: 'icon' | 'image' | 'badge' | null): void;
     onRendererModeClosed(): void;
     onToggleRendererConditional(enabled: boolean): void;
@@ -1067,19 +1147,79 @@ declare class ColumnsConfigEditorComponent implements OnInit, OnDestroy {
     getRendererBadgeIcon(): string;
     setRendererBadgeIcon(v: string): void;
     private ensureRenderer;
+    private _ensureKind;
+    getRendererProp(kind: string, path: string): any;
+    setRendererProp(kind: string, path: string, value: any): void;
+    private _deepClone;
+    hasSelectedRenderer(): boolean;
+    onApplyRenderer(): void;
+    onDiscardRenderer(): void;
+    onExportRendererJson(): Promise<void>;
+    onImportRendererJson(): void;
+    private sanitizeRenderer;
+    private ensurePreviewRows;
+    private evalValueExpr;
+    private evalArrayExpr;
+    private _coerceExpected;
+    private getNested;
+    getPreviewRendererType(row: any): 'icon' | 'image' | 'badge' | 'link' | 'button' | 'chip' | 'progress' | 'avatar' | 'toggle' | 'menu' | 'html' | 'compose' | null;
+    getPreviewIconName(row: any): string | null;
+    getPreviewIconColor(row: any): string | null;
+    getPreviewIconStyle(row: any): Record<string, string> | null;
+    getPreviewImageSrc(row: any): string | null;
+    getPreviewImageAlt(row: any): string | null;
+    getPreviewImageWidth(): number | null;
+    getPreviewImageHeight(): number | null;
+    getPreviewImageShape(): 'square' | 'rounded' | 'circle' | undefined;
+    getPreviewImageFit(): 'cover' | 'contain' | undefined;
+    getPreviewBadgeText(row: any): string | null;
+    getPreviewBadgeIcon(_row: any): string | null;
+    getPreviewBadgeClasses(_row: any): string[];
+    getPreviewLinkText(row: any): string;
+    getPreviewLinkHref(row: any): string | null;
+    getPreviewButtonLabel(row: any): string;
+    getPreviewButtonIcon(): string | null;
+    getPreviewChipText(row: any): string | null;
+    getPreviewChipClasses(): string[];
+    getPreviewProgressValue(row: any): number;
+    getPreviewAvatarSrc(row: any): string | null;
+    getPreviewAvatarInitials(row: any): string;
+    getPreviewAvatarStyle(): Record<string, string>;
+    getPreviewAvatarShape(): 'square' | 'rounded' | 'circle' | undefined;
+    getPreviewToggleState(row: any): boolean;
+    getPreviewMenuCount(row: any): number;
+    getPreviewHtml(row: any): string;
+    trackByIdx: (_: number, item: any) => number;
+    private validateRenderer;
     private readonly _emptyMappingRef;
+    composeSelectedIndex: number;
+    private ensureCompose;
+    getComposeItemsUI(): Array<{
+        type: string;
+        summary: string;
+        raw: any;
+    }>;
+    private getComposeItemSummary;
+    addComposeItem(kind: string): void;
+    removeComposeItem(index: number): void;
+    duplicateComposeItem(index: number): void;
+    onComposeReorder(event: any): void;
+    selectComposeItem(index: number): void;
+    getComposeLayoutProp(key: string): any;
+    setComposeLayoutProp(key: string, value: any): void;
+    private getSelectedComposeItem;
     getColumnKeyInputType(column: ColumnDefinition | null): 'text' | 'number' | 'boolean';
     onMappingChange(mapping: {
         [key: string | number]: string;
     }): void;
-    get selectedColumnDataType(): ColumnDataType;
-    set selectedColumnDataType(value: ColumnDataType);
-    getColumnDataType(column: ColumnDefinition | null): ColumnDataType;
+    get selectedColumnDataType(): ColumnDataType$1;
+    set selectedColumnDataType(value: ColumnDataType$1);
+    getColumnDataType(column: ColumnDefinition | null): ColumnDataType$1;
     /**
      * Infer column data type from field name patterns (shared logic with PraxisTable)
      */
     private inferFieldTypeFromFieldName;
-    onDataTypeChange(dataType: ColumnDataType): void;
+    onDataTypeChange(dataType: ColumnDataType$1): void;
     showDataFormatter(column: ColumnDefinition | null): boolean;
     getFormatterIcon(column: ColumnDefinition | null): string;
     getFormatterPanelDescription(column: ColumnDefinition | null): string;
@@ -1274,7 +1414,9 @@ declare class PraxisTableConfigEditor implements OnInit, OnDestroy, SettingsValu
     private panelData;
     private panelRef?;
     behaviorEditor?: BehaviorConfigEditorComponent;
-    crudEditor?: any;
+    set crudEditorSetter(ref: any);
+    private crudEditor?;
+    private _crudSubscribed;
     sections: {
         id: string;
         label: string;
@@ -1287,6 +1429,8 @@ declare class PraxisTableConfigEditor implements OnInit, OnDestroy, SettingsValu
     private initialResourcePath;
     idField: string;
     private initialIdField;
+    horizontalScroll: 'auto' | 'wrap' | 'none';
+    private initialHorizontalScroll;
     crudContext?: {
         tableId: string;
         resourcePath?: string;
@@ -1319,6 +1463,7 @@ declare class PraxisTableConfigEditor implements OnInit, OnDestroy, SettingsValu
     isValid$: BehaviorSubject<boolean>;
     isBusy$: BehaviorSubject<boolean>;
     columnMetas: FieldMetadata[];
+    private hasCrudOverridesDirty;
     constructor(cdr: ChangeDetectorRef, configService: TableConfigService, panelData: any, panelRef?: SettingsPanelRef | undefined);
     ngOnInit(): void;
     onJsonConfigChange(newConfig: TableConfig): void;
@@ -1327,8 +1472,10 @@ declare class PraxisTableConfigEditor implements OnInit, OnDestroy, SettingsValu
     onColumnsConfigChange(newConfig: TableConfig): void;
     onColumnChange(change: ColumnChange): void;
     onFilterSettingsChange(cfg: FilterConfig): void;
+    onRulesConfigChange(newCfg: TableConfig): void;
     private updateColumnMetas;
     private updateCanSaveState;
+    private subscribeCrudEditorChanges;
     private showSuccess;
     private showError;
     private clearMessages;
@@ -1344,9 +1491,9 @@ declare class PraxisTableConfigEditor implements OnInit, OnDestroy, SettingsValu
     getSettingsValue(): TableConfig;
     onResourcePathChange(val: string): void;
     onIdFieldChange(val: string): void;
+    onHorizontalScrollChange(val: 'auto' | 'wrap' | 'none'): void;
     onReconcileIdField(): void;
     onAcceptServerHash(): void;
-    onVisualRulesConfigChange(newConfig: TableConfig): void;
     reset(): void;
     onResetToDefaults(): void;
     /**
@@ -1409,7 +1556,7 @@ declare const FILTER_DRAWER_ADAPTER: InjectionToken<FilterDrawerAdapter>;
 declare class DataFormatterComponent implements OnInit, OnChanges {
     private cdr;
     private formattingService;
-    columnType: ColumnDataType;
+    columnType: ColumnDataType$1;
     currentFormat: string;
     formatChange: EventEmitter<string>;
     datePresets: FormatPreset[];
@@ -1597,72 +1744,255 @@ declare class FilterSettingsComponent implements OnChanges {
     static ɵcmp: i0.ɵɵComponentDeclaration<FilterSettingsComponent, "filter-settings", never, { "metadata": { "alias": "metadata"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; "configKey": { "alias": "configKey"; "required": false; }; }, { "settingsChange": "settingsChange"; }, never, never, true, never>;
 }
 
-declare class TableVisualRulesEditorComponent {
+type ColumnDataType = 'string' | 'number' | 'date' | 'boolean' | 'currency' | 'percentage' | 'custom';
+
+type OperatorKey = '==' | '!=' | '<' | '<=' | '>' | '>=' | 'contains' | 'startsWith' | 'endsWith' | 'matches' | 'in' | 'not in' | 'is empty' | 'is not empty' | 'between' | 'is today' | 'in last' | 'weekday is' | 'is true' | 'is false' | 'contains all' | 'contains any' | 'length ==' | 'length >' | 'length <' | 'jsonPath matches' | 'has key' | 'key ==' | 'id ==' | 'id in' | 'has property';
+interface OperatorSpec {
+    key: OperatorKey;
+    label: string;
+    icon?: string;
+    description?: string;
+}
+declare class OperatorsRegistryService {
+    /** Returns the list of operator specs supported for a given data type. */
+    getForType(type: ColumnDataType | 'enum' | 'array' | 'json' | 'relational'): OperatorSpec[];
+    get keys(): OperatorKey[];
+    private readonly stringOps;
+    private readonly numberOps;
+    private readonly dateOps;
+    private readonly booleanOps;
+    private readonly enumOps;
+    private readonly arrayOps;
+    private readonly jsonOps;
+    private readonly relationalOps;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OperatorsRegistryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OperatorsRegistryService>;
+}
+
+type GroupOp = 'AND' | 'OR' | 'NOT';
+interface RuleAtom {
+    field: string;
+    operator: string;
+    value?: any;
+    options?: Record<string, any>;
+}
+interface RuleGroup {
+    op: GroupOp;
+    conditions: RuleAtom[];
+    groups?: RuleGroup[];
+}
+declare class RuleCompilerService {
+    /**
+     * Compiles a rule group into a single DSL expression string, adding
+     * parentheses according to grouping and operator precedence.
+     */
+    compileGroup(group: RuleGroup): string;
+    /** Compiles a single rule atom to DSL. */
+    compileAtom(atom: RuleAtom): string;
+    private stringify;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuleCompilerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RuleCompilerService>;
+}
+
+type RuleItem = {
+    condition: string;
+    cssClass?: string;
+    style?: Record<string, string>;
+    description?: string;
+    effects?: _praxisui_table_rule_builder.RuleEffectDefinition;
+    enabled?: boolean;
+};
+declare class TableRulesEditorComponent implements OnChanges {
+    private cdr;
+    private registry;
+    private compiler;
+    private dynamicForm;
+    private crud?;
     config: TableConfig;
+    resourcePath?: string;
+    fields?: FieldDefinition[] | null;
+    i18nRules?: Partial<Record<string, string>>;
     configChange: EventEmitter<_praxisui_core.TableConfigModern>;
-    columns: ColumnDefinition[];
-    selectedField?: string;
-    selectedColumn?: ColumnDefinition | null;
-    scope: 'column' | 'row';
-    builderConfig: RuleBuilderConfig | null;
-    currentRulesState?: RuleBuilderState;
-    compiledRules: Array<{
-        condition: string;
-        cssClass?: string;
-        style?: Record<string, string>;
-        _styleText?: string;
-        display?: string;
+    scope: 'row' | 'column';
+    selectedColumnField: string | null;
+    draftCondition: string;
+    draftCssClass: string;
+    draftStyleText: string;
+    dslMode: boolean;
+    dslErrors: string[];
+    editIndex: number;
+    get currentRules(): RuleItem[];
+    set currentRules(v: RuleItem[]);
+    rulesRow: RuleItem[];
+    rulesColumn: RuleItem[];
+    private parser;
+    objectKeys: {
+        (o: object): string[];
+        (o: {}): string[];
+    };
+    dynamicValueForm: FormGroup;
+    dynamicValueMetas: FieldMetadata[];
+    effectsValue?: RuleEffectDefinition;
+    dynamicValueActive: boolean;
+    private dynamicValueSub?;
+    basicFieldType: 'enum' | 'array' | 'json' | 'relational' | 'string' | 'number' | 'date' | 'boolean' | 'currency' | 'percentage' | 'custom';
+    noValueOperator: boolean;
+    i18nValuePlaceholder: string;
+    enumOptions: Array<{
+        value: any;
+        label: string;
+    }>;
+    private updateDerivedUiProps;
+    /** Enable verbose console logging for debugging value editor behavior */
+    debugLogs: boolean;
+    debugLevel: 'log' | 'info' | 'debug';
+    private dbg;
+    /** Log a summary table of field metadata and column info for diagnostics */
+    private logFieldMetasContext;
+    /** Log a focused view for a single field */
+    private logSingleFieldMeta;
+    private logFieldChoices;
+    i18nDefault: Record<string, string>;
+    t(key: string): string;
+    constructor(cdr: ChangeDetectorRef, registry: OperatorsRegistryService, compiler: RuleCompilerService, dynamicForm: DynamicFormService, crud?: GenericCrudService<any> | undefined);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    get columnFields(): string[];
+    getOperatorsForField(fieldName: string | null): string[];
+    onScopeChange(_s: 'row' | 'column'): void;
+    onColumnSelect(_field: string): void;
+    private initFromConfig;
+    private loadColumnRules;
+    rebuildCondition(): void;
+    onDraftChange(): void;
+    onRelSearch(ev: any): void;
+    clearRelSelection(): void;
+    onRelSelectSingle(opt: any): void;
+    onRelAddMulti(opt: any): void;
+    removeRelMulti(i: number): void;
+    private fetchRelOptions;
+    private getRelationalConfig;
+    validateDraft(): void;
+    canCommitDraft(): boolean;
+    addOrUpdateRule(): void;
+    editRule(index: number): void;
+    removeRule(index: number): void;
+    duplicateRule(index: number): void;
+    onRuleToggle(): void;
+    onApply(): void;
+    isValid(): boolean;
+    onExportRules(): void;
+    onImportRules(): void;
+    private sanitizeRule;
+    private buildRendererOverrideFromRule;
+    private buildRowRendererOverrideFromRule;
+    private stringifyValue;
+    private extractIdentifiers;
+    resetDraft(): void;
+    basicField: string;
+    basicOperator: string;
+    basicValue: any;
+    basicMin: any;
+    basicMax: any;
+    basicListCsv: string;
+    basicDate: Date | null;
+    basicDateStart: Date | null;
+    basicDateEnd: Date | null;
+    basicEnumValue: string | number | null;
+    basicEnumValues: Array<string | number>;
+    basicLength: number | null;
+    relationalSelected: {
+        id: any;
+        label: string;
+        raw: any;
+    } | null;
+    relationalSelectedMulti: Array<{
+        id: any;
+        label: string;
+        raw: any;
     }>;
-    private rulesUpdateTimer;
-    hasPending: boolean;
-    private effectsPaused;
-    private destroyed;
-    private suppressRulesUntil;
-    private lastCompiledJson;
-    private lastStateJson;
-    private lastColumnsSignature;
-    classPresets: {
+    relationalOptions: Array<{
+        id: any;
+        label: string;
+        raw: any;
+    }>;
+    basicRelPath: string;
+    private relSearchTerm;
+    private relCache;
+    basicLastN: number | null;
+    basicLastUnit: 'days' | 'weeks' | 'months';
+    basicWeekdays: number[];
+    weekdayOptions: {
+        value: number;
         label: string;
-        value: string;
     }[];
-    ngOnInit(): void;
-    ngOnChanges(): void;
-    ngOnDestroy(): void;
-    onScopeChange(scope: 'column' | 'row'): void;
-    onSelectColumn(field: string): void;
-    private resolveSelectedTarget;
-    onRulesChanged(state: RuleBuilderState): void;
-    private applyRulesState;
-    onEffectChanged(): void;
-    onStyleTextChanged(r: any): void;
-    private mergeEffects;
-    private materializeCompiledRules;
-    private stringifyStyle;
-    private parseStyleText;
-    onPresetSelected(r: any, value: string): void;
-    private mergePendingIntoCompiled;
-    private prettifyCondition;
-    private createBuilderConfig;
-    private mapType;
-    private maybeRebuildBuilderConfig;
-    applyEffects(): void;
-    discardEffects(): void;
-    pauseEffects(on: boolean): void;
-    trackRule(index: number, r: any): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableVisualRulesEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableVisualRulesEditorComponent, "table-visual-rules-editor", never, { "config": { "alias": "config"; "required": false; }; }, { "configChange": "configChange"; }, never, never, true, never>;
+    basicJsonPath: string;
+    basicJsonPattern: string;
+    basicJsonKey: string;
+    basicJsonExpected: any;
+    draftGroup: RuleGroup;
+    editAtomIndex: number;
+    activeGroupTarget: 'root' | number;
+    onEffectsChange(v: RuleEffectDefinition): void;
+    private hasRuleEffectsValue;
+    getFieldType(fieldName: string | null): 'enum' | 'array' | 'json' | 'relational' | 'string' | 'number' | 'date' | 'boolean' | 'currency' | 'percentage' | 'custom';
+    getEnumOptions(fieldName: string | null): Array<{
+        value: any;
+        label: string;
+    }>;
+    isNoValueOperator(op: string): boolean;
+    getValuePlaceholder(): string;
+    getI18nValuePlaceholder(): string;
+    private toIsoDateString;
+    setDsl(v: boolean): void;
+    onBasicFieldChange(_val: string): void;
+    onBasicOperatorChange(_val: string): void;
+    private refreshDynamicValueInitialValueOnly;
+    refreshDynamicValueHost(): void;
+    private buildAtomFromBasic;
+    canBuildAtom(): boolean;
+    onAddOrUpdateAtom(): void;
+    editAtom(index: number): void;
+    removeAtom(index: number): void;
+    resetAtomEdit(): void;
+    private focusAddCondition;
+    clearGroup(): void;
+    onDropCondition(evt: CdkDragDrop<RuleAtom[]>): void;
+    updateDraftFromGroup(): void;
+    getAtomPreview(a: RuleAtom): string;
+    addSubgroup(): void;
+    removeSubgroup(index: number): void;
+    getGroupPreview(g: RuleGroup): string;
+    private getActiveGroupRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableRulesEditorComponent, [null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableRulesEditorComponent, "table-rules-editor", never, { "config": { "alias": "config"; "required": false; }; "resourcePath": { "alias": "resourcePath"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "i18nRules": { "alias": "i18nRules"; "required": false; }; "debugLogs": { "alias": "debugLogs"; "required": false; }; "debugLevel": { "alias": "debugLevel"; "required": false; }; }, { "configChange": "configChange"; }, never, never, true, never>;
 }
 
-interface ConditionalStyleRule {
-    condition: string;
-    cssClass?: string;
-    style?: {
-        [key: string]: string;
-    };
-    description?: string;
-}
-declare function ruleBuilderStateToConditionalStyles(state: RuleBuilderState | null | undefined): ConditionalStyleRule[];
-declare function conditionalStylesToBuilderState(styles: ConditionalStyleRule[] | null | undefined): RuleBuilderState;
+/**
+ * Lightweight JSON path evaluator for simple cases used in conditional styling.
+ * Supported syntax (subset):
+ *  - $.a.b.c
+ *  - a.b[0].c
+ *  - a["key"] / a['key']
+ *  - a[0]
+ */
+declare function jsonPathGet(root: any, rawPath: string): any;
+declare function hasJsonKey(root: any, keyOrPath: string): boolean;
+declare function jsonPathMatches(root: any, path: string, pattern: string): boolean;
+/**
+ * Registers JSON helpers in a DslParser instance, if it supports custom functions.
+ * This is optional — call it in your app host bootstrap.
+ */
+declare function registerJsonDslFunctions(parser: DslParser | any): void;
+
+/**
+ * Registers simple date/time helpers in a DslParser instance.
+ * - today(): returns 'YYYY-MM-DD' (UTC)
+ * - now(): returns Date ISO string (toISOString)
+ * - dateAdd(date, amount, unit): adds amount (days|weeks|months) and returns 'YYYY-MM-DD'
+ * - dateFormat(date, token): supports token 'E' (ISO weekday 1..7)
+ */
+declare function registerDateDslFunctions(parser: DslParser | any): void;
 
 declare class FormulaGeneratorService {
     /**
@@ -1767,5 +2097,5 @@ declare const PRAXIS_TABLE_COMPONENT_METADATA: ComponentDocMeta;
  */
 declare function providePraxisTableMetadata(): Provider;
 
-export { BOOLEAN_PRESETS, BehaviorConfigEditorComponent, CURRENCY_PRESETS, ColumnsConfigEditorComponent, DATE_PRESETS, DataFormatterComponent, DataFormattingService, FILTER_DRAWER_ADAPTER, FORMULA_TEMPLATES, FilterConfigService, FilterSettingsComponent, FormulaGeneratorService, JsonConfigEditorComponent, MessagesLocalizationEditorComponent, NUMBER_PRESETS, PERCENTAGE_PRESETS, PRAXIS_TABLE_COMPONENT_METADATA, PraxisFilter, PraxisTable, PraxisTableConfigEditor, PraxisTableToolbar, STRING_PRESETS, TableDefaultsProvider, TableVisualRulesEditorComponent, ToolbarActionsEditorComponent, ValueMappingEditorComponent, VisualFormulaBuilderComponent, conditionalStylesToBuilderState, getActionId, providePraxisTableMetadata, ruleBuilderStateToConditionalStyles };
-export type { ActionLike, ArithmeticParams, BehaviorConfigChange, BooleanFormatterOptions, BulkAction, ColumnChange, ColumnDataType, ConcatenationParams, ConditionalMappingParams, ConditionalStyleRule, CurrencyFormatterOptions, DateFormatterOptions, DefaultValueParams, FieldSchema, FilterConfig, FilterDrawerAdapter, FilterDrawerOpenConfig, FilterTag, FormatPreset, FormatterConfig, FormulaDefinition, FormulaParameterSchema, FormulaParams, FormulaTemplate, FormulaType, I18n, JsonEditorEvent, JsonValidationResult, MessagesLocalizationChange, NestedPropertyParams, NumberFormatterOptions, PercentageFormatterOptions, RowAction, RowActionConfig, RowActionsBehavior, StringFormatterOptions, ToolbarAction, ToolbarActionsChange, ValueMappingPair };
+export { BOOLEAN_PRESETS, BehaviorConfigEditorComponent, CURRENCY_PRESETS, ColumnsConfigEditorComponent, DATE_PRESETS, DataFormatterComponent, DataFormattingService, FILTER_DRAWER_ADAPTER, FORMULA_TEMPLATES, FilterConfigService, FilterSettingsComponent, FormulaGeneratorService, JsonConfigEditorComponent, MessagesLocalizationEditorComponent, NUMBER_PRESETS, PERCENTAGE_PRESETS, PRAXIS_TABLE_COMPONENT_METADATA, PraxisFilter, PraxisTable, PraxisTableConfigEditor, PraxisTableToolbar, STRING_PRESETS, TableDefaultsProvider, TableRulesEditorComponent, ToolbarActionsEditorComponent, ValueMappingEditorComponent, VisualFormulaBuilderComponent, getActionId, hasJsonKey, jsonPathGet, jsonPathMatches, providePraxisTableMetadata, registerDateDslFunctions, registerJsonDslFunctions };
+export type { ActionLike, ArithmeticParams, BehaviorConfigChange, BooleanFormatterOptions, BulkAction, ColumnChange, ColumnDataType$1 as ColumnDataType, ConcatenationParams, ConditionalMappingParams, CurrencyFormatterOptions, DateFormatterOptions, DefaultValueParams, FieldSchema, FilterConfig, FilterDrawerAdapter, FilterDrawerOpenConfig, FilterTag, FormatPreset, FormatterConfig, FormulaDefinition, FormulaParameterSchema, FormulaParams, FormulaTemplate, FormulaType, I18n, JsonEditorEvent, JsonValidationResult, MessagesLocalizationChange, NestedPropertyParams, NumberFormatterOptions, PercentageFormatterOptions, RowAction, RowActionConfig, RowActionsBehavior, StringFormatterOptions, ToolbarAction, ToolbarActionsChange, ValueMappingPair };