@nova-design-system/nova-webcomponents 3.0.0-beta.43 → 3.0.0-beta.45

package/dist/collection/components/nv-datagrid/nv-datagrid.js

@@ -65,6 +65,12 @@ export class NvDatagrid {
          * @default false
          */
         this.enableGlobalFilter = false;
+        /**
+         * Whether to automatically generate columns if none are provided.
+         * If columns are explicitly set, this property is ignored.
+         * @default false
+         */
+        this.autoGenerateColumns = false;
         this.debouncedFilter = debounce((value) => {
             this.globalFilter = value;
         }, 300);
@@ -137,7 +143,9 @@ export class NvDatagrid {
                 accessor: key,
                 header: key.charAt(0).toUpperCase() + key.slice(1),
             }));
-            this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
+            if (this.autoGenerateColumns) {
+                this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
+            }
         }
     }
     deepEqual(a, b) {
@@ -245,6 +253,25 @@ export class NvDatagrid {
                 tableOptions.columns = this.generateColumns(validColumns, tableOptions);
             }
         }
+        else {
+            // No columns and data is available
+            const hasData = this.parsedData &&
+                Array.isArray(this.parsedData) &&
+                this.parsedData.length > 0;
+            if (hasData) {
+                // No columns and data is available
+                const firstRow = this.parsedData[0];
+                const arrayColumnsConfig = Object.keys(firstRow).map(key => ({
+                    accessor: key,
+                    header: key.charAt(0).toUpperCase() + key.slice(1),
+                }));
+                if (this.autoGenerateColumns) {
+                    this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
+                }
+                tableOptions.data = this.getTableData();
+                tableOptions.columns = this.generateColumns(arrayColumnsConfig, tableOptions);
+            }
+        }
         // Initialize the table
         this.table = createTable(tableOptions);
     }
