@nova-design-system/nova-react 3.14.0 → 3.16.0

package/dist/cjs/nv-notification.entry-BiwnZCkF.js

@@ -1,178 +0,0 @@
-'use strict';
-
-var index = require('./index-CKAZvszR.js');
-var constantsD0f19e7b = require('./constants-d0f19e7b-s0SCO_vi.js');
-var collapse_animationAcda1bf5 = require('./collapse.animation-acda1bf5-BuORVmQv.js');
-var fade_animationEb454088 = require('./fade.animation-eb454088-Bma0SpTf.js');
-var styleValueTypes_esF5d10b79 = require('./style-value-types.es-f5d10b79-D0QCM8OB.js');
-var timeline_animation79215cd4 = require('./timeline.animation-79215cd4-KteJaZPb.js');
-var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
-require('react');
-
-const useSlide = (node, { duration } = { duration: 200 }) => {
-    const nodeStyler = fade_animationEb454088.index(node);
-    /**
-     * Will animate the translateX to 100%, sliding the element to the right.
-     */
-    function slideOut() {
-        return new Promise(resolve => {
-            styleValueTypes_esF5d10b79.animate({
-                from: { x: 0 },
-                to: { x: 100 },
-                ease: styleValueTypes_esF5d10b79.easeOut,
-                duration,
-                onUpdate(latest) {
-                    nodeStyler.set({ transform: `translateX(${latest.x}%)` });
-                },
-                onComplete() {
-                    resolve();
-                },
-            });
-        });
-    }
-    /**
-     * Applies the slideOut styles without animating, useful when initial state
-     * is slid out.
-     */
-    function setSlideOut() {
-        node.style.transform = 'translateX(100%)';
-    }
-    /**
-     * Applies the slideIn styles without animating, useful when initial state
-     * is slid in.
-     */
-    function setSlideIn() {
-        node.style.transform = '';
-    }
-    /**
-     * Will animate the translateX from 100% to 0%, sliding the element in from the right.
-     */
-    function slideIn() {
-        return new Promise(resolve => {
-            styleValueTypes_esF5d10b79.animate({
-                from: { x: 100 },
-                to: { x: 0 },
-                duration,
-                onUpdate(latest) {
-                    nodeStyler.set({ transform: `translateX(${latest.x}%)` });
-                },
-                onComplete() {
-                    resolve();
-                    node.style.removeProperty('transform');
-                },
-            });
-        });
-    }
-    return {
-        slideIn,
-        slideOut,
-        setSlideOut,
-        setSlideIn,
-    };
-};
-
-const nvNotificationCss = "nv-notification{display:block}nv-notification [data-scope=container]{display:flex;position:relative;max-width:512px;width:100%;padding:var(--notification-padding);align-items:flex-start;gap:var(--notification-gap-x);border-radius:var(--notification-radius);border-style:solid;box-shadow:0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1))}nv-notification [data-scope=container]>nv-icon{flex-shrink:0}nv-notification [data-scope=container] [data-scope=dismiss]{padding:var(--button-sm-icon-button-padding, 8px);justify-content:center;align-items:center;gap:var(--button-sm-gap, 6px);display:flex;position:absolute;right:8px;top:8px;border-radius:var(--button-sm-border-radius, 4px);background:var(--components-button-lower-background, rgba(255, 255, 255, 0));color:var(--components-button-lower-icon)}nv-notification [data-scope=container] [data-scope=content]{display:flex;padding-right:var(--notification-padding-right);flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);flex:1 0 0}nv-notification [data-scope=container] [data-scope=content] [data-scope=heading]{display:flex;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;color:var(--components-notification-content-title);font-size:var(--notification-title-font-size);font-style:normal;font-weight:500;line-height:20px;}nv-notification [data-scope=container] [data-scope=content] [data-scope=message]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);align-self:stretch;color:var(--components-notification-content-description);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-sm, 14px);font-style:normal;font-weight:400;line-height:var(--line-height-sm, 20px)}nv-notification [data-scope=container] [data-scope=content] [data-scope=actions]{display:flex;padding:var(--spacing-2, 8px) 0;padding-bottom:0px;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;margin-left:calc(-1 * var(--button-sm-padding-x))}nv-notification[feedback=information] [data-scope=container]{background-color:var(--components-notification-information-background);border-color:var(--components-notification-information-border)}nv-notification[feedback=information] [data-scope=container]>nv-icon{color:var(--components-notification-information-icon)}nv-notification[feedback=information]>[data-scope=close]:focus,nv-notification[feedback=information]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=information]>[data-scope=close]:focus-visible,nv-notification[feedback=information]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=warning] [data-scope=container]{background-color:var(--components-notification-warning-background);border-color:var(--components-notification-warning-border)}nv-notification[feedback=warning] [data-scope=container]>nv-icon{color:var(--components-notification-warning-icon)}nv-notification[feedback=warning]>[data-scope=close]:focus,nv-notification[feedback=warning]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=warning]>[data-scope=close]:focus-visible,nv-notification[feedback=warning]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=error] [data-scope=container]{background-color:var(--components-notification-error-background);border-color:var(--components-notification-error-border)}nv-notification[feedback=error] [data-scope=container]>nv-icon{color:var(--components-notification-error-icon)}nv-notification[feedback=error]>[data-scope=close]:focus,nv-notification[feedback=error]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=error]>[data-scope=close]:focus-visible,nv-notification[feedback=error]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=success] [data-scope=container]{background-color:var(--components-notification-success-background);border-color:var(--components-notification-success-border)}nv-notification[feedback=success] [data-scope=container]>nv-icon{color:var(--components-notification-success-icon)}nv-notification[feedback=success]>[data-scope=close]:focus,nv-notification[feedback=success]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=success]>[data-scope=close]:focus-visible,nv-notification[feedback=success]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=neutral] [data-scope=container]{background-color:var(--components-notification-neutral-background);border-color:var(--components-notification-neutral-border)}nv-notification[feedback=neutral] [data-scope=container]>nv-icon{color:var(--components-notification-neutral-icon)}nv-notification[feedback=neutral]>[data-scope=close]:focus,nv-notification[feedback=neutral]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=neutral]>[data-scope=close]:focus-visible,nv-notification[feedback=neutral]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[emphasis=high] [data-scope=container]{border-width:1px;border-left-width:var(--notification-border-width-high-emphasis);padding-left:calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px)}nv-notification[emphasis=medium] [data-scope=container]{border-width:var(--notification-border-width-low-emphasis);border-color:var(--color-content-low-border, #E3E3E3)}";
-const NvNotificationStyle0 = nvNotificationCss;
-
-const NvNotification = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.hiddenChanged = index.createEvent(this, "hiddenChanged");
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Set a unique ID for the notification. Used for aria attributes and managing
-         * multiple notifications.
-         */
-        this.uid = v4A79185f4.v4();
-        /**
-         * Specifies the notification type which determines the color and default icon.
-         */
-        this.feedback = 'information';
-        /**
-         * Adjusts the emphasis to make the notification more or less visually
-         * prominent to users. Use this to draw attention to important actions or
-         * reduce focus on less critical ones
-         */
-        this.emphasis = 'medium';
-        /**
-         * Allows the notification to be dismissed via a close button (x). The
-         * notification is not dismissible unless explicitly enabled.
-         */
-        this.dismissible = false;
-        /**
-         * Controls the visibility of the notification.
-         */
-        this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
-        //#endregion EVENTS
-        /****************************************************************************/
-        //#region INTERNAL
-        this.iconByFeedback = {
-            [constantsD0f19e7b.FeedbackColors.Warning]: 'alert-circle',
-            [constantsD0f19e7b.FeedbackColors.Information]: 'info-circle',
-            [constantsD0f19e7b.FeedbackColors.Success]: 'circle-check',
-            [constantsD0f19e7b.FeedbackColors.Error]: 'alert-triangle',
-            [constantsD0f19e7b.FeedbackColors.Neutral]: 'help',
-        };
-        this.roleByFeedback = {
-            [constantsD0f19e7b.FeedbackColors.Error]: 'alert',
-            [constantsD0f19e7b.FeedbackColors.Warning]: 'alert',
-            [constantsD0f19e7b.FeedbackColors.Information]: 'status',
-            [constantsD0f19e7b.FeedbackColors.Success]: 'status',
-            [constantsD0f19e7b.FeedbackColors.Neutral]: 'status',
-        };
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    async dismiss() {
-        await this.dismissAnimation();
-    }
-    getDefaultIcon() {
-        var _a;
-        return (_a = this.iconByFeedback[this.feedback]) !== null && _a !== void 0 ? _a : 'info-circle';
-    }
-    getAriaRole() {
-        var _a;
-        return (_a = this.roleByFeedback[this.feedback]) !== null && _a !== void 0 ? _a : 'status';
-    }
-    getAriaLive() {
-        return this.getAriaRole() === 'alert' ? 'assertive' : 'polite';
-    }
-    getHeadingId() {
-        return this.heading ? `nv-notification-${this.uid}-heading` : null;
-    }
-    getMessageId() {
-        return this.message ? `nv-notification-${this.uid}-message` : null;
-    }
-    async dismissAnimation() {
-        const { fadeOut } = fade_animationEb454088.useFade(this.container, { duration: 300 });
-        const { slideOut } = useSlide(this.container, { duration: 800 });
-        const { collapse } = collapse_animationAcda1bf5.useCollapse(this.el, {
-            duration: 800,
-            overflow: 'visible',
-        });
-        await timeline_animation79215cd4.parallel(fadeOut, slideOut, collapse).start();
-        this.hidden = true;
-        this.hiddenChanged.emit(true);
-    }
-    //#endregion INTERNAL
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        this.headingSlot = this.el.querySelector('[slot="heading"]');
-        this.messageSlot = this.el.querySelector('[slot="content"]');
-        this.actionsSlot = this.el.querySelector('[slot="actions"]');
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        var _a, _b, _c;
-        return (index.h(index.Host, { key: '9146cea4ed72801aadf2fb4b7e44895038c98437', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": (_a = this.getHeadingId()) !== null && _a !== void 0 ? _a : null, "aria-describedby": (_b = this.getMessageId()) !== null && _b !== void 0 ? _b : null, tabindex: "-1" }, index.h("div", { key: 'beed9ae5f6fac1b0c6d103dd75a41e0aede84041', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (index.h("button", { key: '8e17f33867c2563de719dc1b0f0e2d4ae39ad1a6', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, index.h("nv-icon", { key: 'cb8850135bb2383e33a16671569547611b55e434', name: "x", size: "sm" }))), index.h("nv-icon", { key: 'f5f58e1c3a94d854841271eb12af047322b2f0b4', name: (_c = this.icon) !== null && _c !== void 0 ? _c : this.getDefaultIcon(), size: "md" }), index.h("div", { key: '9c6f6bb0315cd25260d483472a24832031ce45da', "data-scope": "content" }, (this.heading || this.headingSlot) && (index.h("p", { key: '1013d6b6790f75682a1db0e43293b61e614f1c07', id: this.getHeadingId(), "data-scope": "heading" }, index.h("slot", { key: '844a7bccf6f365d4e59dfdec9b3c9096cbeda798', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (index.h("p", { key: '6688e9dc927f6164ce60f27b84fdbeb257296504', id: this.getMessageId(), "data-scope": "message" }, index.h("slot", { key: 'f0c0790faa40411970575240a081f0f0bf0e9aff', name: "content" }, this.message))), this.actionsSlot && (index.h("div", { key: '0ba946edf5b3a8410da3b375e589613a2674fd15', "data-scope": "actions" }, index.h("slot", { key: '0360ab92db66957f0290569c39307ced2be5922d', name: "actions" })))))));
-    }
-    get el() { return index.getElement(this); }
-};
-NvNotification.style = NvNotificationStyle0;
-
-exports.nv_notification = NvNotification;

package/dist/cjs/nv-table.entry-Dxg0j3fe.js

@@ -1,338 +0,0 @@
-'use strict';
-
-var index = require('./index-CKAZvszR.js');
-var dom_utilsAc71e0ef = require('./dom.utils-ac71e0ef-CmIwRr6O.js');
-require('react');
-
-const nvTableCss = "nv-table{display:block}nv-table .hidden{display:none}nv-table table{border-collapse:collapse;border-color:inherit;text-indent:0;width:100%}nv-table 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-table 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-table tbody>tr:hover{background:var(--color-interaction-container-neutral-background-hover)}";
-const NvTableStyle0 = nvTableCss;
-
-const NvTable = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.action = index.createEvent(this, "action");
-        this.templateCache = new Map();
-        this.headerTemplateCache = new Map();
-        /****************************************************************************/
-        //#region STATES
-        this.parsedColumns = [];
-        this.parsedData = [];
-        this.table = null;
-        //#endregion STATES
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Data to be displayed in the table
-         */
-        this.data = [];
-        /**
-         * Configuration of the columns of the table
-         */
-        this.columnsConfig = [];
-        /**
-         * Fallback value to be displayed when data is not available
-         */
-        this.fallbackValue = 'N/A';
-        /**
-         * Message to be displayed when no data is available
-         */
-        this.noDataMessage = 'No data available';
-        /**
-         * The message to display when there are no columns or data available.
-         * @default 'No data or columns available to display.'
-         */
-        this.noColumnsNoDataMessage = 'No data or columns available to display.';
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Caches templates for cells and headers upfront to improve performance.
-     */
-    cacheTemplates() {
-        const columns = Array.from(this.el.querySelectorAll('nv-tablecolumn'));
-        columns.forEach((col) => {
-            const key = col.name;
-            const cellSlot = col.querySelector('[slot="cell"]');
-            if (cellSlot) {
-                const element = dom_utilsAc71e0ef.deepCopyElement(cellSlot);
-                this.templateCache.set(key, element);
-            }
-            const headerSlot = col.querySelector('[slot="header"]');
-            if (headerSlot) {
-                const element = dom_utilsAc71e0ef.deepCopyElement(headerSlot);
-                this.headerTemplateCache.set(key, element);
-            }
-            else {
-                const header = col.header;
-                if (header) {
-                    const headerDiv = document.createElement('div');
-                    headerDiv.textContent = header;
-                    this.headerTemplateCache.set(key, headerDiv);
-                }
-            }
-        });
-    }
-    parseDataAndColumns() {
-        if (this.dataJson) {
-            this.parseJsonData(this.dataJson);
-        }
-        else if (this.data && this.data.length > 0) {
-            this.parseDataArray(this.data, this.parsedData);
-        }
-        if (this.columnsConfigJson) {
-            this.parseJsonColumns(this.columnsConfigJson, this.parsedColumns);
-        }
-        else if (this.columnsConfig && this.columnsConfig.length > 0) {
-            this.parseColumnsArray(this.columnsConfig, this.parsedColumns);
-        }
-        else if (this.headerTemplateCache.size > 0) {
-            const headerKeys = Array.from(this.headerTemplateCache.keys());
-            const arrayColumnsConfig = headerKeys.map(key => (Object.assign({}, { name: key, header: key ? key.charAt(0).toUpperCase() + key.slice(1) : '' })));
-            this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
-        }
-        else if (this.parsedData.length > 0) {
-            const firstRow = this.parsedData[0];
-            const arrayColumnsConfig = Object.keys(firstRow).map(key => ({
-                name: key,
-                header: key.charAt(0).toUpperCase() + key.slice(1),
-            }));
-            this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
-        }
-    }
-    deepEqual(a, b) {
-        return JSON.stringify(a) === JSON.stringify(b);
-    }
-    /**
-     * Parses the data array and sets the state accordingly
-     * @param {any[]} newValue - New value of the data array
-     * @param {any[]} oldValue - Old value of the data array
-     * @returns {void}
-     */
-    parseDataArray(newValue, oldValue) {
-        // Ensure both are arrays for proper comparison
-        const safeNewValue = Array.isArray(newValue) ? newValue : [];
-        const safeOldValue = Array.isArray(oldValue) ? oldValue : [];
-        if (this.deepEqual(safeNewValue, safeOldValue)) {
-            return; // Deep comparison
-        }
-        this.parsedData = Array.isArray(newValue) ? newValue : [];
-    }
-    /**
-     * Parses the columns array and sets the state accordingly
-     * @param {ColumnConfig[]} newValue - New value of the columns array
-     * @param {ColumnConfig[]} oldValue - Old value of the columns array
-     * @returns {void}
-     */
-    parseColumnsArray(newValue, oldValue) {
-        // Ensure both are arrays for proper comparison
-        const safeNewValue = Array.isArray(newValue) ? newValue : [];
-        const safeOldValue = Array.isArray(oldValue) ? oldValue : [];
-        // Use a proper deep comparison function (e.g., Lodash's isEqual)
-        if (this.deepEqual(safeNewValue, safeOldValue)) {
-            return;
-        }
-        // Assign only after confirming changes
-        this.parsedColumns = safeNewValue;
-    }
-    initializeTable() {
-        // Clear the previous table instance (if any)
-        this.table = null;
-        if (this.parsedColumns.length > 0) {
-            this.table = {
-                columns: this.parsedColumns,
-                data: this.getTableData(),
-            };
-        }
-        else {
-            this.table = null;
-        }
-    }
-    getTableData() {
-        if (this.parsedData &&
-            Array.isArray(this.parsedData) &&
-            this.parsedData.length > 0) {
-            return [...this.parsedData];
-        }
-        else {
-            return [];
-        }
-    }
-    // Helper function to get nested property value
-    replaceKeyWithValue(obj, path) {
-        var _a;
-        return ((_a = path
-            .split('.')
-            .reduce((acc, key) => (acc && acc[key] !== undefined ? acc[key] : undefined), obj)) !== null && _a !== void 0 ? _a : this.fallbackValue);
-    }
-    renderTemplate(template, row) {
-        if (!template) {
-            return null;
-        }
-        // Handle <template> elements correctly
-        const templateContent = template instanceof HTMLTemplateElement ? template.content : template;
-        const element = dom_utilsAc71e0ef.deepCopyElement(templateContent);
-        // Replace placeholders in text content, attributes, and properties
-        element.querySelectorAll('*').forEach(el => {
-            // Replace placeholders in text content
-            this.replacePlaceholdersTextContent(el, row);
-            // Replace placeholders in attributes
-            this.replacePlaceholdersAttributes(el, row);
-            // Replace placeholders in properties
-            this.replacePlaceholdersProperties(el, row);
-        });
-        // Handle `data-bind-event`
-        element.querySelectorAll('[data-bind-event]').forEach(el => {
-            const bindEvent = el.getAttribute('data-bind-event') || '';
-            const splitted = bindEvent.split(':');
-            if (!bindEvent.includes(':') || splitted.length < 2) {
-                console.warn('Invalid data-bind-event format:', bindEvent);
-                return;
-            }
-            const eventType = splitted[0];
-            const keyAction = splitted[1];
-            const details = splitted.length > 2 ? splitted[2] : null;
-            el.addEventListener(eventType, () => {
-                var _a;
-                const keys = (_a = details === null || details === void 0 ? void 0 : details.split(',')) !== null && _a !== void 0 ? _a : [];
-                // Convert keys into a single object instead of an array of objects
-                const keyValue = keys.reduce((acc, key) => {
-                    acc[key] = row === null || row === void 0 ? void 0 : row[key];
-                    return acc;
-                }, {});
-                const action = { keyAction, details: keyValue };
-                this.action.emit(action);
-            });
-        });
-        // Ensure Web Components are properly connected
-        setTimeout(() => {
-            element.querySelectorAll('*').forEach(child => {
-                if (typeof child.connectedCallback === 'function') {
-                    child.connectedCallback();
-                }
-            });
-        }, 0);
-        return (index.h("div", { ref: el => {
-                if (el) {
-                    el.innerHTML = ''; // Remove existing content
-                    el.appendChild(element); // Append new element
-                }
-            } }));
-    }
-    replacePlaceholdersTextContent(element, row) {
-        // ✅ Replace placeholders in text content
-        element.childNodes.forEach(node => {
-            if (node.nodeType === Node.TEXT_NODE) {
-                node.textContent = node.textContent.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(row, key));
-            }
-        });
-    }
-    replacePlaceholdersAttributes(element, row) {
-        // ✅ Replace placeholders in attributes
-        Array.from(element.attributes).forEach(attr => {
-            if (attr.value.includes('__')) {
-                attr.value = attr.value.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(row, key));
-            }
-        });
-    }
-    replacePlaceholdersProperties(element, row) {
-        // ✅ 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 and exclude irrelevant ones
-        properties.forEach(prop => {
-            if (typeof element[prop] !== 'function' && // Ignore methods
-                !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)
-                !dom_utilsAc71e0ef.excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props
-            ) {
-                try {
-                    const value = element[prop];
-                    // ✅ Replace placeholders only if the value is a string
-                    if (typeof value === 'string' && value.includes('__')) {
-                        element[prop] = value.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(row, key)); // ✅ TypeScript safe
-                    }
-                }
-                catch (error) {
-                    console.warn(`Could not assign property ${prop}:`, error.message);
-                }
-            }
-        });
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region WATCHERS
-    parseColumns(newValue, oldValue) {
-        this.parseColumnsArray(newValue, oldValue);
-    }
-    parseJsonColumns(newValue, oldValue) {
-        try {
-            const newItems = newValue ? JSON.parse(newValue) : [];
-            this.parseColumnsArray(newItems, oldValue);
-        }
-        catch (e) {
-            console.error('Invalid JSON format for columnsConfigJson:', e.message);
-            this.parsedColumns = [];
-        }
-    }
-    parseData(newValue, oldValue) {
-        this.parseDataArray(newValue, oldValue);
-    }
-    parseJsonData(newValue) {
-        try {
-            const newItems = newValue ? JSON.parse(newValue) : [];
-            this.parseDataArray(newItems, this.parsedData);
-        }
-        catch (e) {
-            console.error('Invalid JSON format for dataJson:', e.message);
-            this.parsedData = [];
-        }
-    }
-    handleParsedChange() {
-        this.initializeTable();
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        this.cacheTemplates();
-        this.parseDataAndColumns();
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        const headerGroups = !this.table || this.table === undefined || this.parsedColumns.length === 0
-            ? []
-            : this.table.columns;
-        const rows = !this.table || this.table === undefined || this.parsedData.length === 0
-            ? []
-            : this.table.data;
-        return (index.h(index.Host, { key: 'ea0b3237145fbc199d356010f1e001797afc52d6' }, index.h("div", { key: 'd3bf41bad48e549d1799b2c8e55a308a7d767973', class: "hidden" }, index.h("slot", { key: '8263220ebd266240b16228b67f8d215d7d56afd7' })), index.h("slot", { key: '36d43d6870cf9a6021521579c0507afd1fe85081', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", { class: "table-header" }, index.h("tr", null, headerGroups &&
-            headerGroups.map(col => {
-                return (index.h("th", { key: col.name }, this.renderTemplate(this.headerTemplateCache.get(col.name), {}) || col.header));
-            })))), index.h("tbody", { class: "table-body" }, !rows || rows.length === 0 ? (index.h("tr", null, index.h("td", { colSpan: headerGroups.length || 12, class: "no-data" }, this.noDataMessage))) : (rows.map(row => (index.h("tr", { key: JSON.stringify(row) }, headerGroups.map(col => {
-            var _a;
-            return (index.h("td", null, this.renderTemplate(this.templateCache.get(col.name), row) ||
-                ((_a = row[col.name]) !== null && _a !== void 0 ? _a : this.fallbackValue)));
-        })))))))), index.h("slot", { key: '233b61e9099f58ca0eeeb7d0f7fdc7bd71bc9065', name: "after" })));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "columnsConfig": ["parseColumns"],
-        "columnsConfigJson": ["parseJsonColumns"],
-        "data": ["parseData"],
-        "dataJson": ["parseJsonData"],
-        "parsedColumns": ["handleParsedChange"],
-        "parsedData": ["handleParsedChange"]
-    }; }
-};
-NvTable.style = NvTableStyle0;
-
-exports.nv_table = NvTable;

