@nova-design-system/nova-webcomponents 3.0.0-beta.39 → 3.0.0-beta.41

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

@@ -1 +1 @@
-{"version":3,"file":"nv-table.js","sourceRoot":"","sources":["../../../src/components/nv-table/nv-table.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Component, Host, Prop, State, Watch, h, Element } from '@stencil/core';\n\n/**\n * @slot default - Use this slot to insert HTML into the table content.\n * @slot head - Use this slot to insert HTML into the table header.\n * @slot before - Use this slot to insert HTML before the table.\n * @slot after - Use this slot to insert HTML after the table.\n * @slot body - Use this slot to insert HTML into the table body.\n *\n * @deprecated [EXPERIMENTAL]\n * @experimental - This component is still under development and is not ready for use.\n */\n@Component({\n  tag: 'nv-table',\n  styleUrl: './nv-table.scss',\n  shadow: false,\n})\nexport class NvTable {\n  @Element() el: HTMLNvTableElement;\n\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  parsedColumns: string[] = []; // Parsed array of column headers\n\n  @State()\n  parsedData: any[] = []; // Parsed array of data rows\n\n  @State()\n  hasSlotHead: boolean = false;\n\n  @State()\n  hasSlotBody: boolean = false;\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Defines the table columns.\n   * @example ['Name', 'Age', 'Email']\n   * @default []\n   */\n  @Prop()\n  readonly columns: string[] = [];\n\n  /**\n   * Defines the table columns.\n   * It can be passed directly as an array of strings or as a JSON string.\n   * @example '[\"Name\", \"Age\", \"Email\"]'\n   */\n  @Prop({ reflect: true })\n  readonly columnsJson?: string;\n\n  /**\n   * Defines the table data.\n   * @example [{ name: 'Alice', age: 25, email: 'alice@mail.com' }, { name: 'Bob', age: 30, email: 'bob@mail.com' }]\n   * @default []\n   */\n  @Prop()\n  readonly data: any[] = [];\n\n  /**\n   * Defines the table data.\n   * It can be passed directly as an array of objects or as a JSON string.\n   * @example '[{ \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\" },{ \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\" }]'\n   */\n  @Prop({ reflect: true })\n  readonly dataJson?: string;\n\n  /**\n   * The message to display when there is no data available.\n   * @default 'No data available'\n   */\n  @Prop()\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()\n  readonly noColumnsNoDataMessage: string =\n    'No data or columns available to display.';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('columns')\n  parseColumns(newValue: string[], oldValue: string[]) {\n    this.parseColumnsArray(newValue, oldValue);\n  }\n\n  @Watch('columnsJson')\n  parseJsonColumns(newValue: string | undefined) {\n    try {\n      const newItems = newValue ? JSON.parse(newValue) : [];\n\n      this.parseColumnsArray(newItems, this.parsedColumns);\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  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Parses the columns array.\n   * @param {string[]} newValue - The new value of the columns array.\n   * @param {string[]} oldValue - The old value of the columns array.\n   */\n  private parseColumnsArray(newValue: string[], oldValue: string[]) {\n    if (JSON.stringify(newValue) === JSON.stringify(oldValue)) return; // Deep comparison\n    this.parsedColumns = Array.isArray(newValue) ? newValue : [];\n  }\n\n  /**\n   * Parses the data array.\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    if (JSON.stringify(newValue) === JSON.stringify(oldValue)) return; // Deep comparison\n    this.parsedData = Array.isArray(newValue) ? newValue : [];\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.hasSlotHead = !!this.el.querySelector('[slot=\"head\"]');\n    this.hasSlotBody = !!this.el.querySelector('[slot=\"body\"]');\n\n    if (this.columnsJson) {\n      this.parseJsonColumns(this.columnsJson);\n    } else {\n      this.parseColumns(this.columns, this.parsedColumns);\n    }\n\n    if (this.dataJson) {\n      this.parseJsonData(this.dataJson);\n    } else {\n      this.parseData(this.data, this.parsedData);\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const headerRows = this.hasSlotHead\n      ? Array.from(\n          this.el\n            .querySelector('[slot=\"head\"]')\n            .querySelectorAll('nv-tablerow'),\n        )\n      : [];\n    const bodyRows = this.hasSlotBody\n      ? Array.from(\n          this.el\n            .querySelector('[slot=\"body\"]')\n            .querySelectorAll('nv-tablerow'),\n        )\n      : [];\n\n    return (\n      <Host>\n        <div class=\"hidden\">\n          <slot></slot>\n          <slot name=\"head\"></slot>\n          <slot name=\"body\"></slot>\n        </div>\n\n        <slot name=\"before\"></slot>\n\n        {this.parsedColumns.length === 0 &&\n        this.parsedData.length === 0 &&\n        headerRows.length === 0 &&\n        bodyRows.length === 0 ? (\n          <p>{this.noColumnsNoDataMessage}</p>\n        ) : (\n          <table>\n            {this.parsedColumns.length > 0 ? (\n              <thead>\n                <tr>\n                  {this.parsedColumns.map(column => (\n                    <th>{column}</th>\n                  ))}\n                </tr>\n              </thead>\n            ) : headerRows.length > 0 ? (\n              <thead>\n                {headerRows.map(row => {\n                  const cells = Array.from(\n                    row.querySelectorAll('nv-tablecolumn'),\n                  );\n                  return (\n                    <tr>\n                      {cells.map(cell => (\n                        <th\n                          colSpan={cell.colspan}\n                          rowSpan={cell.rowspan}\n                          headers={cell.headers}\n                          scope={cell.scope}\n                          innerHTML={cell.innerHTML}\n                        ></th>\n                      ))}\n                    </tr>\n                  );\n                })}\n              </thead>\n            ) : null}\n\n            <tbody>\n              {this.parsedData.length === 0 && bodyRows.length === 0 ? (\n                <tr>\n                  <td colSpan={this.parsedColumns.length || 12}>\n                    {this.noDataMessage}\n                  </td>\n                </tr>\n              ) : this.parsedData.length > 0 ? (\n                this.parsedData.map(row => (\n                  <tr>\n                    {this.parsedColumns.length > 0\n                      ? this.parsedColumns.map(column => (\n                          <td>{row[column.toLowerCase()] || ''}</td>\n                        ))\n                      : Object.values(row).map(value => <td>{value}</td>)}\n                  </tr>\n                ))\n              ) : bodyRows.length > 0 ? (\n                bodyRows.map(row => {\n                  const cells = Array.from(\n                    row.querySelectorAll('nv-tabledatacell'),\n                  );\n                  return (\n                    <tr>\n                      {cells.map(cell => (\n                        <td\n                          colSpan={cell.colspan}\n                          rowSpan={cell.rowspan}\n                          headers={cell.headers}\n                          innerHTML={cell.innerHTML}\n                        ></td>\n                      ))}\n                    </tr>\n                  );\n                })\n              ) : null}\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-table.js","sourceRoot":"","sources":["../../../src/components/nv-table/nv-table.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Host,\n  Prop,\n  State,\n  h,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { ColumnConfig } from '../../interfaces/ColumnConfig';\nimport { ActionEvent } from '../../interfaces/actionEvent';\nimport { deepCopyElement, excludedProps } from '../../utils/dom.utils';\n\n/**\n * Helper interface to define the table structure\n */\ninterface Table {\n  /**\n   * Configuration of the columns of the table\n   */\n  columns: ColumnConfig[];\n\n  /**\n   * Data to be displayed in the table\n   */\n  data: any[];\n}\n\n/**\n * @slot default - Slot for the composed table columns\n * @slot before - Use this slot to insert HTML before the table.\n * @slot after - Use this slot to insert HTML after the table.\n */\n@Component({\n  tag: 'nv-table',\n  styleUrl: 'nv-table.scss',\n  shadow: false,\n})\nexport class NvTable {\n  @Element() el: HTMLNvTableElement;\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  parsedColumns: ColumnConfig[] = [];\n\n  @State()\n  parsedData: any[] = [];\n\n  @State()\n  private table: Table = null;\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Data to be displayed in the table\n   */\n  @Prop({ reflect: true })\n  readonly data: any[] = [];\n\n  /**\n   * Configuration of the columns of the table\n   */\n  @Prop({ reflect: true })\n  readonly columnsConfig: ColumnConfig[] = [];\n\n  /**\n   * Data to be displayed in the table\n   */\n  @Prop({ reflect: true })\n  readonly dataJson?: string;\n\n  /**\n   * Configuration of the columns of the table\n   */\n  @Prop({ reflect: true })\n  readonly columnsConfigJson?: string;\n\n  /**\n   * Fallback value to be displayed when data is not available\n   */\n  @Prop({ reflect: true })\n  readonly fallbackValue: string = 'N/A';\n\n  /**\n   * Message to be displayed when no data is 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  //#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-tablecolumn'));\n\n    columns.forEach((col: HTMLNvTablecolumnElement) => {\n      const key = col.name;\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.columnsConfigJson) {\n      this.parseJsonColumns(this.columnsConfigJson, this.parsedColumns);\n    } else if (this.columnsConfig && this.columnsConfig.length > 0) {\n      this.parseColumnsArray(this.columnsConfig, this.parsedColumns);\n    } else if (this.headerTemplateCache.size > 0) {\n      const headerKeys = Array.from(this.headerTemplateCache.keys());\n      const arrayColumnsConfig = headerKeys.map<ColumnConfig>(key => ({\n        ...{}, // Ensure no prototype inheritance\n        name: 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<ColumnConfig>(\n        key => ({\n          name: key,\n          header: key.charAt(0).toUpperCase() + key.slice(1),\n        }),\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 - New value of the data array\n   * @param {any[]} oldValue - Old value of the data array\n   * @returns {void}\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 {ColumnConfig[]} newValue - New value of the columns array\n   * @param {ColumnConfig[]} oldValue - Old value of the columns array\n   * @returns {void}\n   */\n  private parseColumnsArray(\n    newValue: ColumnConfig[] | null | undefined,\n    oldValue: ColumnConfig[] | null | undefined,\n  ) {\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() {\n    // Clear the previous table instance (if any)\n    this.table = null;\n\n    if (this.parsedColumns.length > 0) {\n      this.table = {\n        columns: this.parsedColumns,\n        data: this.getTableData(),\n      };\n    } else {\n      this.table = null;\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  // Helper function to get nested property value\n  private replaceKeyWithValue(obj: any, path: string) {\n    return (\n      path\n        .split('.')\n        .reduce(\n          (acc, key) => (acc && acc[key] !== undefined ? acc[key] : undefined),\n          obj,\n        ) ?? this.fallbackValue\n    );\n  }\n\n  private renderTemplate(template: Element | undefined, row: any) {\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, row);\n\n      // Replace placeholders in attributes\n      this.replacePlaceholdersAttributes(el, row);\n\n      // Replace placeholders in properties\n      this.replacePlaceholdersProperties(el, row);\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          acc[key] = row?.[key];\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 replacePlaceholdersTextContent(element: Element, row: 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(row, key),\n        );\n      }\n    });\n  }\n\n  private replacePlaceholdersAttributes(element: Element, row: 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(row, key),\n        );\n      }\n    });\n  }\n\n  private replacePlaceholdersProperties(element: Element, row: 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 value = element[prop];\n\n          // ✅ Replace placeholders only if the value is a string\n          if (typeof value === 'string' && value.includes('__')) {\n            element[prop] = value.replace(/__([\\w.]+)__/g, (_, key: string) =>\n              this.replaceKeyWithValue(row, key),\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  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('columnsConfig')\n  parseColumns(newValue: ColumnConfig[], oldValue: ColumnConfig[]) {\n    this.parseColumnsArray(newValue, oldValue);\n  }\n\n  @Watch('columnsConfigJson')\n  parseJsonColumns(newValue: string | undefined, oldValue: ColumnConfig[]) {\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 columnsConfigJson:', 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  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.cacheTemplates();\n\n    this.parseDataAndColumns();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\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.columns;\n\n    const rows =\n      !this.table || this.table === undefined || this.parsedData.length === 0\n        ? []\n        : this.table.data;\n\n    return (\n      <Host>\n        <div class=\"hidden\">\n          <slot></slot>\n        </div>\n\n        <slot name=\"before\"></slot>\n\n        {this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (\n          <div class=\"no-data\">{this.noColumnsNoDataMessage}</div>\n        ) : (\n          <table class=\"table\">\n            {this.parsedColumns.length > 0 && headerGroups.length > 0 && (\n              <thead class=\"table-header\">\n                <tr>\n                  {headerGroups &&\n                    headerGroups.map(col => {\n                      return (\n                        <th key={col.name}>\n                          {this.renderTemplate(\n                            this.headerTemplateCache.get(col.name),\n                            {},\n                          ) || col.header}\n                        </th>\n                      );\n                    })}\n                </tr>\n              </thead>\n            )}\n            <tbody class=\"table-body\">\n              {!rows || rows.length === 0 ? (\n                <tr>\n                  <td colSpan={headerGroups.length || 12} class=\"no-data\">\n                    {this.noDataMessage}\n                  </td>\n                </tr>\n              ) : (\n                rows.map(row => (\n                  <tr key={JSON.stringify(row)}>\n                    {headerGroups.map(col => (\n                      <td>\n                        {this.renderTemplate(\n                          this.templateCache.get(col.name),\n                          row,\n                        ) ||\n                          (row[col.name] ?? this.fallbackValue)}\n                      </td>\n                    ))}\n                  </tr>\n                ))\n              )}\n            </tbody>\n          </table>\n        )}\n\n        <slot name=\"after\"></slot>\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"]}

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

@@ -1,46 +1,14 @@
-import { Host, h } from "@stencil/core";
-/**
- * @slot default - Use this slot to insert HTML into the table column.
- */
 export class NvTablecolumn {
-    constructor() {
-        /**
-         * A non-negative integer value indicating how many columns the header cell spans
-         * or extends. The default value is 1. User agents dismiss values higher than 1000
-         * as incorrect, defaulting such values to 1.
-         * @default 1
-         */
-        this.colspan = 1;
-        /**
-         * A non-negative integer value indicating how many rows the header cell spans or
-         * extends. The default value is 1; if its value is set to 0, the header cell will
-         * extends to the end of the table grouping section (`<thead>`, `<tbody>`, `<tfoot>`,
-         * even if implicitly defined), that the `<th>` belongs to. Values higher than 65534
-         * are clipped at 65534.
-         * @default 1
-         */
-        this.rowspan = 1;
-    }
     //#endregion PROPERTIES
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'b915edf73d123698dda7b09dff8338ab6e7996bc' }, h("th", { key: 'dc055106d9bcd20c962515477d6d6abd570b36b6', abbr: this.abbr, colSpan: this.colspan, headers: this.headers, rowSpan: this.rowspan, scope: this.scope }, h("slot", { key: '2b760e4a3a0a796724300cce8437d886b9c26deb' }))));
+        return null;
     }
     static get is() { return "nv-tablecolumn"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["nv-tablecolumn.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["nv-tablecolumn.css"]
-        };
-    }
     static get properties() {
         return {
-            "abbr": {
+            "name": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -48,64 +16,18 @@ export class NvTablecolumn {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "A short, abbreviated description of the header cell's content provided as an\nalternative label to use for the header cell when referencing the cell in other\ncontexts. Some user-agents, such as speech readers, may present this description\nbefore the content itself."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "abbr",
-                "reflect": false
-            },
-            "colspan": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "1"
-                        }],
-                    "text": "A non-negative integer value indicating how many columns the header cell spans\nor extends. The default value is 1. User agents dismiss values higher than 1000\nas incorrect, defaulting such values to 1."
+                    "text": "Name of the column and data accessor"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "colspan",
-                "reflect": false,
-                "defaultValue": "1"
+                "attribute": "name",
+                "reflect": true
             },
