@nova-design-system/nova-webcomponents 3.24.0 → 3.26.0

package/dist/collection/components/nv-calendar/partials/day-cell.js

@@ -23,4 +23,3 @@ export const DayCell = props => {
         .join(' ');
     return (h("div", { class: dayClasses, "data-date": date.toISOString(), onClick: !isDisabled ? onClick : undefined, onMouseEnter: onDayHover, "aria-disabled": isDisabled }, dayOfMonth));
 };
-//# sourceMappingURL=day-cell.js.map

package/dist/collection/components/nv-calendar/partials/index.js

@@ -4,4 +4,3 @@ export { WeekNumbers } from './week-numbers';
 export { CalendarShortcuts } from './calendar-shortcuts';
 export { CalendarHeader } from './calendar-header';
 export { CalendarGrid } from './calendar-grid';
-//# sourceMappingURL=index.js.map

package/dist/collection/components/nv-calendar/partials/week-numbers.js

@@ -32,4 +32,3 @@ export const WeekNumbers = props => {
         return (h("div", { class: `week-number ${isClickable ? 'clickable' : ''}`, onClick: createWeekHandler(week), key: `week-${weekIndex}`, role: isClickable ? 'button' : undefined, tabindex: isClickable ? 0 : undefined }, weekNumber));
     })));
 };
-//# sourceMappingURL=week-numbers.js.map

package/dist/collection/components/nv-calendar/test/nv-calendar.utils.test.js