package/dist/cjs/nv-tablecolumn.entry--29MFEe9.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var index = require('./index-CKAZvszR.js');
-require('react');
-
-const NvTablecolumn = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return null;
-    }
-};
-
-exports.nv_tablecolumn = NvTablecolumn;

package/dist/cjs/nv-toggle.entry-D0eQoEqf.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var index = require('./index-CKAZvszR.js');
-var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
-var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
-require('react');
-
-const nvToggleCss = "nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-toggle label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-toggle-border-default);background:var(--components-toggle-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-toggle-shape-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-toggle-border-hover)}nv-toggle .input-container input[type=checkbox]:hover::after{background-color:var(--components-toggle-shape-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:focus::after{background-color:var(--components-toggle-shape-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-toggle-background-default-checked);border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-toggle-shape-default-checked);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-toggle-background-default-checked);border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-toggle-background-disabled);border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked{background:var(--components-toggle-background-disabled-checked);border-color:var(--components-toggle-border-disabled-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-toggle-shape-disabled-checked)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
-const NvToggleStyle0 = nvToggleCss;
-
-const NvToggle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.checkedChanged = index.createEvent(this, "checkedChanged");
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Sets the ID for the radio button’s input element and the for attribute of
-         * the associated label. If no ID is provided, a random one will be
-         * automatically generated to ensure unique identification, facilitating
-         * proper label association and accessibility.
-         */
-        this.inputId = v4A79185f4.v4();
-        /**
-         * Hides the label visually while still keeping it available for screen
-         * readers.
-         */
-        this.hideLabel = false;
-        /** Indicates whether the toggle is checked or not. */
-        this.checked = false;
-        /** Disables the toggle, preventing user interaction. */
-        this.disabled = false;
-        /**
-         * Sets the toggle to read-only, preventing user changes but still allowing
-         * focus and selection of text.
-         */
-        this.readonly = false;
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region WATCHERS
-    /**
-     * Watches for changes to the checked state and emits the new value.
-     * @param {boolean} checked - The new value of the checked state.
-     */
-    onCheckedChanged(checked) {
-        this.checkedChanged.emit(checked);
-    }
-    /**
-     * Listens for the change event on the toggle input element and updates the checked state.
-     * the checked state of the host elements.
-     * @param {Event} event - The change event.
-     */
-    handleChange(event) {
-        const target = event.target;
-        if (target.type === 'checkbox' && target.id === this.inputId) {
-            if (this.readonly || this.disabled) {
-                event.preventDefault();
-                return;
-            }
-            this.checked = target.checked;
-        }
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (index.h(index.Host, { key: 'db161d2edfcf7f83381b6431c8bc70a22c04fbf3', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '086d6c429b4b7bcaa23093b13d30cf6ba21912f8', class: "input-container" }, index.h("input", { key: 'e83f407f2c3643c245198131a7991545b73dde78', 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 })), index.h("div", { key: 'eb5af410d1c643c70a4364948bf8fad9d54e74df', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '54793fd81258bee7676801f23da4f5fb554242bf', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '6af650d9677d1eb0f8cfa77cbcd6318f2d6f8aaf', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '2c157429288779ad6cc18d4e318e64830a657c54', class: "description" }, index.h("slot", { key: 'fcfae2a0d7cdcc76d4b23c4b376c8e2496e11bb5', name: "description" }, this.description))))));
-    }
-    static get formAssociated() { return true; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "checked": ["onCheckedChanged"]
-    }; }
-};
-NvToggle.style = NvToggleStyle0;
-
-exports.nv_toggle = NvToggle;