@@ -484,7 +511,7 @@ export class NvDatagrid {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : (_c = (_b = this.table) === null || _b === void 0 ? void 0 : _b.getRowModel()) === null || _c === void 0 ? void 0 : _c.rows;
-        return (h(Host, { key: '7868fafcea6564f004d0dfba33202fbc2e333aa7' }, h("div", { key: 'c5ce9501ce02813d6ced36d19d721f7e6d65944a', class: "hidden" }, h("slot", { key: '5b7bb145e6f39b7c33931858a539fb9b74bc5146' })), h("slot", { key: 'd6ac67074eac07627507cbfd613e820894534c5e', name: "before" }), this.enableGlobalFilter && this.table && (h("div", { key: '8266540fb037b05705cfc109116ea4302264c093', class: "search-container" }, h("input", { key: '6833da19558eb0002d41af94a820386847c44c02', type: "text", value: (_d = this.globalFilter) !== null && _d !== void 0 ? _d : '', onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns...", class: "search-input", "aria-label": "Search all columns" }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", null, this.parsedColumns.length > 0 && headerGroups
+        return (h(Host, { key: '6768db58f6a19cbb64e2206957ca27c18c408e46' }, h("div", { key: 'e262922097ae61025e13f8fe685ed7b38063e82c', class: "hidden" }, h("slot", { key: '9025f410bc3e6b409d6225a53a97d13aa3629200' })), h("slot", { key: '684876205d7092a4edf325c8897e97a491b77c6a', name: "before" }), this.enableGlobalFilter && this.table && (h("div", { key: 'b2fe6dd4a97d978617d404134286e6048eb8ddc2', class: "search-container" }, h("input", { key: '82c5d3b73b0bff0c2415ad896a6a4504bb1bb92c', type: "text", value: (_d = this.globalFilter) !== null && _d !== void 0 ? _d : '', onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns...", class: "search-input", "aria-label": "Search all columns" }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", null, this.parsedColumns.length > 0 && headerGroups
             ? headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map(headerGroup => (h("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
                 return (h("th", { key: header.id }, header.isPlaceholder
                     ? null
@@ -499,7 +526,7 @@ export class NvDatagrid {
                 return (h("td", { key: cell.id, "data-row-id": rowId }, this.renderTemplate(this.templateCache.get(cellAccessors), cellValue, row) ||
                     (cellValue !== null && cellValue !== void 0 ? cellValue : this.fallbackValue)));
             })));
-        }))))), h("slot", { key: '02165d2c679ed7424f8befdcd26e50031f4f3d84', name: "after" })));
+        }))))), h("slot", { key: '4bda5737d7917a508b97cf38b764000f8c5d368d', name: "after" })));
     }
     static get is() { return "nv-datagrid"; }
     static get originalStyleUrls() {
@@ -703,6 +730,29 @@ export class NvDatagrid {
                 "attribute": "enable-global-filter",
                 "reflect": true,
                 "defaultValue": "false"
+            },
+            "autoGenerateColumns": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Whether to automatically generate columns if none are provided.\nIf columns are explicitly set, this property is ignored."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "auto-generate-columns",
+                "reflect": true,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/nv-datagrid/nv-datagrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-datagrid.js","sourceRoot":"","sources":["../../../src/components/nv-datagrid/nv-datagrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Prop,\n  h,\n  State,\n  Host,\n  Watch,\n  Element,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport {\n  createTable,\n  Table,\n  TableOptionsResolved,\n  getCoreRowModel,\n  createColumnHelper,\n  Row,\n  getFilteredRowModel,\n} from '@tanstack/table-core';\nimport { Column } from '../../interfaces/Column';\nimport { ActionEvent } from '../../interfaces/actionEvent';\nimport { deepCopyElement, excludedProps } from '../../utils/dom.utils';\nimport { debounce } from '../../utils/input.utils';\n\n/**\n * A flexible data grid component powered by `@tanstack/table-core`.\n * @slot default - Use this slot to insert HTML into the data grid content.\n * @slot before - Use this slot to insert HTML before the data grid.\n * @slot after - Use this slot to insert HTML after the data grid.\n *\n * @deprecated [EXPERIMENTAL]\n * @experimental - This component is still under development and is not ready for use.\n */\n@Component({\n  tag: 'nv-datagrid',\n  styleUrl: './nv-datagrid.scss',\n  shadow: false,\n})\nexport class NvDatagrid {\n  @Element() el: HTMLNvDatagridElement;\n\n  private readonly templateCache = new Map<string, Element>();\n  private readonly headerTemplateCache = new Map<string, Element>();\n\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  private table: Table<any> | null = null;\n\n  @State()\n  parsedColumns: Column[] = []; // Parsed array\n\n  @State()\n  parsedData: any[] = []; // Parsed array\n\n  @State()\n  private globalFilter: string = '';\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * The data to display in the data grid.\n   * @example [{ \"name\": \"Alice\", \"age\": 25 }, { \"name\": \"Bob\", \"age\": 30 }]\n   * @default []\n   */\n  @Prop()\n  readonly data: any[] = [];\n\n  /**\n   * The columns to display in the data grid.\n   * @example\n   * [\n   *  {\"header\":\"Name\",\"accessor\":\"name\"},\n   *  {\"header\":\"Age\",\"accessor\":\"age\"},\n   *  {\"header\":\"Email\",\"accessor\":\"email\"}\n   * ]\n   * @default []\n   */\n  @Prop()\n  readonly columns: Column[] = [];\n\n  /**\n   * The data to display in the data grid.\n   * It can be passed directly as an array of objects or as a JSON string.\n   * If both `data` and `dataJson` are provided, `data` takes precedence.\n   * @example `[{ \"name\": \"Alice\", \"age\": 25 }, { \"name\": \"Bob\", \"age\": 30 }]`\n   */\n  @Prop({ reflect: true })\n  readonly dataJson?: string;\n\n  /**\n   * The columns to display in the data grid.\n   * It can be passed directly as an array of objects or as a JSON string.\n   * If both `columns` and `columnsJson` are provided, `columns` takes precedence.\n   * @example `[{\"header\":\"Name\",\"accessor\":\"name\"},{\"header\":\"Age\",\"accessor\":\"age\"},{\"header\":\"Email\",\"accessor\":\"email\"}]`\n   */\n  @Prop({ reflect: true })\n  readonly columnsJson?: string;\n\n  /**\n   * Fallback value to be displayed when data is not available\n   * @default 'N/A'\n   */\n  @Prop({ reflect: true })\n  readonly fallbackValue: string = 'N/A';\n\n  /**\n   * The message to display when there is no data available.\n   * @default 'No data available'\n   */\n  @Prop({ reflect: true })\n  readonly noDataMessage: string = 'No data available';\n\n  /**\n   * The message to display when there are no columns or data available.\n   * @default 'No data or columns available to display.'\n   */\n  @Prop({ reflect: true })\n  readonly noColumnsNoDataMessage: string =\n    'No data or columns available to display.';\n\n  /**\n   * Whether to enable global filtering for the data grid.\n   * This allows users to search across all columns for a specific value.\n   * The search is case-insensitive and supports partial matches.\n   * It use string.includes() to match the search term.\n   * @default false\n   */\n  @Prop({ reflect: true })\n  readonly enableGlobalFilter: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Caches templates for cells and headers upfront to improve performance.\n   */\n  private cacheTemplates() {\n    const columns = Array.from(this.el.querySelectorAll('nv-datagridcolumn'));\n\n    columns.forEach((col: HTMLNvDatagridcolumnElement) => {\n      const key = col.accessor;\n      const cellSlot = col.querySelector('[slot=\"cell\"]');\n\n      if (cellSlot) {\n        const element = deepCopyElement(cellSlot as HTMLElement);\n        this.templateCache.set(key, element);\n      }\n\n      const headerSlot = col.querySelector('[slot=\"header\"]');\n\n      if (headerSlot) {\n        const element = deepCopyElement(headerSlot as HTMLElement);\n        this.headerTemplateCache.set(key, element);\n      } else {\n        const header = col.header;\n\n        if (header) {\n          const headerDiv = document.createElement('div');\n          headerDiv.textContent = header;\n          this.headerTemplateCache.set(key, headerDiv);\n        }\n      }\n    });\n  }\n\n  private parseDataAndColumns() {\n    if (this.dataJson) {\n      this.parseJsonData(this.dataJson);\n    } else if (this.data && this.data.length > 0) {\n      this.parseDataArray(this.data, this.parsedData);\n    }\n\n    if (this.columnsJson) {\n      this.parseJsonColumns(this.columnsJson, this.parsedColumns);\n    } else if (this.columns && this.columns.length > 0) {\n      this.parseColumnsArray(this.columns, this.parsedColumns);\n    } else if (this.headerTemplateCache.size > 0) {\n      const headerKeys = Array.from(this.headerTemplateCache.keys());\n      const arrayColumnsConfig = headerKeys.map<Column>(key => ({\n        ...{}, // Ensure no prototype inheritance\n        accessor: key,\n        header: key ? key.charAt(0).toUpperCase() + key.slice(1) : '',\n      }));\n\n      this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);\n    } else if (this.parsedData.length > 0) {\n      const firstRow = this.parsedData[0];\n      const arrayColumnsConfig = Object.keys(firstRow).map<Column>(key => ({\n        accessor: key,\n        header: key.charAt(0).toUpperCase() + key.slice(1),\n      }));\n\n      this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);\n    }\n  }\n\n  private deepEqual(a: any, b: any): boolean {\n    return JSON.stringify(a) === JSON.stringify(b);\n  }\n\n  /**\n   * Parses the data array and sets the state accordingly\n   * @param {any[]} newValue - The new value of the data array.\n   * @param {any[]} oldValue - The old value of the data array.\n   */\n  private parseDataArray(newValue: any[], oldValue: any[]) {\n    // Ensure both are arrays for proper comparison\n    const safeNewValue = Array.isArray(newValue) ? newValue : [];\n    const safeOldValue = Array.isArray(oldValue) ? oldValue : [];\n\n    if (this.deepEqual(safeNewValue, safeOldValue)) {\n      return; // Deep comparison\n    }\n\n    this.parsedData = Array.isArray(newValue) ? newValue : [];\n  }\n\n  /**\n   * Parses the columns array and sets the state accordingly\n   * @param {Column[]} newValue - The new value of the columns array.\n   * @param {Column[]} oldValue - The old value of the columns array.\n   */\n  private parseColumnsArray(newValue: Column[], oldValue: Column[]) {\n    // Ensure both are arrays for proper comparison\n    const safeNewValue = Array.isArray(newValue) ? newValue : [];\n    const safeOldValue = Array.isArray(oldValue) ? oldValue : [];\n\n    // Use a proper deep comparison function (e.g., Lodash's isEqual)\n    if (this.deepEqual(safeNewValue, safeOldValue)) {\n      return;\n    }\n\n    // Assign only after confirming changes\n    this.parsedColumns = safeNewValue;\n  }\n\n  private initializeTable(): void {\n    // Clear the previous table instance (if any)\n    this.table = null;\n\n    // Set default options for the table\n    const tableOptions: TableOptionsResolved<any> = {\n      columns: [],\n      data: [],\n      getCoreRowModel: getCoreRowModel(),\n      debugAll: true,\n      onStateChange: state => console.log('Table state changed:', state), // eslint-disable-line nova/no-console\n      renderFallbackValue: 'No rows to display',\n      state: {\n        sorting: [], // Default: no active sorting\n        columnVisibility: {}, // Default: all columns visible\n        columnFilters: [], // Default: no column filters\n        columnPinning: {}, // Default: no column pinning\n        columnSizing: {}, // Default: no column sizing\n        columnOrder: [], // Default: as defined in the `columns`\n        pagination: null, // Default: no pagination\n        grouping: [], // Default: no active grouping\n        expanded: {}, // Default: no expanded rows\n        rowPinning: {}, // Default: no row pinning\n        rowSelection: {}, // Default: no row selection\n        globalFilter: null, // Default: no global filter\n        columnSizingInfo: {\n          columnSizingStart: null,\n          deltaOffset: null,\n          deltaPercentage: null,\n          isResizingColumn: false,\n          startOffset: null,\n          startSize: null,\n        }, // Default: no column sizing info\n      },\n    };\n\n    if (this.enableGlobalFilter) {\n      tableOptions.getFilteredRowModel = getFilteredRowModel();\n\n      // Set the initial global filter value\n      tableOptions.state.globalFilter = this.globalFilter;\n\n      // Define the callback for global filter changes\n      tableOptions.onGlobalFilterChange = value => {\n        this.globalFilter = value;\n      };\n\n      tableOptions.globalFilterFn = (row, columnId, filterValue) => {\n        const response = row\n          .getValue(columnId)\n          .toString()\n          .toLowerCase()\n          .includes(filterValue.toLowerCase());\n\n        return response;\n      };\n    }\n\n    if (this.parsedColumns.length > 0) {\n      // Validate and generate column definitions\n      const validColumns = this.parsedColumns.filter(\n        column => column?.accessor && column?.header,\n      );\n\n      // Update tableOptions based on parsed data and columns\n      const hasColumns =\n        validColumns && Array.isArray(validColumns) && validColumns.length > 0;\n      const hasData =\n        this.parsedData &&\n        Array.isArray(this.parsedData) &&\n        this.parsedData.length > 0;\n\n      if (!hasColumns && !hasData) {\n        // No columns and no data\n      } else if (hasColumns && !hasData) {\n        tableOptions.columns = this.generateColumns(validColumns, tableOptions);\n      } else {\n        // Both columns and data are available\n        // No columns and data is available\n        tableOptions.data = this.getTableData();\n        tableOptions.columns = this.generateColumns(validColumns, tableOptions);\n      }\n    }\n\n    // Initialize the table\n    this.table = createTable(tableOptions);\n  }\n\n  // Helper function to generate column definitions\n  private generateColumns(\n    validColumns: Column[],\n    tableOptions: TableOptionsResolved<any>,\n  ): any[] {\n    const columnHelper = createColumnHelper<any>();\n\n    if (validColumns.length > 0) {\n      // Use defined columns\n      return validColumns.map(column =>\n        columnHelper.accessor(column.accessor, {\n          header: column.header,\n          cell: info => info.getValue(),\n          enableGlobalFilter: this.enableGlobalFilter,\n        }),\n      );\n    } else if (tableOptions.data && tableOptions.data.length > 0) {\n      // Generate columns from data keys\n      const sampleRow = tableOptions.data[0];\n      return Object.keys(sampleRow).map(key =>\n        columnHelper.accessor(key, {\n          header: key.charAt(0).toUpperCase() + key.slice(1), // Capitalize key for header\n          cell: info => info.getValue(),\n          enableGlobalFilter: this.enableGlobalFilter,\n        }),\n      );\n    } else {\n      // No columns and no data\n      return [];\n    }\n  }\n\n  private getTableData(): any[] {\n    if (\n      this.parsedData &&\n      Array.isArray(this.parsedData) &&\n      this.parsedData.length > 0\n    ) {\n      return [...this.parsedData];\n    } else {\n      return [];\n    }\n  }\n\n  private renderTemplate(\n    template: Element | undefined,\n    cellValue: any,\n    row?: Row<any>,\n  ) {\n    if (!template) {\n      return null;\n    }\n\n    // Handle <template> elements correctly\n    const templateContent =\n      template instanceof HTMLTemplateElement ? template.content : template;\n    const element = deepCopyElement(templateContent as HTMLElement);\n\n    // Replace placeholders in text content, attributes, and properties\n    element.querySelectorAll('*').forEach(el => {\n      // Replace placeholders in text content\n      this.replacePlaceholdersTextContent(el, cellValue);\n\n      // Replace placeholders in attributes\n      this.replacePlaceholdersAttributes(el, cellValue);\n\n      // Replace placeholders in properties\n      this.replacePlaceholdersProperties(el, cellValue);\n    });\n\n    // Handle `data-bind-event`\n    element.querySelectorAll('[data-bind-event]').forEach(el => {\n      const bindEvent = el.getAttribute('data-bind-event') || '';\n      const splitted = bindEvent.split(':');\n\n      if (!bindEvent.includes(':') || splitted.length < 2) {\n        console.warn('Invalid data-bind-event format:', bindEvent);\n        return;\n      }\n\n      const eventType = splitted[0];\n      const keyAction = splitted[1];\n      const details = splitted.length > 2 ? splitted[2] : null;\n\n      el.addEventListener(eventType, () => {\n        const keys = details?.split(',') ?? [];\n\n        // Convert keys into a single object instead of an array of objects\n        const keyValue = keys.reduce((acc, key) => {\n          if (row?.original) {\n            if (key in row.original) {\n              acc[key] = row.original?.[key];\n            }\n          }\n          return acc;\n        }, {} as Record<string, any>);\n\n        const action: ActionEvent = { keyAction, details: keyValue };\n\n        this.action.emit(action);\n      });\n    });\n\n    // Ensure Web Components are properly connected\n    setTimeout(() => {\n      element.querySelectorAll('*').forEach(child => {\n        if (typeof (child as any).connectedCallback === 'function') {\n          (child as any).connectedCallback();\n        }\n      });\n    }, 0);\n\n    return (\n      <div\n        ref={el => {\n          if (el) {\n            el.innerHTML = ''; // Remove existing content\n            el.appendChild(element); // Append new element\n          }\n        }}\n      ></div>\n    );\n  }\n\n  private replaceKeyWithValue(key: string, cellValue: any): string {\n    // Handle undefined or null values by returning the fallback\n    if (cellValue === undefined || cellValue === null) {\n      return this.fallbackValue;\n    }\n\n    // If cellValue is an object, attempt to retrieve the value\n    if (typeof cellValue === 'object') {\n      // Handle nested key paths (e.g., \"user.name\")\n      if (key.includes('.')) {\n        const resolvedValue = key.split('.').reduce((acc, keyPart) => {\n          if (acc && acc[keyPart] !== undefined) {\n            return acc[keyPart];\n          } else {\n            return undefined;\n          }\n        }, cellValue);\n\n        if (resolvedValue !== undefined) {\n          return String(resolvedValue);\n        } else {\n          const firstLevelKey = key.split('.')[0];\n          const rest = key.substring(firstLevelKey.length + 1);\n\n          const response = this.replaceKeyWithValue(rest, cellValue);\n\n          if (response !== this.fallbackValue) {\n            return response;\n          }\n        }\n      }\n\n      // Handle single-level key lookup\n      return key in cellValue ? String(cellValue[key]) : this.fallbackValue;\n    }\n\n    // If cellValue is a primitive (string, number, boolean, etc.), return it as a string\n    return cellValue?.toString() ?? this.fallbackValue;\n  }\n\n  private replacePlaceholdersTextContent(element: Element, cellValue: any) {\n    // ✅ Replace placeholders in text content\n    element.childNodes.forEach(node => {\n      if (node.nodeType === Node.TEXT_NODE) {\n        node.textContent = node.textContent.replace(/__([\\w.]+)__/g, (_, key) =>\n          this.replaceKeyWithValue(key, cellValue),\n        );\n      }\n    });\n  }\n\n  private replacePlaceholdersAttributes(element: Element, cellValue: any) {\n    // ✅ Replace placeholders in attributes\n    Array.from(element.attributes).forEach(attr => {\n      if (attr.value.includes('__')) {\n        attr.value = attr.value.replace(/__([\\w.]+)__/g, (_, key) =>\n          this.replaceKeyWithValue(key, cellValue),\n        );\n      }\n    });\n  }\n\n  private replacePlaceholdersProperties(element: Element, cellValue: any) {\n    // ✅ Dynamically extract relevant properties\n    const properties = new Set<string>();\n\n    // Collect only own enumerable properties\n    Object.keys(element).forEach(key => properties.add(key));\n\n    // Collect inherited properties from prototypes (HTMLElement -> Element -> Node)\n    let proto = Object.getPrototypeOf(element);\n    while (proto && proto !== HTMLElement.prototype) {\n      Object.keys(proto).forEach(key => properties.add(key));\n      proto = Object.getPrototypeOf(proto);\n    }\n\n    // ✅ Filter and copy only non-function properties and exclude irrelevant ones\n    properties.forEach(prop => {\n      if (\n        typeof (element as any)[prop] !== 'function' && // Ignore methods\n        !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)\n        !excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props\n      ) {\n        try {\n          const propValue = element[prop];\n\n          // ✅ Replace placeholders only if the value is a string\n          if (typeof propValue === 'string' && propValue.includes('__')) {\n            element[prop] = propValue.replace(/__([\\w.]+)__/g, (_, key) =>\n              this.replaceKeyWithValue(key, cellValue),\n            ) as any; // ✅ TypeScript safe\n          }\n        } catch (error) {\n          console.warn(`Could not assign property ${prop}:`, error.message);\n        }\n      }\n    });\n  }\n\n  private readonly debouncedFilter = debounce((value: string) => {\n    this.globalFilter = value;\n  }, 300);\n\n  /**\n   * Handles global filtering on input event for the search input.\n   * It debounces the input to prevent excessive filtering.\n   * @param {Event} event - The input event.\n   * @returns {void} - Nothing.\n   */\n  private readonly handleGlobalFilteringOnInput = (event: Event): void => {\n    const target = event.target;\n\n    if (target instanceof HTMLInputElement) {\n      const value = target.value;\n\n      // Update the globalFilter state\n      this.debouncedFilter(value);\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('columns')\n  parseColumns(newValue: Column[], oldValue: Column[] = []) {\n    this.parseColumnsArray(newValue, oldValue);\n  }\n\n  @Watch('columnsJson')\n  parseJsonColumns(newValue: string | undefined, oldValue: Column[]) {\n    try {\n      const newItems = newValue ? JSON.parse(newValue) : [];\n\n      this.parseColumnsArray(newItems, oldValue);\n    } catch (e) {\n      console.error('Invalid JSON format for columnsJson:', e.message);\n      this.parsedColumns = [];\n    }\n  }\n\n  @Watch('data')\n  parseData(newValue: any[], oldValue: any[] = []) {\n    this.parseDataArray(newValue, oldValue);\n  }\n\n  @Watch('dataJson')\n  parseJsonData(newValue: string | undefined) {\n    try {\n      const newItems = newValue ? JSON.parse(newValue) : [];\n\n      this.parseDataArray(newItems, this.parsedData);\n    } catch (e) {\n      console.error('Invalid JSON format for dataJson:', e.message);\n      this.parsedData = [];\n    }\n  }\n\n  @Watch('parsedColumns')\n  @Watch('parsedData')\n  handleParsedChange() {\n    this.initializeTable();\n  }\n\n  @Watch('globalFilter')\n  handleGlobalFilter(newValue: string) {\n    if (!this.table) {\n      console.warn('Table is not initialized yet.');\n      return;\n    }\n\n    // 🚨 Manually update state before calling filter\n    this.table.options.state = {\n      ...this.table.options.state,\n      globalFilter: newValue,\n    };\n\n    this.table.setGlobalFilter(newValue);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.cacheTemplates();\n\n    this.parseDataAndColumns();\n\n    this.initializeTable();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when an action is triggered on a cell.\n   */\n  @Event()\n  action: EventEmitter<ActionEvent>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const headerGroups =\n      !this.table || this.table === undefined || this.parsedColumns.length === 0\n        ? []\n        : this.table?.getHeaderGroups();\n\n    const rows =\n      !this.table || this.table === undefined || this.parsedData.length === 0\n        ? []\n        : this.table?.getRowModel()?.rows;\n\n    return (\n      <Host>\n        <div class=\"hidden\">\n          <slot></slot>\n        </div>\n\n        <slot name=\"before\"></slot>\n        {this.enableGlobalFilter && this.table && (\n          <div class=\"search-container\">\n            <input\n              type=\"text\"\n              value={this.globalFilter ?? ''}\n              onInput={this.handleGlobalFilteringOnInput}\n              placeholder=\"Search all columns...\"\n              class=\"search-input\"\n              aria-label=\"Search all columns\"\n            />\n          </div>\n        )}\n\n        {this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (\n          <div class=\"no-data\">{this.noColumnsNoDataMessage}</div>\n        ) : (\n          <table>\n            {this.parsedColumns.length > 0 && headerGroups.length > 0 && (\n              <thead>\n                {this.parsedColumns.length > 0 && headerGroups\n                  ? headerGroups?.map(headerGroup => (\n                      <tr key={headerGroup.id}>\n                        {headerGroup.headers.map(header => {\n                          return (\n                            <th key={header.id}>\n                              {header.isPlaceholder\n                                ? null\n                                : this.renderTemplate(\n                                    this.headerTemplateCache.get(header.id),\n                                    {},\n                                  ) || header.column.columnDef.header}\n                            </th>\n                          );\n                        })}\n                      </tr>\n                    ))\n                  : null}\n              </thead>\n            )}\n            <tbody>\n              {!rows || rows.length === 0 || this.parsedData.length === 0 ? (\n                <tr>\n                  <td colSpan={this.parsedColumns.length || 12} class=\"no-data\">\n                    {this.noDataMessage}\n                  </td>\n                </tr>\n              ) : (\n                rows.map(row => {\n                  const rowId = row.id;\n                  const visibleCells = row?.getVisibleCells();\n\n                  return (\n                    <tr key={rowId}>\n                      {visibleCells.map(cell => {\n                        const cellAccessors = cell.column.id;\n                        const cellValue = cell.getValue();\n\n                        return (\n                          <td key={cell.id} data-row-id={rowId}>\n                            {this.renderTemplate(\n                              this.templateCache.get(cellAccessors),\n                              cellValue,\n                              row,\n                            ) ||\n                              (cellValue ?? this.fallbackValue)}\n                          </td>\n                        );\n                      })}\n                    </tr>\n                  );\n                })\n              )}\n            </tbody>\n          </table>\n        )}\n\n        <slot name=\"after\"></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"]}
+{"version":3,"file":"nv-datagrid.js","sourceRoot":"","sources":["../../../src/components/nv-datagrid/nv-datagrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Prop,\n  h,\n  State,\n  Host,\n  Watch,\n  Element,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport {\n  createTable,\n  Table,\n  TableOptionsResolved,\n  getCoreRowModel,\n  createColumnHelper,\n  Row,\n  getFilteredRowModel,\n} from '@tanstack/table-core';\nimport { Column } from '../../interfaces/Column';\nimport { ActionEvent } from '../../interfaces/actionEvent';\nimport { deepCopyElement, excludedProps } from '../../utils/dom.utils';\nimport { debounce } from '../../utils/input.utils';\n\n/**\n * A flexible data grid component powered by `@tanstack/table-core`.\n * @slot default - Use this slot to insert HTML into the data grid content.\n * @slot before - Use this slot to insert HTML before the data grid.\n * @slot after - Use this slot to insert HTML after the data grid.\n *\n * @deprecated [EXPERIMENTAL]\n * @experimental - This component is still under development and is not ready for use.\n */\n@Component({\n  tag: 'nv-datagrid',\n  styleUrl: './nv-datagrid.scss',\n  shadow: false,\n})\nexport class NvDatagrid {\n  @Element() el: HTMLNvDatagridElement;\n\n  private readonly templateCache = new Map<string, Element>();\n  private readonly headerTemplateCache = new Map<string, Element>();\n\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  private table: Table<any> | null = null;\n\n  @State()\n  parsedColumns: Column[] = []; // Parsed array\n\n  @State()\n  parsedData: any[] = []; // Parsed array\n\n  @State()\n  private globalFilter: string = '';\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * The data to display in the data grid.\n   * @example [{ \"name\": \"Alice\", \"age\": 25 }, { \"name\": \"Bob\", \"age\": 30 }]\n   * @default []\n   */\n  @Prop({ reflect: false })\n  readonly data: any[] = [];\n\n  /**\n   * The columns to display in the data grid.\n   * @example\n   * [\n   *  {\"header\":\"Name\",\"accessor\":\"name\"},\n   *  {\"header\":\"Age\",\"accessor\":\"age\"},\n   *  {\"header\":\"Email\",\"accessor\":\"email\"}\n   * ]\n   * @default []\n   */\n  @Prop({ reflect: false })\n  readonly columns: Column[] = [];\n\n  /**\n   * The data to display in the data grid.\n   * It can be passed directly as an array of objects or as a JSON string.\n   * If both `data` and `dataJson` are provided, `data` takes precedence.\n   * @example `[{ \"name\": \"Alice\", \"age\": 25 }, { \"name\": \"Bob\", \"age\": 30 }]`\n   */\n  @Prop({ reflect: true })\n  readonly dataJson?: string;\n\n  /**\n   * The columns to display in the data grid.\n   * It can be passed directly as an array of objects or as a JSON string.\n   * If both `columns` and `columnsJson` are provided, `columns` takes precedence.\n   * @example `[{\"header\":\"Name\",\"accessor\":\"name\"},{\"header\":\"Age\",\"accessor\":\"age\"},{\"header\":\"Email\",\"accessor\":\"email\"}]`\n   */\n  @Prop({ reflect: true })\n  readonly columnsJson?: string;\n\n  /**\n   * Fallback value to be displayed when data is not available\n   * @default 'N/A'\n   */\n  @Prop({ reflect: true })\n  readonly fallbackValue: string = 'N/A';\n\n  /**\n   * The message to display when there is no data available.\n   * @default 'No data available'\n   */\n  @Prop({ reflect: true })\n  readonly noDataMessage: string = 'No data available';\n\n  /**\n   * The message to display when there are no columns or data available.\n   * @default 'No data or columns available to display.'\n   */\n  @Prop({ reflect: true })\n  readonly noColumnsNoDataMessage: string =\n    'No data or columns available to display.';\n\n  /**\n   * Whether to enable global filtering for the data grid.\n   * This allows users to search across all columns for a specific value.\n   * The search is case-insensitive and supports partial matches.\n   * It use string.includes() to match the search term.\n   * @default false\n   */\n  @Prop({ reflect: true })\n  readonly enableGlobalFilter: boolean = false;\n\n  /**\n   * Whether to automatically generate columns if none are provided.\n   * If columns are explicitly set, this property is ignored.\n   * @default false\n   */\n  @Prop({ reflect: true })\n  readonly autoGenerateColumns: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Caches templates for cells and headers upfront to improve performance.\n   */\n  private cacheTemplates() {\n    const columns = Array.from(this.el.querySelectorAll('nv-datagridcolumn'));\n\n    columns.forEach((col: HTMLNvDatagridcolumnElement) => {\n      const key = col.accessor;\n      const cellSlot = col.querySelector('[slot=\"cell\"]');\n\n      if (cellSlot) {\n        const element = deepCopyElement(cellSlot as HTMLElement);\n        this.templateCache.set(key, element);\n      }\n\n      const headerSlot = col.querySelector('[slot=\"header\"]');\n\n      if (headerSlot) {\n        const element = deepCopyElement(headerSlot as HTMLElement);\n        this.headerTemplateCache.set(key, element);\n      } else {\n        const header = col.header;\n\n        if (header) {\n          const headerDiv = document.createElement('div');\n          headerDiv.textContent = header;\n          this.headerTemplateCache.set(key, headerDiv);\n        }\n      }\n    });\n  }\n\n  private parseDataAndColumns() {\n    if (this.dataJson) {\n      this.parseJsonData(this.dataJson);\n    } else if (this.data && this.data.length > 0) {\n      this.parseDataArray(this.data, this.parsedData);\n    }\n\n    if (this.columnsJson) {\n      this.parseJsonColumns(this.columnsJson, this.parsedColumns);\n    } else if (this.columns && this.columns.length > 0) {\n      this.parseColumnsArray(this.columns, this.parsedColumns);\n    } else if (this.headerTemplateCache.size > 0) {\n      const headerKeys = Array.from(this.headerTemplateCache.keys());\n      const arrayColumnsConfig = headerKeys.map<Column>(key => ({\n        ...{}, // Ensure no prototype inheritance\n        accessor: key,\n        header: key ? key.charAt(0).toUpperCase() + key.slice(1) : '',\n      }));\n\n      this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);\n    } else if (this.parsedData.length > 0) {\n      const firstRow = this.parsedData[0];\n      const arrayColumnsConfig = Object.keys(firstRow).map<Column>(key => ({\n        accessor: key,\n        header: key.charAt(0).toUpperCase() + key.slice(1),\n      }));\n\n      if (this.autoGenerateColumns) {\n        this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);\n      }\n    }\n  }\n\n  private deepEqual(a: any, b: any): boolean {\n    return JSON.stringify(a) === JSON.stringify(b);\n  }\n\n  /**\n   * Parses the data array and sets the state accordingly\n   * @param {any[]} newValue - The new value of the data array.\n   * @param {any[]} oldValue - The old value of the data array.\n   */\n  private parseDataArray(newValue: any[], oldValue: any[]) {\n    // Ensure both are arrays for proper comparison\n    const safeNewValue = Array.isArray(newValue) ? newValue : [];\n    const safeOldValue = Array.isArray(oldValue) ? oldValue : [];\n\n    if (this.deepEqual(safeNewValue, safeOldValue)) {\n      return; // Deep comparison\n    }\n\n    this.parsedData = Array.isArray(newValue) ? newValue : [];\n  }\n\n  /**\n   * Parses the columns array and sets the state accordingly\n   * @param {Column[]} newValue - The new value of the columns array.\n   * @param {Column[]} oldValue - The old value of the columns array.\n   */\n  private parseColumnsArray(newValue: Column[], oldValue: Column[]) {\n    // Ensure both are arrays for proper comparison\n    const safeNewValue = Array.isArray(newValue) ? newValue : [];\n    const safeOldValue = Array.isArray(oldValue) ? oldValue : [];\n\n    // Use a proper deep comparison function (e.g., Lodash's isEqual)\n    if (this.deepEqual(safeNewValue, safeOldValue)) {\n      return;\n    }\n\n    // Assign only after confirming changes\n    this.parsedColumns = safeNewValue;\n  }\n\n  private initializeTable(): void {\n    // Clear the previous table instance (if any)\n    this.table = null;\n\n    // Set default options for the table\n    const tableOptions: TableOptionsResolved<any> = {\n      columns: [],\n      data: [],\n      getCoreRowModel: getCoreRowModel(),\n      debugAll: true,\n      onStateChange: state => console.log('Table state changed:', state), // eslint-disable-line nova/no-console\n      renderFallbackValue: 'No rows to display',\n      state: {\n        sorting: [], // Default: no active sorting\n        columnVisibility: {}, // Default: all columns visible\n        columnFilters: [], // Default: no column filters\n        columnPinning: {}, // Default: no column pinning\n        columnSizing: {}, // Default: no column sizing\n        columnOrder: [], // Default: as defined in the `columns`\n        pagination: null, // Default: no pagination\n        grouping: [], // Default: no active grouping\n        expanded: {}, // Default: no expanded rows\n        rowPinning: {}, // Default: no row pinning\n        rowSelection: {}, // Default: no row selection\n        globalFilter: null, // Default: no global filter\n        columnSizingInfo: {\n          columnSizingStart: null,\n          deltaOffset: null,\n          deltaPercentage: null,\n          isResizingColumn: false,\n          startOffset: null,\n          startSize: null,\n        }, // Default: no column sizing info\n      },\n    };\n\n    if (this.enableGlobalFilter) {\n      tableOptions.getFilteredRowModel = getFilteredRowModel();\n\n      // Set the initial global filter value\n      tableOptions.state.globalFilter = this.globalFilter;\n\n      // Define the callback for global filter changes\n      tableOptions.onGlobalFilterChange = value => {\n        this.globalFilter = value;\n      };\n\n      tableOptions.globalFilterFn = (row, columnId, filterValue) => {\n        const response = row\n          .getValue(columnId)\n          .toString()\n          .toLowerCase()\n          .includes(filterValue.toLowerCase());\n\n        return response;\n      };\n    }\n\n    if (this.parsedColumns.length > 0) {\n      // Validate and generate column definitions\n      const validColumns = this.parsedColumns.filter(\n        column => column?.accessor && column?.header,\n      );\n\n      // Update tableOptions based on parsed data and columns\n      const hasColumns =\n        validColumns && Array.isArray(validColumns) && validColumns.length > 0;\n      const hasData =\n        this.parsedData &&\n        Array.isArray(this.parsedData) &&\n        this.parsedData.length > 0;\n\n      if (!hasColumns && !hasData) {\n        // No columns and no data\n      } else if (hasColumns && !hasData) {\n        tableOptions.columns = this.generateColumns(validColumns, tableOptions);\n      } else {\n        // Both columns and data are available\n        // No columns and data is available\n        tableOptions.data = this.getTableData();\n        tableOptions.columns = this.generateColumns(validColumns, tableOptions);\n      }\n    } else {\n      // No columns and data is available\n      const hasData =\n        this.parsedData &&\n        Array.isArray(this.parsedData) &&\n        this.parsedData.length > 0;\n\n      if (hasData) {\n        // No columns and data is available\n        const firstRow = this.parsedData[0];\n        const arrayColumnsConfig = Object.keys(firstRow).map<Column>(key => ({\n          accessor: key,\n          header: key.charAt(0).toUpperCase() + key.slice(1),\n        }));\n\n        if (this.autoGenerateColumns) {\n          this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);\n        }\n\n        tableOptions.data = this.getTableData();\n        tableOptions.columns = this.generateColumns(\n          arrayColumnsConfig,\n          tableOptions,\n        );\n      }\n    }\n\n    // Initialize the table\n    this.table = createTable(tableOptions);\n  }\n\n  // Helper function to generate column definitions\n  private generateColumns(\n    validColumns: Column[],\n    tableOptions: TableOptionsResolved<any>,\n  ): any[] {\n    const columnHelper = createColumnHelper<any>();\n\n    if (validColumns.length > 0) {\n      // Use defined columns\n      return validColumns.map(column =>\n        columnHelper.accessor(column.accessor, {\n          header: column.header,\n          cell: info => info.getValue(),\n          enableGlobalFilter: this.enableGlobalFilter,\n        }),\n      );\n    } else if (tableOptions.data && tableOptions.data.length > 0) {\n      // Generate columns from data keys\n      const sampleRow = tableOptions.data[0];\n      return Object.keys(sampleRow).map(key =>\n        columnHelper.accessor(key, {\n          header: key.charAt(0).toUpperCase() + key.slice(1), // Capitalize key for header\n          cell: info => info.getValue(),\n          enableGlobalFilter: this.enableGlobalFilter,\n        }),\n      );\n    } else {\n      // No columns and no data\n      return [];\n    }\n  }\n\n  private getTableData(): any[] {\n    if (\n      this.parsedData &&\n      Array.isArray(this.parsedData) &&\n      this.parsedData.length > 0\n    ) {\n      return [...this.parsedData];\n    } else {\n      return [];\n    }\n  }\n\n  private renderTemplate(\n    template: Element | undefined,\n    cellValue: any,\n    row?: Row<any>,\n  ) {\n    if (!template) {\n      return null;\n    }\n\n    // Handle <template> elements correctly\n    const templateContent =\n      template instanceof HTMLTemplateElement ? template.content : template;\n    const element = deepCopyElement(templateContent as HTMLElement);\n\n    // Replace placeholders in text content, attributes, and properties\n    element.querySelectorAll('*').forEach(el => {\n      // Replace placeholders in text content\n      this.replacePlaceholdersTextContent(el, cellValue);\n\n      // Replace placeholders in attributes\n      this.replacePlaceholdersAttributes(el, cellValue);\n\n      // Replace placeholders in properties\n      this.replacePlaceholdersProperties(el, cellValue);\n    });\n\n    // Handle `data-bind-event`\n    element.querySelectorAll('[data-bind-event]').forEach(el => {\n      const bindEvent = el.getAttribute('data-bind-event') || '';\n      const splitted = bindEvent.split(':');\n\n      if (!bindEvent.includes(':') || splitted.length < 2) {\n        console.warn('Invalid data-bind-event format:', bindEvent);\n        return;\n      }\n\n      const eventType = splitted[0];\n      const keyAction = splitted[1];\n      const details = splitted.length > 2 ? splitted[2] : null;\n\n      el.addEventListener(eventType, () => {\n        const keys = details?.split(',') ?? [];\n\n        // Convert keys into a single object instead of an array of objects\n        const keyValue = keys.reduce((acc, key) => {\n          if (row?.original) {\n            if (key in row.original) {\n              acc[key] = row.original?.[key];\n            }\n          }\n          return acc;\n        }, {} as Record<string, any>);\n\n        const action: ActionEvent = { keyAction, details: keyValue };\n\n        this.action.emit(action);\n      });\n    });\n\n    // Ensure Web Components are properly connected\n    setTimeout(() => {\n      element.querySelectorAll('*').forEach(child => {\n        if (typeof (child as any).connectedCallback === 'function') {\n          (child as any).connectedCallback();\n        }\n      });\n    }, 0);\n\n    return (\n      <div\n        ref={el => {\n          if (el) {\n            el.innerHTML = ''; // Remove existing content\n            el.appendChild(element); // Append new element\n          }\n        }}\n      ></div>\n    );\n  }\n\n  private replaceKeyWithValue(key: string, cellValue: any): string {\n    // Handle undefined or null values by returning the fallback\n    if (cellValue === undefined || cellValue === null) {\n      return this.fallbackValue;\n    }\n\n    // If cellValue is an object, attempt to retrieve the value\n    if (typeof cellValue === 'object') {\n      // Handle nested key paths (e.g., \"user.name\")\n      if (key.includes('.')) {\n        const resolvedValue = key.split('.').reduce((acc, keyPart) => {\n          if (acc && acc[keyPart] !== undefined) {\n            return acc[keyPart];\n          } else {\n            return undefined;\n          }\n        }, cellValue);\n\n        if (resolvedValue !== undefined) {\n          return String(resolvedValue);\n        } else {\n          const firstLevelKey = key.split('.')[0];\n          const rest = key.substring(firstLevelKey.length + 1);\n\n          const response = this.replaceKeyWithValue(rest, cellValue);\n\n          if (response !== this.fallbackValue) {\n            return response;\n          }\n        }\n      }\n\n      // Handle single-level key lookup\n      return key in cellValue ? String(cellValue[key]) : this.fallbackValue;\n    }\n\n    // If cellValue is a primitive (string, number, boolean, etc.), return it as a string\n    return cellValue?.toString() ?? this.fallbackValue;\n  }\n\n  private replacePlaceholdersTextContent(element: Element, cellValue: any) {\n    // ✅ Replace placeholders in text content\n    element.childNodes.forEach(node => {\n      if (node.nodeType === Node.TEXT_NODE) {\n        node.textContent = node.textContent.replace(/__([\\w.]+)__/g, (_, key) =>\n          this.replaceKeyWithValue(key, cellValue),\n        );\n      }\n    });\n  }\n\n  private replacePlaceholdersAttributes(element: Element, cellValue: any) {\n    // ✅ Replace placeholders in attributes\n    Array.from(element.attributes).forEach(attr => {\n      if (attr.value.includes('__')) {\n        attr.value = attr.value.replace(/__([\\w.]+)__/g, (_, key) =>\n          this.replaceKeyWithValue(key, cellValue),\n        );\n      }\n    });\n  }\n\n  private replacePlaceholdersProperties(element: Element, cellValue: any) {\n    // ✅ Dynamically extract relevant properties\n    const properties = new Set<string>();\n\n    // Collect only own enumerable properties\n    Object.keys(element).forEach(key => properties.add(key));\n\n    // Collect inherited properties from prototypes (HTMLElement -> Element -> Node)\n    let proto = Object.getPrototypeOf(element);\n    while (proto && proto !== HTMLElement.prototype) {\n      Object.keys(proto).forEach(key => properties.add(key));\n      proto = Object.getPrototypeOf(proto);\n    }\n\n    // ✅ Filter and copy only non-function properties and exclude irrelevant ones\n    properties.forEach(prop => {\n      if (\n        typeof (element as any)[prop] !== 'function' && // Ignore methods\n        !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)\n        !excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props\n      ) {\n        try {\n          const propValue = element[prop];\n\n          // ✅ Replace placeholders only if the value is a string\n          if (typeof propValue === 'string' && propValue.includes('__')) {\n            element[prop] = propValue.replace(/__([\\w.]+)__/g, (_, key) =>\n              this.replaceKeyWithValue(key, cellValue),\n            ) as any; // ✅ TypeScript safe\n          }\n        } catch (error) {\n          console.warn(`Could not assign property ${prop}:`, error.message);\n        }\n      }\n    });\n  }\n\n  private readonly debouncedFilter = debounce((value: string) => {\n    this.globalFilter = value;\n  }, 300);\n\n  /**\n   * Handles global filtering on input event for the search input.\n   * It debounces the input to prevent excessive filtering.\n   * @param {Event} event - The input event.\n   * @returns {void} - Nothing.\n   */\n  private readonly handleGlobalFilteringOnInput = (event: Event): void => {\n    const target = event.target;\n\n    if (target instanceof HTMLInputElement) {\n      const value = target.value;\n\n      // Update the globalFilter state\n      this.debouncedFilter(value);\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('columns')\n  parseColumns(newValue: Column[], oldValue: Column[] = []) {\n    this.parseColumnsArray(newValue, oldValue);\n  }\n\n  @Watch('columnsJson')\n  parseJsonColumns(newValue: string | undefined, oldValue: Column[]) {\n    try {\n      const newItems = newValue ? JSON.parse(newValue) : [];\n\n      this.parseColumnsArray(newItems, oldValue);\n    } catch (e) {\n      console.error('Invalid JSON format for columnsJson:', e.message);\n      this.parsedColumns = [];\n    }\n  }\n\n  @Watch('data')\n  parseData(newValue: any[], oldValue: any[] = []) {\n    this.parseDataArray(newValue, oldValue);\n  }\n\n  @Watch('dataJson')\n  parseJsonData(newValue: string | undefined) {\n    try {\n      const newItems = newValue ? JSON.parse(newValue) : [];\n\n      this.parseDataArray(newItems, this.parsedData);\n    } catch (e) {\n      console.error('Invalid JSON format for dataJson:', e.message);\n      this.parsedData = [];\n    }\n  }\n\n  @Watch('parsedColumns')\n  @Watch('parsedData')\n  handleParsedChange() {\n    this.initializeTable();\n  }\n\n  @Watch('globalFilter')\n  handleGlobalFilter(newValue: string) {\n    if (!this.table) {\n      console.warn('Table is not initialized yet.');\n      return;\n    }\n\n    // 🚨 Manually update state before calling filter\n    this.table.options.state = {\n      ...this.table.options.state,\n      globalFilter: newValue,\n    };\n\n    this.table.setGlobalFilter(newValue);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.cacheTemplates();\n\n    this.parseDataAndColumns();\n\n    this.initializeTable();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when an action is triggered on a cell.\n   */\n  @Event()\n  action: EventEmitter<ActionEvent>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const headerGroups =\n      !this.table || this.table === undefined || this.parsedColumns.length === 0\n        ? []\n        : this.table?.getHeaderGroups();\n\n    const rows =\n      !this.table || this.table === undefined || this.parsedData.length === 0\n        ? []\n        : this.table?.getRowModel()?.rows;\n\n    return (\n      <Host>\n        <div class=\"hidden\">\n          <slot></slot>\n        </div>\n\n        <slot name=\"before\"></slot>\n        {this.enableGlobalFilter && this.table && (\n          <div class=\"search-container\">\n            <input\n              type=\"text\"\n              value={this.globalFilter ?? ''}\n              onInput={this.handleGlobalFilteringOnInput}\n              placeholder=\"Search all columns...\"\n              class=\"search-input\"\n              aria-label=\"Search all columns\"\n            />\n          </div>\n        )}\n\n        {this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (\n          <div class=\"no-data\">{this.noColumnsNoDataMessage}</div>\n        ) : (\n          <table>\n            {this.parsedColumns.length > 0 && headerGroups.length > 0 && (\n              <thead>\n                {this.parsedColumns.length > 0 && headerGroups\n                  ? headerGroups?.map(headerGroup => (\n                      <tr key={headerGroup.id}>\n                        {headerGroup.headers.map(header => {\n                          return (\n                            <th key={header.id}>\n                              {header.isPlaceholder\n                                ? null\n                                : this.renderTemplate(\n                                    this.headerTemplateCache.get(header.id),\n                                    {},\n                                  ) || header.column.columnDef.header}\n                            </th>\n                          );\n                        })}\n                      </tr>\n                    ))\n                  : null}\n              </thead>\n            )}\n            <tbody>\n              {!rows || rows.length === 0 || this.parsedData.length === 0 ? (\n                <tr>\n                  <td colSpan={this.parsedColumns.length || 12} class=\"no-data\">\n                    {this.noDataMessage}\n                  </td>\n                </tr>\n              ) : (\n                rows.map(row => {\n                  const rowId = row.id;\n                  const visibleCells = row?.getVisibleCells();\n\n                  return (\n                    <tr key={rowId}>\n                      {visibleCells.map(cell => {\n                        const cellAccessors = cell.column.id;\n                        const cellValue = cell.getValue();\n\n                        return (\n                          <td key={cell.id} data-row-id={rowId}>\n                            {this.renderTemplate(\n                              this.templateCache.get(cellAccessors),\n                              cellValue,\n                              row,\n                            ) ||\n                              (cellValue ?? this.fallbackValue)}\n                          </td>\n                        );\n                      })}\n                    </tr>\n                  );\n                })\n              )}\n            </tbody>\n          </table>\n        )}\n\n        <slot name=\"after\"></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"]}

package/dist/collection/components/nv-dialog/nv-dialog.js

@@ -38,24 +38,25 @@ export class NvDialog {
          * Handles the close button click.
          */
         this.handleCloseButton = () => {
-            this.hide();
+            this.close();
         };
         /**
          * Handles the cancel button click.
          */
         this.handleCancelButton = () => {
-            this.hide();
+            this.close();
         };
         /**
-         * Handles the dialog close event.
+         * Handles the native dialog close event.
          */
         this.handleDialogClose = () => {
-            this.hide();
-            this.close.emit();
+            if (this.open) {
+                this.close();
+            }
         };
         this.handleClickOutside = (event) => {
             if (event.target === this.dialogElement) {
-                this.hide();
+                this.close();
                 event.preventDefault();
                 event.stopPropagation();
             }
@@ -81,17 +82,20 @@ export class NvDialog {
      * Call this method to show the dialog, making it visible on the screen.
      */
     async show() {
+        this.open = true;
         this.preventScroll();
+        // It is recommended to use the .show() or .showModal() method to render dialogs, rather than the open attribute. If a <dialog> is opened using the open attribute, it is non-modal.
         this.dialogElement.showModal();
-        this.open = true;
+        this.openChanged.emit(this.open);
     }
     /**
      * Call this method to hide the dialog, making it disappear from view.
      */
-    async hide() {
+    async close() {
+        this.open = false;
         this.allowScroll();
         this.dialogElement.close();
-        this.open = false;
+        this.openChanged.emit(this.open);
     }
     /**
      * Sets the autofocus on the first focusable element in the dialog.
@@ -178,7 +182,7 @@ export class NvDialog {
             this.show();
         }
         else {
-            this.hide();
+            this.close();
         }
     }
     //#endregion WATCHERS
@@ -236,7 +240,7 @@ export class NvDialog {
     //#region RENDER
     render() {
         const hasForm = this.form || this.el.querySelector('form');
-        return (h(Host, { key: '0ff2d1b1fb2b7d27fc33e8946d50209935146f36' }, h("slot", { key: 'b01206050bdbf7e446b1284de19f23c91c0b6bfe', name: "trigger" }), h("dialog", { key: 'dedc1c3253f9765f217327cbfc88434d807e1827', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, h("div", { key: '909c44e7d05cf84f02c1231a461d2b580bbf0660', class: "content" }, !this.undismissable && (h("nv-button", { key: '795678ba153222efd9ee884d36b13d1a3e5ec83b', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, h("nv-icon", { key: '07c1c028411840aacac2173189bc92dd694045e1', name: "x", size: "sm" }))), this.headerElement ? (h("slot", { name: "header" })) : (h("nv-dialogheader", { id: "dialog-header" })), h("div", { key: 'd95b2cd7b32eef29ea5fd7c450eab42e11b1b036', class: "content-body", id: "dialog-content" }, h("slot", { key: '58c5f6050e96a17b28248159a97ea5035208174c' })), this.footerElement ? (h("slot", { name: "footer" })) : (h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onNvDialogCanceled: this.handleCancelButton, undismissable: this.undismissable }))))));
+        return (h(Host, { key: '0d1971821d9b2246e34266f14a5ac5b821fac49f' }, h("slot", { key: 'a606aad42659ca51f37a06e1a423e1ecab1d11d3', name: "trigger" }), h("dialog", { key: '08eb4d75656c6b231bbeb5e9e9e769f923cd8827', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, h("div", { key: '4b0a03d468ef0a9abac1ed023ba6c98998a5166d', class: "content" }, !this.undismissable && (h("nv-button", { key: '3e18e13147d82594a3ce690dd34b600240bebc0a', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, h("nv-icon", { key: '7e1ac2679a70e5c0c256bdbe3b6ea85ed02cb1d3', name: "x", size: "sm" }))), this.headerElement ? (h("slot", { name: "header" })) : (h("nv-dialogheader", { id: "dialog-header" })), h("div", { key: '440b69a2e068c233aad49876a70c03ed49a9f6ea', class: "content-body", id: "dialog-content" }, h("slot", { key: 'a959c6e941613e150372891a5e5ca4a5ff19f4d7' })), this.footerElement ? (h("slot", { name: "footer" })) : (h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleCancelButton, undismissable: this.undismissable }))))));
     }
     static get is() { return "nv-dialog"; }
     static get originalStyleUrls() {
@@ -433,18 +437,21 @@ export class NvDialog {
     }
     static get events() {
         return [{
-                "method": "close",
-                "name": "close",
+                "method": "openChanged",
+                "name": "openChanged",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
-                    "tags": [],
+                    "tags": [{
+                            "name": "bind",
+                            "text": "open"
+                        }],
                     "text": "Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc."
                 },
                 "complexType": {
-                    "original": "void",
-                    "resolved": "void",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 }
             }];
@@ -468,7 +475,7 @@ export class NvDialog {
                     "tags": []
                 }
             },
-            "hide": {
+            "close": {
                 "complexType": {
                     "signature": "() => Promise<void>",
                     "parameters": [],

package/dist/collection/components/nv-dialog/nv-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-dialog.js","sourceRoot":"","sources":["../../../src/components/nv-dialog/nv-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Method,\n  Event,\n  EventEmitter,\n  Watch,\n  Listen,\n} from '@stencil/core';\nimport { tabbable } from 'tabbable';\nimport {\n  addEventListeners,\n  removeEventListeners,\n  type EventsAndListeners,\n} from '../../utils/events.utils';\nimport clsx from 'clsx';\nimport { ButtonType } from '../../utils/constants';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Body of the dialog.\n * @slot trigger - Content to be placed as the trigger, will override the trigger prop.\n * @slot header - Content to be placed as the header, will override the header prop.\n * @slot footer - Content to be placed as the footer, will override the footer prop.\n */\n@Component({\n  tag: 'nv-dialog',\n  styleUrl: 'nv-dialog.scss',\n  shadow: false,\n})\nexport class NvDialog {\n  @Element() el: HTMLNvDialogElement;\n  private dialogElement!: HTMLDialogElement;\n  private eventsAttached = false;\n  private form: string;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the popover trigger. This\n   * should be used when the slot for the trigger is not defined.\n   */\n  @Prop({ mutable: true })\n  triggerElement: Element;\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the header. This should\n   * be used when the slot for the header is not defined.\n   */\n  @Prop({ mutable: true })\n  headerElement: Element;\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the footer. This should\n   * be used when the slot for the footer is not defined.\n   */\n  @Prop({ mutable: true })\n  footerElement: Element;\n\n  /**\n   * Use this prop to toggle the visibility of the dialog. Set to true to show\n   * the dialog and false to hide it.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * If true, the dialog cannot be closed by the user.\n   */\n  @Prop({ reflect: true })\n  readonly undismissable: boolean = false;\n\n  /**\n   * If true, the dialog will be closed when the backdrop is clicked.\n   */\n  @Prop({ reflect: true })\n  readonly clickOutside: boolean = false;\n\n  /**\n   * If true, the dialog visibility is managed manually through methods or the open prop.\n   */\n  @Prop({ reflect: true })\n  readonly controlled: boolean = false;\n\n  /**\n   * If true, the dialog takes full width styling.\n   */\n  @Prop({ reflect: true })\n  readonly full: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Call this method to show the dialog, making it visible on the screen.\n   */\n  @Method()\n  public async show() {\n    this.preventScroll();\n    this.dialogElement.showModal();\n    this.open = true;\n  }\n\n  /**\n   * Call this method to hide the dialog, making it disappear from view.\n   */\n  @Method()\n  public async hide() {\n    this.allowScroll();\n    this.dialogElement.close();\n    this.open = false;\n  }\n\n  /**\n   * Handles the close button click.\n   */\n  private handleCloseButton = () => {\n    this.hide();\n  };\n\n  /**\n   * Handles the cancel button click.\n   */\n  private handleCancelButton = () => {\n    this.hide();\n  };\n\n  /**\n   * Sets the autofocus on the first focusable element in the dialog.\n   */\n  private setAutofocus() {\n    const focusableElements = tabbable(this.dialogElement, {\n      displayCheck: 'none',\n    });\n\n    if (focusableElements.length > 0) {\n      // Convert to array and find element with smallest top and left position\n      let topLeftElement = focusableElements[0];\n      let topLeftRect = topLeftElement.getBoundingClientRect();\n\n      focusableElements.forEach(element => {\n        const rect = element.getBoundingClientRect();\n        if (rect.top < topLeftRect.top || rect.left < topLeftRect.left) {\n          topLeftElement = element;\n          topLeftRect = rect;\n        }\n      });\n\n      // Set autofocus attribute on the found element\n      topLeftElement.setAttribute('autofocus', 'true');\n    }\n  }\n\n  /**\n   * Attaches event listeners to the dialog.\n   */\n  private attachEventListeners() {\n    if (this.triggerElement && !this.eventsAttached && !this.controlled) {\n      addEventListeners(this.triggerClickEvents, this.triggerElement, this);\n      this.eventsAttached = true;\n    }\n  }\n\n  /**\n   * Prevents the body from scrolling when the dialog is open.\n   */\n  private preventScroll() {\n    document.body.style.overflow = 'hidden';\n  }\n\n  /**\n   * Allows the body to scroll when the dialog is closed.\n   */\n\n  private allowScroll() {\n    document.body.style.overflow = '';\n  }\n\n  private ensureFormId(formElement: HTMLFormElement): string {\n    if (!formElement.id) {\n      formElement.id = `dialog-form-${uuidv4()}`;\n    }\n    return formElement.id;\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc.\n   */\n  @Event()\n  close: EventEmitter<void>;\n\n  /**\n   * Handles the dialog close event.\n   */\n  private handleDialogClose = () => {\n    this.hide();\n    this.close.emit();\n  };\n\n  /**\n   * Handles the keydown event to optionally prevent the native dialog from closing when the escape key is pressed.\n   * @param {KeyboardEvent} event - The keydown event.\n   */\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.undismissable) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  /**\n   * Handles the click event to close the dialog when clickOutside is true.\n   * @param {MouseEvent} event - The click event.\n   */\n  @Listen('click', { target: 'document' })\n  handleDocumentClick(event: MouseEvent) {\n    if (!this.clickOutside || this.undismissable) return;\n    this.handleClickOutside(event);\n  }\n\n  /**\n   * Handles the touchstart event to close the dialog when clickOutside is true.\n   * @param {TouchEvent} event - The touchstart event.\n   */\n  @Listen('touchstart', { target: 'document' })\n  handleDocumentTouch(event: TouchEvent) {\n    if (!this.clickOutside || this.undismissable) return;\n    this.handleClickOutside(event);\n  }\n\n  private handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (event.target === this.dialogElement) {\n      this.hide();\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  private triggerClickEvents: EventsAndListeners = [\n    ['click', this.show],\n    ['touchstart', this.show],\n    [\n      'keydown',\n      (e: KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          this.show();\n        }\n      },\n    ],\n  ];\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('open')\n  async handleDialogOpenChange(open: boolean) {\n    if (open) {\n      this.show();\n    } else {\n      this.hide();\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Lifecycle method that runs before the component loads.\n   * Initializes the trigger, header, and footer elements by finding them in the component's children.\n   * Elements are found either by their slot attribute or by their tag name (for dialog header/footer)\n   */\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === 'trigger';\n    }) as HTMLElement;\n\n    this.headerElement = Array.from(this.el.children).find(child => {\n      return (\n        child.getAttribute('slot') === 'header' ||\n        child.tagName.toLowerCase() === 'nv-dialogheader'\n      );\n    }) as HTMLElement;\n\n    this.footerElement = Array.from(this.el.children).find(child => {\n      return (\n        child.getAttribute('slot') === 'footer' ||\n        child.tagName.toLowerCase() === 'nv-dialogfooter'\n      );\n    }) as HTMLElement;\n\n    // If no form ID is provided, check if there's a form and generate an ID\n    if (!this.form) {\n      const formElement = Array.from(this.el.children).find(child => {\n        return child.tagName.toLowerCase() === 'form';\n      }) as HTMLFormElement;\n\n      if (formElement) {\n        this.form = this.ensureFormId(formElement);\n      }\n    }\n  }\n\n  componentWillUpdate() {\n    this.attachEventListeners();\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.show();\n    }\n    // Check if any element already has autofocus before setting it automatically\n    if (!this.dialogElement.querySelector('[autofocus]')) {\n      this.setAutofocus();\n    }\n    this.attachEventListeners();\n  }\n\n  disconnectedCallback() {\n    if (this.triggerElement && !this.eventsAttached && !this.controlled) {\n      removeEventListeners(this.triggerClickEvents, this.triggerElement, this);\n      this.eventsAttached = false;\n    }\n    this.allowScroll();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const hasForm = this.form || this.el.querySelector('form');\n\n    return (\n      <Host>\n        <slot name=\"trigger\"></slot>\n\n        <dialog\n          ref={el => (this.dialogElement = el)}\n          onClose={this.handleDialogClose}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"dialog-header\"\n          aria-describedby=\"dialog-content\"\n          class={clsx({ full: this.full })}\n        >\n          <div class=\"content\">\n            {!this.undismissable && (\n              <nv-button\n                class=\"close-button\"\n                emphasis=\"lower\"\n                size=\"sm\"\n                onClick={this.handleCloseButton}\n                aria-label=\"Close dialog\"\n              >\n                <nv-icon name=\"x\" size=\"sm\" />\n              </nv-button>\n            )}\n\n            {this.headerElement ? (\n              <slot name=\"header\"></slot>\n            ) : (\n              <nv-dialogheader id=\"dialog-header\"></nv-dialogheader>\n            )}\n\n            <div class=\"content-body\" id=\"dialog-content\">\n              <slot></slot>\n            </div>\n\n            {this.footerElement ? (\n              <slot name=\"footer\"></slot>\n            ) : (\n              <nv-dialogfooter\n                form={this.form}\n                primaryButtonType={\n                  hasForm ? ButtonType.Submit : ButtonType.Button\n                }\n                onNvDialogCanceled={this.handleCancelButton}\n                undismissable={this.undismissable}\n              ></nv-dialogfooter>\n            )}\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"nv-dialog.js","sourceRoot":"","sources":["../../../src/components/nv-dialog/nv-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Method,\n  Event,\n  EventEmitter,\n  Watch,\n  Listen,\n} from '@stencil/core';\nimport { tabbable } from 'tabbable';\nimport {\n  addEventListeners,\n  removeEventListeners,\n  type EventsAndListeners,\n} from '../../utils/events.utils';\nimport clsx from 'clsx';\nimport { ButtonType } from '../../utils/constants';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Body of the dialog.\n * @slot trigger - Content to be placed as the trigger, will override the trigger prop.\n * @slot header - Content to be placed as the header, will override the header prop.\n * @slot footer - Content to be placed as the footer, will override the footer prop.\n */\n@Component({\n  tag: 'nv-dialog',\n  styleUrl: 'nv-dialog.scss',\n  shadow: false,\n})\nexport class NvDialog {\n  @Element() el: HTMLNvDialogElement;\n  private dialogElement!: HTMLDialogElement;\n  private eventsAttached = false;\n  private form: string;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the popover trigger. This\n   * should be used when the slot for the trigger is not defined.\n   */\n  @Prop({ reflect: false, mutable: true })\n  triggerElement: Element;\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the header. This should\n   * be used when the slot for the header is not defined.\n   */\n  @Prop({ reflect: false, mutable: true })\n  headerElement: Element;\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the footer. This should\n   * be used when the slot for the footer is not defined.\n   */\n  @Prop({ reflect: false, mutable: true })\n  footerElement: Element;\n\n  /**\n   * Use this prop to toggle the visibility of the dialog. Set to true to show\n   * the dialog and false to hide it.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * If true, the dialog cannot be closed by the user.\n   */\n  @Prop({ reflect: true })\n  readonly undismissable: boolean = false;\n\n  /**\n   * If true, the dialog will be closed when the backdrop is clicked.\n   */\n  @Prop({ reflect: true })\n  readonly clickOutside: boolean = false;\n\n  /**\n   * If true, the dialog visibility is managed manually through methods or the open prop.\n   */\n  @Prop({ reflect: true })\n  readonly controlled: boolean = false;\n\n  /**\n   * If true, the dialog takes full width styling.\n   */\n  @Prop({ reflect: true })\n  readonly full: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Call this method to show the dialog, making it visible on the screen.\n   */\n  @Method()\n  public async show() {\n    this.open = true;\n    this.preventScroll();\n    // It is recommended to use the .show() or .showModal() method to render dialogs, rather than the open attribute. If a <dialog> is opened using the open attribute, it is non-modal.\n    this.dialogElement.showModal();\n    this.openChanged.emit(this.open);\n  }\n\n  /**\n   * Call this method to hide the dialog, making it disappear from view.\n   */\n  @Method()\n  public async close() {\n    this.open = false;\n    this.allowScroll();\n    this.dialogElement.close();\n    this.openChanged.emit(this.open);\n  }\n\n  /**\n   * Handles the close button click.\n   */\n  private handleCloseButton = () => {\n    this.close();\n  };\n\n  /**\n   * Handles the cancel button click.\n   */\n  private handleCancelButton = () => {\n    this.close();\n  };\n\n  /**\n   * Sets the autofocus on the first focusable element in the dialog.\n   */\n  private setAutofocus() {\n    const focusableElements = tabbable(this.dialogElement, {\n      displayCheck: 'none',\n    });\n\n    if (focusableElements.length > 0) {\n      // Convert to array and find element with smallest top and left position\n      let topLeftElement = focusableElements[0];\n      let topLeftRect = topLeftElement.getBoundingClientRect();\n\n      focusableElements.forEach(element => {\n        const rect = element.getBoundingClientRect();\n        if (rect.top < topLeftRect.top || rect.left < topLeftRect.left) {\n          topLeftElement = element;\n          topLeftRect = rect;\n        }\n      });\n\n      // Set autofocus attribute on the found element\n      topLeftElement.setAttribute('autofocus', 'true');\n    }\n  }\n\n  /**\n   * Attaches event listeners to the dialog.\n   */\n  private attachEventListeners() {\n    if (this.triggerElement && !this.eventsAttached && !this.controlled) {\n      addEventListeners(this.triggerClickEvents, this.triggerElement, this);\n      this.eventsAttached = true;\n    }\n  }\n\n  /**\n   * Prevents the body from scrolling when the dialog is open.\n   */\n  private preventScroll() {\n    document.body.style.overflow = 'hidden';\n  }\n\n  /**\n   * Allows the body to scroll when the dialog is closed.\n   */\n\n  private allowScroll() {\n    document.body.style.overflow = '';\n  }\n\n  private ensureFormId(formElement: HTMLFormElement): string {\n    if (!formElement.id) {\n      formElement.id = `dialog-form-${uuidv4()}`;\n    }\n    return formElement.id;\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc.\n   * @bind open\n   */\n  @Event()\n  openChanged: EventEmitter<boolean>;\n\n  /**\n   * Handles the native dialog close event.\n   */\n  private handleDialogClose = () => {\n    if (this.open) {\n      this.close();\n    }\n  };\n\n  /**\n   * Handles the keydown event to optionally prevent the native dialog from closing when the escape key is pressed.\n   * @param {KeyboardEvent} event - The keydown event.\n   */\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.undismissable) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  /**\n   * Handles the click event to close the dialog when clickOutside is true.\n   * @param {MouseEvent} event - The click event.\n   */\n  @Listen('click', { target: 'document' })\n  handleDocumentClick(event: MouseEvent) {\n    if (!this.clickOutside || this.undismissable) return;\n    this.handleClickOutside(event);\n  }\n\n  /**\n   * Handles the touchstart event to close the dialog when clickOutside is true.\n   * @param {TouchEvent} event - The touchstart event.\n   */\n  @Listen('touchstart', { target: 'document' })\n  handleDocumentTouch(event: TouchEvent) {\n    if (!this.clickOutside || this.undismissable) return;\n    this.handleClickOutside(event);\n  }\n\n  private handleClickOutside = (event: MouseEvent | TouchEvent) => {\n    if (event.target === this.dialogElement) {\n      this.close();\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  private triggerClickEvents: EventsAndListeners = [\n    ['click', this.show],\n    ['touchstart', this.show],\n    [\n      'keydown',\n      (e: KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          this.show();\n        }\n      },\n    ],\n  ];\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('open')\n  async handleDialogOpenChange(open: boolean) {\n    if (open) {\n      this.show();\n    } else {\n      this.close();\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Lifecycle method that runs before the component loads.\n   * Initializes the trigger, header, and footer elements by finding them in the component's children.\n   * Elements are found either by their slot attribute or by their tag name (for dialog header/footer)\n   */\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === 'trigger';\n    }) as HTMLElement;\n\n    this.headerElement = Array.from(this.el.children).find(child => {\n      return (\n        child.getAttribute('slot') === 'header' ||\n        child.tagName.toLowerCase() === 'nv-dialogheader'\n      );\n    }) as HTMLElement;\n\n    this.footerElement = Array.from(this.el.children).find(child => {\n      return (\n        child.getAttribute('slot') === 'footer' ||\n        child.tagName.toLowerCase() === 'nv-dialogfooter'\n      );\n    }) as HTMLElement;\n\n    // If no form ID is provided, check if there's a form and generate an ID\n    if (!this.form) {\n      const formElement = Array.from(this.el.children).find(child => {\n        return child.tagName.toLowerCase() === 'form';\n      }) as HTMLFormElement;\n\n      if (formElement) {\n        this.form = this.ensureFormId(formElement);\n      }\n    }\n  }\n\n  componentWillUpdate() {\n    this.attachEventListeners();\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.show();\n    }\n    // Check if any element already has autofocus before setting it automatically\n    if (!this.dialogElement.querySelector('[autofocus]')) {\n      this.setAutofocus();\n    }\n    this.attachEventListeners();\n  }\n\n  disconnectedCallback() {\n    if (this.triggerElement && !this.eventsAttached && !this.controlled) {\n      removeEventListeners(this.triggerClickEvents, this.triggerElement, this);\n      this.eventsAttached = false;\n    }\n    this.allowScroll();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const hasForm = this.form || this.el.querySelector('form');\n\n    return (\n      <Host>\n        <slot name=\"trigger\"></slot>\n\n        <dialog\n          ref={el => (this.dialogElement = el)}\n          onClose={this.handleDialogClose}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"dialog-header\"\n          aria-describedby=\"dialog-content\"\n          class={clsx({ full: this.full })}\n        >\n          <div class=\"content\">\n            {!this.undismissable && (\n              <nv-button\n                class=\"close-button\"\n                emphasis=\"lower\"\n                size=\"sm\"\n                onClick={this.handleCloseButton}\n                aria-label=\"Close dialog\"\n              >\n                <nv-icon name=\"x\" size=\"sm\" />\n              </nv-button>\n            )}\n\n            {this.headerElement ? (\n              <slot name=\"header\"></slot>\n            ) : (\n              <nv-dialogheader id=\"dialog-header\"></nv-dialogheader>\n            )}\n\n            <div class=\"content-body\" id=\"dialog-content\">\n              <slot></slot>\n            </div>\n\n            {this.footerElement ? (\n              <slot name=\"footer\"></slot>\n            ) : (\n              <nv-dialogfooter\n                form={this.form}\n                primaryButtonType={\n                  hasForm ? ButtonType.Submit : ButtonType.Button\n                }\n                onDialogCanceled={this.handleCancelButton}\n                undismissable={this.undismissable}\n              ></nv-dialogfooter>\n            )}\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.js

@@ -50,7 +50,7 @@ export class NvDialogfooter {
          */
         this.handlePrimary = (event) => {
             event.stopPropagation();
-            this.nvDialogPrimaryClicked.emit();
+            this.dialogPrimaryClicked.emit();
         };
         /**
          * Handles the cancel action when the cancel button is clicked. This will close the dialog.
@@ -58,7 +58,7 @@ export class NvDialogfooter {
          */
         this.handleCancel = (event) => {
             event.stopPropagation();
-            this.nvDialogCanceled.emit();
+            this.dialogCanceled.emit();
         };
     }
     //#endregion METHODS
@@ -75,7 +75,7 @@ export class NvDialogfooter {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '5b8ec01725943f9436d7ea4631282a4fd3545d00' }, !this.hasSlot ? (h(Fragment, null, !this.undismissable && (h("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (h("slot", null))));
+        return (h(Host, { key: 'eda5ae29872e57688e5557f17baa87ea6f0cab87' }, !this.hasSlot ? (h(Fragment, null, !this.undismissable && (h("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (h("slot", null))));
     }
     static get is() { return "nv-dialogfooter"; }
     static get formAssociated() { return true; }
@@ -280,8 +280,8 @@ export class NvDialogfooter {
     }
     static get events() {
         return [{
-                "method": "nvDialogCanceled",
-                "name": "nvDialogCanceled",
+                "method": "dialogCanceled",
+                "name": "dialogCanceled",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -295,8 +295,8 @@ export class NvDialogfooter {
                     "references": {}
                 }
             }, {
-                "method": "nvDialogPrimaryClicked",
-                "name": "nvDialogPrimaryClicked",
+                "method": "dialogPrimaryClicked",
+                "name": "dialogPrimaryClicked",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,

package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-dialogfooter.js","sourceRoot":"","sources":["../../../src/components/nv-dialogfooter/nv-dialogfooter.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  AttachInternals,\n  Component,\n  h,\n  Host,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  Element,\n} from '@stencil/core';\nimport { ButtonType } from '../../utils/constants';\n\n/**\n * @slot default - Custom content for the dialog footer. When provided, the default buttons will not be rendered.\n */\n@Component({\n  tag: 'nv-dialogfooter',\n  styleUrl: 'nv-dialogfooter.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvDialogfooter {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvDialogfooterElement;\n  private hasSlot = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Disables the primary button, preventing user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Controls the visibility of the cancel button. When true, the cancel button is\n   * hidden.\n   */\n  @Prop({ reflect: true })\n  readonly undismissable: boolean = false;\n\n  /**\n   * Sets the leading icon for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly leadingIcon: string = '';\n\n  /**\n   * Sets the trailing icon for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly trailingIcon: string = '';\n\n  /**\n   * Sets the danger state for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly danger: boolean = false;\n\n  /**\n   * Sets the label for the cancel button.\n   */\n  @Prop({ reflect: true })\n  readonly cancelLabel: string = 'Cancel';\n\n  /**\n   * Sets the label for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly primaryLabel: string = 'Primary';\n\n  /**\n   * Sets the type of the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly primaryButtonType: `${ButtonType}` = ButtonType.Button;\n\n  /**\n   * Sets the form for the dialog footer.\n   */\n  @Prop({ reflect: true })\n  readonly form: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the cancel button is clicked. This will close the dialog.\n   */\n  @Event()\n  public nvDialogCanceled: EventEmitter<void>;\n\n  /**\n   * Emitted when the primary button is clicked. This allows to handle the primary action and potential data capture before closing the dialog.\n   */\n  @Event()\n  public nvDialogPrimaryClicked: EventEmitter<void>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the primary action when the primary button is clicked.\n   * @param {Event} event - The click event.\n   */\n\n  private handlePrimary = (event: Event) => {\n    event.stopPropagation();\n    this.nvDialogPrimaryClicked.emit();\n  };\n\n  /**\n   * Handles the cancel action when the cancel button is clicked. This will close the dialog.\n   * @param {Event} event - The click event.\n   */\n  private handleCancel = (event: Event) => {\n    event.stopPropagation();\n    this.nvDialogCanceled.emit();\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    // Check if there are any child elements that don't have a slot attribute\n    this.hasSlot = Array.from(this.el.childNodes).some(node => {\n      return (\n        node.nodeType === Node.ELEMENT_NODE &&\n        !(node as Element).hasAttribute('slot')\n      );\n    });\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {!this.hasSlot ? (\n          <Fragment>\n            {!this.undismissable && (\n              <nv-button onClick={this.handleCancel} emphasis=\"low\" size=\"sm\">\n                {this.cancelLabel}\n              </nv-button>\n            )}\n            <nv-button\n              onClick={this.handlePrimary}\n              disabled={this.disabled}\n              danger={this.danger}\n              size=\"sm\"\n              emphasis=\"high\"\n              form={this.form}\n              type={this.primaryButtonType}\n            >\n              {this.leadingIcon && (\n                <nv-icon\n                  slot=\"leading-icon\"\n                  name={this.leadingIcon}\n                  size=\"sm\"\n                />\n              )}\n              {this.primaryLabel}\n              {this.trailingIcon && (\n                <nv-icon\n                  slot=\"trailing-icon\"\n                  name={this.trailingIcon}\n                  size=\"sm\"\n                />\n              )}\n            </nv-button>\n          </Fragment>\n        ) : (\n          <slot></slot>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"]}
+{"version":3,"file":"nv-dialogfooter.js","sourceRoot":"","sources":["../../../src/components/nv-dialogfooter/nv-dialogfooter.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  AttachInternals,\n  Component,\n  h,\n  Host,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  Element,\n} from '@stencil/core';\nimport { ButtonType } from '../../utils/constants';\n\n/**\n * @slot default - Custom content for the dialog footer. When provided, the default buttons will not be rendered.\n */\n@Component({\n  tag: 'nv-dialogfooter',\n  styleUrl: 'nv-dialogfooter.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvDialogfooter {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvDialogfooterElement;\n  private hasSlot = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Disables the primary button, preventing user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Controls the visibility of the cancel button. When true, the cancel button is\n   * hidden.\n   */\n  @Prop({ reflect: true })\n  readonly undismissable: boolean = false;\n\n  /**\n   * Sets the leading icon for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly leadingIcon: string = '';\n\n  /**\n   * Sets the trailing icon for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly trailingIcon: string = '';\n\n  /**\n   * Sets the danger state for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly danger: boolean = false;\n\n  /**\n   * Sets the label for the cancel button.\n   */\n  @Prop({ reflect: true })\n  readonly cancelLabel: string = 'Cancel';\n\n  /**\n   * Sets the label for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly primaryLabel: string = 'Primary';\n\n  /**\n   * Sets the type of the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly primaryButtonType: `${ButtonType}` = ButtonType.Button;\n\n  /**\n   * Sets the form for the dialog footer.\n   */\n  @Prop({ reflect: true })\n  readonly form: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the cancel button is clicked. This will close the dialog.\n   */\n  @Event()\n  dialogCanceled: EventEmitter<void>;\n\n  /**\n   * Emitted when the primary button is clicked. This allows to handle the primary action and potential data capture before closing the dialog.\n   */\n  @Event()\n  dialogPrimaryClicked: EventEmitter<void>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the primary action when the primary button is clicked.\n   * @param {Event} event - The click event.\n   */\n\n  private handlePrimary = (event: Event) => {\n    event.stopPropagation();\n    this.dialogPrimaryClicked.emit();\n  };\n\n  /**\n   * Handles the cancel action when the cancel button is clicked. This will close the dialog.\n   * @param {Event} event - The click event.\n   */\n  private handleCancel = (event: Event) => {\n    event.stopPropagation();\n    this.dialogCanceled.emit();\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    // Check if there are any child elements that don't have a slot attribute\n    this.hasSlot = Array.from(this.el.childNodes).some(node => {\n      return (\n        node.nodeType === Node.ELEMENT_NODE &&\n        !(node as Element).hasAttribute('slot')\n      );\n    });\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {!this.hasSlot ? (\n          <Fragment>\n            {!this.undismissable && (\n              <nv-button onClick={this.handleCancel} emphasis=\"low\" size=\"sm\">\n                {this.cancelLabel}\n              </nv-button>\n            )}\n            <nv-button\n              onClick={this.handlePrimary}\n              disabled={this.disabled}\n              danger={this.danger}\n              size=\"sm\"\n              emphasis=\"high\"\n              form={this.form}\n              type={this.primaryButtonType}\n            >\n              {this.leadingIcon && (\n                <nv-icon\n                  slot=\"leading-icon\"\n                  name={this.leadingIcon}\n                  size=\"sm\"\n                />\n              )}\n              {this.primaryLabel}\n              {this.trailingIcon && (\n                <nv-icon\n                  slot=\"trailing-icon\"\n                  name={this.trailingIcon}\n                  size=\"sm\"\n                />\n              )}\n            </nv-button>\n          </Fragment>\n        ) : (\n          <slot></slot>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"]}