-            "rowspan": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "1"
-                        }],
-                    "text": "A non-negative integer value indicating how many rows the header cell spans or\nextends. The default value is 1; if its value is set to 0, the header cell will\nextends to the end of the table grouping section (`<thead>`, `<tbody>`, `<tfoot>`,\neven if implicitly defined), that the `<th>` belongs to. Values higher than 65534\nare clipped at 65534."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "rowspan",
-                "reflect": false,
-                "defaultValue": "1"
-            },
-            "headers": {
+            "header": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -114,37 +36,15 @@ export class NvTablecolumn {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "example",
-                            "text": "'col1 col2'"
-                        }],
-                    "text": "A list of space-separated strings corresponding to the id attributes of the `<th>`\nelements that provide the headers for this header cell."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "headers",
-                "reflect": false
-            },
-            "scope": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'col' | 'row' | 'colgroup' | 'rowgroup'",
-                    "resolved": "\"col\" | \"colgroup\" | \"row\" | \"rowgroup\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Defines the cells that the header (defined in the `<th>`) element relates to.\nPossible enumerated values are:\n\n- `col`: The header relates to all cells of the column it belongs to.\n- `row`: The header relates to all cells of the row it belongs to.\n- `colgroup`: The header relates to all cells of the column group it belongs to.\n- `rowgroup`: The header relates to all cells of the row group it belongs to.\n\nIf the `scope` attribute is not specified, or its value is not `row`, `col`,\n`rowgroup`, or `colgroup`, then browsers automatically select the set of cells to\nwhich the header cell applies."
+                    "text": "Header of the column to be displayed"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "scope",
-                "reflect": false
+                "attribute": "header",
+                "reflect": true
             }
         };
     }

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