@@ -1,4 +1,3 @@
-/* eslint-disable jsdoc/require-jsdoc */
 import { describe, it, expect } from "vitest";
 import { formatDate, isSameDate, isSameOrBefore, isSameOrAfter, getWeekNumber, parseDate, } from "../nv-calendar.utils";
 /**
@@ -679,4 +678,3 @@ describe('nv-calendar.utils - Comprehensive Tests', () => {
         });
     });
 });
-//# sourceMappingURL=nv-calendar.utils.test.js.map

package/dist/collection/components/nv-calendar/test/partials/calendar-actions.logic.test.js

@@ -166,4 +166,3 @@ describe('CalendarActions - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=calendar-actions.logic.test.js.map

package/dist/collection/components/nv-calendar/test/partials/calendar-grid.logic.test.js

@@ -259,4 +259,3 @@ describe('CalendarGrid - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=calendar-grid.logic.test.js.map

package/dist/collection/components/nv-calendar/test/partials/calendar-header.logic.test.js

@@ -205,4 +205,3 @@ describe('CalendarHeader - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=calendar-header.logic.test.js.map

package/dist/collection/components/nv-calendar/test/partials/calendar-shortcuts.logic.test.js

@@ -353,4 +353,3 @@ describe('CalendarShortcuts - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=calendar-shortcuts.logic.test.js.map

package/dist/collection/components/nv-calendar/test/partials/day-cell.logic.test.js

@@ -256,4 +256,3 @@ describe('DayCell - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=day-cell.logic.test.js.map

package/dist/collection/components/nv-calendar/test/partials/week-numbers.logic.test.js

@@ -214,4 +214,3 @@ describe('WeekNumbers - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=week-numbers.logic.test.js.map

package/dist/collection/components/nv-col/nv-col.docs.js

@@ -23,4 +23,3 @@ const NvColDocs = {
     ],
 };
 export default NvColDocs;
-//# sourceMappingURL=nv-col.docs.js.map

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

@@ -59,4 +59,3 @@ export class NvCol {
         };
     }
 }
-//# sourceMappingURL=nv-col.js.map

package/dist/collection/components/nv-datagrid/nv-datagrid.docs.js

@@ -974,4 +974,3 @@ const NvDatagridDocs = {
     ],
 };
 export default NvDatagridDocs;
-//# sourceMappingURL=nv-datagrid.docs.js.map

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

@@ -1013,7 +1013,7 @@ export class NvDatagrid {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : this.table?.getRowModel()?.rows;
-        return (h(Host, { key: 'd1ca320f75940993840349a4f33afb0a8dc10788' }, h("div", { key: 'd07f038bfa0d4c0092f0ad9e6f13c95a47331f75', class: "hidden" }, h("slot", { key: 'be8e292240da78d055cce83fb5700111d371d0db' })), h("slot", { key: 'af921e34986bf67afa14190e2d01e866af7ab7ae', name: "before" }), this.enableGlobalFilter && this.table && (h("div", { key: 'f3ffe4bdfee63e86ad470923e4faf62be821b5fa', class: `search-container justify-${this.globalFilterPosition}` }, h("nv-fieldtext", { key: 'a5ab10f4e088b106368bd5d98d99e3cef2b59955', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("div", null, h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", null, this.parsedColumns.length > 0 && headerGroups
+        return (h(Host, { key: 'a3d3d96758c77096d2690c8ff10e8439e7e76e96' }, h("div", { key: '3a2551318093150d824bd0e1f2c07da234522ac0', class: "hidden" }, h("slot", { key: 'dd6e9158456ee68044e8bd19ef9ad76c73fbefb9' })), h("slot", { key: 'de4e21a7926841526bf2e7cfd36ba1d747d0c08d', name: "before" }), this.enableGlobalFilter && this.table && (h("div", { key: '93d37d83811224847c16363f497c7cf65e2fc107', class: `search-container justify-${this.globalFilterPosition}` }, h("nv-fieldtext", { key: '9ed1b8cfedebd2ed37551b3fe428a5cd7ba7214a', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("div", null, h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", null, this.parsedColumns.length > 0 && headerGroups
             ? headerGroups?.map(headerGroup => (h("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
                 return this.getHeaderCell(header);
             }))))
@@ -1025,7 +1025,7 @@ export class NvDatagrid {
             })));
         }))), this.table && this.enableRowSelection ? (h("tfoot", null, h("tr", null, h("td", { colSpan: 20 }, this.enableRowSelection && this.table ? (h("div", null, this.rowSelectionState &&
             Object.keys(this.rowSelectionState).length > 0 ? (h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', this.table.getPreFilteredRowModel()?.rows
-            ?.length || 0, ' ', "Total Rows Selected")) : (h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), h("slot", { key: '8941adaa686dec6b3f09e0434bdf9df3d273e930', name: "after" })));
+            ?.length || 0, ' ', "Total Rows Selected")) : (h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), h("slot", { key: '46b1e3b6ec5ca09140437e82ca3fc90fdc34e4eb', name: "after" })));
     }
     static get is() { return "nv-datagrid"; }
     static get originalStyleUrls() {
@@ -1074,7 +1074,8 @@ export class NvDatagrid {
                         "Column": {
                             "location": "import",
                             "path": "../../interfaces/Column",
-                            "id": "src/interfaces/Column.tsx::Column"
+                            "id": "src/interfaces/Column.tsx::Column",
+                            "referenceLocation": "Column"
                         }
                     }
                 },
@@ -1219,7 +1220,8 @@ export class NvDatagrid {
                         "GlobalFilterPosition": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::GlobalFilterPosition"
+                            "id": "src/utils/constants.ts::GlobalFilterPosition",
+                            "referenceLocation": "GlobalFilterPosition"
                         }
                     }
                 },
@@ -1472,4 +1474,3 @@ export class NvDatagrid {
             }];
     }
 }
-//# sourceMappingURL=nv-datagrid.js.map

package/dist/collection/components/nv-datagridcolumn/nv-datagridcolumn.docs.js

@@ -3,4 +3,3 @@ const NvDatagridcolumnDocs = {
     skip: true,
 };
 export default NvDatagridcolumnDocs;
-//# sourceMappingURL=nv-datagridcolumn.docs.js.map

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

@@ -99,4 +99,3 @@ export class NvDatagridcolumn {
         };
     }
 }
-//# sourceMappingURL=nv-datagridcolumn.js.map

package/dist/collection/components/nv-dialog/nv-dialog.docs.js

@@ -49,12 +49,6 @@ const NvDialogDocs = {
             },
             template: (h("nv-dialog", { "data-storybook-args": true }, h("nv-button", { slot: "trigger" }, "Open Dialog"), h("p", null, "The dialog will take the full width of the screen regardless of the content."))),
         },
-        // triggerElement
-        {
-            name: nameof(x => x.triggerElement),
-            description: 'Internal: Accepts a reference to the DOM element acting as the popover trigger. This should be used when the slot for the trigger is not defined.',
-            template: (h("nv-dialog", { "data-storybook-args": true }, h("nv-button", { slot: "trigger" }, "Open Dialog"), h("p", null, "Child Content"))),
-        },
         // headerElement
         {
             name: nameof(x => x.headerElement),
@@ -157,4 +151,3 @@ const NvDialogDocs = {
     ],
 };
 export default NvDialogDocs;
-//# sourceMappingURL=nv-dialog.docs.js.map

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

@@ -235,25 +235,23 @@ export class NvDialog {
     //#region LIFECYCLE
     /**
      * Lifecycle method that runs before the component loads.
-     * Initializes the trigger, header, and footer elements by finding them in the component's children.
-     * Elements are found either by their slot attribute or by their tag name (for dialog header/footer)
+     * Looks for passed header, and footer elements, either by their slot
+     * attribute or by their tag name (for dialog header/footer)
      */
     componentWillLoad() {
-        this.triggerElement = Array.from(this.el.children).find(child => {
-            return child.getAttribute('slot') === 'trigger';
-        });
-        this.headerElement = Array.from(this.el.children).find(child => {
-            return (child.getAttribute('slot') === 'header' ||
-                child.tagName.toLowerCase() === 'nv-dialogheader');
-        });
-        this.footerElement = Array.from(this.el.children).find(child => {
-            return (child.getAttribute('slot') === 'footer' ||
-                child.tagName.toLowerCase() === 'nv-dialogfooter');
-        });
+        if (!this.headerElement)
+            this.headerElement =
+                this.el.querySelector('[slot="header"]') ??
+                    this.el.querySelector('nv-dialogheader');
+        if (!this.footerElement)
+            this.footerElement =
+                this.el.querySelector('[slot="footer"]') ??
+                    this.el.querySelector('nv-dialogfooter');
         // Initial form check
         this.checkForForm();
     }
