@aquera/ngx-smart-table 0.0.17-patch-0.5 → 0.0.17-patch-0.7

package/fesm2020/aquera-ngx-smart-table.mjs

@@ -4890,6 +4890,302 @@ class NileDatePickerEditor {
     }
 }
 
+/**
+ * Custom editor using NileChip from @aquera/nile-elements
+ * Renders the chip input in a floating popover below the cell to avoid row height mismatch.
+ *
+ * @see https://nile.aqueralabs.com/1.6.3/chip?theme=enterprise
+ */
+let chipStylesInjected = false;
+function injectChipStyles() {
+    if (chipStylesInjected)
+        return;
+    chipStylesInjected = true;
+    const styleId = 'nile-chip-editor-styles';
+    if (document.getElementById(styleId))
+        return;
+    const style = document.createElement('style');
+    style.id = styleId;
+    style.textContent = `
+    .st-chip-popover {
+      position: fixed;
+      z-index: 10000;
+      background: var(--nile-colors-white-base, #fff);
+      border: 1px solid var(--nile-colors-neutral-200, #e2e8f0);
+      border-radius: 6px;
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+      padding: 8px;
+      box-sizing: border-box;
+      max-height: 200px;
+      overflow-y: auto;
+    }
+    .st-chip-popover nile-chip {
+      width: 100%;
+    }
+    .st-chip-popover nile-chip::part(base) {
+      border: none !important;
+      box-shadow: none !important;
+      min-height: 32px;
+    }
+    .st-chip-popover nile-chip::part(input) {
+      font-size: var(--nile-font-size-small, 13px);
+    }
+  `;
+    document.head.appendChild(style);
+}
+/**
+ * Custom editor that uses NileChip (tag input) component.
+ * Renders in a floating popover below the cell to avoid expanding row height.
+ *
+ * Cell value is expected to be `string[]` (array of tag strings).
+ */
+class NileChipEditor {
+    constructor(options) {
+        this.options = options;
+        this.acceptsInitialKeypress = false;
+        this.eventListeners = [];
+        this.trackedValues = [];
+        this.hasChangeOccurred = false;
+    }
+    edit(context) {
+        if (!context.container) {
+            console.warn('NileChipEditor requires a container element');
+            return;
+        }
+        injectChipStyles();
+        this.cellContainer = context.container;
+        // Create the floating popover
+        this.popover = document.createElement('div');
+        this.popover.className = 'st-chip-popover';
+        // Create nile-chip inside the popover
+        this.chip = document.createElement('nile-chip');
+        this.chip.className = 'st-cell-editor st-nile-chip-editor';
+        this.setInitialValue(context.value);
+        this.applyOptions();
+        this.popover.appendChild(this.chip);
+        // Apply custom max-height if provided
+        if (this.options?.popoverMaxHeight) {
+            this.popover.style.maxHeight = `${this.options.popoverMaxHeight}px`;
+        }
+        // Append popover to body and position it
+        document.body.appendChild(this.popover);
+        this.positionPopover();
+        this.setupEventListeners(context);
+        if (this.options?.autoFocus !== false) {
+            setTimeout(() => {
+                try {
+                    this.chip?.focus();
+                }
+                catch { /* ignore */ }
+            }, 0);
+        }
+    }
+    positionPopover() {
+        if (!this.popover || !this.cellContainer)
+            return;
+        const rect = this.cellContainer.getBoundingClientRect();
+        const minWidth = this.options?.popoverMinWidth ?? rect.width;
+        const popoverWidth = Math.max(minWidth, rect.width);
+        this.popover.style.top = `${rect.bottom + 2}px`;
+        this.popover.style.left = `${rect.left}px`;
+        this.popover.style.width = `${popoverWidth}px`;
+        // After rendering, check if it goes off-screen bottom and flip above if needed
+        requestAnimationFrame(() => {
+            if (!this.popover)
+                return;
+            const popRect = this.popover.getBoundingClientRect();
+            if (popRect.bottom > window.innerHeight) {
+                this.popover.style.top = `${rect.top - popRect.height - 2}px`;
+            }
+        });
+    }
+    setInitialValue(value) {
+        if (!this.chip)
+            return;
+        if (Array.isArray(value)) {
+            this.trackedValues = [...value];
+            this.chip.value = this.trackedValues;
+        }
+        else if (typeof value === 'string' && value) {
+            this.trackedValues = [value];
+            this.chip.value = this.trackedValues;
+        }
+        else {
+            this.trackedValues = [];
+            this.chip.value = [];
+        }
+    }
+    applyOptions() {
+        if (!this.chip || !this.options)
+            return;
+        if (this.options.placeholder) {
+            this.chip.placeholder = this.options.placeholder;
+        }
+        if (this.options.label) {
+            this.chip.label = this.options.label;
+        }
+        if (this.options.helpText) {
+            this.chip.helpText = this.options.helpText;
+        }
+        if (this.options.disabled !== undefined) {
+            this.chip.disabled = this.options.disabled;
+        }
+        if (this.options.readonly !== undefined) {
+            this.chip.readonly = this.options.readonly;
+        }
+        if (this.options.acceptUserInput !== undefined) {
+            this.chip.acceptUserInput = this.options.acceptUserInput;
+        }
+        if (this.options.noDuplicates !== undefined) {
+            this.chip.noDuplicates = this.options.noDuplicates;
+        }
+        if (this.options.clearable !== undefined) {
+            this.chip.clearable = this.options.clearable;
+        }
+        if (this.options.noWrap !== undefined) {
+            this.chip.noWrap = this.options.noWrap;
+        }
+        if (this.options.noAutoComplete !== undefined) {
+            this.chip.noAutoComplete = this.options.noAutoComplete;
+        }
+        if (this.options.enableVirtualScroll !== undefined) {
+            this.chip.enableVirtualScroll = this.options.enableVirtualScroll;
+        }
+        if (this.options.openDropdownOnFocus !== undefined) {
+            this.chip.openDropdownOnFocus = this.options.openDropdownOnFocus;
+        }
+        if (this.options.loading !== undefined) {
+            this.chip.loading = this.options.loading;
+        }
+        // Visual states
+        if (this.options.warning !== undefined) {
+            this.chip.warning = this.options.warning;
+        }
+        if (this.options.error !== undefined) {
+            this.chip.error = this.options.error;
+        }
+        if (this.options.success !== undefined) {
+            this.chip.success = this.options.success;
+        }
+        if (this.options.errorMessage) {
+            this.chip.errorMessage = this.options.errorMessage;
+        }
+        if (this.options.errorIndexes) {
+            this.chip.errorIndexes = this.options.errorIndexes;
+        }
+        // Autocomplete options
+        if (this.options.autoCompleteOptions) {
+            const opts = this.options.autoCompleteOptions;
+            const stringOpts = opts.map(o => typeof o === 'string' ? o : (o.label ?? o.value));
+            this.chip.autoCompleteOptions = stringOpts;
+        }
+        if (this.options.filterFunction) {
+            this.chip.filterFunction = this.options.filterFunction;
+        }
+        if (this.options.renderItemFunction) {
+            this.chip.renderItemFunction = this.options.renderItemFunction;
+        }
+    }
+    addListener(element, event, handler, capture) {
+        element.addEventListener(event, handler, capture);
+        this.eventListeners.push({ element, event, handler, capture });
+    }
+    setupEventListeners(context) {
+        if (!this.chip)
+            return;
+        // Track chip changes
+        this.addListener(this.chip, 'nile-chip-change', (e) => {
+            const detail = e.detail;
+            const newValue = Array.isArray(detail?.value) ? [...detail.value] : (this.chip?.value ? [...this.chip.value] : []);
+            this.trackedValues = newValue;
+            this.hasChangeOccurred = true;
+            context.onChange(newValue);
+        });
+        // Keyboard handling on the chip element
+        this.addListener(this.chip, 'keydown', (e) => {
+            const keyEvent = e;
+            if (keyEvent.key === 'Enter') {
+                keyEvent.stopPropagation();
+            }
+            else if (keyEvent.key === 'Escape') {
+                keyEvent.preventDefault();
+                keyEvent.stopPropagation();
+                context.onCancel();
+            }
+            else if (keyEvent.key === 'Tab') {
+                keyEvent.preventDefault();
+                keyEvent.stopPropagation();
+                context.onSave(this.getCurrentValue());
+            }
+        });
+        // Click-outside: save when clicking anywhere outside the popover
+        let saveTriggered = false;
+        const mousedownHandler = (e) => {
+            if (saveTriggered)
+                return;
+            if (!this.popover)
+                return;
+            const path = e.composedPath();
+            for (const el of path) {
+                if (el === this.popover)
+                    return;
+                if (el === this.chip)
+                    return;
+                if (el instanceof HTMLElement) {
+                    if (el.tagName?.toLowerCase() === 'nile-chip')
+                        return;
+                    if (el.className && typeof el.className === 'string' && el.className.includes('nile-chip'))
+                        return;
+                }
+            }
+            saveTriggered = true;
+            context.onSave(this.getCurrentValue());
+        };
+        document.addEventListener('mousedown', mousedownHandler, true);
+        this._documentMousedownHandler = mousedownHandler;
+        // Reposition on scroll/resize so popover stays aligned with the cell
+        const reposition = () => this.positionPopover();
+        this.addListener(window, 'resize', reposition);
+        this.addListener(window, 'scroll', reposition, true);
+    }
+    destroy() {
+        // Remove document mousedown handler
+        if (this._documentMousedownHandler) {
+            document.removeEventListener('mousedown', this._documentMousedownHandler, true);
+            delete this._documentMousedownHandler;
+        }
+        // Remove all tracked listeners
+        for (const { element, event, handler, capture } of this.eventListeners) {
+            element.removeEventListener(event, handler, capture);
+        }
+        this.eventListeners = [];
+        // Remove the popover from the DOM
+        if (this.popover) {
+            this.popover.remove();
+            this.popover = undefined;
+        }
+        this.chip = undefined;
+        this.cellContainer = undefined;
+        this.trackedValues = [];
+        this.hasChangeOccurred = false;
+    }
+    focus() {
+        try {
+            this.chip?.focus();
+        }
+        catch { /* ignore */ }
+    }
+    getCurrentValue() {
+        if (this.hasChangeOccurred) {
+            return [...this.trackedValues];
+        }
+        if (!this.chip)
+            return [];
+        const val = this.chip.value;
+        return Array.isArray(val) ? [...val] : [];
+    }
+}
+
 /**
  * Custom editor using NileCodeEditor from @aquera/nile-elements
  * This provides code editing capabilities with syntax highlighting for table cells
@@ -5031,7 +5327,7 @@ class NileCodeEditor {
         this.syncingFromDialog = false; // Flag to prevent inline editor from overwriting multiline content
         this.userEditedInline = false; // Flag to track if user has typed in inline editor
         this.dialogOriginalValue = ''; // Store original value when dialog opens
-        this.dialogCurrentValue = ''; // Track current value in dialog
+        this.dialogCurrentValue = null; // Track current value in dialog
     }
     edit(context) {
         if (!context.container) {
@@ -5306,7 +5602,7 @@ class NileCodeEditor {
      */
     getDialogEditorValue() {
         // Use tracked value from change events (most reliable)
-        if (this.dialogCurrentValue) {
+        if (this.dialogCurrentValue !== null && this.dialogCurrentValue !== undefined) {
             return this.dialogCurrentValue.replace(/\n+$/, '');
         }
         if (!this.dialogEditor)
@@ -5335,10 +5631,9 @@ class NileCodeEditor {
     applyDialogChanges() {
         if (!this.dialogOpen)
             return;
-        // Get the value from dialog editor - try multiple sources
+        // Always read live dialog editor state to avoid stale tracked values from debounced updates
         let dialogValue = this.dialogCurrentValue;
-        // If no tracked value, try reading directly from dialog editor
-        if (!dialogValue && this.dialogEditor) {
+        if (this.dialogEditor) {
             try {
                 const shadowRoot = this.dialogEditor.shadowRoot;
                 if (shadowRoot) {
@@ -5352,12 +5647,12 @@ class NileCodeEditor {
                 // Fall through
             }
             // Fallback to value property
-            if (!dialogValue) {
+            if (dialogValue === null || dialogValue === undefined) {
                 dialogValue = this.dialogEditor.value ?? '';
             }
         }
         // Strip trailing newlines
-        dialogValue = (dialogValue || '').replace(/\n+$/, '');
+        dialogValue = (dialogValue ?? '').replace(/\n+$/, '');
         // Update tracked value and inline editor
         this.trackedValue = dialogValue;
         this.userEditedInline = false;
@@ -5399,7 +5694,7 @@ class NileCodeEditor {
      */
     closeDialogUI() {
         this.dialogOpen = false;
-        this.dialogCurrentValue = '';
+        this.dialogCurrentValue = null;
         if (this.dialog) {
             this.dialog.open = false;
             const dialogRef = this.dialog;
@@ -5644,7 +5939,7 @@ class NileCodeEditor {
         this.trackedValue = null;
         this.userEditedInline = false;
         this.dialogOriginalValue = '';
-        this.dialogCurrentValue = '';
+        this.dialogCurrentValue = null;
     }
     focus() {
         this.editor?.focus();
@@ -7804,7 +8099,7 @@ class StColumnMenuDropdownComponent {
          */
         this.isOpen = false;
         /**
-         * Position of the dropdown (x, y coordinates)
+         * Position of the dropdown (x, y coordinates, triggerTop for flip positioning)
          */
         this.position = { x: 0, y: 0 };
         /**
@@ -7917,25 +8212,41 @@ class StColumnMenuDropdownComponent {
             this.dropdownStyle = {};
             return;
         }
-        const viewportWidth = window.innerWidth;
-        const viewportHeight = window.innerHeight;
-        const dropdownWidth = 280; // Approximate dropdown width
-        const dropdownHeight = 300; // Approximate max dropdown height
         let { x, y } = this.position;
-        // Adjust horizontal position if dropdown would overflow
-        if (x + dropdownWidth > viewportWidth) {
-            x = Math.max(10, viewportWidth - dropdownWidth - 10);
-        }
-        // Adjust vertical position if dropdown would overflow
-        if (y + dropdownHeight > viewportHeight) {
-            y = Math.max(10, viewportHeight - dropdownHeight - 10);
-        }
+        // Render at initial position first
         this.dropdownStyle = {
             position: 'fixed',
             left: `${x}px`,
             top: `${y}px`,
-            'z-index': 9999
+            'z-index': 9999,
+            visibility: 'hidden'
         };
+        // After rendering, measure actual size and adjust if needed
+        requestAnimationFrame(() => {
+            const viewportWidth = window.innerWidth;
+            const viewportHeight = window.innerHeight;
+            const el = this.dropdownPanel?.nativeElement;
+            const dropdownWidth = el?.offsetWidth || 280;
+            const dropdownHeight = el?.offsetHeight || 200;
+            // Adjust horizontal position if dropdown would overflow
+            if (x + dropdownWidth > viewportWidth) {
+                x = Math.max(10, viewportWidth - dropdownWidth - 10);
+            }
+            // Adjust vertical position — flip above the trigger if it overflows bottom
+            if (y + dropdownHeight > viewportHeight) {
+                const triggerTop = this.position.triggerTop ?? this.position.y;
+                y = triggerTop - dropdownHeight - 4;
+            }
+            // Clamp to viewport edges
+            x = Math.max(10, x);
+            y = Math.max(10, y);
+            this.dropdownStyle = {
+                position: 'fixed',
+                left: `${x}px`,
+                top: `${y}px`,
+                'z-index': 9999
+            };
+        });
     }
     /**
      * Check if an action is disabled
@@ -8002,10 +8313,10 @@ class StColumnMenuDropdownComponent {
     }
 }
 StColumnMenuDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StColumnMenuDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-StColumnMenuDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: StColumnMenuDropdownComponent, selector: "st-column-menu-dropdown", inputs: { isOpen: "isOpen", position: "position", context: "context" }, outputs: { actionClicked: "actionClicked", closed: "closed" }, host: { listeners: { "click": "onBackdropClick($event)" } }, viewQueries: [{ propertyName: "filterPopup", first: true, predicate: ["filterPopup"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- Dropdown container with backdrop -->\n<div class=\"dropdown-container\" *ngIf=\"isOpen && context\">\n  <!-- Backdrop -->\n  <div class=\"dropdown-backdrop\" (click)=\"closed.emit()\"></div>\n  \n  <!-- Dropdown menu -->\n  <div class=\"column-menu-dropdown\" [ngStyle]=\"dropdownStyle\">\n    <!-- Main menu with actions -->\n    <nile-menu *ngIf=\"!isFilterOpen\">\n      <!-- Dynamically render all visible actions -->\n      <ng-container *ngFor=\"let action of visibleActions; let i = index; let last = last\">\n        <nile-menu-item \n          (click)=\"onActionClick(action)\"\n          [class.disabled]=\"isActionDisabled(action)\"\n          [class.active]=\"isActionActive(action)\">\n          <span class=\"checkmark\" *ngIf=\"isActionActive(action)\">\u2713</span>\n          <nile-icon slot=\"prefix\" *ngIf=\"action.icon && !isActionActive(action)\" [name]=\"action.icon\"></nile-icon>\n          <span class=\"action-label\">{{ action.label }}</span>\n        </nile-menu-item>\n        \n        <!-- Add divider after action groups -->\n        <nile-divider *ngIf=\"shouldShowDividerAfter(action, i, last)\"></nile-divider>\n      </ng-container>\n      \n      <!-- Fallback if no actions -->\n      <nile-menu-item *ngIf=\"visibleActions.length === 0\">\n        No actions available\n      </nile-menu-item>\n    </nile-menu>\n    \n    <!-- Filter popup (conditionally rendered) -->\n    <st-column-filter\n      #filterPopup\n      *ngIf=\"isFilterOpen && context\"\n      [column]=\"context.column\"\n      [tableState]=\"context.tableState\"\n      [columnIndex]=\"context.columnIndex\"\n      [isFirstColumn]=\"context.isFirstColumn\"\n      [isLastColumn]=\"context.isLastColumn\"\n      [isOpen]=\"isFilterOpen\"\n      (filterApplied)=\"onFilterApplied($event)\"\n      (filterCleared)=\"onFilterCleared()\"\n      (closed)=\"onFilterClosed()\">\n    </st-column-filter>\n  </div>\n</div>\n", styles: [".dropdown-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.dropdown-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:9998}.column-menu-dropdown{min-width:200px;max-width:300px;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;overflow:hidden;pointer-events:auto;z-index:9999}nile-menu nile-divider::part(divider){margin:0}nile-menu nile-menu-item::part(base){height:2.5rem;min-height:auto}nile-menu nile-menu-item .checkmark{margin-right:8px;color:#4299e1;font-weight:700}\n"], components: [{ type: StColumnFilterComponent, selector: "st-column-filter", inputs: ["column", "tableState", "columnIndex", "isFirstColumn", "isLastColumn", "isOpen", "filterContext"], outputs: ["closed", "filterApplied", "filterCleared"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+StColumnMenuDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: StColumnMenuDropdownComponent, selector: "st-column-menu-dropdown", inputs: { isOpen: "isOpen", position: "position", context: "context" }, outputs: { actionClicked: "actionClicked", closed: "closed" }, host: { listeners: { "click": "onBackdropClick($event)" } }, viewQueries: [{ propertyName: "filterPopup", first: true, predicate: ["filterPopup"], descendants: true }, { propertyName: "dropdownPanel", first: true, predicate: ["dropdownPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- Dropdown container with backdrop -->\n<div class=\"dropdown-container\" *ngIf=\"isOpen && context\">\n  <!-- Backdrop -->\n  <div class=\"dropdown-backdrop\" (click)=\"closed.emit()\"></div>\n  \n  <!-- Dropdown menu -->\n  <div class=\"column-menu-dropdown\" #dropdownPanel [ngStyle]=\"dropdownStyle\">\n    <!-- Main menu with actions -->\n    <nile-menu *ngIf=\"!isFilterOpen\">\n      <!-- Dynamically render all visible actions -->\n      <ng-container *ngFor=\"let action of visibleActions; let i = index; let last = last\">\n        <nile-menu-item \n          (click)=\"onActionClick(action)\"\n          [class.disabled]=\"isActionDisabled(action)\"\n          [class.active]=\"isActionActive(action)\">\n          <span class=\"checkmark\" *ngIf=\"isActionActive(action)\">\u2713</span>\n          <nile-icon slot=\"prefix\" *ngIf=\"action.icon && !isActionActive(action)\" [name]=\"action.icon\"></nile-icon>\n          <span class=\"action-label\">{{ action.label }}</span>\n        </nile-menu-item>\n        \n        <!-- Add divider after action groups -->\n        <nile-divider *ngIf=\"shouldShowDividerAfter(action, i, last)\"></nile-divider>\n      </ng-container>\n      \n      <!-- Fallback if no actions -->\n      <nile-menu-item *ngIf=\"visibleActions.length === 0\">\n        No actions available\n      </nile-menu-item>\n    </nile-menu>\n    \n    <!-- Filter popup (conditionally rendered) -->\n    <st-column-filter\n      #filterPopup\n      *ngIf=\"isFilterOpen && context\"\n      [column]=\"context.column\"\n      [tableState]=\"context.tableState\"\n      [columnIndex]=\"context.columnIndex\"\n      [isFirstColumn]=\"context.isFirstColumn\"\n      [isLastColumn]=\"context.isLastColumn\"\n      [isOpen]=\"isFilterOpen\"\n      (filterApplied)=\"onFilterApplied($event)\"\n      (filterCleared)=\"onFilterCleared()\"\n      (closed)=\"onFilterClosed()\">\n    </st-column-filter>\n  </div>\n</div>\n", styles: [".dropdown-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.dropdown-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:9998}.column-menu-dropdown{min-width:200px;max-width:300px;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;overflow:hidden;pointer-events:auto;z-index:9999}nile-menu nile-divider::part(divider){margin:0}nile-menu nile-menu-item::part(base){height:2.5rem;min-height:auto}nile-menu nile-menu-item .checkmark{margin-right:8px;color:#4299e1;font-weight:700}\n"], components: [{ type: StColumnFilterComponent, selector: "st-column-filter", inputs: ["column", "tableState", "columnIndex", "isFirstColumn", "isLastColumn", "isOpen", "filterContext"], outputs: ["closed", "filterApplied", "filterCleared"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StColumnMenuDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'st-column-menu-dropdown', template: "<!-- Dropdown container with backdrop -->\n<div class=\"dropdown-container\" *ngIf=\"isOpen && context\">\n  <!-- Backdrop -->\n  <div class=\"dropdown-backdrop\" (click)=\"closed.emit()\"></div>\n  \n  <!-- Dropdown menu -->\n  <div class=\"column-menu-dropdown\" [ngStyle]=\"dropdownStyle\">\n    <!-- Main menu with actions -->\n    <nile-menu *ngIf=\"!isFilterOpen\">\n      <!-- Dynamically render all visible actions -->\n      <ng-container *ngFor=\"let action of visibleActions; let i = index; let last = last\">\n        <nile-menu-item \n          (click)=\"onActionClick(action)\"\n          [class.disabled]=\"isActionDisabled(action)\"\n          [class.active]=\"isActionActive(action)\">\n          <span class=\"checkmark\" *ngIf=\"isActionActive(action)\">\u2713</span>\n          <nile-icon slot=\"prefix\" *ngIf=\"action.icon && !isActionActive(action)\" [name]=\"action.icon\"></nile-icon>\n          <span class=\"action-label\">{{ action.label }}</span>\n        </nile-menu-item>\n        \n        <!-- Add divider after action groups -->\n        <nile-divider *ngIf=\"shouldShowDividerAfter(action, i, last)\"></nile-divider>\n      </ng-container>\n      \n      <!-- Fallback if no actions -->\n      <nile-menu-item *ngIf=\"visibleActions.length === 0\">\n        No actions available\n      </nile-menu-item>\n    </nile-menu>\n    \n    <!-- Filter popup (conditionally rendered) -->\n    <st-column-filter\n      #filterPopup\n      *ngIf=\"isFilterOpen && context\"\n      [column]=\"context.column\"\n      [tableState]=\"context.tableState\"\n      [columnIndex]=\"context.columnIndex\"\n      [isFirstColumn]=\"context.isFirstColumn\"\n      [isLastColumn]=\"context.isLastColumn\"\n      [isOpen]=\"isFilterOpen\"\n      (filterApplied)=\"onFilterApplied($event)\"\n      (filterCleared)=\"onFilterCleared()\"\n      (closed)=\"onFilterClosed()\">\n    </st-column-filter>\n  </div>\n</div>\n", styles: [".dropdown-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.dropdown-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:9998}.column-menu-dropdown{min-width:200px;max-width:300px;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;overflow:hidden;pointer-events:auto;z-index:9999}nile-menu nile-divider::part(divider){margin:0}nile-menu nile-menu-item::part(base){height:2.5rem;min-height:auto}nile-menu nile-menu-item .checkmark{margin-right:8px;color:#4299e1;font-weight:700}\n"] }]
+            args: [{ selector: 'st-column-menu-dropdown', template: "<!-- Dropdown container with backdrop -->\n<div class=\"dropdown-container\" *ngIf=\"isOpen && context\">\n  <!-- Backdrop -->\n  <div class=\"dropdown-backdrop\" (click)=\"closed.emit()\"></div>\n  \n  <!-- Dropdown menu -->\n  <div class=\"column-menu-dropdown\" #dropdownPanel [ngStyle]=\"dropdownStyle\">\n    <!-- Main menu with actions -->\n    <nile-menu *ngIf=\"!isFilterOpen\">\n      <!-- Dynamically render all visible actions -->\n      <ng-container *ngFor=\"let action of visibleActions; let i = index; let last = last\">\n        <nile-menu-item \n          (click)=\"onActionClick(action)\"\n          [class.disabled]=\"isActionDisabled(action)\"\n          [class.active]=\"isActionActive(action)\">\n          <span class=\"checkmark\" *ngIf=\"isActionActive(action)\">\u2713</span>\n          <nile-icon slot=\"prefix\" *ngIf=\"action.icon && !isActionActive(action)\" [name]=\"action.icon\"></nile-icon>\n          <span class=\"action-label\">{{ action.label }}</span>\n        </nile-menu-item>\n        \n        <!-- Add divider after action groups -->\n        <nile-divider *ngIf=\"shouldShowDividerAfter(action, i, last)\"></nile-divider>\n      </ng-container>\n      \n      <!-- Fallback if no actions -->\n      <nile-menu-item *ngIf=\"visibleActions.length === 0\">\n        No actions available\n      </nile-menu-item>\n    </nile-menu>\n    \n    <!-- Filter popup (conditionally rendered) -->\n    <st-column-filter\n      #filterPopup\n      *ngIf=\"isFilterOpen && context\"\n      [column]=\"context.column\"\n      [tableState]=\"context.tableState\"\n      [columnIndex]=\"context.columnIndex\"\n      [isFirstColumn]=\"context.isFirstColumn\"\n      [isLastColumn]=\"context.isLastColumn\"\n      [isOpen]=\"isFilterOpen\"\n      (filterApplied)=\"onFilterApplied($event)\"\n      (filterCleared)=\"onFilterCleared()\"\n      (closed)=\"onFilterClosed()\">\n    </st-column-filter>\n  </div>\n</div>\n", styles: [".dropdown-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.dropdown-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:9998}.column-menu-dropdown{min-width:200px;max-width:300px;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;overflow:hidden;pointer-events:auto;z-index:9999}nile-menu nile-divider::part(divider){margin:0}nile-menu nile-menu-item::part(base){height:2.5rem;min-height:auto}nile-menu nile-menu-item .checkmark{margin-right:8px;color:#4299e1;font-weight:700}\n"] }]
         }], propDecorators: { isOpen: [{
                 type: Input
             }], position: [{
@@ -8019,6 +8330,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], filterPopup: [{
                 type: ViewChild,
                 args: ['filterPopup']
+            }], dropdownPanel: [{
+                type: ViewChild,
+                args: ['dropdownPanel']
             }], onBackdropClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
@@ -8031,7 +8345,7 @@ class StRowActionsDropdownComponent {
          */
         this.isOpen = false;
         /**
-         * Position of the dropdown (x, y coordinates)
+         * Position of the dropdown (x, y coordinates, triggerTop for flip positioning)
          */
         this.position = { x: 0, y: 0 };
         /**
@@ -8086,35 +8400,39 @@ class StRowActionsDropdownComponent {
             this.dropdownStyle = {};
             return;
         }
-        const DROPDOWN_WIDTH = 200; // Approximate width
-        const DROPDOWN_HEIGHT = this.visibleActions.length * 40 + 16; // Approximate height
-        const viewportWidth = window.innerWidth;
-        const viewportHeight = window.innerHeight;
         let left = this.position.x;
         let top = this.position.y;
-        // Check if dropdown would overflow right edge
-        if (left + DROPDOWN_WIDTH > viewportWidth) {
-            left = viewportWidth - DROPDOWN_WIDTH - 10;
-        }
-        // Check if dropdown would overflow bottom edge
-        if (top + DROPDOWN_HEIGHT > viewportHeight) {
-            // Position above the trigger
-            top = this.position.y - DROPDOWN_HEIGHT;
-        }
-        // Ensure dropdown doesn't go off-screen on the left
-        if (left < 10) {
-            left = 10;
-        }
-        // Ensure dropdown doesn't go off-screen on the top
-        if (top < 10) {
-            top = 10;
-        }
+        // Render at initial position first (hidden until measured)
         this.dropdownStyle = {
             position: 'fixed',
             left: `${left}px`,
             top: `${top}px`,
-            zIndex: TableZIndex.ROW_ACTIONS_DROPDOWN
+            zIndex: TableZIndex.ROW_ACTIONS_DROPDOWN,
+            visibility: 'hidden'
         };
+        // After rendering, measure actual size and adjust position directly on the DOM
+        // (OnPush change detection won't pick up property changes inside requestAnimationFrame)
+        requestAnimationFrame(() => {
+            const el = this.dropdownPanel?.nativeElement;
+            if (!el)
+                return;
+            const viewportWidth = window.innerWidth;
+            const viewportHeight = window.innerHeight;
+            const dropdownWidth = el.offsetWidth || 200;
+            const dropdownHeight = el.offsetHeight || (this.visibleActions.length * 40 + 16);
+            if (left + dropdownWidth > viewportWidth) {
+                left = viewportWidth - dropdownWidth - 10;
+            }
+            if (top + dropdownHeight > viewportHeight) {
+                const triggerTop = this.position.triggerTop ?? this.position.y;
+                top = triggerTop - dropdownHeight - 4;
+            }
+            left = Math.max(10, left);
+            top = Math.max(10, top);
+            el.style.left = `${left}px`;
+            el.style.top = `${top}px`;
+            el.style.visibility = 'visible';
+        });
     }
     /**
      * Handle action click
@@ -8168,10 +8486,10 @@ class StRowActionsDropdownComponent {
     }
 }
 StRowActionsDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StRowActionsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-StRowActionsDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: StRowActionsDropdownComponent, selector: "st-row-actions-dropdown", inputs: { isOpen: "isOpen", position: "position", context: "context" }, outputs: { actionClicked: "actionClicked", closed: "closed" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown-container\" *ngIf=\"isOpen && context\">\n  <!-- Backdrop -->\n  <div class=\"dropdown-overlay\" (click)=\"closed.emit()\"></div>\n  \n  <!-- Dropdown menu -->\n  <div class=\"dropdown-menu\" [ngStyle]=\"dropdownStyle\">\n    <nile-menu *ngIf=\"isOpen\" class=\"dropdown-menu\" [style.left.px]=\"dropdownStyle.left\" [style.top.px]=\"dropdownStyle.top\">\n      <ng-container *ngFor=\"let action of visibleActions\">\n        <nile-menu-item [class.disabled]=\"isActionDisabled(action)\" (click)=\"onActionClick(action)\" class=\"action-label\">\n          <nile-icon  *ngIf=\"action.icon\" size=\"14\" slot=\"prefix\" [name]=\"action.icon\"></nile-icon>\n          {{ action.label }}\n        </nile-menu-item>\n      </ng-container>\n    \n      <nile-menu-item *ngIf=\"visibleActions.length === 0\">No actions available</nile-menu-item>\n    </nile-menu>\n    </div>\n\n  </div>\n", styles: [".dropdown-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;pointer-events:auto;z-index:9998}.dropdown-menu{position:fixed;background-color:#fff;box-shadow:0 5px 15px #0000004d,0 0 0 1px #0000001a;overflow:hidden;pointer-events:auto;z-index:9999}.action-icon{display:flex;align-items:center;justify-content:center;font-size:16px;width:20px;flex-shrink:0}.action-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-empty{padding:16px;text-align:center;color:#a0aec0;font-size:14px;font-style:italic}nile-menu{height:fit-content}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+StRowActionsDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: StRowActionsDropdownComponent, selector: "st-row-actions-dropdown", inputs: { isOpen: "isOpen", position: "position", context: "context" }, outputs: { actionClicked: "actionClicked", closed: "closed" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["dropdownPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown-container\" *ngIf=\"isOpen && context\">\n  <!-- Backdrop -->\n  <div class=\"dropdown-overlay\" (click)=\"closed.emit()\"></div>\n  \n  <!-- Dropdown menu -->\n  <div class=\"dropdown-menu\" #dropdownPanel [ngStyle]=\"dropdownStyle\">\n    <nile-menu *ngIf=\"isOpen\">\n      <ng-container *ngFor=\"let action of visibleActions\">\n        <nile-menu-item [class.disabled]=\"isActionDisabled(action)\" (click)=\"onActionClick(action)\" class=\"action-label\">\n          <nile-icon *ngIf=\"action.icon\" size=\"14\" slot=\"prefix\" [name]=\"action.icon\"></nile-icon>\n          {{ action.label }}\n        </nile-menu-item>\n      </ng-container>\n    \n      <nile-menu-item *ngIf=\"visibleActions.length === 0\">No actions available</nile-menu-item>\n    </nile-menu>\n  </div>\n</div>\n", styles: [".dropdown-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;pointer-events:auto;z-index:9998}.dropdown-menu{position:fixed;background-color:#fff;box-shadow:0 5px 15px #0000004d,0 0 0 1px #0000001a;overflow:hidden;pointer-events:auto;z-index:9999}.action-icon{display:flex;align-items:center;justify-content:center;font-size:16px;width:20px;flex-shrink:0}.action-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-empty{padding:16px;text-align:center;color:#a0aec0;font-size:14px;font-style:italic}nile-menu{height:fit-content}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StRowActionsDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'st-row-actions-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dropdown-container\" *ngIf=\"isOpen && context\">\n  <!-- Backdrop -->\n  <div class=\"dropdown-overlay\" (click)=\"closed.emit()\"></div>\n  \n  <!-- Dropdown menu -->\n  <div class=\"dropdown-menu\" [ngStyle]=\"dropdownStyle\">\n    <nile-menu *ngIf=\"isOpen\" class=\"dropdown-menu\" [style.left.px]=\"dropdownStyle.left\" [style.top.px]=\"dropdownStyle.top\">\n      <ng-container *ngFor=\"let action of visibleActions\">\n        <nile-menu-item [class.disabled]=\"isActionDisabled(action)\" (click)=\"onActionClick(action)\" class=\"action-label\">\n          <nile-icon  *ngIf=\"action.icon\" size=\"14\" slot=\"prefix\" [name]=\"action.icon\"></nile-icon>\n          {{ action.label }}\n        </nile-menu-item>\n      </ng-container>\n    \n      <nile-menu-item *ngIf=\"visibleActions.length === 0\">No actions available</nile-menu-item>\n    </nile-menu>\n    </div>\n\n  </div>\n", styles: [".dropdown-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;pointer-events:auto;z-index:9998}.dropdown-menu{position:fixed;background-color:#fff;box-shadow:0 5px 15px #0000004d,0 0 0 1px #0000001a;overflow:hidden;pointer-events:auto;z-index:9999}.action-icon{display:flex;align-items:center;justify-content:center;font-size:16px;width:20px;flex-shrink:0}.action-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-empty{padding:16px;text-align:center;color:#a0aec0;font-size:14px;font-style:italic}nile-menu{height:fit-content}\n"] }]
+            args: [{ selector: 'st-row-actions-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dropdown-container\" *ngIf=\"isOpen && context\">\n  <!-- Backdrop -->\n  <div class=\"dropdown-overlay\" (click)=\"closed.emit()\"></div>\n  \n  <!-- Dropdown menu -->\n  <div class=\"dropdown-menu\" #dropdownPanel [ngStyle]=\"dropdownStyle\">\n    <nile-menu *ngIf=\"isOpen\">\n      <ng-container *ngFor=\"let action of visibleActions\">\n        <nile-menu-item [class.disabled]=\"isActionDisabled(action)\" (click)=\"onActionClick(action)\" class=\"action-label\">\n          <nile-icon *ngIf=\"action.icon\" size=\"14\" slot=\"prefix\" [name]=\"action.icon\"></nile-icon>\n          {{ action.label }}\n        </nile-menu-item>\n      </ng-container>\n    \n      <nile-menu-item *ngIf=\"visibleActions.length === 0\">No actions available</nile-menu-item>\n    </nile-menu>\n  </div>\n</div>\n", styles: [".dropdown-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;pointer-events:auto;z-index:9998}.dropdown-menu{position:fixed;background-color:#fff;box-shadow:0 5px 15px #0000004d,0 0 0 1px #0000001a;overflow:hidden;pointer-events:auto;z-index:9999}.action-icon{display:flex;align-items:center;justify-content:center;font-size:16px;width:20px;flex-shrink:0}.action-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-empty{padding:16px;text-align:center;color:#a0aec0;font-size:14px;font-style:italic}nile-menu{height:fit-content}\n"] }]
         }], propDecorators: { isOpen: [{
                 type: Input
             }], position: [{
@@ -8182,6 +8500,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Output
             }], closed: [{
                 type: Output
+            }], dropdownPanel: [{
+                type: ViewChild,
+                args: ['dropdownPanel']
             }], onEscapeKey: [{
                 type: HostListener,
                 args: ['document:keydown.escape', ['$event']]
@@ -9459,10 +9780,10 @@ class StTableComponent {
         event.stopPropagation();
         const target = event.currentTarget;
         const rect = target.getBoundingClientRect();
-        // Calculate position (below the button by default)
         const position = {
             x: rect.left,
-            y: rect.bottom + 4 // 4px gap
+            y: rect.bottom + 4,
+            triggerTop: rect.top
         };
         // Create context
         const context = {
@@ -9523,10 +9844,10 @@ class StTableComponent {
         event.stopPropagation();
         const target = event.currentTarget;
         const rect = target.getBoundingClientRect();
-        // Calculate position (below the button by default)
         const position = {
             x: rect.left,
-            y: rect.bottom + 4 // 4px gap
+            y: rect.bottom + 4,
+            triggerTop: rect.top
         };
         // Create context
         const context = {
@@ -13350,5 +13671,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ArrayFormatter, AutosaveService, BaseColumnConfig, BooleanEditor, BooleanFormatter, BuilderPreviewComponent, BuilderToolbarComponent, Cell, CellAlignment, CellDataType, CellLifecycleState, CellVerticalAlignment, ChainValidator, ClickOutsideDirective, ColumnConfigFactory, ColumnEditorComponent, ColumnListComponent, Columns, CurrencyFormatter, DEFAULT_AUTOSAVE_CONFIG, DEFAULT_COLUMN_CONFIG, DEFAULT_TABLE_CONFIG, DateEditor, DateFormatter, DateRangeValidator, DefaultFormatter, DefinitionBuilderComponent, DefinitionBuilderModule, DefinitionBuilderService, DefinitionExportService, DefinitionImportService, EditMode, EmailValidator, FilterOperator, FunctionFormatter, FunctionValidator, JsonSchemaValidatorService, LengthValidator, NavigationDirection, NavigationKey, NileAutoCompleteEditor, NileCalendarEditor, NileCodeEditor, NileDatePickerEditor, NileInputEditor, NileSelectEditor, NumberEditor, NumberFormatter, OUFormatter, PatternValidators, PercentageFormatter, RangeValidator, RegexValidator, RequiredValidator, RowValidationService, SampleDataGeneratorService, SelectEditor, SharedTableComponentsModule, SheetState, SimpleColumnConfig, SmartTableModule, SortDirection, StAddColumnButtonComponent, StCellComponent, StColumnEditorModalComponent, StColumnFilterComponent, StColumnMenuDropdownComponent, StColumnResizeDirective, StColumnVisibilityComponent, StHeaderComponent, StKeyboardNavigationDirective, StPaginationComponent, StRowActionsDropdownComponent, StSheetActionsComponent, StSheetComponent, StTableActionsComponent, StTableComponent, StWorkbookComponent, StringFormatter, TableConfigEditorComponent, TableState, TableZIndex, TemplateFormatter, TextAreaEditor, TextEditor, UrlValidator, ValidationLoggerService, VirtualScrollService, WorkbookState, canEdit, createCellState, createMemento, dnToHumanReadable, isCellValid, isDisplayMode, isNullOrUndefined, isValidDate, isValidationSuccess, mergeTableConfig, registerFormatter, resolveFormatter, restoreFromMemento };
+export { ArrayFormatter, AutosaveService, BaseColumnConfig, BooleanEditor, BooleanFormatter, BuilderPreviewComponent, BuilderToolbarComponent, Cell, CellAlignment, CellDataType, CellLifecycleState, CellVerticalAlignment, ChainValidator, ClickOutsideDirective, ColumnConfigFactory, ColumnEditorComponent, ColumnListComponent, Columns, CurrencyFormatter, DEFAULT_AUTOSAVE_CONFIG, DEFAULT_COLUMN_CONFIG, DEFAULT_TABLE_CONFIG, DateEditor, DateFormatter, DateRangeValidator, DefaultFormatter, DefinitionBuilderComponent, DefinitionBuilderModule, DefinitionBuilderService, DefinitionExportService, DefinitionImportService, EditMode, EmailValidator, FilterOperator, FunctionFormatter, FunctionValidator, JsonSchemaValidatorService, LengthValidator, NavigationDirection, NavigationKey, NileAutoCompleteEditor, NileCalendarEditor, NileChipEditor, NileCodeEditor, NileDatePickerEditor, NileInputEditor, NileSelectEditor, NumberEditor, NumberFormatter, OUFormatter, PatternValidators, PercentageFormatter, RangeValidator, RegexValidator, RequiredValidator, RowValidationService, SampleDataGeneratorService, SelectEditor, SharedTableComponentsModule, SheetState, SimpleColumnConfig, SmartTableModule, SortDirection, StAddColumnButtonComponent, StCellComponent, StColumnEditorModalComponent, StColumnFilterComponent, StColumnMenuDropdownComponent, StColumnResizeDirective, StColumnVisibilityComponent, StHeaderComponent, StKeyboardNavigationDirective, StPaginationComponent, StRowActionsDropdownComponent, StSheetActionsComponent, StSheetComponent, StTableActionsComponent, StTableComponent, StWorkbookComponent, StringFormatter, TableConfigEditorComponent, TableState, TableZIndex, TemplateFormatter, TextAreaEditor, TextEditor, UrlValidator, ValidationLoggerService, VirtualScrollService, WorkbookState, canEdit, createCellState, createMemento, dnToHumanReadable, isCellValid, isDisplayMode, isNullOrUndefined, isValidDate, isValidationSuccess, mergeTableConfig, registerFormatter, resolveFormatter, restoreFromMemento };
 //# sourceMappingURL=aquera-ngx-smart-table.mjs.map