@@ -1 +1 @@
-{"version":3,"file":"nv-tablecolumn.js","sourceRoot":"","sources":["../../../src/components/nv-tablecolumn/nv-tablecolumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AAMH,MAAM,OAAO,aAAa;IAL1B;QAkBE;;;;;WAKG;QAEM,YAAO,GAAW,CAAC,CAAC;QAE7B;;;;;;;WAOG;QAEM,YAAO,GAAW,CAAC,CAAC;KAgD9B;IAtBC,uBAAuB;IACvB,8EAA8E;IAC9E,gBAAgB;IAEhB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,2DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK;gBAEjB,8DAAa,CACV,CACA,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n/**\n * @slot default - Use this slot to insert HTML into the table column.\n */\n@Component({\n  tag: 'nv-tablecolumn',\n  styleUrl: 'nv-tablecolumn.scss',\n  shadow: false,\n})\nexport class NvTablecolumn {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * A short, abbreviated description of the header cell's content provided as an\n   * alternative label to use for the header cell when referencing the cell in other\n   * contexts. Some user-agents, such as speech readers, may present this description\n   * before the content itself.\n   */\n  @Prop()\n  readonly abbr: string;\n\n  /**\n   * A non-negative integer value indicating how many columns the header cell spans\n   * or extends. The default value is 1. User agents dismiss values higher than 1000\n   * as incorrect, defaulting such values to 1.\n   * @default 1\n   */\n  @Prop()\n  readonly colspan: number = 1;\n\n  /**\n   * A non-negative integer value indicating how many rows the header cell spans or\n   * extends. The default value is 1; if its value is set to 0, the header cell will\n   * extends to the end of the table grouping section (`<thead>`, `<tbody>`, `<tfoot>`,\n   * even if implicitly defined), that the `<th>` belongs to. Values higher than 65534\n   * are clipped at 65534.\n   * @default 1\n   */\n  @Prop()\n  readonly rowspan: number = 1;\n\n  /**\n   * A list of space-separated strings corresponding to the id attributes of the `<th>`\n   * elements that provide the headers for this header cell.\n   * @example 'col1 col2'\n   */\n  @Prop()\n  readonly headers: string;\n\n  /**\n   * Defines the cells that the header (defined in the `<th>`) element relates to.\n   * Possible enumerated values are:\n   *\n   * - `col`: The header relates to all cells of the column it belongs to.\n   * - `row`: The header relates to all cells of the row it belongs to.\n   * - `colgroup`: The header relates to all cells of the column group it belongs to.\n   * - `rowgroup`: The header relates to all cells of the row group it belongs to.\n   *\n   * If the `scope` attribute is not specified, or its value is not `row`, `col`,\n   * `rowgroup`, or `colgroup`, then browsers automatically select the set of cells to\n   * which the header cell applies.\n   */\n  @Prop()\n  readonly scope: 'col' | 'row' | 'colgroup' | 'rowgroup';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <th\n          abbr={this.abbr}\n          colSpan={this.colspan}\n          headers={this.headers}\n          rowSpan={this.rowspan}\n          scope={this.scope}\n        >\n          <slot></slot>\n        </th>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"]}
+{"version":3,"file":"nv-tablecolumn.js","sourceRoot":"","sources":["../../../src/components/nv-tablecolumn/nv-tablecolumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMhD,MAAM,OAAO,aAAa;IAgBxB,uBAAuB;IACvB,8EAA8E;IAC9E,gBAAgB;IAEhB,MAAM;QACJ,OAAO,IAAI,CAAC;IACd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGF","sourcesContent":["import { Component, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'nv-tablecolumn',\n  shadow: false,\n})\nexport class NvTablecolumn {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Name of the column and data accessor\n   */\n  @Prop({ reflect: true })\n  readonly name!: string;\n\n  /**\n   * Header of the column to be displayed\n   */\n  @Prop({ reflect: true })\n  readonly header?: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return null;\n  }\n\n  // #endregion RENDER\n}\n"]}

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

@@ -60,8 +60,8 @@ export class NvToggle {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '75e37c699cfc3b0488dfb660ff7e1dc8bc4fcec7', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h("div", { key: 'a34755c8cfa921ffbc7e60cff93f89b2eb451007', class: "input-container" }, h("input", { key: 'dbfc3021614001f1fd2d2fb3dd1352fc33078fb2', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h("div", { key: 'afac6bb640ba44af0d9fc3841dae90bfb3130c89', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'eac00ea14d7181b17cc06d48f69dcd46d891d9b9', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: '52f3e6ee4c7fed8218a2c782b1cdedd4230ce8ac', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '861fc6d2e9abf58e43e45e91dfdd2da7705c5e1a', class: "description" }, h("slot", { key: 'cb218ac2d197f84202c668621ee9e56c936ca50f', name: "description" }, this.description))))));
+        return (h(Host, { key: '0ea7a73c5b656d0d7f9342a9526dc00a66a94f83', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h("div", { key: 'eb294c704b9f3568e03af1817a302d2edfe24486', class: "input-container" }, h("input", { key: '777b6e7172691aba435751364c5908f381390f23', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h("div", { key: '92dbdb51e8c9fc231572009d37e274e070334292', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '9d50bac5932e25c3b3c8dd04fe44e2622e22b6ac', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: 'bf6cb8ff071c11d7809580a5dee61a1dfd89c112', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'db77b501162725dcf3b05b3d7c4b26d0f933ac8b', class: "description" }, h("slot", { key: 'a201c736b5237e88ee0d8caa3999874caa7f85f3', name: "description" }, this.description))))));
     }
     static get is() { return "nv-toggle"; }
     static get formAssociated() { return true; }

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

@@ -31,7 +31,7 @@ export class NvTooltip {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '59735e979b8e88ad61ebbdf77c305377884a445e' }, h("slot", { key: '6002089cc748045fa836f03d2b4da9101f4f2851' }), h("nv-popover", { key: '34fa8dd4cb98dd9c46ad2a723153cdffb5fa9d88', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h("p", { key: '10869c05ea2247817a571128b104f6995eff5b1a', slot: "content" }, this.message), h("slot", { key: '3527b66fc2aa974e243470d45a1aaab6b8453401', name: "content" }))));
+        return (h(Host, { key: 'c5a2dddc41ad3379be20d7809faf4bd683ff459c' }, h("slot", { key: '400d32d15407fed83e424f00338efd60528b6fb2' }), h("nv-popover", { key: 'd7efd362efa204aae2fea623a5efd33d3b1429b0', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h("p", { key: 'a6426276d51217387c4d028bb0eb719839197d62', slot: "content" }, this.message), h("slot", { key: '01f6af2ae0243f3cd6c2d1a01e6c16cd2fd16cd0', name: "content" }))));
     }
     static get is() { return "nv-tooltip"; }
     static get originalStyleUrls() {

package/dist/collection/interfaces/ColumnConfig.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColumnConfig.js.map

package/dist/collection/interfaces/ColumnConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnConfig.js","sourceRoot":"","sources":["../../src/interfaces/ColumnConfig.tsx"],"names":[],"mappings":"","sourcesContent":["/**\n * Column configuration for the table\n */\nexport interface ColumnConfig {\n  /**\n   * Name of the column and data accessor\n   */\n  name: string;\n  /**\n   * Header of the column to be displayed\n   */\n  header: string;\n}\n"]}

package/dist/collection/interfaces/actionEvent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=actionEvent.js.map

package/dist/collection/interfaces/actionEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionEvent.js","sourceRoot":"","sources":["../../src/interfaces/actionEvent.tsx"],"names":[],"mappings":"","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * Interface for action event\n */\nexport interface ActionEvent {\n  /**\n   * Key action to be performed\n   */\n  keyAction: string;\n\n  /**\n   * Details of the action to be performed\n   */\n  details: any;\n}\n"]}

package/dist/collection/utils/dom.utils.js

@@ -0,0 +1,164 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * All properties that should be excluded from the deep copy of an HTML element.
+ */
+export const excludedProps = new Set([
+    // Text and content-related properties
+    'textContent',
+    'innerText',
+    'outerText',
+    'innerHTML',
+    'outerHTML',
+    'text',
+    // Form element properties
+    'value',
+    'defaultValue',
+    'checked',
+    'defaultChecked',
+    'selectionStart',
+    'selectionEnd',
+    'selectionDirection',
+    'form',
+    'willValidate',
+    'validity',
+    'validationMessage',
+    'labels',
+    'list',
+    'maxLength',
+    'minLength',
+    'valueAsDate',
+    'valueAsNumber',
+    // Editability and namespaces
+    'contentEditable',
+    'isContentEditable',
+    'namespaceURI',
+    // Child-related properties (handled recursively)
+    'attributes',
+    'children',
+    'childNodes',
+    'firstChild',
+    'lastChild',
+    // Blazor-related properties
+    'origin',
+    'dataset',
+    'attributeStyleMap',
+    'prefix',
+    'localName',
+    'tagName',
+    'shadowRoot',
+    'assignedSlot',
+    'scrollWidth',
+    'scrollHeight',
+    'clientTop',
+    'clientLeft',
+    'clientWidth',
+    'clientHeight',
+    'firstElementChild',
+    'lastElementChild',
+    'childElementCount',
+    'previousElementSibling',
+    'nextElementSibling',
+    'currentCSSZoom',
+    'nodeType',
+    'nodeName',
+    'baseURI',
+    'isConnected',
+    'ownerDocument',
+    'parentNode',
+    'parentElement',
+    'previousSibling',
+    'nextSibling',
+    'ELEMENT_NODE',
+    'ATTRIBUTE_NODE',
+    'TEXT_NODE',
+    'CDATA_SECTION_NODE',
+    'ENTITY_REFERENCE_NODE',
+    'ENTITY_NODE',
+    'PROCESSING_INSTRUCTION_NODE',
+    'COMMENT_NODE',
+    'DOCUMENT_NODE',
+    'DOCUMENT_TYPE_NODE',
+    'DOCUMENT_FRAGMENT_NODE',
+    'NOTATION_NODE',
+    'DOCUMENT_POSITION_DISCONNECTED',
+    'DOCUMENT_POSITION_PRECEDING',
+    'DOCUMENT_POSITION_FOLLOWING',
+    'DOCUMENT_POSITION_CONTAINS',
+    'DOCUMENT_POSITION_CONTAINED_BY',
+    'DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC',
+]);
+/**
+ * Deep copy an HTML element with all its attributes, properties, and child nodes.
+ * This method is useful for creating a clone of an element that can be safely modified without affecting the original.
+ * @param {HTMLElement} element - The HTML element to copy.
+ * @returns {HTMLElement} - A deep copy of the HTML element.
+ * @example const copy = deepCopyElement(document.getElementById('myElement'));
+ */
+export function deepCopyElement(element) {
+    const copy = document.createElement(element.tagName);
+    // ✅ Copy attributes
+    Array.from(element.attributes).forEach(attr => {
+        copy.setAttribute(attr.name, attr.value);
+    });
+    // ✅ Dynamically extract relevant properties
+    const properties = new Set();
+    // Collect only own enumerable properties
+    Object.keys(element).forEach(key => properties.add(key));
+    // Collect inherited properties from prototypes (HTMLElement -> Element -> Node)
+    let proto = Object.getPrototypeOf(element);
+    while (proto && proto !== HTMLElement.prototype) {
+        Object.keys(proto).forEach(key => properties.add(key));
+        proto = Object.getPrototypeOf(proto);
+    }
+    // ✅ Filter and copy only non-function properties (methods are excluded) and non-event listeners
+    properties.forEach(prop => {
+        if (typeof element[prop] !== 'function' && // Ignore methods
+            !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)
+            !excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props
+        ) {
+            try {
+                copy[prop] = element[prop];
+            }
+            catch (error) {
+                console.warn(`Could not copy property ${prop}:`, error.message);
+            }
+        }
+    });
+    // ✅ Copy dataset separately
+    Object.assign(copy.dataset, element.dataset);
+    // ✅ Handle form elements specifically
+    if (element instanceof HTMLInputElement) {
+        copy.value = element.value;
+        copy.checked = element.checked;
+        copy.defaultValue = element.defaultValue;
+        copy.defaultChecked = element.defaultChecked;
+        copy.selectionStart = element.selectionStart;
+        copy.selectionEnd = element.selectionEnd;
+        copy.selectionDirection = element.selectionDirection;
+    }
+    else if (element instanceof HTMLTextAreaElement) {
+        copy.value = element.value;
+        copy.defaultValue = element.defaultValue;
+        copy.selectionStart = element.selectionStart;
+        copy.selectionEnd = element.selectionEnd;
+        copy.selectionDirection =
+            element.selectionDirection;
+    }
+    else if (element instanceof HTMLSelectElement) {
+        copy.value = element.value;
+        copy.selectedIndex = element.selectedIndex;
+    }
+    // ✅ Recursively copy child nodes (prevent duplicates)
+    element.childNodes.forEach(child => {
+        let childCopy;
+        if (child.nodeType === Node.ELEMENT_NODE) {
+            childCopy = deepCopyElement(child);
+        }
+        else {
+            childCopy = child.cloneNode(true);
+        }
+        copy.appendChild(childCopy);
+    });
+    return copy;
+}
+//# sourceMappingURL=dom.utils.js.map

package/dist/collection/utils/dom.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.utils.js","sourceRoot":"","sources":["../../src/utils/dom.utils.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * All properties that should be excluded from the deep copy of an HTML element.\n */\nexport const excludedProps = new Set([\n  // Text and content-related properties\n  'textContent',\n  'innerText',\n  'outerText',\n  'innerHTML',\n  'outerHTML',\n  'text',\n\n  // Form element properties\n  'value',\n  'defaultValue',\n  'checked',\n  'defaultChecked',\n  'selectionStart',\n  'selectionEnd',\n  'selectionDirection',\n  'form',\n  'willValidate',\n  'validity',\n  'validationMessage',\n  'labels',\n  'list',\n  'maxLength',\n  'minLength',\n  'valueAsDate',\n  'valueAsNumber',\n\n  // Editability and namespaces\n  'contentEditable',\n  'isContentEditable',\n  'namespaceURI',\n\n  // Child-related properties (handled recursively)\n  'attributes',\n  'children',\n  'childNodes',\n  'firstChild',\n  'lastChild',\n\n  // Blazor-related properties\n  'origin',\n  'dataset',\n  'attributeStyleMap',\n  'prefix',\n  'localName',\n  'tagName',\n  'shadowRoot',\n  'assignedSlot',\n  'scrollWidth',\n  'scrollHeight',\n  'clientTop',\n  'clientLeft',\n  'clientWidth',\n  'clientHeight',\n  'firstElementChild',\n  'lastElementChild',\n  'childElementCount',\n  'previousElementSibling',\n  'nextElementSibling',\n  'currentCSSZoom',\n  'nodeType',\n  'nodeName',\n  'baseURI',\n  'isConnected',\n  'ownerDocument',\n  'parentNode',\n  'parentElement',\n  'previousSibling',\n  'nextSibling',\n  'ELEMENT_NODE',\n  'ATTRIBUTE_NODE',\n  'TEXT_NODE',\n  'CDATA_SECTION_NODE',\n  'ENTITY_REFERENCE_NODE',\n  'ENTITY_NODE',\n  'PROCESSING_INSTRUCTION_NODE',\n  'COMMENT_NODE',\n  'DOCUMENT_NODE',\n  'DOCUMENT_TYPE_NODE',\n  'DOCUMENT_FRAGMENT_NODE',\n  'NOTATION_NODE',\n  'DOCUMENT_POSITION_DISCONNECTED',\n  'DOCUMENT_POSITION_PRECEDING',\n  'DOCUMENT_POSITION_FOLLOWING',\n  'DOCUMENT_POSITION_CONTAINS',\n  'DOCUMENT_POSITION_CONTAINED_BY',\n  'DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC',\n]);\n\n/**\n * Deep copy an HTML element with all its attributes, properties, and child nodes.\n * This method is useful for creating a clone of an element that can be safely modified without affecting the original.\n * @param {HTMLElement} element - The HTML element to copy.\n * @returns {HTMLElement} - A deep copy of the HTML element.\n * @example const copy = deepCopyElement(document.getElementById('myElement'));\n */\nexport function deepCopyElement(element: HTMLElement): HTMLElement {\n  const copy = document.createElement(element.tagName);\n\n  // ✅ Copy attributes\n  Array.from(element.attributes).forEach(attr => {\n    copy.setAttribute(attr.name, attr.value);\n  });\n\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 (methods are excluded) and non-event listeners\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        (copy as any)[prop] = (element as any)[prop];\n      } catch (error) {\n        console.warn(`Could not copy property ${prop}:`, error.message);\n      }\n    }\n  });\n\n  // ✅ Copy dataset separately\n  Object.assign(copy.dataset, element.dataset);\n\n  // ✅ Handle form elements specifically\n  if (element instanceof HTMLInputElement) {\n    (copy as HTMLInputElement).value = element.value;\n    (copy as HTMLInputElement).checked = element.checked;\n    (copy as HTMLInputElement).defaultValue = element.defaultValue;\n    (copy as HTMLInputElement).defaultChecked = element.defaultChecked;\n    (copy as HTMLInputElement).selectionStart = element.selectionStart;\n    (copy as HTMLInputElement).selectionEnd = element.selectionEnd;\n    (copy as HTMLInputElement).selectionDirection = element.selectionDirection;\n  } else if (element instanceof HTMLTextAreaElement) {\n    (copy as HTMLTextAreaElement).value = element.value;\n    (copy as HTMLTextAreaElement).defaultValue = element.defaultValue;\n    (copy as HTMLTextAreaElement).selectionStart = element.selectionStart;\n    (copy as HTMLTextAreaElement).selectionEnd = element.selectionEnd;\n    (copy as HTMLTextAreaElement).selectionDirection =\n      element.selectionDirection;\n  } else if (element instanceof HTMLSelectElement) {\n    (copy as HTMLSelectElement).value = element.value;\n    (copy as HTMLSelectElement).selectedIndex = element.selectedIndex;\n  }\n\n  // ✅ Recursively copy child nodes (prevent duplicates)\n  element.childNodes.forEach(child => {\n    let childCopy;\n    if (child.nodeType === Node.ELEMENT_NODE) {\n      childCopy = deepCopyElement(child as HTMLElement);\n    } else {\n      childCopy = child.cloneNode(true);\n    }\n    copy.appendChild(childCopy);\n  });\n\n  return copy;\n}\n"]}

package/dist/collection/utils/test/class.utils.test.js

@@ -0,0 +1,25 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { describe, expect, test } from "vitest";
+import { nameof } from "../class.utils";
+class Person {
+}
+describe('nameof', () => {
+    test.each([
+        [nameof(x => x.firstName), 'firstName'],
+        [nameof(x => x.lastName), 'lastName'],
+        [nameof(x => x.age), 'age'],
+        [nameof(x => x.model), 'model'],
+        [nameof(x => x.year), 'year'],
+        [
+            nameof(x => x.foo),
+            'foo',
+        ],
+        [
+            nameof(x => x.bar),
+            'bar',
+        ],
+    ])('should return correct property name', (actual, expected) => {
+        expect(actual).toEqual(expected);
+    });
+});
+//# sourceMappingURL=class.utils.test.js.map

package/dist/collection/utils/test/class.utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class.utils.test.js","sourceRoot":"","sources":["../../../src/utils/test/class.utils.test.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,MAAM;CAIX;AAgBD,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,IAAI,CAAC,IAAI,CAAC;QACR,CAAC,MAAM,CAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC;QAC/C,CAAC,MAAM,CAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;QAC7C,CAAC,MAAM,CAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC;QACnC,CAAC,MAAM,CAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;QACpC,CAAC,MAAM,CAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAClC;YACE,MAAM,CASH,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;YACd,KAAK;SACN;QACD;YACE,MAAM,CASH,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;YACd,KAAK;SACN;KACF,CAAC,CAAC,qCAAqC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;QAC7D,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { describe, expect, test } from 'vitest';\nimport { nameof } from '../class.utils';\n\nclass Person {\n  firstName!: string;\n  lastName!: string;\n  age!: number;\n}\n\n/**\n * Car interface.\n */\ninterface Car {\n  /**\n   * Car model.\n   */\n  model: string;\n  /**\n   * Car year.\n   */\n  year: number;\n}\n\ndescribe('nameof', () => {\n  test.each([\n    [nameof<Person>(x => x.firstName), 'firstName'],\n    [nameof<Person>(x => x.lastName), 'lastName'],\n    [nameof<Person>(x => x.age), 'age'],\n    [nameof<Car>(x => x.model), 'model'],\n    [nameof<Car>(x => x.year), 'year'],\n    [\n      nameof<{\n        /**\n         * Foo property.\n         */\n        foo: number;\n        /**\n         * Bar property.\n         */\n        bar: string;\n      }>(x => x.foo),\n      'foo',\n    ],\n    [\n      nameof<{\n        /**\n         * Foo property.\n         */\n        foo: number;\n        /**\n         * Bar property.\n         */\n        bar: string;\n      }>(x => x.bar),\n      'bar',\n    ],\n  ])('should return correct property name', (actual, expected) => {\n    expect(actual).toEqual(expected);\n  });\n});\n"]}