-    componentWillUpdate() {
+    componentDidRender() {
+        this.triggerElement = this.el.querySelector('[slot="trigger"]');
         this.attachEventListeners();
     }
     componentDidLoad() {
@@ -264,7 +262,6 @@ export class NvDialog {
         if (this.autofocus && !this.dialogElement.querySelector('[autofocus]')) {
             this.setAutofocus();
         }
-        this.attachEventListeners();
         // Additional form check in case form was added after initial load
         this.checkForForm();
         // this.setupContentBodyListeners();
@@ -281,7 +278,7 @@ export class NvDialog {
     //#region RENDER
     render() {
         const hasForm = this.form || this.el.querySelector('form');
-        return (h(Host, { key: 'e1837ebe65fcf0e56880438b59a5e8c4b5873926' }, h("slot", { key: '543e69780f3dad15a91b4bcb1f4199153bbce1b3', name: "trigger" }), h("dialog", { key: 'ef1600f73c8d25744b3b69356e1c4a98e605be1e', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, onClick: this.handleDialogClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, h("div", { key: '894e91291a5ee2a1c26a658e1ca7aaf237d71069', class: "backdrop", ref: el => (this.backdropElement = el) }, h("div", { key: '78700c26d1ec553d67a8e62f3f3628fab8deb49a', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (h("nv-button", { key: 'd042c828bc6886091128425ea3e5c73035a0cea1', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, h("nv-icon", { key: '035273dd23255883a7a5feb354d230242683e00e', name: "x", size: "sm" }))), this.headerElement ? (h("slot", { name: "header" })) : (h("nv-dialogheader", { id: "dialog-header" })), h("div", { key: 'd86417aae675f8611312495d31ca8d0b58c2caaf', class: "content-body", id: "dialog-content" }, h("slot", { key: 'cb48b94b846097d04ffd98c6689cd4116e8cd9f9' })), this.footerElement ? (h("slot", { name: "footer" })) : (h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable })))))));
+        return (h(Host, { key: 'd8d44a128d01fd7a9b62d42f08f7eb5b85e4e5b2' }, h("slot", { key: '7157a6121fea5e8828dd2c0c3db4998c0cb5d0d2', name: "trigger" }), h("dialog", { key: '22674ade1de7b50439ffe77ad2a20e6473929c34', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, onClick: this.handleDialogClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, h("div", { key: '4f851e286f94be5972ebb417bef891e29714cb44', class: "backdrop", ref: el => (this.backdropElement = el) }, h("div", { key: '881171acec6e40b627a544b716302d576b836487', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (h("nv-button", { key: '9691520158952a35da536f94073e8ff5fd6041f0', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, h("nv-icon", { key: '8392a7d6ec89d08391904c94f10296223c4d6012', name: "x", size: "sm" }))), this.headerElement ? (h("slot", { name: "header" })) : (h("nv-dialogheader", { id: "dialog-header" })), h("div", { key: '7fa62a9d5e8f1fe3f42872af3fc753e2fb175a9a', class: "content-body", id: "dialog-content" }, h("slot", { key: '5ec44365b70f6ec2762896ce242a264fb4ffb05a' })), this.footerElement ? (h("slot", { name: "footer" })) : (h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable })))))));
     }
     static get is() { return "nv-dialog"; }
     static get originalStyleUrls() {
@@ -296,32 +293,6 @@ export class NvDialog {
     }
     static get properties() {
         return {
-            "triggerElement": {
-                "type": "unknown",
-                "mutable": true,
-                "complexType": {
-                    "original": "Element",
-                    "resolved": "Element",
-                    "references": {
-                        "Element": {
-                            "location": "import",
-                            "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "internal",
-                            "text": "Accepts a reference to the DOM element acting as the popover trigger. This\nshould be used when the slot for the trigger is not defined."
-                        }],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
             "headerElement": {
                 "type": "unknown",
                 "mutable": true,
@@ -332,7 +303,8 @@ export class NvDialog {
                         "Element": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element",
+                            "referenceLocation": "Element"
                         }
                     }
                 },
@@ -358,7 +330,8 @@ export class NvDialog {
                         "Element": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element"
+                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Element",
+                            "referenceLocation": "Element"
                         }
                     }
                 },
@@ -572,4 +545,3 @@ export class NvDialog {
             }];
     }
 }
-//# sourceMappingURL=nv-dialog.js.map

package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.docs.js

@@ -3,4 +3,3 @@ const NvDialogfooterDocs = {
     skip: true,
 };
 export default NvDialogfooterDocs;
-//# sourceMappingURL=nv-dialogfooter.docs.js.map

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

@@ -5,7 +5,6 @@ import { ButtonType } from "../../utils/constants";
  */
 export class NvDialogfooter {
     constructor() {
-        this.hasSlot = false;
         /****************************************************************************/
         //#region PROPERTIES
         /**
@@ -60,25 +59,19 @@ export class NvDialogfooter {
     //#endregion METHODS
     /****************************************************************************/
     //#region LIFECYCLE
-    componentWillLoad() {
-        // Check if there are any child elements that don't have a slot attribute
-        this.hasSlot = Array.from(this.el.childNodes).some(node => {
-            return (node.nodeType === Node.ELEMENT_NODE &&
-                !node.hasAttribute('slot'));
-        });
-    }
-    componentDidLoad() {
+    componentDidRender() {
         // Set the default button type based on the form property
-        this.primaryButtonType =
-            this.primaryButtonType || this.form
+        if (!this.primaryButtonType) {
+            this.primaryButtonRef.type = this.form
                 ? ButtonType.Submit
                 : ButtonType.Button;
+        }
     }
     //#endregion LIFECYCLE
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '0048aeb5ba7d8919e94f3dff06dddd1bdff813bb' }, !this.hasSlot ? (h(Fragment, null, !this.undismissable && (h("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (h("slot", null))));
+        return (h(Host, { key: 'a5148c3e41ad6d7c5e54e2b29b8452707d5c2b2b' }, h("slot", { key: 'e5fcf66789eac1c6b0118403c33e7e80fb974c71' }, h(Fragment, { key: '9255d264f559322bebbcc874d91802bbaaeac2d6' }, !this.undismissable && (h("nv-button", { key: 'e8d6085fbbcf5bbdbad7b23d65660debb296a332', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h("nv-button", { key: '8a6963f12e89860c3bb1e17eeed60cf9b6d81bc3', ref: el => (this.primaryButtonRef = el), onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h("nv-icon", { key: '59dc3f909f7366a0d0e05ab089d34b9d222f43ed', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h("nv-icon", { key: 'e2be736da129cf7720dad6e1a443eb55a182b2dd', slot: "trailing-icon", name: this.trailingIcon, size: "sm" })))))));
     }
     static get is() { return "nv-dialogfooter"; }
     static get formAssociated() { return true; }
@@ -236,7 +229,7 @@ export class NvDialogfooter {
             },
             "primaryButtonType": {
                 "type": "string",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
                     "original": "`${ButtonType}`",
                     "resolved": "\"button\" | \"reset\" | \"submit\"",
@@ -244,7 +237,8 @@ export class NvDialogfooter {
                         "ButtonType": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::ButtonType"
+                            "id": "src/utils/constants.ts::ButtonType",
+                            "referenceLocation": "ButtonType"
                         }
                     }
                 },
@@ -316,4 +310,3 @@ export class NvDialogfooter {
     static get elementRef() { return "el"; }
     static get attachInternalsMemberName() { return "internals"; }
 }
-//# sourceMappingURL=nv-dialogfooter.js.map

package/dist/collection/components/nv-dialogheader/nv-dialogheader.docs.js

@@ -3,4 +3,3 @@ const NvDialogheaderDocs = {
     skip: true,
 };
 export default NvDialogheaderDocs;
-//# sourceMappingURL=nv-dialogheader.docs.js.map

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

@@ -4,7 +4,6 @@ import { Host, h, Fragment } from "@stencil/core";
  */
 export class NvDialogheader {
     constructor() {
-        this.hasSlot = false;
         /****************************************************************************/
         //#region PROPERTIES
         /**
@@ -14,19 +13,9 @@ export class NvDialogheader {
     }
     //#endregion PROPERTIES
     /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        // Check if there are any child elements that don't have a slot attribute
-        this.hasSlot = Array.from(this.el.childNodes).some(node => {
-            return (node.nodeType === Node.ELEMENT_NODE &&
-                !node.hasAttribute('slot'));
-        });
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'e3390a18cd40f00dd70f71b436d3603fdcb2b337' }, !this.hasSlot ? (h(Fragment, null, h("div", { class: "heading" }, this.heading), h("div", { class: "subheading" }, this.subheading))) : (h("slot", null))));
+        return (h(Host, { key: '8577fd5a719adf8764d85f667495701cb1514df2' }, h("slot", { key: '5858bd8fff71db135f69a76cb298343f0590f853' }, h(Fragment, { key: '81ac703e205f1b8587144213c7f57c9fd7ba9657' }, h("div", { key: '5a12e1facef605d96338b31468c8d8109379e2d1', class: "heading" }, this.heading), h("div", { key: '1a559041968e2b2b92a987c014e41380fe6f8616', class: "subheading" }, this.subheading)))));
     }
     static get is() { return "nv-dialogheader"; }
     static get originalStyleUrls() {
@@ -84,4 +73,3 @@ export class NvDialogheader {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=nv-dialogheader.js.map

package/dist/collection/components/nv-drawer/nv-drawer.docs.js

@@ -142,4 +142,3 @@ const NvDrawerDocs = {
     ],
 };
 export default NvDrawerDocs;
-//# sourceMappingURL=nv-drawer.docs.js.map

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

@@ -379,25 +379,23 @@ export class NvDrawer {
     //#region LIFECYCLE
     /**
      * Lifecycle method that runs before the component loads.
-     * Initializes the trigger, header, and footer elements by finding them in the component's children.
-     * Elements are found either by their slot attribute or by their tag name (for drawer header/footer)
+     * Looks for passed header, and footer elements, either by their slot
+     * attribute or by their tag name (for dialog header/footer)
      */
     componentWillLoad() {
-        this.triggerElement = Array.from(this.el.children).find(child => {
-            return child.getAttribute('slot') === 'trigger';
-        });
-        this.headerElement = Array.from(this.el.children).find(child => {
-            return (child.getAttribute('slot') === 'header' ||
-                child.tagName.toLowerCase() === 'nv-drawerheader');
-        });
-        this.footerElement = Array.from(this.el.children).find(child => {
-            return (child.getAttribute('slot') === 'footer' ||
-                child.tagName.toLowerCase() === 'nv-drawerfooter');
-        });
+        if (!this.headerElement)
+            this.headerElement =
+                this.el.querySelector('[slot="header"]') ??
+                    this.el.querySelector('nv-drawerheader');
+        if (!this.footerElement)
+            this.footerElement =
+                this.el.querySelector('[slot="footer"]') ??
+                    this.el.querySelector('nv-drawerfooter');
         // Initial form check
         this.checkForForm();
     }
-    componentWillUpdate() {
+    componentDidRender() {
+        this.triggerElement = this.el.querySelector('[slot="trigger"]');
         this.attachEventListeners();
     }
     componentDidLoad() {
@@ -426,7 +424,7 @@ export class NvDrawer {
     render() {
         const hasForm = this.form || this.el.querySelector('form');
         const state = this.open ? 'open' : 'closed';
-        return (h(Host, { key: 'de12ca46afd89b287fc3f2b28e3f6ca79d328338' }, h("slot", { key: 'e7568c48a2a676d0f063831c769c1b4dfaee0925', name: "trigger" }), h("dialog", { key: '513b404bba6aa0b1d3831d17ef58e1c63fb6f757', ref: el => (this.dialogElement = el), onClose: this.handleDrawerClose, onClick: this.handleDrawerClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "drawer-header", "aria-describedby": "drawer-content", class: clsx({ [`side-${this.side}`]: true }), "data-state": state }, h("div", { key: '0b9c6fec78844a1e64b33a7bbab62ee44ac0d7bd', class: "backdrop", ref: el => (this.backdropElement = el) }, h("div", { key: 'c74cb4b717f232b4622bd9391027c7b048e786e9', class: clsx('content', `size-${this.size}`), ref: el => (this.contentElement = el), "data-state": state, "data-side": this.side, style: this.width ? { width: this.width } : {} }, !this.undismissable && (h("nv-button", { key: 'f9c03557a3ef3bb1d34e2b764d70a57cfd52dea3', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDrawerClose, "aria-label": "Close drawer" }, h("nv-icon", { key: '5c0ea22963bad0bb84eb58e9ad26ebfca6b11b94', name: "x", size: "sm" }))), this.headerElement ? (h("slot", { name: "header" })) : (h("nv-drawerheader", { id: "drawer-header" })), h("div", { key: '813c7b985c6f75faa1fffc56e198957194bda87e', class: "content-body", id: "drawer-content" }, h("slot", { key: 'e70eefb8a94ae5e7eff32d5eb0446fba5c56065a' })), this.footerElement ? (h("slot", { name: "footer" })) : (h("nv-drawerfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDrawerCanceled: this.handleDrawerClose, undismissable: this.undismissable })))))));
+        return (h(Host, { key: 'e8ae3c1b5adcd23622f97d0f405fd8607e51b3e4' }, h("slot", { key: 'c94efef46482ef65c9a907d5f23e2306cc88c9af', name: "trigger" }), h("dialog", { key: '8b12d8885f4a7f987985b4be49aace1f48b66949', ref: el => (this.dialogElement = el), onClose: this.handleDrawerClose, onClick: this.handleDrawerClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "drawer-header", "aria-describedby": "drawer-content", class: clsx({ [`side-${this.side}`]: true }), "data-state": state }, h("div", { key: '5fc00bd8e28cf26c92e3c3888941e6209e03fb65', class: "backdrop", ref: el => (this.backdropElement = el) }, h("div", { key: '7eb5e3335a15a3821fa4c62160a313bddf34e3b2', class: clsx('content', `size-${this.size}`), ref: el => (this.contentElement = el), "data-state": state, "data-side": this.side, style: this.width ? { width: this.width } : {} }, !this.undismissable && (h("nv-button", { key: 'c284d6cea03806890603d71d27d642961eab4423', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDrawerClose, "aria-label": "Close drawer" }, h("nv-icon", { key: 'daf2c3af54c3eaede4835b100200632e644b7cc6', name: "x", size: "sm" }))), this.headerElement ? (h("slot", { name: "header" })) : (h("nv-drawerheader", { id: "drawer-header" })), h("div", { key: '90ffef76d60a3522ae5daf10554a3f8a487c5f76', class: "content-body", id: "drawer-content" }, h("slot", { key: 'd66e675a68c27819f7ca146afc27e63d05ad5603' })), this.footerElement ? (h("slot", { name: "footer" })) : (h("nv-drawerfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDrawerCanceled: this.handleDrawerClose, undismissable: this.undismissable })))))));
     }
     static get is() { return "nv-drawer"; }
     static get originalStyleUrls() {
@@ -716,4 +714,3 @@ export class NvDrawer {
             }];
     }
 }
-//# sourceMappingURL=nv-drawer.js.map

package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.docs.js

@@ -3,4 +3,3 @@ const NvDrawerfooterDocs = {
     skip: true,
 };
 export default NvDrawerfooterDocs;
-//# sourceMappingURL=nv-drawerfooter.docs.js.map

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

@@ -5,7 +5,6 @@ import { ButtonType } from "../../utils/constants";
  */
 export class NvDrawerfooter {
     constructor() {
-        this.hasSlot = false;
         /****************************************************************************/
         //#region PROPERTIES
         /**
@@ -65,25 +64,19 @@ export class NvDrawerfooter {
     //#endregion METHODS
     /****************************************************************************/
     //#region LIFECYCLE
-    componentWillLoad() {
-        // Check if there are any child elements that don't have a slot attribute
-        this.hasSlot = Array.from(this.el.childNodes).some(node => {
-            return (node.nodeType === Node.ELEMENT_NODE &&
-                !node.hasAttribute('slot'));
-        });
-    }
-    componentDidLoad() {
+    componentDidRender() {
         // Set the default button type based on the form property
-        this.primaryButtonType =
-            this.primaryButtonType || this.form
+        if (!this.primaryButtonType) {
+            this.primaryButtonRef.type = this.form
                 ? ButtonType.Submit
                 : ButtonType.Button;
+        }
     }
     //#endregion LIFECYCLE
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '75b11ed4b84aa602f76895c473595423d38cc21d' }, !this.hasSlot ? (h(Fragment, null, !this.undismissable && (h("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (h("slot", null))));
+        return (h(Host, { key: 'c83bba64c28cf284847c2b726e2d1bb9deb86152' }, h("slot", { key: '89e9a548f3cee3c45b8e7874e9d8618b469ce94a' }, h(Fragment, { key: 'ef18a333ef7c5de05891a265a8ccb85b6913237a' }, !this.undismissable && (h("nv-button", { key: 'd69eab0d344bdfb9f2454cc18d953f50b9d65aa2', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h("nv-button", { key: '8329da9bcbb41cb972c2b2527334086c47a10f93', ref: el => (this.primaryButtonRef = el), onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h("nv-icon", { key: '86ac92ef44afe20e540422d3cd0ee45c04c233bc', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h("nv-icon", { key: '3a48543e903d060ff77d1100df4984db04c0d2cb', slot: "trailing-icon", name: this.trailingIcon, size: "sm" })))))));
     }
     static get is() { return "nv-drawerfooter"; }
     static get formAssociated() { return true; }
@@ -241,7 +234,7 @@ export class NvDrawerfooter {
             },
             "primaryButtonType": {
                 "type": "string",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
                     "original": "`${ButtonType}`",
                     "resolved": "\"button\" | \"reset\" | \"submit\"",
@@ -249,7 +242,8 @@ export class NvDrawerfooter {
                         "ButtonType": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::ButtonType"
+                            "id": "src/utils/constants.ts::ButtonType",
+                            "referenceLocation": "ButtonType"
                         }
                     }
                 },
@@ -322,4 +316,3 @@ export class NvDrawerfooter {
     static get elementRef() { return "el"; }
     static get attachInternalsMemberName() { return "internals"; }
 }
-//# sourceMappingURL=nv-drawerfooter.js.map

package/dist/collection/components/nv-drawerheader/nv-drawerheader.docs.js

@@ -3,4 +3,3 @@ const NvDrawerheaderDocs = {
     skip: true,
 };
 export default NvDrawerheaderDocs;
-//# sourceMappingURL=nv-drawerheader.docs.js.map

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

@@ -4,7 +4,6 @@ import { Host, h, Fragment } from "@stencil/core";
  */
 export class NvDrawerheader {
     constructor() {
-        this.hasSlot = false;
         /****************************************************************************/
         //#region PROPERTIES
         /**
@@ -18,19 +17,9 @@ export class NvDrawerheader {
     }
     //#endregion PROPERTIES
     /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        // Check if there are any child elements that don't have a slot attribute
-        this.hasSlot = Array.from(this.el.childNodes).some(node => {
-            return (node.nodeType === Node.ELEMENT_NODE &&
-                !node.hasAttribute('slot'));
-        });
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'c61401c90c57982a645f703ae1e0bab4e7fcd3ff' }, !this.hasSlot ? (h(Fragment, null, h("div", { class: "heading" }, this.heading), h("div", { class: "subheading" }, this.subheading))) : (h("slot", null))));
+        return (h(Host, { key: '8ada9e8c2b69a74b61b079de6def10bc7504d7f5' }, h("slot", { key: '29c79bb789bed32bb395f1d5a8ebccf4838e3f45' }, h(Fragment, { key: '688bb835bd87de992f5bc4a63f2a857b7f806120' }, h("div", { key: '2638fa0871f356cc5ec6e8b72f9812cdbc93ff03', class: "heading" }, this.heading), h("div", { key: 'a3c2b292bfc359e2d09ae4d9a88857bc9fa0d8cb', class: "subheading" }, this.subheading)))));
     }
     static get is() { return "nv-drawerheader"; }
     static get originalStyleUrls() {
@@ -89,4 +78,3 @@ export class NvDrawerheader {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=nv-drawerheader.js.map

package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.css

@@ -204,4 +204,13 @@ nv-fieldcheckbox > .text-container .error-description {
   font-weight: var(--form-description-font-weight);
   line-height: var(--form-description-line-height);
   color: var(--components-form-text-description-error);
+}
+@media print {
+  nv-fieldcheckbox > .input-container {
+    color: var(--nv-fieldcheckbox-background-checked);
+  }
+  nv-fieldcheckbox > .input-container input[type=checkbox]:checked, nv-fieldcheckbox > .input-container input[type=checkbox]:indeterminate {
+    background: transparent;
+    border-color: var(--nv-fieldcheckbox-background-checked);
+  }
 }

package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.docs.js

@@ -286,4 +286,3 @@ const NvFieldcheckboxDocs = {
     ],
 };
 export default NvFieldcheckboxDocs;
-//# sourceMappingURL=nv-fieldcheckbox.docs.js.map