@nova-design-system/nova-webcomponents 3.15.0 → 3.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-webcomponents",
-  "version": "3.15.0",
+  "version": "3.17.0",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -31,7 +31,7 @@
     "build.watch": "stencil build --watch",
     "dev": "stencil build --config stencil.config.dev.ts --dev --watch --serve",
     "generate": "stencil generate",
-    "clean": "rimraf dist loader hydrate www .stencil test-results meta src/components.d.ts",
+    "clean": "rimraf dist loader hydrate www .stencil test-results meta src/components.d.ts stories/generated",
     "storybook": "storybook dev -p 6007",
     "storybook.build": "storybook build -o ../../storybook-static/native",
     "typecheck": "tsc --emitDeclarationOnly false --noEmit",
@@ -70,6 +70,14 @@
     "extract-comments": "1.1.0"
   },
   "exports": {
+    "./nv-split": {
+      "import": "./dist/components/nv-split.js",
+      "types": "./dist/components/nv-split.d.ts"
+    },
+    "./nv-table": {
+      "import": "./dist/components/nv-table.js",
+      "types": "./dist/components/nv-table.d.ts"
+    },
     "./nv-notification": {
       "import": "./dist/components/nv-notification.js",
       "types": "./dist/components/nv-notification.d.ts"
@@ -114,14 +122,6 @@
       "import": "./dist/components/nv-calendar.js",
       "types": "./dist/components/nv-calendar.d.ts"
     },
-    "./nv-tablecolumn": {
-      "import": "./dist/components/nv-tablecolumn.js",
-      "types": "./dist/components/nv-tablecolumn.d.ts"
-    },
-    "./nv-table": {
-      "import": "./dist/components/nv-table.js",
-      "types": "./dist/components/nv-table.d.ts"
-    },
     "./nv-toggle": {
       "import": "./dist/components/nv-toggle.js",
       "types": "./dist/components/nv-toggle.d.ts"

package/dist/cjs/dom.utils-4d43f69a.js

@@ -1,170 +0,0 @@
-'use strict';
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/**
- * All properties that should be excluded from the deep copy of an HTML element.
- */
-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'));
- */
-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;
-}
-
-exports.deepCopyElement = deepCopyElement;
-exports.excludedProps = excludedProps;
-
-//# sourceMappingURL=dom.utils-4d43f69a.js.map

package/dist/cjs/dom.utils-4d43f69a.js.map

@@ -1 +0,0 @@
-{"file":"dom.utils-4d43f69a.js","mappings":"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","names":[],"sources":["src/utils/dom.utils.ts"],"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"],"version":3}