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

package/dist/esm/nv-datagrid.entry.js

@@ -1,5 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a1936cd0.js';
-import { d as deepCopyElement, e as excludedProps } from './dom.utils-ac71e0ef.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-dc2723f3.js';
 import { h as SortingPossibility } from './constants-69bafca2.js';
 
 /**
@@ -613,7 +612,7 @@ const arrIncludes = (row, columnId, filterValue) => {
   var _row$getValue4;
   return (_row$getValue4 = row.getValue(columnId)) == null ? void 0 : _row$getValue4.includes(filterValue);
 };
-arrIncludes.autoRemove = val => testFalsey(val) || !(val != null && val.length);
+arrIncludes.autoRemove = val => testFalsey(val);
 const arrIncludesAll = (row, columnId, filterValue) => {
   return !filterValue.some(val => {
     var _row$getValue5;
@@ -1204,6 +1203,10 @@ const ColumnPinning = {
   }
 };
 
+function safelyAccessDocument(_document) {
+  return _document || (typeof document !== 'undefined' ? document : null);
+}
+
 //
 
 //
@@ -1343,7 +1346,7 @@ const ColumnSizing = {
             columnSizingStart: []
           }));
         };
-        const contextDocument = _contextDocument || typeof document !== 'undefined' ? document : null;
+        const contextDocument = safelyAccessDocument(_contextDocument);
         const mouseEvents = {
           moveHandler: e => onMove(e.clientX),
           upHandler: e => {
@@ -3286,6 +3289,170 @@ function getSortedRowModel() {
   }, getMemoOptions(table.options, 'debugTable', 'getSortedRowModel', () => table._autoResetPageIndex()));
 }
 
+/* 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;
+}
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Debounce function to prevent multiple calls in a short
@@ -3306,7 +3473,7 @@ function debounce(func, wait) {
     };
 }
 
-const nvDatagridCss = "nv-datagrid{--nv-datagrid-border-default:var(\n    --components-form-field-border-default\n  );--nv-datagrid-border-hover:var(--components-form-field-border-hover);--nv-datagrid-border-focus:var(--components-form-field-border-default);--nv-datagrid-background-default:var(\n    --components-form-field-background-default\n  );--nv-datagrid-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-datagrid-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-datagrid-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-datagrid-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-datagrid-outline-color:var(--color-focus-brand);display:block}nv-datagrid .hidden{display:none}nv-datagrid table{border-collapse:collapse;border-color:inherit;text-indent:0;width:100%}nv-datagrid th{text-align:left;border-bottom:1px solid var(--components-datagrid-header-border);height:var(--spacing-12);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-md);font-weight:700;color:var(--components-datagrid-header-text)}nv-datagrid td{border-bottom:1px solid var(--components-datagrid-body-border);height:var(--spacing-12);max-height:var(--spacing-14);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-md);font-weight:400;color:var(--components-datagrid-body-text);white-space:nowrap;text-overflow:ellipsis}nv-datagrid tbody>tr:hover{background:var(--color-interaction-container-neutral-background-hover)}nv-datagrid .cursor-pointer{cursor:pointer}nv-datagrid .select-none{-webkit-user-select:none;user-select:none}nv-datagrid .search-container{display:flex}nv-datagrid .checkbox-container{position:relative;color:var(--nv-datagrid-color-checked)}nv-datagrid .checkbox-container input[type=checkbox][readonly]{opacity:0.5}nv-datagrid .checkbox-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-datagrid-color-disabled)}nv-datagrid .checkbox-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-datagrid-border-default);background:var(--nv-datagrid-background-default)}nv-datagrid .checkbox-container input[type=checkbox]:hover{border-color:var(--nv-datagrid-border-hover)}nv-datagrid .checkbox-container input[type=checkbox]:focus{border-color:var(--nv-datagrid-border-focus)}nv-datagrid .checkbox-container input[type=checkbox]:focus,nv-datagrid .checkbox-container input[type=checkbox]:focus-within{outline:none}nv-datagrid .checkbox-container input[type=checkbox]:focus-visible,nv-datagrid .checkbox-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-datagrid-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-datagrid .checkbox-container input[type=checkbox]:checked,nv-datagrid .checkbox-container input[type=checkbox]:indeterminate{background:var(--nv-datagrid-background-checked);border-color:var(--nv-datagrid-background-checked)}nv-datagrid .checkbox-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-datagrid-background-disabled);border-color:var(--nv-datagrid-border-default)}nv-datagrid .checkbox-container input[type=checkbox][readonly]{opacity:0.5}nv-datagrid .checkbox-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-datagrid .checkbox-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}";
+const nvDatagridCss = "nv-datagrid{--nv-datagrid-border-default:var(\n    --components-form-field-border-default\n  );--nv-datagrid-border-hover:var(--components-form-field-border-hover);--nv-datagrid-border-focus:var(--components-form-field-border-default);--nv-datagrid-background-default:var(\n    --components-form-field-background-default\n  );--nv-datagrid-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-datagrid-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-datagrid-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-datagrid-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-datagrid-outline-color:var(--color-focus-brand);display:block}nv-datagrid .hidden{display:none}nv-datagrid table{border-collapse:collapse;border-color:inherit;text-indent:0;width:100%}nv-datagrid th{text-align:left;border-bottom:1px solid var(--components-datagrid-header-border);height:var(--spacing-12);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-md);font-weight:var(--font-weight-high-emphasis);color:var(--components-datagrid-header-text)}nv-datagrid td{border-bottom:1px solid var(--components-datagrid-body-border);height:var(--spacing-12);max-height:var(--spacing-14);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-md);font-weight:var(--font-weight-low-emphasis);color:var(--components-datagrid-body-text);white-space:nowrap;text-overflow:ellipsis}nv-datagrid tbody>tr:hover{background:var(--color-interaction-container-neutral-background-hover)}nv-datagrid .cursor-pointer{cursor:pointer}nv-datagrid .select-none{-webkit-user-select:none;user-select:none}nv-datagrid .search-container{display:flex}nv-datagrid .checkbox-container{position:relative;color:var(--nv-datagrid-color-checked)}nv-datagrid .checkbox-container input[type=checkbox][readonly]{opacity:0.5}nv-datagrid .checkbox-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-datagrid-color-disabled)}nv-datagrid .checkbox-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-datagrid-border-default);background:var(--nv-datagrid-background-default)}nv-datagrid .checkbox-container input[type=checkbox]:hover{border-color:var(--nv-datagrid-border-hover)}nv-datagrid .checkbox-container input[type=checkbox]:focus{border-color:var(--nv-datagrid-border-focus)}nv-datagrid .checkbox-container input[type=checkbox]:focus,nv-datagrid .checkbox-container input[type=checkbox]:focus-within{outline:none}nv-datagrid .checkbox-container input[type=checkbox]:focus-visible,nv-datagrid .checkbox-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-datagrid-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-datagrid .checkbox-container input[type=checkbox]:checked,nv-datagrid .checkbox-container input[type=checkbox]:indeterminate{background:var(--nv-datagrid-background-checked);border-color:var(--nv-datagrid-background-checked)}nv-datagrid .checkbox-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-datagrid-background-disabled);border-color:var(--nv-datagrid-border-default)}nv-datagrid .checkbox-container input[type=checkbox][readonly]{opacity:0.5}nv-datagrid .checkbox-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-datagrid .checkbox-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}";
 const NvDatagridStyle0 = nvDatagridCss;
 
 const NvDatagrid = class {