ng-dynamic-datatable 0.0.7 → 0.0.9

package/README.md

@@ -1,114 +1,343 @@
-# dynamic-datatable
+# ng-dynamic-datatable
 
-Config-driven Angular DataTable library that accepts columns, JSON data, and feature configuration.
+Config-driven Angular DataTable library for rendering reusable tables from JSON data and column definitions.
+
+The package is designed for Angular standalone applications and supports sorting, searching, pagination, selection, actions, and export.
 
 ## Features
 
-- Dynamic columns and data inputs
-- Sorting (column-wise)
-- Searching across visible columns
-- Pagination and rows-per-page selection
-- Row selection and select-all
-- Row action events
-- CSV and Excel export
+- Dynamic columns from config
+- JSON data input
+- Column sorting
+- Global search across visible columns
+- Pagination
+- Rows per page selector
+- Checkbox row selection
+- Row action menu
+- CSV export
+- Excel export
+- Custom cell rendering with HTML strings
+
+## Package Name
+
+Install the published package with:
+
+```bash
+npm install ng-dynamic-datatable
+```
+
+Do not use `dynamic-datatable`. The published npm package name is `ng-dynamic-datatable`.
+
+## Requirements
+
+- Angular 19.x
+- `@angular/common` and `@angular/core` compatible with `^19.2.0`
+- `bootstrap` is recommended for layout consistency
+- `bootstrap-icons` is recommended if you use action icons like `bi bi-eye`
 
-## Install
+## Install In Your Angular App
 
 ```bash
-npm install dynamic-datatable
+npm install ng-dynamic-datatable
+npm install bootstrap bootstrap-icons
 ```
 
-## Usage
+Add Bootstrap styles in your Angular app configuration.
 
-Import the standalone component directly in your consuming component:
+Example `angular.json` styles section:
+
+```json
+{
+  "styles": [
+    "node_modules/bootstrap/dist/css/bootstrap.min.css",
+    "node_modules/bootstrap-icons/font/bootstrap-icons.css",
+    "src/styles.css"
+  ]
+}
+```
+
+## Quick Start
+
+Import the standalone component directly into your Angular component.
 
 ```ts
 import { Component } from '@angular/core';
 import {
-   DynamicDatatableComponent,
-   DynamicDataTableConfig,
-   DataTableColumn
+  DynamicDatatableComponent,
+  DynamicDataTableConfig,
+  DataTableColumn,
+  DataTableActionEvent
 } from 'ng-dynamic-datatable';
 
 @Component({
-   selector: 'app-users',
-   standalone: true,
-   imports: [DynamicDatatableComponent],
-   template: `
-      <lib-dynamic-datatable
-         [config]="config"
-         [columns]="columns"
-         [data]="rows"
-         (actionSelected)="onAction($event)"
-         (selectionChange)="onSelection($event)"
-      />
-   `
+  selector: 'app-users',
+  standalone: true,
+  imports: [DynamicDatatableComponent],
+  template: `
+    <lib-dynamic-datatable
+      [config]="config"
+      [columns]="columns"
+      [data]="rows"
+      (actionSelected)="onAction($event)"
+      (selectionChange)="onSelection($event)"
+      (sortChange)="onSort($event)"
+      (pageChange)="onPage($event)"
+      (exportTriggered)="onExport($event)"
+    ></lib-dynamic-datatable>
+  `
 })
 export class UsersComponent {
-   rows = [
-      { id: 1, name: 'Aarav Sharma', email: 'aarav.sharma@company.in', salary: '19366.53', status: 'Resigned' },
-      { id: 2, name: 'Ananya Patel', email: 'ananya.patel@company.in', salary: '10745.32', status: 'Applied' }
-   ];
-
-   columns: DataTableColumn[] = [
-      { key: 'name', label: 'Name', sortable: true, width: '220px' },
-      { key: 'email', label: 'Email', sortable: true, width: '260px' },
-      { key: 'salary', label: 'Salary', sortable: true, width: '120px' },
-      {
-         key: 'status',
-         label: 'Status',
-         sortable: true,
-         render: (row) => `<span>${row['status']}</span>`
-      }
-   ];
-
-   config: DynamicDataTableConfig = {
-      title: 'Users',
-      features: {
-         export: true,
-         sorting: true,
-         searching: true,
-         pagination: true,
-         rowsPerPage: true,
-         actions: true,
-         checkboxSelection: true
-      },
-      rowsPerPageOptions: [5, 10, 25],
-      defaultRowsPerPage: 10,
-      exportOptions: { fileName: 'users-export', formats: ['csv', 'excel'] },
-      actions: [
-         { label: 'Details', id: 'details' },
-         { label: 'Delete', id: 'delete', danger: true }
-      ]
-   };
-
-   onAction(event: unknown): void {
-      console.log(event);
-   }
-
-   onSelection(rows: unknown[]): void {
-      console.log(rows);
-   }
+  rows = [
+    {
+      id: 1,
+      initials: 'AS',
+      name: 'Aarav Sharma',
+      designation: 'Tax Accountant',
+      email: 'aarav.sharma@company.in',
+      salary: '19366.53',
+      status: 'Resigned'
+    },
+    {
+      id: 2,
+      initials: 'AP',
+      name: 'Ananya Patel',
+      designation: 'Staff Accountant',
+      email: 'ananya.patel@company.in',
+      salary: '10745.32',
+      status: 'Applied'
+    }
+  ];
+
+  columns: DataTableColumn[] = [
+    {
+      key: 'name',
+      label: 'Name',
+      sortable: true,
+      width: '240px',
+      render: (row) => `
+        <div class="demo-user">
+          <div class="demo-avatar">${String(row['initials'] ?? '')}</div>
+          <div>
+            <div class="demo-name">${String(row['name'] ?? '')}</div>
+            <div class="demo-subtitle">${String(row['designation'] ?? '')}</div>
+          </div>
+        </div>
+      `
+    },
+    { key: 'email', label: 'Email', sortable: true, width: '260px' },
+    { key: 'salary', label: 'Salary', sortable: true, width: '120px' },
+    {
+      key: 'status',
+      label: 'Status',
+      sortable: true,
+      width: '120px',
+      render: (row) => `<span class="demo-badge">${String(row['status'] ?? '')}</span>`
+    }
+  ];
+
+  config: DynamicDataTableConfig = {
+    title: 'Users',
+    features: {
+      export: true,
+      sorting: true,
+      searching: true,
+      pagination: true,
+      rowsPerPage: true,
+      actions: true,
+      checkboxSelection: true
+    },
+    rowsPerPageOptions: [5, 10, 25],
+    defaultRowsPerPage: 10,
+    exportOptions: {
+      fileName: 'users-export',
+      formats: ['csv', 'excel']
+    },
+    actions: [
+      { label: 'Details', icon: 'bi bi-eye', id: 'details' },
+      { label: 'Archive', icon: 'bi bi-archive', id: 'archive' },
+      { label: 'Delete', icon: 'bi bi-trash', id: 'delete', danger: true }
+    ]
+  };
+
+  onAction(event: DataTableActionEvent): void {
+    console.log('Action event:', event);
+  }
+
+  onSelection(rows: unknown[]): void {
+    console.log('Selected rows:', rows);
+  }
+
+  onSort(event: { key: string | null; direction: 'asc' | 'desc' }): void {
+    console.log('Sort changed:', event);
+  }
+
+  onPage(page: number): void {
+    console.log('Page changed:', page);
+  }
+
+  onExport(event: unknown): void {
+    console.log('Export triggered:', event);
+  }
+}
+```
+
+## Global Styles For Custom Rendered HTML
+
+If you use the `render` function in a column, it returns an HTML string.
+Those styles should usually be defined in your app's global stylesheet, for example `src/styles.css`.
+
+Example:
+
+```css
+.demo-user {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.demo-avatar {
+  width: 34px;
+  height: 34px;
+  border-radius: 999px;
+  display: grid;
+  place-items: center;
+  color: #fff;
+  background: linear-gradient(145deg, #4f46e5, #6d67ff);
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.demo-name {
+  font-weight: 600;
+}
+
+.demo-subtitle {
+  font-size: 12px;
+  color: #6d7895;
+}
+```
+
+## Inputs
+
+### `config: DynamicDataTableConfig`
+
+Main table configuration.
+
+### `columns: DataTableColumn[]`
+
+Column definitions for the table.
+
+### `data: Record<string, unknown>[]`
+
+Array of row objects.
+
+## Outputs
+
+### `actionSelected`
+
+Triggered when a row action is clicked.
+
+Type:
+
+```ts
+DataTableActionEvent<T>
+```
+
+Shape:
+
+```ts
+{
+  action: DataTableAction<T>;
+  row: T;
+  rowIndex: number;
+}
+```
+
+### `selectionChange`
+
+Triggered when selected rows change.
+
+### `sortChange`
+
+Triggered when sorting changes.
+
+Shape:
+
+```ts
+{ key: string | null; direction: 'asc' | 'desc' }
+```
+
+### `pageChange`
+
+Triggered when the current page changes.
+
+### `exportTriggered`
+
+Triggered before CSV or Excel export is downloaded.
+
+## Type Reference
+
+### `DataTableColumn`
+
+```ts
+export interface DataTableColumn<T extends Record<string, unknown> = Record<string, unknown>> {
+  key: keyof T | string;
+  label: string;
+  sortable?: boolean;
+  width?: string | number;
+  render?: (row: T) => string;
+}
+```
+
+### `DataTableAction`
+
+```ts
+export interface DataTableAction<T extends Record<string, unknown> = Record<string, unknown>> {
+  label: string;
+  icon?: string;
+  danger?: boolean;
+  id?: string;
 }
 ```
 
-## Component API
+### `DynamicDataTableConfig`
 
-Inputs:
+```ts
+export interface DynamicDataTableConfig<T extends Record<string, unknown> = Record<string, unknown>> {
+  title?: string;
+  features?: {
+    export?: boolean;
+    sorting?: boolean;
+    searching?: boolean;
+    pagination?: boolean;
+    rowsPerPage?: boolean;
+    actions?: boolean;
+    checkboxSelection?: boolean;
+  };
+  rowsPerPageOptions?: number[];
+  defaultRowsPerPage?: number;
+  exportOptions?: {
+    fileName?: string;
+    formats?: ('csv' | 'excel')[];
+  };
+  columns?: DataTableColumn<T>[];
+  actions?: DataTableAction<T>[];
+}
+```
+
+## Public Methods
 
-- `config: DynamicDataTableConfig`
-- `columns: DataTableColumn[]`
-- `data: Record<string, unknown>[]`
+You can access the component instance with `@ViewChild`.
 
-Outputs:
+```ts
+import { ViewChild } from '@angular/core';
+import { DynamicDatatableComponent } from 'ng-dynamic-datatable';
 
-- `actionSelected`
-- `selectionChange`
-- `sortChange`
-- `pageChange`
-- `exportTriggered`
+@ViewChild(DynamicDatatableComponent)
+private table?: DynamicDatatableComponent;
+```
 
-Public methods:
+Available methods:
 
 - `refresh()`
 - `updateData(newData)`
@@ -116,19 +345,138 @@ Public methods:
 - `getSelectedRows()`
 - `clearSelection()`
 
-## Build
+Example:
+
+```ts
+reloadData(): void {
+  this.table?.updateData([
+    { id: 1, name: 'Updated User' }
+  ]);
+}
+```
+
+## Local Development
+
+### 1. Install workspace dependencies
+
+From the workspace root:
+
+```bash
+npm install
+```
+
+If your workspace contains a separate Angular demo app, install its dependencies too.
+
+### 2. Build the library
+
+From the workspace root:
+
+```bash
+npx ng build dynamic-datatable
+```
+
+Build output is generated in:
+
+```bash
+dist/dynamic-datatable
+```
+
+### 3. Test inside a consumer Angular app
+
+In a separate Angular app:
+
+```bash
+npm install ng-dynamic-datatable@latest
+```
+
+Then build the app:
+
+```bash
+npm run build
+```
+
+## Publishing A New Version
+
+### 1. Update version
+
+Update the version in:
 
 ```bash
-ng build dynamic-datatable
+projects/dynamic-datatable/package.json
+```
+
+Example:
+
+```json
+{
+  "version": "0.0.7"
+}
 ```
 
-Artifacts are generated in `dist/dynamic-datatable`.
+### 2. Build the library
 
-## Publish to npm
+```bash
+npx ng build dynamic-datatable
+```
+
+### 3. Publish from the dist package
 
 ```bash
 cd dist/dynamic-datatable
 npm publish --access public
 ```
 
-Before publishing, ensure the package name in `projects/dynamic-datatable/package.json` is unique on npm.
+Important:
+
+- Always publish from `dist/dynamic-datatable`
+- Do not publish from the workspace root
+- Make sure you are logged into npm
+- Wait a few moments after publishing before installing the new version in another app
+
+### 4. Upgrade a consuming Angular app
+
+```bash
+npm install ng-dynamic-datatable@latest
+npm run build
+```
+
+If npm does not find the new version immediately, wait briefly and retry.
+
+## Troubleshooting
+
+### Icons are not showing
+
+Install and include `bootstrap-icons` in your app styles.
+
+### Custom rendered HTML styles are not applied
+
+Move those styles to the consuming app's global stylesheet.
+
+### Sorting does not work as expected
+
+Ensure the column has `sortable: true` and that values are consistently formatted.
+
+### Action dropdown appears clipped
+
+This usually depends on available space around the row and container overflow. Use the latest package version because menu positioning has been improved in recent patches.
+
+## Build Command
+
+```bash
+npx ng build dynamic-datatable
+```
+
+## Exported API
+
+This package exports:
+
+- `DynamicDatatableComponent`
+- `DataTableColumn`
+- `DataTableAction`
+- `DynamicDataTableConfig`
+- `DataTableActionEvent`
+- `DataTableExportEvent`
+
+## License
+
+MIT

