@nova-design-system/nova-react 3.1.0 → 3.3.0

package/dist/cjs/{nv-col.entry-DFhv-GI7.js → nv-col.entry-B4BJXJw-.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-BlWxX8x6.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 

package/dist/cjs/{nv-datagrid.entry-BoB17gvI.js → nv-datagrid.entry-D5UVDiYl.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-BlWxX8x6.js');
 var dom_utilsAc71e0ef = require('./dom.utils-ac71e0ef-CmIwRr6O.js');
-var constantsB97e736d = require('./constants-b97e736d-BzFAKCkR.js');
+var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
 require('react');
 
 /**
@@ -3459,9 +3459,9 @@ const NvDatagrid = class {
                 return;
             const nextOrder = header.column.getNextSortingOrder();
             switch (nextOrder) {
-                case constantsB97e736d.SortingPossibility.Asc:
+                case constants4faa1fae.SortingPossibility.Asc:
                     return 'Sort ascending';
-                case constantsB97e736d.SortingPossibility.Desc:
+                case constants4faa1fae.SortingPossibility.Desc:
                     return 'Sort descending';
                 default:
                     return 'Clear sort';
@@ -3501,34 +3501,37 @@ const NvDatagrid = class {
                 header: col.header,
                 accessor: col.accessor,
                 repeatTemplate: col.hasAttribute('repeat-template'),
+                group: col.group,
             };
             this.columnData.push(colData);
         });
+        console.info('cacheTemplates this.columnData:', this.columnData);
     }
     parseDataAndColumns() {
-        if (this.dataJson) {
-            this.parseJsonData(this.dataJson);
-        }
-        else if (this.data && this.data.length > 0) {
+        if (this.data && this.data.length > 0) {
             this.parseDataArray(this.data, this.parsedData);
         }
-        if (this.columnsJson) {
-            this.parseJsonColumns(this.columnsJson, this.parsedColumns);
-        }
-        else if (this.columns && this.columns.length > 0) {
+        if (this.columns && this.columns.length > 0) {
             this.parseColumnsArray(this.columns, this.parsedColumns);
         }
         else if (this.headerTemplateCache.size > 0) {
             const headerKeys = Array.from(this.headerTemplateCache.keys());
-            const arrayColumnsConfig = headerKeys.map(key => (Object.assign({}, { accessor: key, header: key ? key.charAt(0).toUpperCase() + key.slice(1) : '' })));
+            const arrayColumnsConfig = headerKeys.map(key => {
+                var _a, _b;
+                return (Object.assign({}, { accessor: key, header: key ? key.charAt(0).toUpperCase() + key.slice(1) : '', group: (_b = (_a = this.columnData.find(x => x.accessor === key)) === null || _a === void 0 ? void 0 : _a.group) !== null && _b !== void 0 ? _b : 'ungrouped' }));
+            });
             this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
         }
         else if (this.parsedData.length > 0) {
             const firstRow = this.parsedData[0];
-            const arrayColumnsConfig = Object.keys(firstRow).map(key => ({
-                accessor: key,
-                header: key.charAt(0).toUpperCase() + key.slice(1),
-            }));
+            const arrayColumnsConfig = Object.keys(firstRow).map(key => {
+                var _a, _b;
+                return ({
+                    accessor: key,
+                    header: key.charAt(0).toUpperCase() + key.slice(1),
+                    group: (_b = (_a = this.columnData.find(x => x.accessor === key)) === null || _a === void 0 ? void 0 : _a.group) !== null && _b !== void 0 ? _b : 'ungrouped',
+                });
+            });
             if (this.autoGenerateColumns) {
                 this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
             }
@@ -3571,6 +3574,7 @@ const NvDatagrid = class {
         var _a, _b, _c, _d;
         // Clear the previous table instance (if any)
         this.table = null;
+        console.info('initializeTable this.columnData:', this.columnData);
         // Set default options for the table
         const tableOptions = {
             columns: [],
@@ -3629,10 +3633,14 @@ const NvDatagrid = class {
             if (hasData) {
                 // No parsed columns and data is available
                 const firstRow = this.parsedData[0];
-                const arrayColumnsConfig = Object.keys(firstRow).map(key => ({
-                    accessor: key,
-                    header: key.charAt(0).toUpperCase() + key.slice(1),
-                }));
+                const arrayColumnsConfig = Object.keys(firstRow).map(key => {
+                    var _a, _b;
+                    return ({
+                        accessor: key,
+                        header: key.charAt(0).toUpperCase() + key.slice(1),
+                        group: (_b = (_a = this.columnData.find(x => x.accessor === key)) === null || _a === void 0 ? void 0 : _a.group) !== null && _b !== void 0 ? _b : 'ungrouped',
+                    });
+                });
                 if (this.autoGenerateColumns) {
                     this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
                 }
@@ -3789,70 +3797,76 @@ const NvDatagrid = class {
     }
     // Helper function to generate column definitions
     generateColumns(validColumns, tableOptions) {
-        let generatedColumns = [];
+        console.info('generateColumns this.columnData:', this.columnData);
+        console.info('generateColumns validColumns:', validColumns);
+        let processedColumns = validColumns || [];
         const columnHelper = createColumnHelper();
-        if (validColumns.length > 0) {
-            // Use defined columns
-            generatedColumns = validColumns.map(column => {
+        // If no columns provided or autoGenerateColumns is true, generate them from data
+        if ((!validColumns && tableOptions.data && tableOptions.data.length > 0) ||
+            (validColumns.length <= 0 &&
+                tableOptions.data &&
+                tableOptions.data.length > 0)) {
+            const sampleRow = tableOptions.data[0];
+            processedColumns = Object.keys(sampleRow).map(key => {
                 var _a, _b;
-                const identifiedColumnDef = {
-                    header: (_b = (this.renderTemplate(this.headerTemplateCache.get(column.accessor), (_a = column.header) !== null && _a !== void 0 ? _a : column.accessor, null) ||
-                        column.header)) !== null && _b !== void 0 ? _b : column.accessor,
-                    cell: (info) => {
-                        var _a, _b, _c;
-                        const value = info.getValue();
-                        const cellAccessors = column.accessor;
-                        const row = info.row;
-                        return ((_a = this.columnData.find(x => x.accessor === cellAccessors)) === null || _a === void 0 ? void 0 : _a.repeatTemplate) && Array.isArray(value)
-                            ? value.map((item) => {
-                                var _a, _b;
-                                return (_b = (_a = (this.renderTemplate(this.templateCache.get(cellAccessors), item, row) ||
-                                    item)) !== null && _a !== void 0 ? _a : value) !== null && _b !== void 0 ? _b : this.fallbackValue;
-                            })
-                            : (_c = (_b = (this.renderTemplate(this.templateCache.get(cellAccessors), value, row) ||
-                                value)) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : this.fallbackValue;
-                    },
-                    enableGlobalFilter: this.enableGlobalFilter,
-                    enableSorting: this.enableSorting,
-                };
-                if (this.enableSorting) {
-                    identifiedColumnDef.sortUndefined = 'last'; // Force undefined values to the end
-                    identifiedColumnDef.sortDescFirst = false; // First sort order will be ascending (nullable values can mess up auto detection of sort order)
-                }
-                return columnHelper.accessor(column.accessor, identifiedColumnDef);
+                return ({
+                    header: key.charAt(0).toUpperCase() + key.slice(1),
+                    accessor: key,
+                    group: (_b = (_a = this.columnData.find(x => x.accessor === key)) === null || _a === void 0 ? void 0 : _a.group) !== null && _b !== void 0 ? _b : 'ungrouped',
+                    headerSlot: null,
+                    cellSlot: null,
+                });
             });
         }
-        else if (tableOptions.data && tableOptions.data.length > 0) {
-            // Generate columns from data keys
-            const sampleRow = tableOptions.data[0];
-            generatedColumns = Object.keys(sampleRow).map(key => {
-                const identifiedColumnDef = {
-                    header: this.renderTemplate(this.headerTemplateCache.get(key), key.charAt(0).toUpperCase() + key.slice(1), null) || key.charAt(0).toUpperCase() + key.slice(1), // Capitalize key for header
-                    cell: (info) => {
-                        var _a, _b, _c;
-                        const value = info.getValue();
-                        const cellAccessors = key;
-                        const row = info.row;
-                        return ((_a = this.columnData.find(x => x.accessor === cellAccessors)) === null || _a === void 0 ? void 0 : _a.repeatTemplate) && Array.isArray(value)
-                            ? value.map((item) => {
-                                var _a, _b;
-                                return (_b = (_a = (this.renderTemplate(this.templateCache.get(cellAccessors), item, row) ||
-                                    item)) !== null && _a !== void 0 ? _a : value) !== null && _b !== void 0 ? _b : this.fallbackValue;
-                            })
-                            : (_c = (_b = (this.renderTemplate(this.templateCache.get(cellAccessors), value, row) ||
-                                value)) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : this.fallbackValue;
-                    },
-                    enableGlobalFilter: this.enableGlobalFilter,
-                    enableSorting: this.enableSorting,
-                };
-                if (this.enableSorting) {
-                    identifiedColumnDef.sortUndefined = 'last'; // Force undefined values to the end
-                    identifiedColumnDef.sortDescFirst = false; // First sort order will be ascending (nullable values can mess up auto detection of sort order)
-                }
-                return columnHelper.accessor(key, identifiedColumnDef);
+        // Group columns by their group property
+        const groupedColumns = processedColumns.reduce((acc, column) => {
+            let group = column.group || 'ungrouped';
+            if (group == 'ungrouped') {
+                group = group + processedColumns.findIndex(x => x == column);
+            }
+            if (!acc[group]) {
+                acc[group] = [];
+            }
+            acc[group].push(column);
+            return acc;
+        }, {});
+        // Transform each column into a ColumnDef
+        const createColumnDef = (column) => {
+            var _a, _b, _c;
+            return columnHelper.accessor(column.accessor, {
+                header: (_c = (_b = this.renderTemplate(this.headerTemplateCache.get(column.accessor), (_a = column.header) !== null && _a !== void 0 ? _a : column.accessor, null)) !== null && _b !== void 0 ? _b : column.header) !== null && _c !== void 0 ? _c : column.accessor,
+                cell: (info) => {
+                    var _a, _b, _c;
+                    const value = info.getValue();
+                    const row = info.row;
+                    return ((_a = this.columnData.find(x => x.accessor === column.accessor)) === null || _a === void 0 ? void 0 : _a.repeatTemplate) && Array.isArray(value)
+                        ? value.map((item) => {
+                            var _a, _b, _c;
+                            return (_c = (_b = (_a = this.renderTemplate(this.templateCache.get(column.accessor), item, row)) !== null && _a !== void 0 ? _a : item) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : this.fallbackValue;
+                        })
+                        : (_c = (_b = this.renderTemplate(this.templateCache.get(column.accessor), value, row)) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : this.fallbackValue;
+                },
+                sortUndefined: 'last',
+                sortDescFirst: false,
+                enableSorting: this.enableSorting, // Explicitly set enableSorting based on the sorting prop
+                enableGlobalFilter: this.enableGlobalFilter, // Explicity set enableGlobalFilter based on the globalFiltering prop
             });
-        }
-        else ;
+        };
+        // Create the final column structure
+        let generatedColumns = Object.entries(groupedColumns)
+            .map(([groupName, groupColumns]) => {
+            if (groupName.includes('ungrouped')) {
+                return groupColumns.map(createColumnDef);
+            }
+            return {
+                id: groupName,
+                header: groupName,
+                columns: groupColumns.map(createColumnDef),
+                enableSorting: this.enableSorting, // Also apply to column groups
+                enableGlobalFilter: this.enableGlobalFilter, // Also apply to column groups
+            };
+        })
+            .flat();
         if (this.enableRowSelection) {
             const rowSelection = columnHelper.accessor('select', {
                 header: ({ table }) => {
@@ -4139,10 +4153,10 @@ const NvDatagrid = class {
         if (!header.column.getCanSort())
             return null;
         const sortState = header.column.getIsSorted();
-        if (sortState === constantsB97e736d.SortingPossibility.Asc) {
+        if (sortState === constants4faa1fae.SortingPossibility.Asc) {
             return (index.h("div", { class: "inline-flex align-middle" }, index.h("nv-icon", { name: "arrow-up" })));
         }
-        if (sortState === constantsB97e736d.SortingPossibility.Desc) {
+        if (sortState === constants4faa1fae.SortingPossibility.Desc) {
             return (index.h("div", { class: "inline-flex align-middle" }, index.h("nv-icon", { name: "arrow-down" })));
         }
         return null;
@@ -4158,9 +4172,9 @@ const NvDatagrid = class {
         const sortIcon = this.getArrowSorting(header);
         const handleClick = this.createSortingClickHandler(header);
         if (this.enableRowSelection) {
-            return (index.h("th", { key: header.id }, content, " "));
+            return (index.h("th", { key: header.id, colSpan: header.colSpan }, content, " "));
         }
-        const returnHtml = (index.h("th", { key: header.id }, index.h("button", { type: "button", class: isSortable
+        const returnHtml = (index.h("th", { key: header.id, colSpan: header.colSpan }, index.h("button", { type: "button", class: isSortable
                 ? 'w-full text-left cursor-pointer select-none bg-transparent border-none p-0 m-0 focus:outline-none'
                 : 'w-full text-left bg-transparent border-none p-0 m-0 cursor-default', onClick: handleClick, title: sortTitle }, index.h("span", { class: "inline-flex items-center gap-1" }, content, sortIcon))));
         return returnHtml;
@@ -4181,29 +4195,9 @@ const NvDatagrid = class {
     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 columnsJson:', 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();
     }
@@ -4295,7 +4289,7 @@ const NvDatagrid = class {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : (_c = (_b = this.table) === null || _b === void 0 ? void 0 : _b.getRowModel()) === null || _c === void 0 ? void 0 : _c.rows;
-        return (index.h(index.Host, { key: '7ed48645de6272bb3fed7897406e2a798021bba2' }, index.h("div", { key: '4ae6135c7ca302e06c3d26509dbf813128631a2e', class: "hidden" }, index.h("slot", { key: '3f8078b877a4e2ebe46842fc3a52d7059cb3cc68' })), index.h("slot", { key: 'c97cb30a0ce80dc8c25c2b855eb6086937dbe76b', name: "before" }), this.enableGlobalFilter && this.table && (index.h("div", { key: '68cd75ed6ecad3de049797ebfe7787f5a0b357fa', class: `search-container justify-${this.globalFilterPosition}` }, index.h("nv-fieldtext", { key: '80b4f8b50c3dda39555597a44707f3a296fbb8e6', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("div", null, index.h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", null, this.parsedColumns.length > 0 && headerGroups
+        return (index.h(index.Host, { key: '90be657fa9c7f8755391f8d91418399de742ae1f' }, index.h("div", { key: 'f28596438b7c9c22b34789236c5faa644938d1dc', class: "hidden" }, index.h("slot", { key: 'fdc1670cc6bafb5f1efa8c63d41acbfd15659de6' })), index.h("slot", { key: '65afa2282af4842bcb23f8baa592545fe3b74fa3', name: "before" }), this.enableGlobalFilter && this.table && (index.h("div", { key: '8628a23712471690b6a6239a289dd8263aed423c', class: `search-container justify-${this.globalFilterPosition}` }, index.h("nv-fieldtext", { key: '42c56dd6ba426e2045c02b3754fae3562632c49f', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("div", null, index.h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", null, this.parsedColumns.length > 0 && headerGroups
             ? headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map(headerGroup => (index.h("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
                 return this.getHeaderCell(header);
             }))))
@@ -4306,14 +4300,12 @@ const NvDatagrid = class {
                 return (index.h("td", { key: cell.id, "data-row-id": rowId }, this.flexRender(cell.column.columnDef.cell, cell.getContext())));
             })));
         }))), this.table && this.enableRowSelection ? (index.h("tfoot", null, index.h("tr", null, index.h("td", { colSpan: 20 }, this.enableRowSelection && this.table ? (index.h("div", null, this.rowSelectionState &&
-            Object.keys(this.rowSelectionState).length > 0 ? (index.h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', ((_e = (_d = this.table.getPreFilteredRowModel()) === null || _d === void 0 ? void 0 : _d.rows) === null || _e === void 0 ? void 0 : _e.length) || 0, ' ', "Total Rows Selected")) : (index.h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), index.h("slot", { key: 'f7209e67ff423310bb4b59b866f486ade897781a', name: "after" })));
+            Object.keys(this.rowSelectionState).length > 0 ? (index.h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', ((_e = (_d = this.table.getPreFilteredRowModel()) === null || _d === void 0 ? void 0 : _d.rows) === null || _e === void 0 ? void 0 : _e.length) || 0, ' ', "Total Rows Selected")) : (index.h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), index.h("slot", { key: 'e1641d8fd103b0802e1df4f0848f0de921260065', name: "after" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "columns": ["parseColumns"],
-        "columnsJson": ["parseJsonColumns"],
         "data": ["parseData"],
-        "dataJson": ["parseJsonData"],
         "parsedColumns": ["handleParsedChange"],
         "parsedData": ["handleParsedChange"],
         "globalFilterSearchTerm": ["handleGlobalFilterSearchTerm"],

package/dist/cjs/{nv-datagridcolumn.entry-C3MYBmfS.js → nv-datagridcolumn.entry-dmpcmCIT.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-BlWxX8x6.js');
 require('react');
 
 const NvDatagridcolumn = class {
@@ -15,7 +15,7 @@ const NvDatagridcolumn = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '20839d4a0abfa07e55a49b434ad26e3ddaebb66b' }, index.h("slot", { key: '2c1b24aef73e9be8e500d48741e4dc6a42ed6f06', name: "header" }), index.h("slot", { key: 'cbc4bcbb080f8647c6f702e4a52411fe9be1f6ca', name: "cell" })));
+        return (index.h(index.Host, { key: 'daa7b24c99857d7467f0a5ce0b69dcbeb42577e7' }, index.h("slot", { key: '8c2fe1f1b806322cdf1c89b9243dd0d094e565eb', name: "header" }), index.h("slot", { key: '81ae95ccd66f88c05253fde0ec9e0d20e02e5304', name: "cell" })));
     }
 };
 

package/dist/cjs/{nv-dialog.entry-OA3qL3Tx.js → nv-dialog.entry-BYovzkco.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-BlWxX8x6.js');
 var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
-var constantsB97e736d = require('./constants-b97e736d-BzFAKCkR.js');
+var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 
@@ -782,7 +782,7 @@ const NvDialog = class {
     //#region RENDER
     render() {
         const hasForm = this.form || this.el.querySelector('form');
-        return (index.h(index.Host, { key: 'c1eb9b79f52028c3ef7a57bad99260a45b678eb5' }, index.h("slot", { key: '65a624853aa7242dc849a1196c6b5b8c331d426f', name: "trigger" }), index.h("dialog", { key: '17369b9be014e9136d77f99628b4bc8184d36370', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx297c1ffe.clsx({ full: this.full }) }, index.h("div", { key: '8a17cd8deff162b333e2ac90c487454743d76f3d', class: "content" }, !this.undismissable && (index.h("nv-button", { key: 'd61a63785ce284ce2039be5c62d6e2bcce2a9b44', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, index.h("nv-icon", { key: '5a0adb449785bc684c41d0e35aad08ccb725386a', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-dialogheader", { id: "dialog-header" })), index.h("div", { key: '7c39e52d8fe6fc9ab2fdc2574a0c105d790bbfbe', class: "content-body", id: "dialog-content" }, index.h("slot", { key: '038d9f3623177af5d996631dd9ae25fec49fd778' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? constantsB97e736d.ButtonType.Submit : constantsB97e736d.ButtonType.Button, onDialogCanceled: this.handleCancelButton, undismissable: this.undismissable }))))));
+        return (index.h(index.Host, { key: 'c1eb9b79f52028c3ef7a57bad99260a45b678eb5' }, index.h("slot", { key: '65a624853aa7242dc849a1196c6b5b8c331d426f', name: "trigger" }), index.h("dialog", { key: '17369b9be014e9136d77f99628b4bc8184d36370', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx297c1ffe.clsx({ full: this.full }) }, index.h("div", { key: '8a17cd8deff162b333e2ac90c487454743d76f3d', class: "content" }, !this.undismissable && (index.h("nv-button", { key: 'd61a63785ce284ce2039be5c62d6e2bcce2a9b44', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, index.h("nv-icon", { key: '5a0adb449785bc684c41d0e35aad08ccb725386a', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-dialogheader", { id: "dialog-header" })), index.h("div", { key: '7c39e52d8fe6fc9ab2fdc2574a0c105d790bbfbe', class: "content-body", id: "dialog-content" }, index.h("slot", { key: '038d9f3623177af5d996631dd9ae25fec49fd778' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? constants4faa1fae.ButtonType.Submit : constants4faa1fae.ButtonType.Button, onDialogCanceled: this.handleCancelButton, undismissable: this.undismissable }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-dialogfooter_2.entry-LAQYSiGV.js → nv-dialogfooter_2.entry-C9dhLKRM.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
-var constantsB97e736d = require('./constants-b97e736d-BzFAKCkR.js');
+var index = require('./index-BlWxX8x6.js');
+var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
 require('react');
 
 const nvDialogfooterCss = "nv-dialogfooter{display:flex;padding:var(--dialog-footer-padding-top) var(--dialog-footer-padding-x) var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);justify-content:flex-end;align-items:flex-end;gap:var(--dialog-footer-gap-y);align-self:stretch}";
@@ -54,7 +54,7 @@ const NvDialogfooter = class {
         /**
          * Sets the type of the primary button.
          */
-        this.primaryButtonType = constantsB97e736d.ButtonType.Button;
+        this.primaryButtonType = constants4faa1fae.ButtonType.Button;
         //#endregion EVENTS
         /****************************************************************************/
         //#region METHODS

package/dist/cjs/{nv-fieldcheckbox.entry-CP7SDzVO.js → nv-fieldcheckbox.entry-BvFqY2dM.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-BlWxX8x6.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');