package/fesm2022/ng-dynamic-datatable.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component } from '@angular/core';
+import { EventEmitter, HostListener, Output, Input, Component } from '@angular/core';
 
 const DEFAULT_CONFIG = {
     title: 'Dynamic DataTable',
@@ -50,6 +50,8 @@ class DynamicDatatableComponent {
     sortState = { key: null, direction: 'asc' };
     selectedRows = new Set();
     openActionMenuRowId = null;
+    openActionAnchorEl = null;
+    actionMenuStyle = {};
     isExportMenuOpen = false;
     ngOnChanges(_changes) {
         this.refresh();
@@ -84,6 +86,7 @@ class DynamicDatatableComponent {
     onSearchInput(event) {
         const input = event.target;
         this.searchTerm = (input.value || '').trim().toLowerCase();
+        this.closeActionMenu();
         this.currentPage = 1;
         this.applyFiltersSortAndPagination();
     }
@@ -91,6 +94,7 @@ class DynamicDatatableComponent {
         const select = event.target;
         const value = Number(select.value);
         this.rowsPerPage = Number.isFinite(value) && value > 0 ? value : this.getInitialRowsPerPage();
+        this.closeActionMenu();
         this.currentPage = 1;
         this.applyFiltersSortAndPagination();
     }
@@ -105,6 +109,7 @@ class DynamicDatatableComponent {
         else {
             this.sortState = { key, direction: 'asc' };
         }
+        this.closeActionMenu();
         this.currentPage = 1;
         this.sortChange.emit({ ...this.sortState });
         this.applyFiltersSortAndPagination();
@@ -126,6 +131,7 @@ class DynamicDatatableComponent {
         if (bounded === this.currentPage) {
             return;
         }
+        this.closeActionMenu();
         this.currentPage = bounded;
         this.pageChange.emit(this.currentPage);
         this.updatePagedRowsOnly();
@@ -166,10 +172,24 @@ class DynamicDatatableComponent {
     }
     toggleActionMenu(rowId, event) {
         event.stopPropagation();
-        this.openActionMenuRowId = this.openActionMenuRowId === rowId ? null : rowId;
+        const anchor = event.currentTarget;
+        if (!anchor) {
+            return;
+        }
+        if (this.openActionMenuRowId === rowId) {
+            this.closeActionMenu();
+            return;
+        }
+        this.openActionMenuRowId = rowId;
+        this.openActionAnchorEl = anchor;
+        this.updateActionMenuPosition();
+        // Recalculate once the menu is rendered so dimensions are accurate.
+        setTimeout(() => this.updateActionMenuPosition(), 0);
     }
     closeActionMenu() {
         this.openActionMenuRowId = null;
+        this.openActionAnchorEl = null;
+        this.actionMenuStyle = {};
     }
     toggleExportMenu(event) {
         event.stopPropagation();
@@ -178,19 +198,6 @@ class DynamicDatatableComponent {
     isActionMenuOpen(rowId) {
         return this.openActionMenuRowId === rowId;
     }
-    shouldOpenActionUp(rowIndex) {
-        if (!this.pagedRows.length) {
-            return false;
-        }
-        if (this.pagedRows.length === 1) {
-            return false;
-        }
-        if (this.pagedRows.length <= 3) {
-            return rowIndex === this.pagedRows.length - 1;
-        }
-        const isNearBottom = rowIndex >= this.pagedRows.length - 2;
-        return isNearBottom;
-    }
     onActionItemClick(actionIndex, row, event) {
         event.preventDefault();
         event.stopPropagation();
@@ -349,10 +356,82 @@ class DynamicDatatableComponent {
     updatePagedRowsOnly() {
         if (!this.isFeatureOn('pagination')) {
             this.pagedRows = [...this.filteredRows];
+            this.validateOpenActionMenuRow();
             return;
         }
         const start = (this.currentPage - 1) * this.rowsPerPage;
         this.pagedRows = this.filteredRows.slice(start, start + this.rowsPerPage);
+        this.validateOpenActionMenuRow();
+    }
+    onWindowResize() {
+        this.updateActionMenuPosition();
+    }
+    onWindowScroll() {
+        this.updateActionMenuPosition();
+    }
+    validateOpenActionMenuRow() {
+        if (!this.openActionMenuRowId) {
+            return;
+        }
+        const existsOnPage = this.pagedRows.some((row) => row.id === this.openActionMenuRowId);
+        if (!existsOnPage) {
+            this.closeActionMenu();
+        }
+    }
+    updateActionMenuPosition() {
+        if (!this.openActionMenuRowId || !this.openActionAnchorEl || typeof document === 'undefined') {
+            return;
+        }
+        const menu = document.querySelector(`.ndt-action-menu[data-row-id="${this.openActionMenuRowId}"]`);
+        const rect = this.openActionAnchorEl.getBoundingClientRect();
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        const menuWidth = menu?.offsetWidth ?? 160;
+        const menuHeight = menu?.offsetHeight ?? this.getEstimatedActionMenuHeight();
+        const offset = 6;
+        const edgePadding = 8;
+        const spaceBelow = viewportHeight - rect.bottom - edgePadding;
+        const spaceAbove = rect.top - edgePadding;
+        const spaceRight = viewportWidth - rect.left - edgePadding;
+        const spaceLeft = rect.right - edgePadding;
+        let top;
+        if (spaceBelow >= menuHeight) {
+            top = rect.bottom + offset;
+        }
+        else if (spaceAbove >= menuHeight) {
+            top = rect.top - menuHeight - offset;
+        }
+        else if (spaceBelow >= spaceAbove) {
+            top = viewportHeight - menuHeight - edgePadding;
+        }
+        else {
+            top = edgePadding;
+        }
+        let left;
+        if (spaceRight >= menuWidth) {
+            left = rect.left;
+        }
+        else if (spaceLeft >= menuWidth) {
+            left = rect.right - menuWidth;
+        }
+        else {
+            left = Math.max(edgePadding, Math.min(rect.left, viewportWidth - menuWidth - edgePadding));
+        }
+        const maxHeight = Math.max(140, viewportHeight - edgePadding * 2);
+        this.actionMenuStyle = {
+            position: 'fixed',
+            top: `${Math.round(top)}px`,
+            left: `${Math.round(left)}px`,
+            zIndex: '1080',
+            maxHeight: `${Math.round(maxHeight)}px`,
+            overflowY: 'auto'
+        };
+    }
+    getEstimatedActionMenuHeight() {
+        const count = this.mergedConfig.actions?.length ?? 0;
+        const itemHeight = 34;
+        const verticalPadding = 12;
+        return Math.max(48, count * itemHeight + verticalPadding);
     }
     getCellTextValue(row, column) {
         const key = String(column.key);
@@ -463,11 +542,11 @@ class DynamicDatatableComponent {
         this.isExportMenuOpen = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DynamicDatatableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: DynamicDatatableComponent, isStandalone: true, selector: "lib-dynamic-datatable", inputs: { config: "config", columns: "columns", data: "data" }, outputs: { actionSelected: "actionSelected", selectionChange: "selectionChange", sortChange: "sortChange", pageChange: "pageChange", exportTriggered: "exportTriggered" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ndt-card\" (click)=\"closeMenus()\">\r\n  <div class=\"ndt-header\">\r\n    <h3 class=\"ndt-title\">{{ mergedConfig.title }}</h3>\r\n  </div>\r\n\r\n  <div class=\"ndt-toolbar\">\r\n    <div class=\"ndt-left-tools\">\r\n      <ng-container *ngIf=\"isFeatureOn('export')\">\r\n        <div class=\"ndt-dropdown\" (click)=\"$event.stopPropagation()\">\r\n          <button class=\"ndt-btn ndt-export-btn\" type=\"button\" (click)=\"toggleExportMenu($event)\">\r\n            <i class=\"bi bi-download\"></i>\r\n            <span>Export</span>\r\n            <i class=\"bi bi-chevron-down ndt-chevron\"></i>\r\n          </button>\r\n\r\n          <ul class=\"ndt-dropdown-menu\" *ngIf=\"isExportMenuOpen\">\r\n            <li *ngIf=\"isExportFormatEnabled('csv')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportCSV()\">\r\n                <i class=\"bi bi-filetype-csv\"></i>\r\n                <span>CSV</span>\r\n              </button>\r\n            </li>\r\n            <li *ngIf=\"isExportFormatEnabled('excel')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportExcel()\">\r\n                <i class=\"bi bi-file-earmark-spreadsheet\"></i>\r\n                <span>Excel (.xls)</span>\r\n              </button>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <label class=\"ndt-inline-label\" *ngIf=\"isFeatureOn('rowsPerPage') && isFeatureOn('pagination')\">\r\n        Rows per page:\r\n        <select [value]=\"rowsPerPage\" (change)=\"onRowsPerPageChange($event)\">\r\n          <option *ngFor=\"let option of mergedConfig.rowsPerPageOptions || []\" [value]=\"option\">{{ option }}</option>\r\n        </select>\r\n      </label>\r\n    </div>\r\n\r\n    <div class=\"ndt-right-tools\" *ngIf=\"isFeatureOn('searching')\">\r\n      <input\r\n        type=\"search\"\r\n        placeholder=\"Search records\"\r\n        [value]=\"searchTerm\"\r\n        (input)=\"onSearchInput($event)\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"ndt-table-wrap\">\r\n    <table class=\"ndt-table\">\r\n      <colgroup>\r\n        <col *ngIf=\"isFeatureOn('checkboxSelection')\" style=\"width: 44px\" />\r\n        <col *ngFor=\"let column of mergedColumns\" [style.width]=\"toColumnWidth(column.width)\" />\r\n        <col *ngIf=\"isFeatureOn('actions')\" style=\"width: 78px\" />\r\n      </colgroup>\r\n\r\n      <thead>\r\n        <tr>\r\n          <th *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isCurrentPageFullySelected()\"\r\n              (change)=\"toggleSelectAllCurrentPage($event)\"\r\n            />\r\n          </th>\r\n          <th\r\n            *ngFor=\"let column of mergedColumns\"\r\n            [class.ndt-sortable]=\"isFeatureOn('sorting') && !!column.sortable\"\r\n            (click)=\"toggleSort(column)\"\r\n          >\r\n            <span class=\"ndt-th-content\">\r\n              <span class=\"ndt-th-label\">{{ column.label }}</span>\r\n              <i\r\n                *ngIf=\"isFeatureOn('sorting') && column.sortable\"\r\n                [ngClass]=\"[\r\n                  'ndt-sort-indicator',\r\n                  getSortIconClass(column.key.toString()),\r\n                  isSortColumn(column.key.toString()) ? 'active' : ''\r\n                ]\"\r\n              ></i>\r\n            </span>\r\n          </th>\r\n          <th *ngIf=\"isFeatureOn('actions')\">Actions</th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr *ngIf=\"!pagedRows.length\">\r\n          <td [attr.colspan]=\"getColumnCount()\" class=\"ndt-empty\">No records found.</td>\r\n        </tr>\r\n\r\n        <tr *ngFor=\"let row of pagedRows; let rowIndex = index\" [class.ndt-selected]=\"isRowSelected(row.id)\">\r\n          <td *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isRowSelected(row.id)\"\r\n              (change)=\"toggleRowSelection(row, $event)\"\r\n            />\r\n          </td>\r\n\r\n          <td *ngFor=\"let column of mergedColumns\" [innerHTML]=\"getRenderedCell(row.data, column)\"></td>\r\n\r\n          <td *ngIf=\"isFeatureOn('actions')\" class=\"ndt-actions-cell\">\r\n            <div class=\"ndt-dropdown\" [class.ndt-dropup]=\"shouldOpenActionUp(rowIndex)\" (click)=\"$event.stopPropagation()\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"ndt-actions-btn\"\r\n                (click)=\"toggleActionMenu(row.id, $event)\"\r\n                [attr.aria-expanded]=\"isActionMenuOpen(row.id)\"\r\n              >\r\n                <span class=\"ndt-dots\">...</span>\r\n              </button>\r\n\r\n              <ul class=\"ndt-dropdown-menu\" *ngIf=\"isActionMenuOpen(row.id)\">\r\n                <li *ngFor=\"let action of mergedConfig.actions || []; let i = index\">\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"ndt-dropdown-item\"\r\n                    [class.ndt-danger]=\"!!action.danger\"\r\n                    (click)=\"onActionItemClick(i, row, $event)\"\r\n                  >\r\n                    <i *ngIf=\"action.icon\" [class]=\"action.icon\"></i>\r\n                    <span>{{ action.label }}</span>\r\n                  </button>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n\r\n  <div class=\"ndt-footer\">\r\n    <div>\r\n      {{ selectedRows.size }} selected\r\n    </div>\r\n\r\n    <div>\r\n      Showing {{ getStartEntry() }} to {{ getEndEntry() }} of {{ filteredRows.length }} entries\r\n    </div>\r\n\r\n    <ul class=\"ndt-pagination\" *ngIf=\"isFeatureOn('pagination') && totalPages > 1\">\r\n      <li [class.disabled]=\"currentPage <= 1\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage - 1)\" [disabled]=\"currentPage <= 1\">Prev</button>\r\n      </li>\r\n      <li *ngFor=\"let page of getPaginationPages()\" [class.active]=\"page === currentPage\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(page)\">{{ page }}</button>\r\n      </li>\r\n      <li [class.disabled]=\"currentPage >= totalPages\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage + 1)\" [disabled]=\"currentPage >= totalPages\">Next</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;--ndt-primary: #4f46e5;--ndt-primary-dark: #4338ca;--ndt-primary-soft: #eef2ff;--ndt-border: #dbe4ff;--ndt-text: #1f2a44;--ndt-muted: #6d7895}.ndt-card{border:1px solid var(--ndt-border);border-radius:20px;padding:10px;background:#ffffffe6;backdrop-filter:blur(3px);box-shadow:0 20px 45px #2d489124;overflow:hidden;color:var(--ndt-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ndt-header,.ndt-toolbar,.ndt-footer{padding:1.05rem 1.35rem}.ndt-header{background:linear-gradient(180deg,#fff,#fafcff);border-bottom:1px solid #eaf0ff}.ndt-title{margin:0;font-size:1.2rem;color:#1b2550}.ndt-toolbar{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;align-items:center}.ndt-left-tools,.ndt-right-tools{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.ndt-btn,.ndt-toolbar select,.ndt-toolbar input{border:1px solid #d5def8;background:#fff;color:#445381;border-radius:10px;padding:.36rem .62rem;font-size:.85rem}.ndt-btn:hover{border-color:var(--ndt-primary);background:#4f46e512;color:var(--ndt-primary)}.ndt-toolbar input{min-width:260px}.ndt-toolbar input:focus,.ndt-toolbar select:focus{outline:none;border-color:#4f46e58c;box-shadow:0 0 0 .2rem #4f46e51f}.ndt-inline-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--ndt-muted);font-size:.85rem}.ndt-table-wrap{margin:0 1.35rem;overflow-x:auto;border:1px solid #e5ecff;border-radius:14px;background:#fff}.ndt-table{width:100%;min-width:920px;border-collapse:collapse;table-layout:fixed}.ndt-table th,.ndt-table td{padding:.8rem .72rem;text-align:left;border-bottom:1px solid #edf2ff;vertical-align:middle}.ndt-table th{color:#4a577f;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;background:#f7faff;border-bottom:1px solid #e6edff}.ndt-th-content{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.ndt-th-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndt-sortable{cursor:pointer}.ndt-sort-indicator{font-size:.82rem;color:#8a98c2;min-width:16px;text-align:center}.ndt-sort-indicator.active{color:var(--ndt-primary)}.ndt-table tbody tr:hover{background:#f5f8ff}.ndt-selected{background:#ebf1ff}.ndt-actions-cell{text-align:center;position:relative}.ndt-dropdown{position:relative;display:inline-block}.ndt-export-btn{display:inline-flex;align-items:center;gap:.42rem}.ndt-chevron{font-size:.72rem;margin-left:.12rem}.ndt-actions-btn{border:1px solid #d2dcfb;background:#f7f9ff;color:#33446e;border-radius:10px;width:34px;height:30px;padding:0;cursor:pointer}.ndt-actions-btn:hover{border-color:var(--ndt-primary);color:var(--ndt-primary);background:#eef3ff}.ndt-dots{font-size:1rem;line-height:1}.ndt-dropdown-menu{position:absolute;left:0;top:calc(100% + .35rem);list-style:none;margin:0;padding:.35rem 0;min-width:120px;border:1px solid #dbe4ff;border-radius:12px;background:#fff;box-shadow:0 12px 24px #2d489124;z-index:20}.ndt-dropdown.ndt-dropup .ndt-dropdown-menu{top:auto;bottom:calc(100% + .35rem)}.ndt-dropdown-item{width:100%;border:0;background:#fff;color:#33446e;display:flex;align-items:center;gap:.45rem;text-align:left;padding:.42rem .72rem;font-size:.84rem;cursor:pointer}.ndt-dropdown-item i{font-size:.9rem;width:14px}.ndt-dropdown-item:hover{background:#f5f8ff;color:var(--ndt-primary)}.ndt-dropdown-item.ndt-danger{color:#dc3545}.ndt-dropdown-item.ndt-danger:hover{background:#fff1f3}.ndt-empty{text-align:center;color:var(--ndt-muted)}.ndt-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:#52628a;font-size:.88rem}.ndt-pagination{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:.35rem}.ndt-pagination li{display:inline-flex}.ndt-page-link{border:1px solid #d5def8;background:#fff;color:var(--ndt-primary);border-radius:8px;min-width:34px;height:30px;padding:0 .6rem;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center}.ndt-page-link:hover{border-color:var(--ndt-primary);background:#4f46e512}.ndt-pagination li.active .ndt-page-link{background:var(--ndt-primary);border-color:var(--ndt-primary);color:#fff}.ndt-pagination li.disabled .ndt-page-link{opacity:.55;cursor:not-allowed}@media(max-width:900px){.ndt-toolbar,.ndt-footer{flex-direction:column;align-items:flex-start}.ndt-toolbar input{min-width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: DynamicDatatableComponent, isStandalone: true, selector: "lib-dynamic-datatable", inputs: { config: "config", columns: "columns", data: "data" }, outputs: { actionSelected: "actionSelected", selectionChange: "selectionChange", sortChange: "sortChange", pageChange: "pageChange", exportTriggered: "exportTriggered" }, host: { listeners: { "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ndt-card\" (click)=\"closeMenus()\">\r\n  <div class=\"ndt-header\">\r\n    <h3 class=\"ndt-title\">{{ mergedConfig.title }}</h3>\r\n  </div>\r\n\r\n  <div class=\"ndt-toolbar\">\r\n    <div class=\"ndt-left-tools\">\r\n      <ng-container *ngIf=\"isFeatureOn('export')\">\r\n        <div class=\"ndt-dropdown\" (click)=\"$event.stopPropagation()\">\r\n          <button class=\"ndt-btn ndt-export-btn\" type=\"button\" (click)=\"toggleExportMenu($event)\">\r\n            <i class=\"bi bi-download\"></i>\r\n            <span>Export</span>\r\n            <i class=\"bi bi-chevron-down ndt-chevron\"></i>\r\n          </button>\r\n\r\n          <ul class=\"ndt-dropdown-menu\" *ngIf=\"isExportMenuOpen\">\r\n            <li *ngIf=\"isExportFormatEnabled('csv')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportCSV()\">\r\n                <i class=\"bi bi-filetype-csv\"></i>\r\n                <span>CSV</span>\r\n              </button>\r\n            </li>\r\n            <li *ngIf=\"isExportFormatEnabled('excel')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportExcel()\">\r\n                <i class=\"bi bi-file-earmark-spreadsheet\"></i>\r\n                <span>Excel (.xls)</span>\r\n              </button>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <label class=\"ndt-inline-label\" *ngIf=\"isFeatureOn('rowsPerPage') && isFeatureOn('pagination')\">\r\n        Rows per page:\r\n        <select [value]=\"rowsPerPage\" (change)=\"onRowsPerPageChange($event)\">\r\n          <option *ngFor=\"let option of mergedConfig.rowsPerPageOptions || []\" [value]=\"option\">{{ option }}</option>\r\n        </select>\r\n      </label>\r\n    </div>\r\n\r\n    <div class=\"ndt-right-tools\" *ngIf=\"isFeatureOn('searching')\">\r\n      <input\r\n        type=\"search\"\r\n        placeholder=\"Search records\"\r\n        [value]=\"searchTerm\"\r\n        (input)=\"onSearchInput($event)\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"ndt-table-wrap\">\r\n    <table class=\"ndt-table\">\r\n      <colgroup>\r\n        <col *ngIf=\"isFeatureOn('checkboxSelection')\" style=\"width: 44px\" />\r\n        <col *ngFor=\"let column of mergedColumns\" [style.width]=\"toColumnWidth(column.width)\" />\r\n        <col *ngIf=\"isFeatureOn('actions')\" style=\"width: 78px\" />\r\n      </colgroup>\r\n\r\n      <thead>\r\n        <tr>\r\n          <th *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isCurrentPageFullySelected()\"\r\n              (change)=\"toggleSelectAllCurrentPage($event)\"\r\n            />\r\n          </th>\r\n          <th\r\n            *ngFor=\"let column of mergedColumns\"\r\n            [class.ndt-sortable]=\"isFeatureOn('sorting') && !!column.sortable\"\r\n            (click)=\"toggleSort(column)\"\r\n          >\r\n            <span class=\"ndt-th-content\">\r\n              <span class=\"ndt-th-label\">{{ column.label }}</span>\r\n              <i\r\n                *ngIf=\"isFeatureOn('sorting') && column.sortable\"\r\n                [ngClass]=\"[\r\n                  'ndt-sort-indicator',\r\n                  getSortIconClass(column.key.toString()),\r\n                  isSortColumn(column.key.toString()) ? 'active' : ''\r\n                ]\"\r\n              ></i>\r\n            </span>\r\n          </th>\r\n          <th *ngIf=\"isFeatureOn('actions')\">Actions</th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr *ngIf=\"!pagedRows.length\">\r\n          <td [attr.colspan]=\"getColumnCount()\" class=\"ndt-empty\">No records found.</td>\r\n        </tr>\r\n\r\n        <tr *ngFor=\"let row of pagedRows\" [class.ndt-selected]=\"isRowSelected(row.id)\">\r\n          <td *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isRowSelected(row.id)\"\r\n              (change)=\"toggleRowSelection(row, $event)\"\r\n            />\r\n          </td>\r\n\r\n          <td *ngFor=\"let column of mergedColumns\" [innerHTML]=\"getRenderedCell(row.data, column)\"></td>\r\n\r\n          <td *ngIf=\"isFeatureOn('actions')\" class=\"ndt-actions-cell\">\r\n            <div class=\"ndt-dropdown\" (click)=\"$event.stopPropagation()\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"ndt-actions-btn\"\r\n                (click)=\"toggleActionMenu(row.id, $event)\"\r\n                [attr.aria-expanded]=\"isActionMenuOpen(row.id)\"\r\n              >\r\n                <span class=\"ndt-dots\">...</span>\r\n              </button>\r\n\r\n              <ul\r\n                class=\"ndt-dropdown-menu ndt-action-menu\"\r\n                *ngIf=\"isActionMenuOpen(row.id)\"\r\n                [ngStyle]=\"actionMenuStyle\"\r\n                [attr.data-row-id]=\"row.id\"\r\n              >\r\n                <li *ngFor=\"let action of mergedConfig.actions || []; let i = index\">\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"ndt-dropdown-item\"\r\n                    [class.ndt-danger]=\"!!action.danger\"\r\n                    (click)=\"onActionItemClick(i, row, $event)\"\r\n                  >\r\n                    <i *ngIf=\"action.icon\" [class]=\"action.icon\"></i>\r\n                    <span>{{ action.label }}</span>\r\n                  </button>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n\r\n  <div class=\"ndt-footer\">\r\n    <div>\r\n      {{ selectedRows.size }} selected\r\n    </div>\r\n\r\n    <div>\r\n      Showing {{ getStartEntry() }} to {{ getEndEntry() }} of {{ filteredRows.length }} entries\r\n    </div>\r\n\r\n    <ul class=\"ndt-pagination\" *ngIf=\"isFeatureOn('pagination') && totalPages > 1\">\r\n      <li [class.disabled]=\"currentPage <= 1\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage - 1)\" [disabled]=\"currentPage <= 1\">Prev</button>\r\n      </li>\r\n      <li *ngFor=\"let page of getPaginationPages()\" [class.active]=\"page === currentPage\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(page)\">{{ page }}</button>\r\n      </li>\r\n      <li [class.disabled]=\"currentPage >= totalPages\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage + 1)\" [disabled]=\"currentPage >= totalPages\">Next</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;--ndt-primary: #4f46e5;--ndt-primary-dark: #4338ca;--ndt-primary-soft: #eef2ff;--ndt-border: #dbe4ff;--ndt-text: #1f2a44;--ndt-muted: #6d7895}.ndt-card{border:1px solid var(--ndt-border);border-radius:20px;padding:10px;background:#ffffffe6;backdrop-filter:blur(3px);box-shadow:0 20px 45px #2d489124;overflow:hidden;color:var(--ndt-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ndt-header,.ndt-toolbar,.ndt-footer{padding:1.05rem 1.35rem}.ndt-header{background:linear-gradient(180deg,#fff,#fafcff);border-bottom:1px solid #eaf0ff}.ndt-title{margin:0;font-size:1.2rem;color:#1b2550}.ndt-toolbar{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;align-items:center}.ndt-left-tools,.ndt-right-tools{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.ndt-btn,.ndt-toolbar select,.ndt-toolbar input{border:1px solid #d5def8;background:#fff;color:#445381;border-radius:10px;padding:.36rem .62rem;font-size:.85rem}.ndt-btn:hover{border-color:var(--ndt-primary);background:#4f46e512;color:var(--ndt-primary)}.ndt-toolbar input{min-width:260px}.ndt-toolbar input:focus,.ndt-toolbar select:focus{outline:none;border-color:#4f46e58c;box-shadow:0 0 0 .2rem #4f46e51f}.ndt-inline-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--ndt-muted);font-size:.85rem}.ndt-table-wrap{margin:0 1.35rem;overflow-x:auto;overflow-y:visible;border:1px solid #e5ecff;border-radius:14px;background:#fff}.ndt-table{width:100%;min-width:920px;border-collapse:collapse;table-layout:fixed}.ndt-table th,.ndt-table td{padding:.8rem .72rem;text-align:left;border-bottom:1px solid #edf2ff;vertical-align:middle}.ndt-table th{color:#4a577f;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;background:#f7faff;border-bottom:1px solid #e6edff}.ndt-th-content{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.ndt-th-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndt-sortable{cursor:pointer}.ndt-sort-indicator{font-size:.82rem;color:#8a98c2;min-width:16px;text-align:center}.ndt-sort-indicator.active{color:var(--ndt-primary)}.ndt-table tbody tr:hover{background:#f5f8ff}.ndt-selected{background:#ebf1ff}.ndt-actions-cell{text-align:center;position:relative}.ndt-dropdown{position:relative;display:inline-block}.ndt-export-btn{display:inline-flex;align-items:center;gap:.42rem}.ndt-chevron{font-size:.72rem;margin-left:.12rem}.ndt-actions-btn{border:1px solid #d2dcfb;background:#f7f9ff;color:#33446e;border-radius:10px;width:34px;height:30px;padding:0;cursor:pointer}.ndt-actions-btn:hover{border-color:var(--ndt-primary);color:var(--ndt-primary);background:#eef3ff}.ndt-dots{font-size:1rem;line-height:1}.ndt-dropdown-menu{position:absolute;left:0;top:calc(100% + .35rem);list-style:none;margin:0;padding:.35rem 0;min-width:120px;border:1px solid #dbe4ff;border-radius:12px;background:#fff;box-shadow:0 12px 24px #2d489124;z-index:20}.ndt-action-menu{min-width:140px;max-height:calc(100vh - 16px);overflow-y:auto;z-index:1080}.ndt-dropdown-item{width:100%;border:0;background:#fff;color:#33446e;display:flex;align-items:center;gap:.45rem;text-align:left;padding:.42rem .72rem;font-size:.84rem;cursor:pointer}.ndt-dropdown-item i{font-size:.9rem;width:14px}.ndt-dropdown-item:hover{background:#f5f8ff;color:var(--ndt-primary)}.ndt-dropdown-item.ndt-danger{color:#dc3545}.ndt-dropdown-item.ndt-danger:hover{background:#fff1f3}.ndt-empty{text-align:center;color:var(--ndt-muted)}.ndt-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:#52628a;font-size:.88rem}.ndt-pagination{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:.35rem}.ndt-pagination li{display:inline-flex}.ndt-page-link{border:1px solid #d5def8;background:#fff;color:var(--ndt-primary);border-radius:8px;min-width:34px;height:30px;padding:0 .6rem;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center}.ndt-page-link:hover{border-color:var(--ndt-primary);background:#4f46e512}.ndt-pagination li.active .ndt-page-link{background:var(--ndt-primary);border-color:var(--ndt-primary);color:#fff}.ndt-pagination li.disabled .ndt-page-link{opacity:.55;cursor:not-allowed}@media(max-width:900px){.ndt-toolbar,.ndt-footer{flex-direction:column;align-items:flex-start}.ndt-toolbar input{min-width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DynamicDatatableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-dynamic-datatable', standalone: true, imports: [CommonModule], template: "<div class=\"ndt-card\" (click)=\"closeMenus()\">\r\n  <div class=\"ndt-header\">\r\n    <h3 class=\"ndt-title\">{{ mergedConfig.title }}</h3>\r\n  </div>\r\n\r\n  <div class=\"ndt-toolbar\">\r\n    <div class=\"ndt-left-tools\">\r\n      <ng-container *ngIf=\"isFeatureOn('export')\">\r\n        <div class=\"ndt-dropdown\" (click)=\"$event.stopPropagation()\">\r\n          <button class=\"ndt-btn ndt-export-btn\" type=\"button\" (click)=\"toggleExportMenu($event)\">\r\n            <i class=\"bi bi-download\"></i>\r\n            <span>Export</span>\r\n            <i class=\"bi bi-chevron-down ndt-chevron\"></i>\r\n          </button>\r\n\r\n          <ul class=\"ndt-dropdown-menu\" *ngIf=\"isExportMenuOpen\">\r\n            <li *ngIf=\"isExportFormatEnabled('csv')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportCSV()\">\r\n                <i class=\"bi bi-filetype-csv\"></i>\r\n                <span>CSV</span>\r\n              </button>\r\n            </li>\r\n            <li *ngIf=\"isExportFormatEnabled('excel')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportExcel()\">\r\n                <i class=\"bi bi-file-earmark-spreadsheet\"></i>\r\n                <span>Excel (.xls)</span>\r\n              </button>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <label class=\"ndt-inline-label\" *ngIf=\"isFeatureOn('rowsPerPage') && isFeatureOn('pagination')\">\r\n        Rows per page:\r\n        <select [value]=\"rowsPerPage\" (change)=\"onRowsPerPageChange($event)\">\r\n          <option *ngFor=\"let option of mergedConfig.rowsPerPageOptions || []\" [value]=\"option\">{{ option }}</option>\r\n        </select>\r\n      </label>\r\n    </div>\r\n\r\n    <div class=\"ndt-right-tools\" *ngIf=\"isFeatureOn('searching')\">\r\n      <input\r\n        type=\"search\"\r\n        placeholder=\"Search records\"\r\n        [value]=\"searchTerm\"\r\n        (input)=\"onSearchInput($event)\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"ndt-table-wrap\">\r\n    <table class=\"ndt-table\">\r\n      <colgroup>\r\n        <col *ngIf=\"isFeatureOn('checkboxSelection')\" style=\"width: 44px\" />\r\n        <col *ngFor=\"let column of mergedColumns\" [style.width]=\"toColumnWidth(column.width)\" />\r\n        <col *ngIf=\"isFeatureOn('actions')\" style=\"width: 78px\" />\r\n      </colgroup>\r\n\r\n      <thead>\r\n        <tr>\r\n          <th *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isCurrentPageFullySelected()\"\r\n              (change)=\"toggleSelectAllCurrentPage($event)\"\r\n            />\r\n          </th>\r\n          <th\r\n            *ngFor=\"let column of mergedColumns\"\r\n            [class.ndt-sortable]=\"isFeatureOn('sorting') && !!column.sortable\"\r\n            (click)=\"toggleSort(column)\"\r\n          >\r\n            <span class=\"ndt-th-content\">\r\n              <span class=\"ndt-th-label\">{{ column.label }}</span>\r\n              <i\r\n                *ngIf=\"isFeatureOn('sorting') && column.sortable\"\r\n                [ngClass]=\"[\r\n                  'ndt-sort-indicator',\r\n                  getSortIconClass(column.key.toString()),\r\n                  isSortColumn(column.key.toString()) ? 'active' : ''\r\n                ]\"\r\n              ></i>\r\n            </span>\r\n          </th>\r\n          <th *ngIf=\"isFeatureOn('actions')\">Actions</th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr *ngIf=\"!pagedRows.length\">\r\n          <td [attr.colspan]=\"getColumnCount()\" class=\"ndt-empty\">No records found.</td>\r\n        </tr>\r\n\r\n        <tr *ngFor=\"let row of pagedRows; let rowIndex = index\" [class.ndt-selected]=\"isRowSelected(row.id)\">\r\n          <td *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isRowSelected(row.id)\"\r\n              (change)=\"toggleRowSelection(row, $event)\"\r\n            />\r\n          </td>\r\n\r\n          <td *ngFor=\"let column of mergedColumns\" [innerHTML]=\"getRenderedCell(row.data, column)\"></td>\r\n\r\n          <td *ngIf=\"isFeatureOn('actions')\" class=\"ndt-actions-cell\">\r\n            <div class=\"ndt-dropdown\" [class.ndt-dropup]=\"shouldOpenActionUp(rowIndex)\" (click)=\"$event.stopPropagation()\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"ndt-actions-btn\"\r\n                (click)=\"toggleActionMenu(row.id, $event)\"\r\n                [attr.aria-expanded]=\"isActionMenuOpen(row.id)\"\r\n              >\r\n                <span class=\"ndt-dots\">...</span>\r\n              </button>\r\n\r\n              <ul class=\"ndt-dropdown-menu\" *ngIf=\"isActionMenuOpen(row.id)\">\r\n                <li *ngFor=\"let action of mergedConfig.actions || []; let i = index\">\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"ndt-dropdown-item\"\r\n                    [class.ndt-danger]=\"!!action.danger\"\r\n                    (click)=\"onActionItemClick(i, row, $event)\"\r\n                  >\r\n                    <i *ngIf=\"action.icon\" [class]=\"action.icon\"></i>\r\n                    <span>{{ action.label }}</span>\r\n                  </button>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n\r\n  <div class=\"ndt-footer\">\r\n    <div>\r\n      {{ selectedRows.size }} selected\r\n    </div>\r\n\r\n    <div>\r\n      Showing {{ getStartEntry() }} to {{ getEndEntry() }} of {{ filteredRows.length }} entries\r\n    </div>\r\n\r\n    <ul class=\"ndt-pagination\" *ngIf=\"isFeatureOn('pagination') && totalPages > 1\">\r\n      <li [class.disabled]=\"currentPage <= 1\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage - 1)\" [disabled]=\"currentPage <= 1\">Prev</button>\r\n      </li>\r\n      <li *ngFor=\"let page of getPaginationPages()\" [class.active]=\"page === currentPage\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(page)\">{{ page }}</button>\r\n      </li>\r\n      <li [class.disabled]=\"currentPage >= totalPages\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage + 1)\" [disabled]=\"currentPage >= totalPages\">Next</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;--ndt-primary: #4f46e5;--ndt-primary-dark: #4338ca;--ndt-primary-soft: #eef2ff;--ndt-border: #dbe4ff;--ndt-text: #1f2a44;--ndt-muted: #6d7895}.ndt-card{border:1px solid var(--ndt-border);border-radius:20px;padding:10px;background:#ffffffe6;backdrop-filter:blur(3px);box-shadow:0 20px 45px #2d489124;overflow:hidden;color:var(--ndt-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ndt-header,.ndt-toolbar,.ndt-footer{padding:1.05rem 1.35rem}.ndt-header{background:linear-gradient(180deg,#fff,#fafcff);border-bottom:1px solid #eaf0ff}.ndt-title{margin:0;font-size:1.2rem;color:#1b2550}.ndt-toolbar{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;align-items:center}.ndt-left-tools,.ndt-right-tools{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.ndt-btn,.ndt-toolbar select,.ndt-toolbar input{border:1px solid #d5def8;background:#fff;color:#445381;border-radius:10px;padding:.36rem .62rem;font-size:.85rem}.ndt-btn:hover{border-color:var(--ndt-primary);background:#4f46e512;color:var(--ndt-primary)}.ndt-toolbar input{min-width:260px}.ndt-toolbar input:focus,.ndt-toolbar select:focus{outline:none;border-color:#4f46e58c;box-shadow:0 0 0 .2rem #4f46e51f}.ndt-inline-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--ndt-muted);font-size:.85rem}.ndt-table-wrap{margin:0 1.35rem;overflow-x:auto;border:1px solid #e5ecff;border-radius:14px;background:#fff}.ndt-table{width:100%;min-width:920px;border-collapse:collapse;table-layout:fixed}.ndt-table th,.ndt-table td{padding:.8rem .72rem;text-align:left;border-bottom:1px solid #edf2ff;vertical-align:middle}.ndt-table th{color:#4a577f;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;background:#f7faff;border-bottom:1px solid #e6edff}.ndt-th-content{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.ndt-th-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndt-sortable{cursor:pointer}.ndt-sort-indicator{font-size:.82rem;color:#8a98c2;min-width:16px;text-align:center}.ndt-sort-indicator.active{color:var(--ndt-primary)}.ndt-table tbody tr:hover{background:#f5f8ff}.ndt-selected{background:#ebf1ff}.ndt-actions-cell{text-align:center;position:relative}.ndt-dropdown{position:relative;display:inline-block}.ndt-export-btn{display:inline-flex;align-items:center;gap:.42rem}.ndt-chevron{font-size:.72rem;margin-left:.12rem}.ndt-actions-btn{border:1px solid #d2dcfb;background:#f7f9ff;color:#33446e;border-radius:10px;width:34px;height:30px;padding:0;cursor:pointer}.ndt-actions-btn:hover{border-color:var(--ndt-primary);color:var(--ndt-primary);background:#eef3ff}.ndt-dots{font-size:1rem;line-height:1}.ndt-dropdown-menu{position:absolute;left:0;top:calc(100% + .35rem);list-style:none;margin:0;padding:.35rem 0;min-width:120px;border:1px solid #dbe4ff;border-radius:12px;background:#fff;box-shadow:0 12px 24px #2d489124;z-index:20}.ndt-dropdown.ndt-dropup .ndt-dropdown-menu{top:auto;bottom:calc(100% + .35rem)}.ndt-dropdown-item{width:100%;border:0;background:#fff;color:#33446e;display:flex;align-items:center;gap:.45rem;text-align:left;padding:.42rem .72rem;font-size:.84rem;cursor:pointer}.ndt-dropdown-item i{font-size:.9rem;width:14px}.ndt-dropdown-item:hover{background:#f5f8ff;color:var(--ndt-primary)}.ndt-dropdown-item.ndt-danger{color:#dc3545}.ndt-dropdown-item.ndt-danger:hover{background:#fff1f3}.ndt-empty{text-align:center;color:var(--ndt-muted)}.ndt-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:#52628a;font-size:.88rem}.ndt-pagination{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:.35rem}.ndt-pagination li{display:inline-flex}.ndt-page-link{border:1px solid #d5def8;background:#fff;color:var(--ndt-primary);border-radius:8px;min-width:34px;height:30px;padding:0 .6rem;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center}.ndt-page-link:hover{border-color:var(--ndt-primary);background:#4f46e512}.ndt-pagination li.active .ndt-page-link{background:var(--ndt-primary);border-color:var(--ndt-primary);color:#fff}.ndt-pagination li.disabled .ndt-page-link{opacity:.55;cursor:not-allowed}@media(max-width:900px){.ndt-toolbar,.ndt-footer{flex-direction:column;align-items:flex-start}.ndt-toolbar input{min-width:100%}}\n"] }]
+            args: [{ selector: 'lib-dynamic-datatable', standalone: true, imports: [CommonModule], template: "<div class=\"ndt-card\" (click)=\"closeMenus()\">\r\n  <div class=\"ndt-header\">\r\n    <h3 class=\"ndt-title\">{{ mergedConfig.title }}</h3>\r\n  </div>\r\n\r\n  <div class=\"ndt-toolbar\">\r\n    <div class=\"ndt-left-tools\">\r\n      <ng-container *ngIf=\"isFeatureOn('export')\">\r\n        <div class=\"ndt-dropdown\" (click)=\"$event.stopPropagation()\">\r\n          <button class=\"ndt-btn ndt-export-btn\" type=\"button\" (click)=\"toggleExportMenu($event)\">\r\n            <i class=\"bi bi-download\"></i>\r\n            <span>Export</span>\r\n            <i class=\"bi bi-chevron-down ndt-chevron\"></i>\r\n          </button>\r\n\r\n          <ul class=\"ndt-dropdown-menu\" *ngIf=\"isExportMenuOpen\">\r\n            <li *ngIf=\"isExportFormatEnabled('csv')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportCSV()\">\r\n                <i class=\"bi bi-filetype-csv\"></i>\r\n                <span>CSV</span>\r\n              </button>\r\n            </li>\r\n            <li *ngIf=\"isExportFormatEnabled('excel')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportExcel()\">\r\n                <i class=\"bi bi-file-earmark-spreadsheet\"></i>\r\n                <span>Excel (.xls)</span>\r\n              </button>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <label class=\"ndt-inline-label\" *ngIf=\"isFeatureOn('rowsPerPage') && isFeatureOn('pagination')\">\r\n        Rows per page:\r\n        <select [value]=\"rowsPerPage\" (change)=\"onRowsPerPageChange($event)\">\r\n          <option *ngFor=\"let option of mergedConfig.rowsPerPageOptions || []\" [value]=\"option\">{{ option }}</option>\r\n        </select>\r\n      </label>\r\n    </div>\r\n\r\n    <div class=\"ndt-right-tools\" *ngIf=\"isFeatureOn('searching')\">\r\n      <input\r\n        type=\"search\"\r\n        placeholder=\"Search records\"\r\n        [value]=\"searchTerm\"\r\n        (input)=\"onSearchInput($event)\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"ndt-table-wrap\">\r\n    <table class=\"ndt-table\">\r\n      <colgroup>\r\n        <col *ngIf=\"isFeatureOn('checkboxSelection')\" style=\"width: 44px\" />\r\n        <col *ngFor=\"let column of mergedColumns\" [style.width]=\"toColumnWidth(column.width)\" />\r\n        <col *ngIf=\"isFeatureOn('actions')\" style=\"width: 78px\" />\r\n      </colgroup>\r\n\r\n      <thead>\r\n        <tr>\r\n          <th *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isCurrentPageFullySelected()\"\r\n              (change)=\"toggleSelectAllCurrentPage($event)\"\r\n            />\r\n          </th>\r\n          <th\r\n            *ngFor=\"let column of mergedColumns\"\r\n            [class.ndt-sortable]=\"isFeatureOn('sorting') && !!column.sortable\"\r\n            (click)=\"toggleSort(column)\"\r\n          >\r\n            <span class=\"ndt-th-content\">\r\n              <span class=\"ndt-th-label\">{{ column.label }}</span>\r\n              <i\r\n                *ngIf=\"isFeatureOn('sorting') && column.sortable\"\r\n                [ngClass]=\"[\r\n                  'ndt-sort-indicator',\r\n                  getSortIconClass(column.key.toString()),\r\n                  isSortColumn(column.key.toString()) ? 'active' : ''\r\n                ]\"\r\n              ></i>\r\n            </span>\r\n          </th>\r\n          <th *ngIf=\"isFeatureOn('actions')\">Actions</th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr *ngIf=\"!pagedRows.length\">\r\n          <td [attr.colspan]=\"getColumnCount()\" class=\"ndt-empty\">No records found.</td>\r\n        </tr>\r\n\r\n        <tr *ngFor=\"let row of pagedRows\" [class.ndt-selected]=\"isRowSelected(row.id)\">\r\n          <td *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isRowSelected(row.id)\"\r\n              (change)=\"toggleRowSelection(row, $event)\"\r\n            />\r\n          </td>\r\n\r\n          <td *ngFor=\"let column of mergedColumns\" [innerHTML]=\"getRenderedCell(row.data, column)\"></td>\r\n\r\n          <td *ngIf=\"isFeatureOn('actions')\" class=\"ndt-actions-cell\">\r\n            <div class=\"ndt-dropdown\" (click)=\"$event.stopPropagation()\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"ndt-actions-btn\"\r\n                (click)=\"toggleActionMenu(row.id, $event)\"\r\n                [attr.aria-expanded]=\"isActionMenuOpen(row.id)\"\r\n              >\r\n                <span class=\"ndt-dots\">...</span>\r\n              </button>\r\n\r\n              <ul\r\n                class=\"ndt-dropdown-menu ndt-action-menu\"\r\n                *ngIf=\"isActionMenuOpen(row.id)\"\r\n                [ngStyle]=\"actionMenuStyle\"\r\n                [attr.data-row-id]=\"row.id\"\r\n              >\r\n                <li *ngFor=\"let action of mergedConfig.actions || []; let i = index\">\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"ndt-dropdown-item\"\r\n                    [class.ndt-danger]=\"!!action.danger\"\r\n                    (click)=\"onActionItemClick(i, row, $event)\"\r\n                  >\r\n                    <i *ngIf=\"action.icon\" [class]=\"action.icon\"></i>\r\n                    <span>{{ action.label }}</span>\r\n                  </button>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n\r\n  <div class=\"ndt-footer\">\r\n    <div>\r\n      {{ selectedRows.size }} selected\r\n    </div>\r\n\r\n    <div>\r\n      Showing {{ getStartEntry() }} to {{ getEndEntry() }} of {{ filteredRows.length }} entries\r\n    </div>\r\n\r\n    <ul class=\"ndt-pagination\" *ngIf=\"isFeatureOn('pagination') && totalPages > 1\">\r\n      <li [class.disabled]=\"currentPage <= 1\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage - 1)\" [disabled]=\"currentPage <= 1\">Prev</button>\r\n      </li>\r\n      <li *ngFor=\"let page of getPaginationPages()\" [class.active]=\"page === currentPage\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(page)\">{{ page }}</button>\r\n      </li>\r\n      <li [class.disabled]=\"currentPage >= totalPages\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage + 1)\" [disabled]=\"currentPage >= totalPages\">Next</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;--ndt-primary: #4f46e5;--ndt-primary-dark: #4338ca;--ndt-primary-soft: #eef2ff;--ndt-border: #dbe4ff;--ndt-text: #1f2a44;--ndt-muted: #6d7895}.ndt-card{border:1px solid var(--ndt-border);border-radius:20px;padding:10px;background:#ffffffe6;backdrop-filter:blur(3px);box-shadow:0 20px 45px #2d489124;overflow:hidden;color:var(--ndt-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ndt-header,.ndt-toolbar,.ndt-footer{padding:1.05rem 1.35rem}.ndt-header{background:linear-gradient(180deg,#fff,#fafcff);border-bottom:1px solid #eaf0ff}.ndt-title{margin:0;font-size:1.2rem;color:#1b2550}.ndt-toolbar{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;align-items:center}.ndt-left-tools,.ndt-right-tools{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.ndt-btn,.ndt-toolbar select,.ndt-toolbar input{border:1px solid #d5def8;background:#fff;color:#445381;border-radius:10px;padding:.36rem .62rem;font-size:.85rem}.ndt-btn:hover{border-color:var(--ndt-primary);background:#4f46e512;color:var(--ndt-primary)}.ndt-toolbar input{min-width:260px}.ndt-toolbar input:focus,.ndt-toolbar select:focus{outline:none;border-color:#4f46e58c;box-shadow:0 0 0 .2rem #4f46e51f}.ndt-inline-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--ndt-muted);font-size:.85rem}.ndt-table-wrap{margin:0 1.35rem;overflow-x:auto;overflow-y:visible;border:1px solid #e5ecff;border-radius:14px;background:#fff}.ndt-table{width:100%;min-width:920px;border-collapse:collapse;table-layout:fixed}.ndt-table th,.ndt-table td{padding:.8rem .72rem;text-align:left;border-bottom:1px solid #edf2ff;vertical-align:middle}.ndt-table th{color:#4a577f;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;background:#f7faff;border-bottom:1px solid #e6edff}.ndt-th-content{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.ndt-th-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndt-sortable{cursor:pointer}.ndt-sort-indicator{font-size:.82rem;color:#8a98c2;min-width:16px;text-align:center}.ndt-sort-indicator.active{color:var(--ndt-primary)}.ndt-table tbody tr:hover{background:#f5f8ff}.ndt-selected{background:#ebf1ff}.ndt-actions-cell{text-align:center;position:relative}.ndt-dropdown{position:relative;display:inline-block}.ndt-export-btn{display:inline-flex;align-items:center;gap:.42rem}.ndt-chevron{font-size:.72rem;margin-left:.12rem}.ndt-actions-btn{border:1px solid #d2dcfb;background:#f7f9ff;color:#33446e;border-radius:10px;width:34px;height:30px;padding:0;cursor:pointer}.ndt-actions-btn:hover{border-color:var(--ndt-primary);color:var(--ndt-primary);background:#eef3ff}.ndt-dots{font-size:1rem;line-height:1}.ndt-dropdown-menu{position:absolute;left:0;top:calc(100% + .35rem);list-style:none;margin:0;padding:.35rem 0;min-width:120px;border:1px solid #dbe4ff;border-radius:12px;background:#fff;box-shadow:0 12px 24px #2d489124;z-index:20}.ndt-action-menu{min-width:140px;max-height:calc(100vh - 16px);overflow-y:auto;z-index:1080}.ndt-dropdown-item{width:100%;border:0;background:#fff;color:#33446e;display:flex;align-items:center;gap:.45rem;text-align:left;padding:.42rem .72rem;font-size:.84rem;cursor:pointer}.ndt-dropdown-item i{font-size:.9rem;width:14px}.ndt-dropdown-item:hover{background:#f5f8ff;color:var(--ndt-primary)}.ndt-dropdown-item.ndt-danger{color:#dc3545}.ndt-dropdown-item.ndt-danger:hover{background:#fff1f3}.ndt-empty{text-align:center;color:var(--ndt-muted)}.ndt-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:#52628a;font-size:.88rem}.ndt-pagination{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:.35rem}.ndt-pagination li{display:inline-flex}.ndt-page-link{border:1px solid #d5def8;background:#fff;color:var(--ndt-primary);border-radius:8px;min-width:34px;height:30px;padding:0 .6rem;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center}.ndt-page-link:hover{border-color:var(--ndt-primary);background:#4f46e512}.ndt-pagination li.active .ndt-page-link{background:var(--ndt-primary);border-color:var(--ndt-primary);color:#fff}.ndt-pagination li.disabled .ndt-page-link{opacity:.55;cursor:not-allowed}@media(max-width:900px){.ndt-toolbar,.ndt-footer{flex-direction:column;align-items:flex-start}.ndt-toolbar input{min-width:100%}}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], columns: [{
@@ -484,6 +563,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Output
             }], exportTriggered: [{
                 type: Output
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], onWindowScroll: [{
+                type: HostListener,
+                args: ['window:scroll']
             }] } });
 
 /*

package/fesm2022/ng-dynamic-datatable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-dynamic-datatable.mjs","sources":["../../../projects/dynamic-datatable/src/lib/dynamic-datatable.component.ts","../../../projects/dynamic-datatable/src/lib/dynamic-datatable.component.html","../../../projects/dynamic-datatable/src/public-api.ts","../../../projects/dynamic-datatable/src/ng-dynamic-datatable.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';\r\nimport {\r\n  DataTableAction,\r\n  DataTableActionEvent,\r\n  DataTableColumn,\r\n  DataTableExportEvent,\r\n  DynamicDataTableConfig\r\n} from './models';\r\nimport { InternalSortState } from './dynamic-datatable.types';\r\n\r\ntype RowData = Record<string, unknown>;\r\n\r\ninterface InternalRow<T extends RowData = RowData> {\r\n  id: string;\r\n  data: T;\r\n}\r\n\r\nconst DEFAULT_CONFIG: Required<Pick<DynamicDataTableConfig, 'title' | 'rowsPerPageOptions' | 'defaultRowsPerPage'>> & {\r\n  features: Required<NonNullable<DynamicDataTableConfig['features']>>;\r\n  exportOptions: Required<NonNullable<DynamicDataTableConfig['exportOptions']>>;\r\n} = {\r\n  title: 'Dynamic DataTable',\r\n  features: {\r\n    export: true,\r\n    sorting: true,\r\n    searching: true,\r\n    pagination: true,\r\n    rowsPerPage: true,\r\n    actions: true,\r\n    checkboxSelection: true\r\n  },\r\n  rowsPerPageOptions: [5, 10, 25, 50],\r\n  defaultRowsPerPage: 10,\r\n  exportOptions: {\r\n    fileName: 'datatable-export',\r\n    formats: ['csv', 'excel']\r\n  }\r\n};\r\n\r\n@Component({\r\n  selector: 'lib-dynamic-datatable',\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  templateUrl: './dynamic-datatable.component.html',\r\n  styleUrl: './dynamic-datatable.component.scss'\r\n})\r\nexport class DynamicDatatableComponent implements OnChanges {\r\n  @Input() config: DynamicDataTableConfig = {};\r\n  @Input() columns: DataTableColumn<RowData>[] = [];\r\n  @Input() data: RowData[] = [];\r\n\r\n  @Output() readonly actionSelected = new EventEmitter<DataTableActionEvent<RowData>>();\r\n  @Output() readonly selectionChange = new EventEmitter<RowData[]>();\r\n  @Output() readonly sortChange = new EventEmitter<InternalSortState>();\r\n  @Output() readonly pageChange = new EventEmitter<number>();\r\n  @Output() readonly exportTriggered = new EventEmitter<DataTableExportEvent<RowData>>();\r\n\r\n  mergedConfig: DynamicDataTableConfig<RowData> = {\r\n    title: DEFAULT_CONFIG.title,\r\n    features: { ...DEFAULT_CONFIG.features },\r\n    rowsPerPageOptions: [...DEFAULT_CONFIG.rowsPerPageOptions],\r\n    defaultRowsPerPage: DEFAULT_CONFIG.defaultRowsPerPage,\r\n    exportOptions: { ...DEFAULT_CONFIG.exportOptions },\r\n    columns: [],\r\n    actions: []\r\n  };\r\n\r\n  mergedColumns: DataTableColumn<RowData>[] = [];\r\n\r\n  private allRows: InternalRow<RowData>[] = [];\r\n  filteredRows: InternalRow<RowData>[] = [];\r\n  pagedRows: InternalRow<RowData>[] = [];\r\n\r\n  searchTerm = '';\r\n  currentPage = 1;\r\n  rowsPerPage = DEFAULT_CONFIG.defaultRowsPerPage;\r\n  totalPages = 1;\r\n  sortState: InternalSortState = { key: null, direction: 'asc' };\r\n  selectedRows = new Set<string>();\r\n  openActionMenuRowId: string | null = null;\r\n  isExportMenuOpen = false;\r\n\r\n  ngOnChanges(_changes: SimpleChanges): void {\r\n    this.refresh();\r\n  }\r\n\r\n  refresh(): void {\r\n    this.applyConfig();\r\n    this.normalizeRows();\r\n    this.applyFiltersSortAndPagination();\r\n  }\r\n\r\n  updateData(newData: RowData[]): void {\r\n    this.data = Array.isArray(newData) ? [...newData] : [];\r\n    this.refresh();\r\n  }\r\n\r\n  updateConfig(newConfig: DynamicDataTableConfig<RowData>): void {\r\n    this.config = { ...this.config, ...newConfig };\r\n    this.refresh();\r\n  }\r\n\r\n  getSelectedRows(): RowData[] {\r\n    return this.allRows.filter((row) => this.selectedRows.has(row.id)).map((row) => row.data);\r\n  }\r\n\r\n  clearSelection(): void {\r\n    this.selectedRows.clear();\r\n    this.selectionChange.emit([]);\r\n  }\r\n\r\n  isFeatureOn(feature: keyof NonNullable<DynamicDataTableConfig['features']>): boolean {\r\n    return Boolean(this.mergedConfig.features?.[feature]);\r\n  }\r\n\r\n  isExportFormatEnabled(format: 'csv' | 'excel'): boolean {\r\n    const formats = this.mergedConfig.exportOptions?.formats ?? [];\r\n    return formats.includes(format);\r\n  }\r\n\r\n  onSearchInput(event: Event): void {\r\n    const input = event.target as HTMLInputElement;\r\n    this.searchTerm = (input.value || '').trim().toLowerCase();\r\n    this.currentPage = 1;\r\n    this.applyFiltersSortAndPagination();\r\n  }\r\n\r\n  onRowsPerPageChange(event: Event): void {\r\n    const select = event.target as HTMLSelectElement;\r\n    const value = Number(select.value);\r\n    this.rowsPerPage = Number.isFinite(value) && value > 0 ? value : this.getInitialRowsPerPage();\r\n    this.currentPage = 1;\r\n    this.applyFiltersSortAndPagination();\r\n  }\r\n\r\n  toggleSort(column: DataTableColumn<RowData>): void {\r\n    if (!this.isFeatureOn('sorting') || !column.sortable) {\r\n      return;\r\n    }\r\n\r\n    const key = String(column.key);\r\n    if (this.sortState.key === key) {\r\n      this.sortState.direction = this.sortState.direction === 'asc' ? 'desc' : 'asc';\r\n    } else {\r\n      this.sortState = { key, direction: 'asc' };\r\n    }\r\n\r\n    this.currentPage = 1;\r\n    this.sortChange.emit({ ...this.sortState });\r\n    this.applyFiltersSortAndPagination();\r\n  }\r\n\r\n  getSortIconClass(columnKey: string): string {\r\n    if (this.sortState.key !== columnKey) {\r\n      return 'bi bi-arrow-down-up';\r\n    }\r\n\r\n    return this.sortState.direction === 'asc' ? 'bi bi-sort-down' : 'bi bi-sort-up';\r\n  }\r\n\r\n  isSortColumn(columnKey: string): boolean {\r\n    return this.sortState.key === columnKey;\r\n  }\r\n\r\n  goToPage(page: number): void {\r\n    if (!this.isFeatureOn('pagination')) {\r\n      return;\r\n    }\r\n\r\n    const bounded = Math.min(Math.max(page, 1), this.totalPages);\r\n    if (bounded === this.currentPage) {\r\n      return;\r\n    }\r\n\r\n    this.currentPage = bounded;\r\n    this.pageChange.emit(this.currentPage);\r\n    this.updatePagedRowsOnly();\r\n  }\r\n\r\n  getPaginationPages(): number[] {\r\n    return Array.from({ length: this.totalPages }, (_, idx) => idx + 1);\r\n  }\r\n\r\n  isRowSelected(rowId: string): boolean {\r\n    return this.selectedRows.has(rowId);\r\n  }\r\n\r\n  toggleRowSelection(row: InternalRow<RowData>, event: Event): void {\r\n    const input = event.target as HTMLInputElement;\r\n    if (input.checked) {\r\n      this.selectedRows.add(row.id);\r\n    } else {\r\n      this.selectedRows.delete(row.id);\r\n    }\r\n\r\n    this.emitSelection();\r\n  }\r\n\r\n  toggleSelectAllCurrentPage(event: Event): void {\r\n    const input = event.target as HTMLInputElement;\r\n    this.pagedRows.forEach((row) => {\r\n      if (input.checked) {\r\n        this.selectedRows.add(row.id);\r\n      } else {\r\n        this.selectedRows.delete(row.id);\r\n      }\r\n    });\r\n\r\n    this.emitSelection();\r\n  }\r\n\r\n  isCurrentPageFullySelected(): boolean {\r\n    if (!this.pagedRows.length) {\r\n      return false;\r\n    }\r\n\r\n    return this.pagedRows.every((row) => this.selectedRows.has(row.id));\r\n  }\r\n\r\n  toggleActionMenu(rowId: string, event: Event): void {\r\n    event.stopPropagation();\r\n    this.openActionMenuRowId = this.openActionMenuRowId === rowId ? null : rowId;\r\n  }\r\n\r\n  closeActionMenu(): void {\r\n    this.openActionMenuRowId = null;\r\n  }\r\n\r\n  toggleExportMenu(event: Event): void {\r\n    event.stopPropagation();\r\n    this.isExportMenuOpen = !this.isExportMenuOpen;\r\n  }\r\n\r\n  isActionMenuOpen(rowId: string): boolean {\r\n    return this.openActionMenuRowId === rowId;\r\n  }\r\n\r\n  shouldOpenActionUp(rowIndex: number): boolean {\r\n    if (!this.pagedRows.length) {\r\n      return false;\r\n    }\r\n\r\n    if (this.pagedRows.length === 1) {\r\n      return false;\r\n    }\r\n\r\n    if (this.pagedRows.length <= 3) {\r\n      return rowIndex === this.pagedRows.length - 1;\r\n    }\r\n\r\n    const isNearBottom = rowIndex >= this.pagedRows.length - 2;\r\n    return isNearBottom;\r\n  }\r\n\r\n  onActionItemClick(actionIndex: number, row: InternalRow<RowData>, event: Event): void {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n\r\n    if (!Number.isInteger(actionIndex) || actionIndex < 0) {\r\n      return;\r\n    }\r\n\r\n    const action = this.mergedConfig.actions?.[actionIndex];\r\n    if (!action) {\r\n      return;\r\n    }\r\n\r\n    const rowIndex = this.filteredRows.findIndex((item) => item.id === row.id);\r\n    this.actionSelected.emit({ action, row: row.data, rowIndex });\r\n    this.closeActionMenu();\r\n  }\r\n\r\n  exportCSV(): void {\r\n    this.isExportMenuOpen = false;\r\n    const rows = this.getRowsForExport();\r\n    this.exportTriggered.emit({ format: 'csv', rows });\r\n\r\n    const headers = this.mergedColumns.map((column) => this.escapeCsv(column.label));\r\n    const lines = rows.map((row) => {\r\n      return this.mergedColumns\r\n        .map((column) => this.escapeCsv(this.getCellTextValue(row, column)))\r\n        .join(',');\r\n    });\r\n\r\n    const csv = [headers.join(','), ...lines].join('\\n');\r\n    this.downloadFile(csv, `${this.getExportFileName()}.csv`, 'text/csv;charset=utf-8;');\r\n  }\r\n\r\n  exportExcel(): void {\r\n    this.isExportMenuOpen = false;\r\n    const rows = this.getRowsForExport();\r\n    this.exportTriggered.emit({ format: 'excel', rows });\r\n\r\n    const headerCells = this.mergedColumns.map((column) => `<th>${this.escapeHtml(column.label)}</th>`).join('');\r\n    const bodyRows = rows\r\n      .map((row) => {\r\n        const cells = this.mergedColumns\r\n          .map((column) => `<td>${this.escapeHtml(this.getCellTextValue(row, column))}</td>`)\r\n          .join('');\r\n        return `<tr>${cells}</tr>`;\r\n      })\r\n      .join('');\r\n\r\n    const html = `<html><head><meta charset=\"UTF-8\"></head><body><table border=\"1\"><thead><tr>${headerCells}</tr></thead><tbody>${bodyRows}</tbody></table></body></html>`;\r\n    this.downloadFile(html, `${this.getExportFileName()}.xls`, 'application/vnd.ms-excel;charset=utf-8;');\r\n  }\r\n\r\n  getRenderedCell(row: RowData, column: DataTableColumn<RowData>): string {\r\n    if (typeof column.render === 'function') {\r\n      return column.render(row);\r\n    }\r\n\r\n    const key = String(column.key);\r\n    const value = row[key];\r\n    return this.escapeHtml(value == null ? '' : String(value));\r\n  }\r\n\r\n  toColumnWidth(width: string | number | undefined): string {\r\n    if (typeof width === 'number') {\r\n      return `${width}px`;\r\n    }\r\n\r\n    if (typeof width === 'string' && width.trim()) {\r\n      return width.trim();\r\n    }\r\n\r\n    return 'auto';\r\n  }\r\n\r\n  getColumnCount(): number {\r\n    let count = this.mergedColumns.length;\r\n    if (this.isFeatureOn('checkboxSelection')) {\r\n      count += 1;\r\n    }\r\n    if (this.isFeatureOn('actions')) {\r\n      count += 1;\r\n    }\r\n    return count;\r\n  }\r\n\r\n  getStartEntry(): number {\r\n    if (!this.filteredRows.length) {\r\n      return 0;\r\n    }\r\n\r\n    if (!this.isFeatureOn('pagination')) {\r\n      return 1;\r\n    }\r\n\r\n    return (this.currentPage - 1) * this.rowsPerPage + 1;\r\n  }\r\n\r\n  getEndEntry(): number {\r\n    if (!this.filteredRows.length) {\r\n      return 0;\r\n    }\r\n\r\n    if (!this.isFeatureOn('pagination')) {\r\n      return this.filteredRows.length;\r\n    }\r\n\r\n    return Math.min(this.currentPage * this.rowsPerPage, this.filteredRows.length);\r\n  }\r\n\r\n  private applyConfig(): void {\r\n    const features = {\r\n      ...DEFAULT_CONFIG.features,\r\n      ...(this.config.features ?? {})\r\n    };\r\n\r\n    const exportOptions = {\r\n      ...DEFAULT_CONFIG.exportOptions,\r\n      ...(this.config.exportOptions ?? {})\r\n    };\r\n\r\n    const rowsPerPageOptions = (this.config.rowsPerPageOptions ?? DEFAULT_CONFIG.rowsPerPageOptions).filter(\r\n      (item) => Number.isFinite(item) && item > 0\r\n    );\r\n\r\n    this.mergedConfig = {\r\n      title: this.config.title ?? DEFAULT_CONFIG.title,\r\n      features,\r\n      rowsPerPageOptions: rowsPerPageOptions.length ? rowsPerPageOptions : [...DEFAULT_CONFIG.rowsPerPageOptions],\r\n      defaultRowsPerPage: this.config.defaultRowsPerPage ?? DEFAULT_CONFIG.defaultRowsPerPage,\r\n      exportOptions,\r\n      actions: [...(this.config.actions ?? [])],\r\n      columns: []\r\n    };\r\n\r\n    this.mergedColumns = [...(this.columns.length ? this.columns : (this.config.columns ?? []))];\r\n    this.rowsPerPage = this.getInitialRowsPerPage();\r\n  }\r\n\r\n  private normalizeRows(): void {\r\n    this.allRows = (Array.isArray(this.data) ? this.data : []).map((row, index) => {\r\n      const rowId = row['id'];\r\n      const id = rowId == null ? `row-${index + 1}` : String(rowId);\r\n      return { id, data: row };\r\n    });\r\n\r\n    const validIds = new Set(this.allRows.map((row) => row.id));\r\n    for (const selectedId of Array.from(this.selectedRows)) {\r\n      if (!validIds.has(selectedId)) {\r\n        this.selectedRows.delete(selectedId);\r\n      }\r\n    }\r\n  }\r\n\r\n  private applyFiltersSortAndPagination(): void {\r\n    if (!this.isFeatureOn('searching') || !this.searchTerm) {\r\n      this.filteredRows = [...this.allRows];\r\n    } else {\r\n      this.filteredRows = this.allRows.filter((row) => {\r\n        const searchSpace = this.mergedColumns\r\n          .map((column) => this.getCellTextValue(row.data, column).toLowerCase())\r\n          .join(' ');\r\n        return searchSpace.includes(this.searchTerm);\r\n      });\r\n    }\r\n\r\n    if (this.isFeatureOn('sorting') && this.sortState.key) {\r\n      const column = this.mergedColumns.find((item) => String(item.key) === this.sortState.key);\r\n      if (column?.sortable) {\r\n        this.filteredRows.sort((a, b) => {\r\n          const aVal = this.getCellTextValue(a.data, column);\r\n          const bVal = this.getCellTextValue(b.data, column);\r\n          const compare = this.compareValues(aVal, bVal);\r\n          return this.sortState.direction === 'asc' ? compare : -compare;\r\n        });\r\n      }\r\n    }\r\n\r\n    this.totalPages = this.isFeatureOn('pagination')\r\n      ? Math.max(1, Math.ceil(this.filteredRows.length / this.rowsPerPage))\r\n      : 1;\r\n\r\n    if (this.currentPage > this.totalPages) {\r\n      this.currentPage = this.totalPages;\r\n    }\r\n\r\n    this.updatePagedRowsOnly();\r\n    this.emitSelection();\r\n  }\r\n\r\n  private updatePagedRowsOnly(): void {\r\n    if (!this.isFeatureOn('pagination')) {\r\n      this.pagedRows = [...this.filteredRows];\r\n      return;\r\n    }\r\n\r\n    const start = (this.currentPage - 1) * this.rowsPerPage;\r\n    this.pagedRows = this.filteredRows.slice(start, start + this.rowsPerPage);\r\n  }\r\n\r\n  private getCellTextValue(row: RowData, column: DataTableColumn<RowData>): string {\r\n    const key = String(column.key);\r\n    if (row[key] != null) {\r\n      return String(row[key]);\r\n    }\r\n\r\n    const rendered = this.getRenderedCell(row, column);\r\n    return this.stripHtml(rendered);\r\n  }\r\n\r\n  private compareValues(a: string, b: string): number {\r\n    const aText = a.trim();\r\n    const bText = b.trim();\r\n\r\n    const aNum = this.parseStrictNumber(aText);\r\n    const bNum = this.parseStrictNumber(bText);\r\n    if (aNum !== null && bNum !== null) {\r\n      return aNum - bNum;\r\n    }\r\n\r\n    const aDate = this.parseDateValue(aText);\r\n    const bDate = this.parseDateValue(bText);\r\n    if (aDate !== null && bDate !== null) {\r\n      return aDate - bDate;\r\n    }\r\n\r\n    return aText.localeCompare(bText, undefined, { numeric: true, sensitivity: 'base' });\r\n  }\r\n\r\n  private parseStrictNumber(value: string): number | null {\r\n    const normalized = value.replace(/[$,\\s]/g, '');\r\n    if (!/^[-+]?\\d*\\.?\\d+$/.test(normalized)) {\r\n      return null;\r\n    }\r\n\r\n    const numberValue = Number(normalized);\r\n    return Number.isNaN(numberValue) ? null : numberValue;\r\n  }\r\n\r\n  private parseDateValue(value: string): number | null {\r\n    const usDate = value.match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/);\r\n    if (usDate) {\r\n      const month = Number(usDate[1]);\r\n      const day = Number(usDate[2]);\r\n      const year = Number(usDate[3]);\r\n      const utc = Date.UTC(year, month - 1, day);\r\n      return Number.isNaN(utc) ? null : utc;\r\n    }\r\n\r\n    const isoDate = value.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/);\r\n    if (isoDate) {\r\n      const year = Number(isoDate[1]);\r\n      const month = Number(isoDate[2]);\r\n      const day = Number(isoDate[3]);\r\n      const utc = Date.UTC(year, month - 1, day);\r\n      return Number.isNaN(utc) ? null : utc;\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  private getRowsForExport(): RowData[] {\r\n    const selected = this.getSelectedRows();\r\n    if (selected.length) {\r\n      return selected;\r\n    }\r\n\r\n    return this.filteredRows.map((item) => item.data);\r\n  }\r\n\r\n  private getExportFileName(): string {\r\n    return this.mergedConfig.exportOptions?.fileName || 'datatable-export';\r\n  }\r\n\r\n  private downloadFile(content: string, fileName: string, mimeType: string): void {\r\n    if (typeof document === 'undefined') {\r\n      return;\r\n    }\r\n\r\n    const blob = new Blob([content], { type: mimeType });\r\n    const url = URL.createObjectURL(blob);\r\n    const anchor = document.createElement('a');\r\n    anchor.href = url;\r\n    anchor.download = fileName;\r\n    document.body.appendChild(anchor);\r\n    anchor.click();\r\n    document.body.removeChild(anchor);\r\n    URL.revokeObjectURL(url);\r\n  }\r\n\r\n  private escapeCsv(value: string): string {\r\n    if (/[\",\\n]/.test(value)) {\r\n      return `\"${value.replace(/\"/g, '\"\"')}\"`;\r\n    }\r\n\r\n    return value;\r\n  }\r\n\r\n  private stripHtml(input: string): string {\r\n    if (typeof document === 'undefined') {\r\n      return input;\r\n    }\r\n\r\n    const temp = document.createElement('div');\r\n    temp.innerHTML = input;\r\n    return temp.textContent || temp.innerText || '';\r\n  }\r\n\r\n  private escapeHtml(value: string): string {\r\n    return String(value)\r\n      .replace(/&/g, '&amp;')\r\n      .replace(/</g, '&lt;')\r\n      .replace(/>/g, '&gt;')\r\n      .replace(/\"/g, '&quot;')\r\n      .replace(/'/g, '&#039;');\r\n  }\r\n\r\n  private getInitialRowsPerPage(): number {\r\n    const options = this.mergedConfig.rowsPerPageOptions ?? DEFAULT_CONFIG.rowsPerPageOptions;\r\n    const preferred = Number(this.mergedConfig.defaultRowsPerPage ?? DEFAULT_CONFIG.defaultRowsPerPage);\r\n    return options.includes(preferred) ? preferred : options[0] ?? DEFAULT_CONFIG.defaultRowsPerPage;\r\n  }\r\n\r\n  private emitSelection(): void {\r\n    this.selectionChange.emit(this.getSelectedRows());\r\n  }\r\n\r\n  closeMenus(): void {\r\n    this.closeActionMenu();\r\n    this.isExportMenuOpen = false;\r\n  }\r\n\r\n}\r\n","<div class=\"ndt-card\" (click)=\"closeMenus()\">\r\n  <div class=\"ndt-header\">\r\n    <h3 class=\"ndt-title\">{{ mergedConfig.title }}</h3>\r\n  </div>\r\n\r\n  <div class=\"ndt-toolbar\">\r\n    <div class=\"ndt-left-tools\">\r\n      <ng-container *ngIf=\"isFeatureOn('export')\">\r\n        <div class=\"ndt-dropdown\" (click)=\"$event.stopPropagation()\">\r\n          <button class=\"ndt-btn ndt-export-btn\" type=\"button\" (click)=\"toggleExportMenu($event)\">\r\n            <i class=\"bi bi-download\"></i>\r\n            <span>Export</span>\r\n            <i class=\"bi bi-chevron-down ndt-chevron\"></i>\r\n          </button>\r\n\r\n          <ul class=\"ndt-dropdown-menu\" *ngIf=\"isExportMenuOpen\">\r\n            <li *ngIf=\"isExportFormatEnabled('csv')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportCSV()\">\r\n                <i class=\"bi bi-filetype-csv\"></i>\r\n                <span>CSV</span>\r\n              </button>\r\n            </li>\r\n            <li *ngIf=\"isExportFormatEnabled('excel')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportExcel()\">\r\n                <i class=\"bi bi-file-earmark-spreadsheet\"></i>\r\n                <span>Excel (.xls)</span>\r\n              </button>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <label class=\"ndt-inline-label\" *ngIf=\"isFeatureOn('rowsPerPage') && isFeatureOn('pagination')\">\r\n        Rows per page:\r\n        <select [value]=\"rowsPerPage\" (change)=\"onRowsPerPageChange($event)\">\r\n          <option *ngFor=\"let option of mergedConfig.rowsPerPageOptions || []\" [value]=\"option\">{{ option }}</option>\r\n        </select>\r\n      </label>\r\n    </div>\r\n\r\n    <div class=\"ndt-right-tools\" *ngIf=\"isFeatureOn('searching')\">\r\n      <input\r\n        type=\"search\"\r\n        placeholder=\"Search records\"\r\n        [value]=\"searchTerm\"\r\n        (input)=\"onSearchInput($event)\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"ndt-table-wrap\">\r\n    <table class=\"ndt-table\">\r\n      <colgroup>\r\n        <col *ngIf=\"isFeatureOn('checkboxSelection')\" style=\"width: 44px\" />\r\n        <col *ngFor=\"let column of mergedColumns\" [style.width]=\"toColumnWidth(column.width)\" />\r\n        <col *ngIf=\"isFeatureOn('actions')\" style=\"width: 78px\" />\r\n      </colgroup>\r\n\r\n      <thead>\r\n        <tr>\r\n          <th *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isCurrentPageFullySelected()\"\r\n              (change)=\"toggleSelectAllCurrentPage($event)\"\r\n            />\r\n          </th>\r\n          <th\r\n            *ngFor=\"let column of mergedColumns\"\r\n            [class.ndt-sortable]=\"isFeatureOn('sorting') && !!column.sortable\"\r\n            (click)=\"toggleSort(column)\"\r\n          >\r\n            <span class=\"ndt-th-content\">\r\n              <span class=\"ndt-th-label\">{{ column.label }}</span>\r\n              <i\r\n                *ngIf=\"isFeatureOn('sorting') && column.sortable\"\r\n                [ngClass]=\"[\r\n                  'ndt-sort-indicator',\r\n                  getSortIconClass(column.key.toString()),\r\n                  isSortColumn(column.key.toString()) ? 'active' : ''\r\n                ]\"\r\n              ></i>\r\n            </span>\r\n          </th>\r\n          <th *ngIf=\"isFeatureOn('actions')\">Actions</th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr *ngIf=\"!pagedRows.length\">\r\n          <td [attr.colspan]=\"getColumnCount()\" class=\"ndt-empty\">No records found.</td>\r\n        </tr>\r\n\r\n        <tr *ngFor=\"let row of pagedRows; let rowIndex = index\" [class.ndt-selected]=\"isRowSelected(row.id)\">\r\n          <td *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isRowSelected(row.id)\"\r\n              (change)=\"toggleRowSelection(row, $event)\"\r\n            />\r\n          </td>\r\n\r\n          <td *ngFor=\"let column of mergedColumns\" [innerHTML]=\"getRenderedCell(row.data, column)\"></td>\r\n\r\n          <td *ngIf=\"isFeatureOn('actions')\" class=\"ndt-actions-cell\">\r\n            <div class=\"ndt-dropdown\" [class.ndt-dropup]=\"shouldOpenActionUp(rowIndex)\" (click)=\"$event.stopPropagation()\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"ndt-actions-btn\"\r\n                (click)=\"toggleActionMenu(row.id, $event)\"\r\n                [attr.aria-expanded]=\"isActionMenuOpen(row.id)\"\r\n              >\r\n                <span class=\"ndt-dots\">...</span>\r\n              </button>\r\n\r\n              <ul class=\"ndt-dropdown-menu\" *ngIf=\"isActionMenuOpen(row.id)\">\r\n                <li *ngFor=\"let action of mergedConfig.actions || []; let i = index\">\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"ndt-dropdown-item\"\r\n                    [class.ndt-danger]=\"!!action.danger\"\r\n                    (click)=\"onActionItemClick(i, row, $event)\"\r\n                  >\r\n                    <i *ngIf=\"action.icon\" [class]=\"action.icon\"></i>\r\n                    <span>{{ action.label }}</span>\r\n                  </button>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n\r\n  <div class=\"ndt-footer\">\r\n    <div>\r\n      {{ selectedRows.size }} selected\r\n    </div>\r\n\r\n    <div>\r\n      Showing {{ getStartEntry() }} to {{ getEndEntry() }} of {{ filteredRows.length }} entries\r\n    </div>\r\n\r\n    <ul class=\"ndt-pagination\" *ngIf=\"isFeatureOn('pagination') && totalPages > 1\">\r\n      <li [class.disabled]=\"currentPage <= 1\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage - 1)\" [disabled]=\"currentPage <= 1\">Prev</button>\r\n      </li>\r\n      <li *ngFor=\"let page of getPaginationPages()\" [class.active]=\"page === currentPage\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(page)\">{{ page }}</button>\r\n      </li>\r\n      <li [class.disabled]=\"currentPage >= totalPages\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage + 1)\" [disabled]=\"currentPage >= totalPages\">Next</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n","/*\r\n * Public API Surface of dynamic-datatable\r\n */\r\n\r\nexport * from './lib/dynamic-datatable.component';\r\nexport * from './lib/models';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-dynamic-datatable.mjs","sources":["../../../projects/dynamic-datatable/src/lib/dynamic-datatable.component.ts","../../../projects/dynamic-datatable/src/lib/dynamic-datatable.component.html","../../../projects/dynamic-datatable/src/public-api.ts","../../../projects/dynamic-datatable/src/ng-dynamic-datatable.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, HostListener, Input, OnChanges, Output, SimpleChanges } from '@angular/core';\r\nimport {\r\n  DataTableAction,\r\n  DataTableActionEvent,\r\n  DataTableColumn,\r\n  DataTableExportEvent,\r\n  DynamicDataTableConfig\r\n} from './models';\r\nimport { InternalSortState } from './dynamic-datatable.types';\r\n\r\ntype RowData = Record<string, unknown>;\r\n\r\ninterface InternalRow<T extends RowData = RowData> {\r\n  id: string;\r\n  data: T;\r\n}\r\n\r\nconst DEFAULT_CONFIG: Required<Pick<DynamicDataTableConfig, 'title' | 'rowsPerPageOptions' | 'defaultRowsPerPage'>> & {\r\n  features: Required<NonNullable<DynamicDataTableConfig['features']>>;\r\n  exportOptions: Required<NonNullable<DynamicDataTableConfig['exportOptions']>>;\r\n} = {\r\n  title: 'Dynamic DataTable',\r\n  features: {\r\n    export: true,\r\n    sorting: true,\r\n    searching: true,\r\n    pagination: true,\r\n    rowsPerPage: true,\r\n    actions: true,\r\n    checkboxSelection: true\r\n  },\r\n  rowsPerPageOptions: [5, 10, 25, 50],\r\n  defaultRowsPerPage: 10,\r\n  exportOptions: {\r\n    fileName: 'datatable-export',\r\n    formats: ['csv', 'excel']\r\n  }\r\n};\r\n\r\n@Component({\r\n  selector: 'lib-dynamic-datatable',\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  templateUrl: './dynamic-datatable.component.html',\r\n  styleUrl: './dynamic-datatable.component.scss'\r\n})\r\nexport class DynamicDatatableComponent implements OnChanges {\r\n  @Input() config: DynamicDataTableConfig = {};\r\n  @Input() columns: DataTableColumn<RowData>[] = [];\r\n  @Input() data: RowData[] = [];\r\n\r\n  @Output() readonly actionSelected = new EventEmitter<DataTableActionEvent<RowData>>();\r\n  @Output() readonly selectionChange = new EventEmitter<RowData[]>();\r\n  @Output() readonly sortChange = new EventEmitter<InternalSortState>();\r\n  @Output() readonly pageChange = new EventEmitter<number>();\r\n  @Output() readonly exportTriggered = new EventEmitter<DataTableExportEvent<RowData>>();\r\n\r\n  mergedConfig: DynamicDataTableConfig<RowData> = {\r\n    title: DEFAULT_CONFIG.title,\r\n    features: { ...DEFAULT_CONFIG.features },\r\n    rowsPerPageOptions: [...DEFAULT_CONFIG.rowsPerPageOptions],\r\n    defaultRowsPerPage: DEFAULT_CONFIG.defaultRowsPerPage,\r\n    exportOptions: { ...DEFAULT_CONFIG.exportOptions },\r\n    columns: [],\r\n    actions: []\r\n  };\r\n\r\n  mergedColumns: DataTableColumn<RowData>[] = [];\r\n\r\n  private allRows: InternalRow<RowData>[] = [];\r\n  filteredRows: InternalRow<RowData>[] = [];\r\n  pagedRows: InternalRow<RowData>[] = [];\r\n\r\n  searchTerm = '';\r\n  currentPage = 1;\r\n  rowsPerPage = DEFAULT_CONFIG.defaultRowsPerPage;\r\n  totalPages = 1;\r\n  sortState: InternalSortState = { key: null, direction: 'asc' };\r\n  selectedRows = new Set<string>();\r\n  openActionMenuRowId: string | null = null;\r\n  private openActionAnchorEl: HTMLElement | null = null;\r\n  actionMenuStyle: Record<string, string> = {};\r\n  isExportMenuOpen = false;\r\n\r\n  ngOnChanges(_changes: SimpleChanges): void {\r\n    this.refresh();\r\n  }\r\n\r\n  refresh(): void {\r\n    this.applyConfig();\r\n    this.normalizeRows();\r\n    this.applyFiltersSortAndPagination();\r\n  }\r\n\r\n  updateData(newData: RowData[]): void {\r\n    this.data = Array.isArray(newData) ? [...newData] : [];\r\n    this.refresh();\r\n  }\r\n\r\n  updateConfig(newConfig: DynamicDataTableConfig<RowData>): void {\r\n    this.config = { ...this.config, ...newConfig };\r\n    this.refresh();\r\n  }\r\n\r\n  getSelectedRows(): RowData[] {\r\n    return this.allRows.filter((row) => this.selectedRows.has(row.id)).map((row) => row.data);\r\n  }\r\n\r\n  clearSelection(): void {\r\n    this.selectedRows.clear();\r\n    this.selectionChange.emit([]);\r\n  }\r\n\r\n  isFeatureOn(feature: keyof NonNullable<DynamicDataTableConfig['features']>): boolean {\r\n    return Boolean(this.mergedConfig.features?.[feature]);\r\n  }\r\n\r\n  isExportFormatEnabled(format: 'csv' | 'excel'): boolean {\r\n    const formats = this.mergedConfig.exportOptions?.formats ?? [];\r\n    return formats.includes(format);\r\n  }\r\n\r\n  onSearchInput(event: Event): void {\r\n    const input = event.target as HTMLInputElement;\r\n    this.searchTerm = (input.value || '').trim().toLowerCase();\r\n    this.closeActionMenu();\r\n    this.currentPage = 1;\r\n    this.applyFiltersSortAndPagination();\r\n  }\r\n\r\n  onRowsPerPageChange(event: Event): void {\r\n    const select = event.target as HTMLSelectElement;\r\n    const value = Number(select.value);\r\n    this.rowsPerPage = Number.isFinite(value) && value > 0 ? value : this.getInitialRowsPerPage();\r\n    this.closeActionMenu();\r\n    this.currentPage = 1;\r\n    this.applyFiltersSortAndPagination();\r\n  }\r\n\r\n  toggleSort(column: DataTableColumn<RowData>): void {\r\n    if (!this.isFeatureOn('sorting') || !column.sortable) {\r\n      return;\r\n    }\r\n\r\n    const key = String(column.key);\r\n    if (this.sortState.key === key) {\r\n      this.sortState.direction = this.sortState.direction === 'asc' ? 'desc' : 'asc';\r\n    } else {\r\n      this.sortState = { key, direction: 'asc' };\r\n    }\r\n\r\n    this.closeActionMenu();\r\n    this.currentPage = 1;\r\n    this.sortChange.emit({ ...this.sortState });\r\n    this.applyFiltersSortAndPagination();\r\n  }\r\n\r\n  getSortIconClass(columnKey: string): string {\r\n    if (this.sortState.key !== columnKey) {\r\n      return 'bi bi-arrow-down-up';\r\n    }\r\n\r\n    return this.sortState.direction === 'asc' ? 'bi bi-sort-down' : 'bi bi-sort-up';\r\n  }\r\n\r\n  isSortColumn(columnKey: string): boolean {\r\n    return this.sortState.key === columnKey;\r\n  }\r\n\r\n  goToPage(page: number): void {\r\n    if (!this.isFeatureOn('pagination')) {\r\n      return;\r\n    }\r\n\r\n    const bounded = Math.min(Math.max(page, 1), this.totalPages);\r\n    if (bounded === this.currentPage) {\r\n      return;\r\n    }\r\n\r\n    this.closeActionMenu();\r\n    this.currentPage = bounded;\r\n    this.pageChange.emit(this.currentPage);\r\n    this.updatePagedRowsOnly();\r\n  }\r\n\r\n  getPaginationPages(): number[] {\r\n    return Array.from({ length: this.totalPages }, (_, idx) => idx + 1);\r\n  }\r\n\r\n  isRowSelected(rowId: string): boolean {\r\n    return this.selectedRows.has(rowId);\r\n  }\r\n\r\n  toggleRowSelection(row: InternalRow<RowData>, event: Event): void {\r\n    const input = event.target as HTMLInputElement;\r\n    if (input.checked) {\r\n      this.selectedRows.add(row.id);\r\n    } else {\r\n      this.selectedRows.delete(row.id);\r\n    }\r\n\r\n    this.emitSelection();\r\n  }\r\n\r\n  toggleSelectAllCurrentPage(event: Event): void {\r\n    const input = event.target as HTMLInputElement;\r\n    this.pagedRows.forEach((row) => {\r\n      if (input.checked) {\r\n        this.selectedRows.add(row.id);\r\n      } else {\r\n        this.selectedRows.delete(row.id);\r\n      }\r\n    });\r\n\r\n    this.emitSelection();\r\n  }\r\n\r\n  isCurrentPageFullySelected(): boolean {\r\n    if (!this.pagedRows.length) {\r\n      return false;\r\n    }\r\n\r\n    return this.pagedRows.every((row) => this.selectedRows.has(row.id));\r\n  }\r\n\r\n  toggleActionMenu(rowId: string, event: Event): void {\r\n    event.stopPropagation();\r\n    const anchor = event.currentTarget as HTMLElement | null;\r\n    if (!anchor) {\r\n      return;\r\n    }\r\n\r\n    if (this.openActionMenuRowId === rowId) {\r\n      this.closeActionMenu();\r\n      return;\r\n    }\r\n\r\n    this.openActionMenuRowId = rowId;\r\n    this.openActionAnchorEl = anchor;\r\n    this.updateActionMenuPosition();\r\n\r\n    // Recalculate once the menu is rendered so dimensions are accurate.\r\n    setTimeout(() => this.updateActionMenuPosition(), 0);\r\n  }\r\n\r\n  closeActionMenu(): void {\r\n    this.openActionMenuRowId = null;\r\n    this.openActionAnchorEl = null;\r\n    this.actionMenuStyle = {};\r\n  }\r\n\r\n  toggleExportMenu(event: Event): void {\r\n    event.stopPropagation();\r\n    this.isExportMenuOpen = !this.isExportMenuOpen;\r\n  }\r\n\r\n  isActionMenuOpen(rowId: string): boolean {\r\n    return this.openActionMenuRowId === rowId;\r\n  }\r\n\r\n  onActionItemClick(actionIndex: number, row: InternalRow<RowData>, event: Event): void {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n\r\n    if (!Number.isInteger(actionIndex) || actionIndex < 0) {\r\n      return;\r\n    }\r\n\r\n    const action = this.mergedConfig.actions?.[actionIndex];\r\n    if (!action) {\r\n      return;\r\n    }\r\n\r\n    const rowIndex = this.filteredRows.findIndex((item) => item.id === row.id);\r\n    this.actionSelected.emit({ action, row: row.data, rowIndex });\r\n    this.closeActionMenu();\r\n  }\r\n\r\n  exportCSV(): void {\r\n    this.isExportMenuOpen = false;\r\n    const rows = this.getRowsForExport();\r\n    this.exportTriggered.emit({ format: 'csv', rows });\r\n\r\n    const headers = this.mergedColumns.map((column) => this.escapeCsv(column.label));\r\n    const lines = rows.map((row) => {\r\n      return this.mergedColumns\r\n        .map((column) => this.escapeCsv(this.getCellTextValue(row, column)))\r\n        .join(',');\r\n    });\r\n\r\n    const csv = [headers.join(','), ...lines].join('\\n');\r\n    this.downloadFile(csv, `${this.getExportFileName()}.csv`, 'text/csv;charset=utf-8;');\r\n  }\r\n\r\n  exportExcel(): void {\r\n    this.isExportMenuOpen = false;\r\n    const rows = this.getRowsForExport();\r\n    this.exportTriggered.emit({ format: 'excel', rows });\r\n\r\n    const headerCells = this.mergedColumns.map((column) => `<th>${this.escapeHtml(column.label)}</th>`).join('');\r\n    const bodyRows = rows\r\n      .map((row) => {\r\n        const cells = this.mergedColumns\r\n          .map((column) => `<td>${this.escapeHtml(this.getCellTextValue(row, column))}</td>`)\r\n          .join('');\r\n        return `<tr>${cells}</tr>`;\r\n      })\r\n      .join('');\r\n\r\n    const html = `<html><head><meta charset=\"UTF-8\"></head><body><table border=\"1\"><thead><tr>${headerCells}</tr></thead><tbody>${bodyRows}</tbody></table></body></html>`;\r\n    this.downloadFile(html, `${this.getExportFileName()}.xls`, 'application/vnd.ms-excel;charset=utf-8;');\r\n  }\r\n\r\n  getRenderedCell(row: RowData, column: DataTableColumn<RowData>): string {\r\n    if (typeof column.render === 'function') {\r\n      return column.render(row);\r\n    }\r\n\r\n    const key = String(column.key);\r\n    const value = row[key];\r\n    return this.escapeHtml(value == null ? '' : String(value));\r\n  }\r\n\r\n  toColumnWidth(width: string | number | undefined): string {\r\n    if (typeof width === 'number') {\r\n      return `${width}px`;\r\n    }\r\n\r\n    if (typeof width === 'string' && width.trim()) {\r\n      return width.trim();\r\n    }\r\n\r\n    return 'auto';\r\n  }\r\n\r\n  getColumnCount(): number {\r\n    let count = this.mergedColumns.length;\r\n    if (this.isFeatureOn('checkboxSelection')) {\r\n      count += 1;\r\n    }\r\n    if (this.isFeatureOn('actions')) {\r\n      count += 1;\r\n    }\r\n    return count;\r\n  }\r\n\r\n  getStartEntry(): number {\r\n    if (!this.filteredRows.length) {\r\n      return 0;\r\n    }\r\n\r\n    if (!this.isFeatureOn('pagination')) {\r\n      return 1;\r\n    }\r\n\r\n    return (this.currentPage - 1) * this.rowsPerPage + 1;\r\n  }\r\n\r\n  getEndEntry(): number {\r\n    if (!this.filteredRows.length) {\r\n      return 0;\r\n    }\r\n\r\n    if (!this.isFeatureOn('pagination')) {\r\n      return this.filteredRows.length;\r\n    }\r\n\r\n    return Math.min(this.currentPage * this.rowsPerPage, this.filteredRows.length);\r\n  }\r\n\r\n  private applyConfig(): void {\r\n    const features = {\r\n      ...DEFAULT_CONFIG.features,\r\n      ...(this.config.features ?? {})\r\n    };\r\n\r\n    const exportOptions = {\r\n      ...DEFAULT_CONFIG.exportOptions,\r\n      ...(this.config.exportOptions ?? {})\r\n    };\r\n\r\n    const rowsPerPageOptions = (this.config.rowsPerPageOptions ?? DEFAULT_CONFIG.rowsPerPageOptions).filter(\r\n      (item) => Number.isFinite(item) && item > 0\r\n    );\r\n\r\n    this.mergedConfig = {\r\n      title: this.config.title ?? DEFAULT_CONFIG.title,\r\n      features,\r\n      rowsPerPageOptions: rowsPerPageOptions.length ? rowsPerPageOptions : [...DEFAULT_CONFIG.rowsPerPageOptions],\r\n      defaultRowsPerPage: this.config.defaultRowsPerPage ?? DEFAULT_CONFIG.defaultRowsPerPage,\r\n      exportOptions,\r\n      actions: [...(this.config.actions ?? [])],\r\n      columns: []\r\n    };\r\n\r\n    this.mergedColumns = [...(this.columns.length ? this.columns : (this.config.columns ?? []))];\r\n    this.rowsPerPage = this.getInitialRowsPerPage();\r\n  }\r\n\r\n  private normalizeRows(): void {\r\n    this.allRows = (Array.isArray(this.data) ? this.data : []).map((row, index) => {\r\n      const rowId = row['id'];\r\n      const id = rowId == null ? `row-${index + 1}` : String(rowId);\r\n      return { id, data: row };\r\n    });\r\n\r\n    const validIds = new Set(this.allRows.map((row) => row.id));\r\n    for (const selectedId of Array.from(this.selectedRows)) {\r\n      if (!validIds.has(selectedId)) {\r\n        this.selectedRows.delete(selectedId);\r\n      }\r\n    }\r\n  }\r\n\r\n  private applyFiltersSortAndPagination(): void {\r\n    if (!this.isFeatureOn('searching') || !this.searchTerm) {\r\n      this.filteredRows = [...this.allRows];\r\n    } else {\r\n      this.filteredRows = this.allRows.filter((row) => {\r\n        const searchSpace = this.mergedColumns\r\n          .map((column) => this.getCellTextValue(row.data, column).toLowerCase())\r\n          .join(' ');\r\n        return searchSpace.includes(this.searchTerm);\r\n      });\r\n    }\r\n\r\n    if (this.isFeatureOn('sorting') && this.sortState.key) {\r\n      const column = this.mergedColumns.find((item) => String(item.key) === this.sortState.key);\r\n      if (column?.sortable) {\r\n        this.filteredRows.sort((a, b) => {\r\n          const aVal = this.getCellTextValue(a.data, column);\r\n          const bVal = this.getCellTextValue(b.data, column);\r\n          const compare = this.compareValues(aVal, bVal);\r\n          return this.sortState.direction === 'asc' ? compare : -compare;\r\n        });\r\n      }\r\n    }\r\n\r\n    this.totalPages = this.isFeatureOn('pagination')\r\n      ? Math.max(1, Math.ceil(this.filteredRows.length / this.rowsPerPage))\r\n      : 1;\r\n\r\n    if (this.currentPage > this.totalPages) {\r\n      this.currentPage = this.totalPages;\r\n    }\r\n\r\n    this.updatePagedRowsOnly();\r\n    this.emitSelection();\r\n  }\r\n\r\n  private updatePagedRowsOnly(): void {\r\n    if (!this.isFeatureOn('pagination')) {\r\n      this.pagedRows = [...this.filteredRows];\r\n      this.validateOpenActionMenuRow();\r\n      return;\r\n    }\r\n\r\n    const start = (this.currentPage - 1) * this.rowsPerPage;\r\n    this.pagedRows = this.filteredRows.slice(start, start + this.rowsPerPage);\r\n    this.validateOpenActionMenuRow();\r\n  }\r\n\r\n  @HostListener('window:resize')\r\n  onWindowResize(): void {\r\n    this.updateActionMenuPosition();\r\n  }\r\n\r\n  @HostListener('window:scroll')\r\n  onWindowScroll(): void {\r\n    this.updateActionMenuPosition();\r\n  }\r\n\r\n  private validateOpenActionMenuRow(): void {\r\n    if (!this.openActionMenuRowId) {\r\n      return;\r\n    }\r\n\r\n    const existsOnPage = this.pagedRows.some((row) => row.id === this.openActionMenuRowId);\r\n    if (!existsOnPage) {\r\n      this.closeActionMenu();\r\n    }\r\n  }\r\n\r\n  private updateActionMenuPosition(): void {\r\n    if (!this.openActionMenuRowId || !this.openActionAnchorEl || typeof document === 'undefined') {\r\n      return;\r\n    }\r\n\r\n    const menu = document.querySelector(\r\n      `.ndt-action-menu[data-row-id=\"${this.openActionMenuRowId}\"]`\r\n    ) as HTMLElement | null;\r\n\r\n    const rect = this.openActionAnchorEl.getBoundingClientRect();\r\n    const viewportWidth = window.innerWidth;\r\n    const viewportHeight = window.innerHeight;\r\n    const menuWidth = menu?.offsetWidth ?? 160;\r\n    const menuHeight = menu?.offsetHeight ?? this.getEstimatedActionMenuHeight();\r\n    const offset = 6;\r\n    const edgePadding = 8;\r\n\r\n    const spaceBelow = viewportHeight - rect.bottom - edgePadding;\r\n    const spaceAbove = rect.top - edgePadding;\r\n    const spaceRight = viewportWidth - rect.left - edgePadding;\r\n    const spaceLeft = rect.right - edgePadding;\r\n\r\n    let top: number;\r\n    if (spaceBelow >= menuHeight) {\r\n      top = rect.bottom + offset;\r\n    } else if (spaceAbove >= menuHeight) {\r\n      top = rect.top - menuHeight - offset;\r\n    } else if (spaceBelow >= spaceAbove) {\r\n      top = viewportHeight - menuHeight - edgePadding;\r\n    } else {\r\n      top = edgePadding;\r\n    }\r\n\r\n    let left: number;\r\n    if (spaceRight >= menuWidth) {\r\n      left = rect.left;\r\n    } else if (spaceLeft >= menuWidth) {\r\n      left = rect.right - menuWidth;\r\n    } else {\r\n      left = Math.max(edgePadding, Math.min(rect.left, viewportWidth - menuWidth - edgePadding));\r\n    }\r\n\r\n    const maxHeight = Math.max(140, viewportHeight - edgePadding * 2);\r\n    this.actionMenuStyle = {\r\n      position: 'fixed',\r\n      top: `${Math.round(top)}px`,\r\n      left: `${Math.round(left)}px`,\r\n      zIndex: '1080',\r\n      maxHeight: `${Math.round(maxHeight)}px`,\r\n      overflowY: 'auto'\r\n    };\r\n  }\r\n\r\n  private getEstimatedActionMenuHeight(): number {\r\n    const count = this.mergedConfig.actions?.length ?? 0;\r\n    const itemHeight = 34;\r\n    const verticalPadding = 12;\r\n    return Math.max(48, count * itemHeight + verticalPadding);\r\n  }\r\n\r\n  private getCellTextValue(row: RowData, column: DataTableColumn<RowData>): string {\r\n    const key = String(column.key);\r\n    if (row[key] != null) {\r\n      return String(row[key]);\r\n    }\r\n\r\n    const rendered = this.getRenderedCell(row, column);\r\n    return this.stripHtml(rendered);\r\n  }\r\n\r\n  private compareValues(a: string, b: string): number {\r\n    const aText = a.trim();\r\n    const bText = b.trim();\r\n\r\n    const aNum = this.parseStrictNumber(aText);\r\n    const bNum = this.parseStrictNumber(bText);\r\n    if (aNum !== null && bNum !== null) {\r\n      return aNum - bNum;\r\n    }\r\n\r\n    const aDate = this.parseDateValue(aText);\r\n    const bDate = this.parseDateValue(bText);\r\n    if (aDate !== null && bDate !== null) {\r\n      return aDate - bDate;\r\n    }\r\n\r\n    return aText.localeCompare(bText, undefined, { numeric: true, sensitivity: 'base' });\r\n  }\r\n\r\n  private parseStrictNumber(value: string): number | null {\r\n    const normalized = value.replace(/[$,\\s]/g, '');\r\n    if (!/^[-+]?\\d*\\.?\\d+$/.test(normalized)) {\r\n      return null;\r\n    }\r\n\r\n    const numberValue = Number(normalized);\r\n    return Number.isNaN(numberValue) ? null : numberValue;\r\n  }\r\n\r\n  private parseDateValue(value: string): number | null {\r\n    const usDate = value.match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/);\r\n    if (usDate) {\r\n      const month = Number(usDate[1]);\r\n      const day = Number(usDate[2]);\r\n      const year = Number(usDate[3]);\r\n      const utc = Date.UTC(year, month - 1, day);\r\n      return Number.isNaN(utc) ? null : utc;\r\n    }\r\n\r\n    const isoDate = value.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/);\r\n    if (isoDate) {\r\n      const year = Number(isoDate[1]);\r\n      const month = Number(isoDate[2]);\r\n      const day = Number(isoDate[3]);\r\n      const utc = Date.UTC(year, month - 1, day);\r\n      return Number.isNaN(utc) ? null : utc;\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  private getRowsForExport(): RowData[] {\r\n    const selected = this.getSelectedRows();\r\n    if (selected.length) {\r\n      return selected;\r\n    }\r\n\r\n    return this.filteredRows.map((item) => item.data);\r\n  }\r\n\r\n  private getExportFileName(): string {\r\n    return this.mergedConfig.exportOptions?.fileName || 'datatable-export';\r\n  }\r\n\r\n  private downloadFile(content: string, fileName: string, mimeType: string): void {\r\n    if (typeof document === 'undefined') {\r\n      return;\r\n    }\r\n\r\n    const blob = new Blob([content], { type: mimeType });\r\n    const url = URL.createObjectURL(blob);\r\n    const anchor = document.createElement('a');\r\n    anchor.href = url;\r\n    anchor.download = fileName;\r\n    document.body.appendChild(anchor);\r\n    anchor.click();\r\n    document.body.removeChild(anchor);\r\n    URL.revokeObjectURL(url);\r\n  }\r\n\r\n  private escapeCsv(value: string): string {\r\n    if (/[\",\\n]/.test(value)) {\r\n      return `\"${value.replace(/\"/g, '\"\"')}\"`;\r\n    }\r\n\r\n    return value;\r\n  }\r\n\r\n  private stripHtml(input: string): string {\r\n    if (typeof document === 'undefined') {\r\n      return input;\r\n    }\r\n\r\n    const temp = document.createElement('div');\r\n    temp.innerHTML = input;\r\n    return temp.textContent || temp.innerText || '';\r\n  }\r\n\r\n  private escapeHtml(value: string): string {\r\n    return String(value)\r\n      .replace(/&/g, '&amp;')\r\n      .replace(/</g, '&lt;')\r\n      .replace(/>/g, '&gt;')\r\n      .replace(/\"/g, '&quot;')\r\n      .replace(/'/g, '&#039;');\r\n  }\r\n\r\n  private getInitialRowsPerPage(): number {\r\n    const options = this.mergedConfig.rowsPerPageOptions ?? DEFAULT_CONFIG.rowsPerPageOptions;\r\n    const preferred = Number(this.mergedConfig.defaultRowsPerPage ?? DEFAULT_CONFIG.defaultRowsPerPage);\r\n    return options.includes(preferred) ? preferred : options[0] ?? DEFAULT_CONFIG.defaultRowsPerPage;\r\n  }\r\n\r\n  private emitSelection(): void {\r\n    this.selectionChange.emit(this.getSelectedRows());\r\n  }\r\n\r\n  closeMenus(): void {\r\n    this.closeActionMenu();\r\n    this.isExportMenuOpen = false;\r\n  }\r\n\r\n}\r\n","<div class=\"ndt-card\" (click)=\"closeMenus()\">\r\n  <div class=\"ndt-header\">\r\n    <h3 class=\"ndt-title\">{{ mergedConfig.title }}</h3>\r\n  </div>\r\n\r\n  <div class=\"ndt-toolbar\">\r\n    <div class=\"ndt-left-tools\">\r\n      <ng-container *ngIf=\"isFeatureOn('export')\">\r\n        <div class=\"ndt-dropdown\" (click)=\"$event.stopPropagation()\">\r\n          <button class=\"ndt-btn ndt-export-btn\" type=\"button\" (click)=\"toggleExportMenu($event)\">\r\n            <i class=\"bi bi-download\"></i>\r\n            <span>Export</span>\r\n            <i class=\"bi bi-chevron-down ndt-chevron\"></i>\r\n          </button>\r\n\r\n          <ul class=\"ndt-dropdown-menu\" *ngIf=\"isExportMenuOpen\">\r\n            <li *ngIf=\"isExportFormatEnabled('csv')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportCSV()\">\r\n                <i class=\"bi bi-filetype-csv\"></i>\r\n                <span>CSV</span>\r\n              </button>\r\n            </li>\r\n            <li *ngIf=\"isExportFormatEnabled('excel')\">\r\n              <button type=\"button\" class=\"ndt-dropdown-item\" (click)=\"exportExcel()\">\r\n                <i class=\"bi bi-file-earmark-spreadsheet\"></i>\r\n                <span>Excel (.xls)</span>\r\n              </button>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <label class=\"ndt-inline-label\" *ngIf=\"isFeatureOn('rowsPerPage') && isFeatureOn('pagination')\">\r\n        Rows per page:\r\n        <select [value]=\"rowsPerPage\" (change)=\"onRowsPerPageChange($event)\">\r\n          <option *ngFor=\"let option of mergedConfig.rowsPerPageOptions || []\" [value]=\"option\">{{ option }}</option>\r\n        </select>\r\n      </label>\r\n    </div>\r\n\r\n    <div class=\"ndt-right-tools\" *ngIf=\"isFeatureOn('searching')\">\r\n      <input\r\n        type=\"search\"\r\n        placeholder=\"Search records\"\r\n        [value]=\"searchTerm\"\r\n        (input)=\"onSearchInput($event)\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"ndt-table-wrap\">\r\n    <table class=\"ndt-table\">\r\n      <colgroup>\r\n        <col *ngIf=\"isFeatureOn('checkboxSelection')\" style=\"width: 44px\" />\r\n        <col *ngFor=\"let column of mergedColumns\" [style.width]=\"toColumnWidth(column.width)\" />\r\n        <col *ngIf=\"isFeatureOn('actions')\" style=\"width: 78px\" />\r\n      </colgroup>\r\n\r\n      <thead>\r\n        <tr>\r\n          <th *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isCurrentPageFullySelected()\"\r\n              (change)=\"toggleSelectAllCurrentPage($event)\"\r\n            />\r\n          </th>\r\n          <th\r\n            *ngFor=\"let column of mergedColumns\"\r\n            [class.ndt-sortable]=\"isFeatureOn('sorting') && !!column.sortable\"\r\n            (click)=\"toggleSort(column)\"\r\n          >\r\n            <span class=\"ndt-th-content\">\r\n              <span class=\"ndt-th-label\">{{ column.label }}</span>\r\n              <i\r\n                *ngIf=\"isFeatureOn('sorting') && column.sortable\"\r\n                [ngClass]=\"[\r\n                  'ndt-sort-indicator',\r\n                  getSortIconClass(column.key.toString()),\r\n                  isSortColumn(column.key.toString()) ? 'active' : ''\r\n                ]\"\r\n              ></i>\r\n            </span>\r\n          </th>\r\n          <th *ngIf=\"isFeatureOn('actions')\">Actions</th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr *ngIf=\"!pagedRows.length\">\r\n          <td [attr.colspan]=\"getColumnCount()\" class=\"ndt-empty\">No records found.</td>\r\n        </tr>\r\n\r\n        <tr *ngFor=\"let row of pagedRows\" [class.ndt-selected]=\"isRowSelected(row.id)\">\r\n          <td *ngIf=\"isFeatureOn('checkboxSelection')\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isRowSelected(row.id)\"\r\n              (change)=\"toggleRowSelection(row, $event)\"\r\n            />\r\n          </td>\r\n\r\n          <td *ngFor=\"let column of mergedColumns\" [innerHTML]=\"getRenderedCell(row.data, column)\"></td>\r\n\r\n          <td *ngIf=\"isFeatureOn('actions')\" class=\"ndt-actions-cell\">\r\n            <div class=\"ndt-dropdown\" (click)=\"$event.stopPropagation()\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"ndt-actions-btn\"\r\n                (click)=\"toggleActionMenu(row.id, $event)\"\r\n                [attr.aria-expanded]=\"isActionMenuOpen(row.id)\"\r\n              >\r\n                <span class=\"ndt-dots\">...</span>\r\n              </button>\r\n\r\n              <ul\r\n                class=\"ndt-dropdown-menu ndt-action-menu\"\r\n                *ngIf=\"isActionMenuOpen(row.id)\"\r\n                [ngStyle]=\"actionMenuStyle\"\r\n                [attr.data-row-id]=\"row.id\"\r\n              >\r\n                <li *ngFor=\"let action of mergedConfig.actions || []; let i = index\">\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"ndt-dropdown-item\"\r\n                    [class.ndt-danger]=\"!!action.danger\"\r\n                    (click)=\"onActionItemClick(i, row, $event)\"\r\n                  >\r\n                    <i *ngIf=\"action.icon\" [class]=\"action.icon\"></i>\r\n                    <span>{{ action.label }}</span>\r\n                  </button>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n\r\n  <div class=\"ndt-footer\">\r\n    <div>\r\n      {{ selectedRows.size }} selected\r\n    </div>\r\n\r\n    <div>\r\n      Showing {{ getStartEntry() }} to {{ getEndEntry() }} of {{ filteredRows.length }} entries\r\n    </div>\r\n\r\n    <ul class=\"ndt-pagination\" *ngIf=\"isFeatureOn('pagination') && totalPages > 1\">\r\n      <li [class.disabled]=\"currentPage <= 1\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage - 1)\" [disabled]=\"currentPage <= 1\">Prev</button>\r\n      </li>\r\n      <li *ngFor=\"let page of getPaginationPages()\" [class.active]=\"page === currentPage\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(page)\">{{ page }}</button>\r\n      </li>\r\n      <li [class.disabled]=\"currentPage >= totalPages\">\r\n        <button type=\"button\" class=\"ndt-page-link\" (click)=\"goToPage(currentPage + 1)\" [disabled]=\"currentPage >= totalPages\">Next</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n","/*\r\n * Public API Surface of dynamic-datatable\r\n */\r\n\r\nexport * from './lib/dynamic-datatable.component';\r\nexport * from './lib/models';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/dynamic-datatable.component.d.ts

@@ -28,6 +28,8 @@ export declare class DynamicDatatableComponent implements OnChanges {
     sortState: InternalSortState;
     selectedRows: Set<string>;
     openActionMenuRowId: string | null;
+    private openActionAnchorEl;
+    actionMenuStyle: Record<string, string>;
     isExportMenuOpen: boolean;
     ngOnChanges(_changes: SimpleChanges): void;
     refresh(): void;
@@ -52,7 +54,6 @@ export declare class DynamicDatatableComponent implements OnChanges {
     closeActionMenu(): void;
     toggleExportMenu(event: Event): void;
     isActionMenuOpen(rowId: string): boolean;
-    shouldOpenActionUp(rowIndex: number): boolean;
     onActionItemClick(actionIndex: number, row: InternalRow<RowData>, event: Event): void;
     exportCSV(): void;
     exportExcel(): void;
@@ -65,6 +66,11 @@ export declare class DynamicDatatableComponent implements OnChanges {
     private normalizeRows;
     private applyFiltersSortAndPagination;
     private updatePagedRowsOnly;
+    onWindowResize(): void;
+    onWindowScroll(): void;
+    private validateOpenActionMenuRow;
+    private updateActionMenuPosition;
+    private getEstimatedActionMenuHeight;
     private getCellTextValue;
     private compareValues;
     private parseStrictNumber;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-dynamic-datatable",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Config-driven Angular DataTable library with sorting, searching, pagination, selection, and export.",
   "keywords": [
     "angular",