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

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: '3117cc6be5dfcdb0fd561bb7b8cc0179233adca5' }, h("slot", { key: '3462bbebcb37fe65ef192b47562ee554263d8e3d', name: "trigger" }), h("dialog", { key: '2baee57bc9924ac6a7f0e5511228877283c67b7e', 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: '6083efe9e58d402c6df91f57bf45ca2ea77acb3b', class: "backdrop", ref: el => (this.backdropElement = el) }, h("div", { key: 'e133552c05d709d9fb95ca97d4fae1fbba135585', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (h("nv-button", { key: '81830f0546f280cf2401f765252fee0a464fca2e', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, h("nv-icon", { key: '95a5eff054aad7385c440c1c1833d994b21c0583', name: "x", size: "sm" }))), this.headerElement ? (h("slot", { name: "header" })) : (h("nv-dialogheader", { id: "dialog-header" })), h("div", { key: '8ec787b70862976f09f8bbaa2f2acbd743abd9c5', class: "content-body", id: "dialog-content" }, h("slot", { key: '6939345af1fa362fe9575948f099cf19dee54590' })), 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: '31d3490d2a966b28d3f23bf7409186c10463f765' }, h("slot", { key: '21c8a3431ad6ec95d7d8467d3a273f730a10984b' }, h(Fragment, { key: '6400d911813010cc012d1b982f5ebdcb9f589b87' }, !this.undismissable && (h("nv-button", { key: '29d8b79619aa6a225b3fe9eb123e166646cb910b', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h("nv-button", { key: '76cd9d05c3830a7d9d8bd040aa4ecb38da190644', 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: '5ff1d8988d480dff0c12be00962a0470ef8adccf', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h("nv-icon", { key: 'b1330826bcc205529a301378685ff72d7d3c53f6', 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: 'a608cbe8b942b1444d973a5f3d8c97183e76fd0a' }, h("slot", { key: '525dd320304a01682926208674db6210e4e2dd2a' }, h(Fragment, { key: '14f7f8e787941dbf2d9e00f8a8a5d2e25d82d056' }, h("div", { key: '00131448954f8390e145e458c71705850b19ec48', class: "heading" }, this.heading), h("div", { key: '8cd3ee3d6aacb5f54499ea59b9e915efe4c5e33c', 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: '24fef2e07989d6b9648d8c4c7374680650ac09e8' }, h("slot", { key: 'c8d25517097b715cf42ad3a60ea84c7efb052c6c', name: "trigger" }), h("dialog", { key: 'b9b94f73fa04bb421b70a1af4c3c40171af94008', 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: '4867741abdaa5608992dd812311a43ce3af0c94e', class: "backdrop", ref: el => (this.backdropElement = el) }, h("div", { key: '476ac6bb40bb342ffb305faca2e67a8bef43f14e', 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: '90d1a2c776d486ee98d4b847ee1d43616c15d86c', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDrawerClose, "aria-label": "Close drawer" }, h("nv-icon", { key: '5c54095bae68cc0780a95fd541a8e607f430ebb9', name: "x", size: "sm" }))), this.headerElement ? (h("slot", { name: "header" })) : (h("nv-drawerheader", { id: "drawer-header" })), h("div", { key: 'fcf2ccf83679fa5a702ce02206144a3a11ab53bf', class: "content-body", id: "drawer-content" }, h("slot", { key: 'b70b2edfb51da8a16f996c90d04391657718a12a' })), 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: '1a15bd9a6bac74ceb64d57ef7830e4ff8d081770' }, h("slot", { key: '72f762cc6d64cc286252da929111b0e86013194f' }, h(Fragment, { key: '21d8100769c0f84dd5fee916bad8021190f08703' }, !this.undismissable && (h("nv-button", { key: '3c5e445643fa1b01fef28fc53f60ffb0d2f6f94c', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h("nv-button", { key: 'd93583226649f6ac4928c9359d5f0654e0bb6714', 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: '4d292e8a54df0b1dbdac0ace38dac7f24224ebe2', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h("nv-icon", { key: '412d46f4ef9ef573234b70a1456a91dda1569936', 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: '1c9cd7b1157e63563f07b5b4b58a694b3ee4094d' }, h("slot", { key: '97c4b5cd72c240ff25d7f8aa7801a1d68c5ea073' }, h(Fragment, { key: '75896e1efe1ebe98c3275214d6aaea253afefce0' }, h("div", { key: '5bf874923f7cdff2cadcb8d9a352812ee532132d', class: "heading" }, this.heading), h("div", { key: '7ca0080c00eaa1bc68df9efe7aeb6ff57da13730', 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.docs.js

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

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

@@ -155,15 +155,15 @@ export class NvFieldcheckbox {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (h(Host, { key: 'a652f9f7dcf00323548c79c9ca1f5fe1ef403279', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h("div", { key: '84057811ecdd93b46e4f33868e8c8cc0ea340125', class: "input-container" }, h("input", { key: 'da53b190076395852c2f08be8da16c3a9c53fbaa', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !useNativeRequired, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (h(Host, { key: '1e4742153edb85a5d5d2e6bd7101240eb5dd354c', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h("div", { key: '222f3fed3f6626f3fc67cbae5612c7a8aaa10f65', class: "input-container" }, h("input", { key: '62534be4145abdad01e86b9c7d8662e7954ec85a', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !useNativeRequired, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
             }), indeterminate: this.indeterminate, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } }), h("span", { key: 'c1263f5094377623504381d52b78769033d13a63', class: "icon" }, this.checked && !this.indeterminate && (h("slot", { key: '49f9639d08ade9a197e283d3677d294ae01369e9', name: "checked-icon" }, h("svg", { key: '9ad3cefe29f5e12d26912679d290441e6f9765d0', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h("path", { key: 'b3cf7a393ee5b797310ad338afb5abd3bfd9cfaa', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (h("slot", { key: 'e4a615810324cdc3a14d11dcdaf2e06c9ea8538e', name: "indeterminate-icon" }, h("svg", { key: '50230f9244694641bbb38411a886e563dc5952f5', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, h("path", { key: '8cfb893ef82d5d91c270bc5c029d320a8ca7f276', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("slot", { key: '328cef43f740ad18f2666805ba9e755687aa987c' }), h("div", { key: 'b380cefbf5c97d62d77b9940ef2e241c22764302', class: "text-container" }, h("slot", { key: 'd3f7fb813ada2cfef74e6068eb5a1304bc28396a', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'cf7d3f46915b2d149c6dc4c7cce3b3741c3e952f', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: '9c57662513ef680545bcdf8d93c7e92ce4259054', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '352e1a7f2a09867e36d91f16102ea8be158d0ad7', class: "description" }, h("slot", { key: '79e8d147440e4563ca8e966b4f553307c7b5ec1a', name: "description" }, this.description)))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'a8cb608dd9f36efedbfb6f82042c61a487ad227f', hidden: !this.error, class: "error-description" }, h("slot", { key: '3720f914db04c45cb2e5323a129dd05c9ce3fdfb', name: "error-description" }, this.errorDescription))))));
+            } }), h("span", { key: '848e8e33f9304104c504474cf98a660cb7620081', class: "icon" }, this.checked && !this.indeterminate && (h("slot", { key: 'ab36f853010d596c2d34ee65f8c0fb5cab6341aa', name: "checked-icon" }, h("svg", { key: '859a903120c84e3e65c5c8e2809e0103d1e36ae0', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h("path", { key: '0487c96d2b233e1e6fa1d5481de40fdf9762cca1', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (h("slot", { key: 'e6e865f17821b69d7a6dccd832dce1bf170a868b', name: "indeterminate-icon" }, h("svg", { key: 'c989f2dc8fef8a4c8cd4fdda9302d70f56b7d627', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, h("path", { key: 'fd969c39273b2235bfe38840ef333d01fb2eaef5', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("slot", { key: 'bc2db6ec3ff59680c883ee3cc2967da1a541838b' }), h("div", { key: '190ae3a02eb07d0225f858989eb4c033e81bcb68', class: "text-container" }, h("slot", { key: 'ff259699df50be0cda8de8f901c8a07f6e61ff2c', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '24680fbd2f98953cefc51477c5c968d44df3c6d6', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: '948c7a0ca93a288eb70d5876a3654385dc341a81', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '70010d156ca492d2127c437ba2b66a381522740f', class: "description" }, h("slot", { key: '1d6bacc49c6aa4b81f18c739ed6c7f2161ae64e6', name: "description" }, this.description)))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '65872b7a73f74d0bd1db9e701b7b2a0d4890e096', hidden: !this.error, class: "error-description" }, h("slot", { key: '5aeccf82482f24be30e73526512c15b5e727bbd2', name: "error-description" }, this.errorDescription))))));
     }
     static get is() { return "nv-fieldcheckbox"; }
     static get formAssociated() { return true; }
@@ -333,7 +333,8 @@ export class NvFieldcheckbox {
                         "LabelPlacement": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::LabelPlacement"
+                            "id": "src/utils/constants.ts::LabelPlacement",
+                            "referenceLocation": "LabelPlacement"
                         }
                     }
                 },
@@ -621,4 +622,3 @@ export class NvFieldcheckbox {
             }];
     }
 }
-//# sourceMappingURL=nv-fieldcheckbox.js.map

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

@@ -531,4 +531,3 @@ const NvFielddateDocs = {
     ],
 };
 export default NvFielddateDocs;
-//# sourceMappingURL=nv-fielddate.docs.js.map

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

@@ -343,12 +343,10 @@ export class NvFielddate {
     //#endregion WATCHERS
     /****************************************************************************/
     //#region LISTENERS
-    /* eslint-disable nova/native-event-listener */
     handleClosePopover(event) {
         event.stopPropagation();
         this.open = false;
     }
-    /* eslint-enable nova/native-event-listener */
     handleDocumentClick(event) {
         this.handleClickOutside(event);
     }
@@ -406,15 +404,15 @@ export class NvFielddate {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (h(Host, { key: 'fb961f31f6876b229d0efc6a7fa5aea2c7a36240' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h("label", { key: '329694103150940fd18587f17b4c8626e11a11a1', htmlFor: this.inputId }, h("slot", { key: '08cbbe78114ec70094021a411cf0615f3b2058df', name: "label" }, this.label))), h("nv-popover", { key: '8edefb4873bbe454e7cc867b0a7d6213d03c63b5', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '7661e762b552132a15b83a275105d4f75da79800', slot: "trigger", class: "input-wrapper" }, h("slot", { key: '206505eea392922ba402a0cccb9e7b62f71a4c65', name: "before-input" }), h("div", { key: 'c6889d4e31f6f8251d06cd1e3aefd31bf1574e26', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '2b6bd21e537faefe054c741d1832669b70a040de', name: "leading-input" }), h("input", { key: '76b8f66e58a53dc67ed131f733a268a4ea3b7ca6', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
+        return (h(Host, { key: '8898ef05a02d52db7457d17b54a942db3730fc74' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h("label", { key: '41f7f75b133b0954b64adb40c777fa34595e1319', htmlFor: this.inputId }, h("slot", { key: '4c70dc05926cc39b0898d3e12b756d8ea5c82e9d', name: "label" }, this.label))), h("nv-popover", { key: '0cc0878e48231202bc0036fe80d5e9ed334d6782', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '18d889f4c8d164ec11efe254dd61978a0215bdb7', slot: "trigger", class: "input-wrapper" }, h("slot", { key: 'e3c8537c9692a241f3a3d869e21605460803fe13', name: "before-input" }), h("div", { key: '03e01a26472ba46e951290f99de396b02ad1acad', class: "input-container", onClick: this.handleInputContainerClick }, h("slot", { key: '440c384b64cdac05fc2f37f65a10d9c3968de67a', name: "leading-input" }), h("input", { key: '095fb9dc86347cb5a09065701e17ea760ffa3faa', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
                 this.convertToInputmaskFormat(this.dateFormat), name: this.name, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (h("nv-icon", { key: '6f9bf3ef1836292f4400dfeb95a6bfc5723e623f', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '84e3c9a2b9401d4eaf148548b215b96d893d8b07', name: "circle-check", class: "validation", size: "md" })), h("nv-iconbutton", { key: '51f58c493301263ddc073fa44953c72069d2aadf', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
+            }), autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (h("nv-icon", { key: '33f6f0c755cdecbd26f258d729c406a79301e221', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '52960d4d2266249f43aaa205c140b6b78af86096', name: "circle-check", class: "validation", size: "md" })), h("nv-iconbutton", { key: 'f840216a37849b661ca76296b1bb78c0aff4f6a0', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
             ,
-            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: '7b791512f5d2b281ef5b2c366fa09828be2e7d78', name: "after-input" })), h("div", { key: '76f5a26675b877c7c7518d52b759fb5b0ffac542', slot: "content" }, h("nv-calendar", { key: '7911d656739fe93ca9d633611a1889a7cd26484c', onSingleDateChange: this.handleSingleDateChange.bind(this), dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '94939789941e6b805d459a03b15762c18012448e', class: "description" }, h("slot", { key: '1f4866126915efb5a704cb7b7a851dfd1bc23c5c', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'b374441b023180272694d25e77c83b340eb34ad9', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: '68e29aa346382002655080163c351586eab3b27f' })));
+            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: '87a4c9a1287296001aca41314bc5c9b47d093cad', name: "after-input" })), h("div", { key: 'a268e2bca4958172c2cab48aff2267ce6a6090c8', slot: "content" }, h("nv-calendar", { key: 'df7288f6bcaf64f44496f1e414f1768fa138603d', onSingleDateChange: this.handleSingleDateChange.bind(this), dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '11f0d3702c944c732c4e9cfd4fa7f73311adb32a', class: "description" }, h("slot", { key: '964af4f567e755f002d955190f39d39b627519b7', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '017cf538acbb319dce67129673ac80ea6a5e1be5', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: '34c7ab28d7fb6950113ac9536dfc6052fe2969f9' })));
     }
     static get is() { return "nv-fielddate"; }
     static get originalStyleUrls() {
@@ -1072,4 +1070,3 @@ export class NvFielddate {
             }];
     }
 }
-//# sourceMappingURL=nv-fielddate.js.map

package/dist/collection/components/nv-fielddate/test/nv-fielddate.logic.test.js

@@ -193,4 +193,3 @@ describe('nv-fielddate - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=nv-fielddate.logic.test.js.map

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

@@ -682,4 +682,3 @@ const NvFielddaterangeDocs = {
     ],
 };
 export default NvFielddaterangeDocs;
-//# sourceMappingURL=nv-fielddaterange.docs.js.map

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

@@ -465,12 +465,10 @@ export class NvFielddaterange {
     disconnectedCallback() {
         document.removeEventListener('click', this.handleClickOutside);
     }
-    /* eslint-disable nova/native-event-listener */
     handleClosePopover(event) {
         event.stopPropagation();
         this.open = false;
     }
-    /* eslint-enable nova/native-event-listener */
     //#endregion EVENTS
     /****************************************************************************/
     //#region LISTENERS
@@ -563,16 +561,16 @@ export class NvFielddaterange {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (h(Host, { key: '3004a1acb1036d810b35c04f0f5f5c7a34786bc9' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h("label", { key: '769c2e122de1845cd58bae4d1b0a5c1a0739efb8', htmlFor: this.startInputId }, h("slot", { key: 'ba6fa47c165079b5353be7b3699f677c653ebcf6', name: "label" }, this.label))), h("nv-popover", { key: '133de2a9ca92b4980c981c86460f88e745ca8b7e', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '25ab7c35536efc98d906adba5ecfc7f569ddcac9', slot: "trigger", class: "input-wrapper" }, h("slot", { key: 'a86c1d1b9265b13129da7658b66b0ab5c114f468', name: "before-input" }), h("div", { key: 'b11baa21ee22943dd42d2a03cd9767dce6085c98', class: "input-container" }, h("slot", { key: 'b1eeda185b40a099e499f76865929a3c8ec547c1', name: "leading-input" }), h("div", { key: 'e88769dd154d6a471bf55875d8962368bbeab1a8', class: "range-inputs" }, h("input", { key: '4366cd2b411ab55c037a61c7314cb0368bd8ca51', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
+        return (h(Host, { key: 'a5b6bfb1024db1794bd68970c4d03bc0d2aa12b2' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h("label", { key: 'aebf223f1c199a61d70ff07068b1279cd00fd63a', htmlFor: this.startInputId }, h("slot", { key: 'b0c75a9509c80b5e983b50ff06f0fd987c0dfb13', name: "label" }, this.label))), h("nv-popover", { key: '39d9afe5c5a3d6f1e0a65bc6a25e0123c26bf093', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '83f602a64a7fe08370da5e7c5ca70da6c9b9743d', slot: "trigger", class: "input-wrapper" }, h("slot", { key: '388802ed31223aa0ca1f4f5e709774df936c79d6', name: "before-input" }), h("div", { key: '45f13be37efe3eaa15396a247f83652ab671d26d', class: "input-container" }, h("slot", { key: 'eb79a369f672e4c6c22bbf8e1f96f1b6ff221599', name: "leading-input" }), h("div", { key: '8a231a529fccb39481aa1be3b75aea92a9ba14d1', class: "range-inputs" }, h("input", { key: 'd547f462d2a695eb7e07abcbcc2b1ff05e138ff3', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
                 this.convertToInputmaskFormat(this.dateFormat), name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), h("div", { key: '93846c516610323c8468cb7c16cfaf8afa648cb8', class: "range-separator" }), h("input", { key: '98213e19d18bf051c89feb15e58db6106aabc6e7', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
+            }), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), h("div", { key: '848fa94da2032b0c75973d1e06c4b319f7d6ce1e', class: "range-separator" }), h("input", { key: 'e62de0223934c2f75236fb312bcb0520936769f9', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
                 this.convertToInputmaskFormat(this.dateFormat), name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (h("nv-icon", { key: 'c79ff3377ce9c630957167de5808e02657fb9e32', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: 'aa473931945a55c0da9aef1261ca156f4fc4ce30', name: "circle-check", class: "validation", size: "md" })), h("nv-iconbutton", { key: '456d781e8593aa34140e69088fd2efd373c247ef', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: '28db0a3f5435573a3555a2160a5748756e82a1be', name: "after-input" })), h("div", { key: 'fffa1784d7977a8fedb88a9da7932060f974aade', slot: "content" }, h("nv-calendar", { key: '19a7dbe5ddd3a1f37a73931172361e9759a6fd02', ref: el => (this.calendarElement = el), onRangeDateChange: this.handleRangeDateChange.bind(this), onValueChanged: this.handleCalendarValueChanged.bind(this), onSingleDateChange: this.handleCancelDateChange.bind(this), dateFormat: this.dateFormat, value: this.value, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'db1c250e43991dcf83f71ea8d374d4763dfd24b2', class: "description" }, h("slot", { key: 'a5e2ea1648fc65f74e483179a458b00033ec26ca', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: 'cd7011706c4be00420168b439185d561a794807b', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: '47f3a04830fb4a3f7626ea5bab88b7e2d532786a' })));
+            }), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (h("nv-icon", { key: '037dd8133c599ddad1791dc19dd6a5a814e5a51d', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '314e2584ce385f7c27ddd1ded9f093d7bc48d96c', name: "circle-check", class: "validation", size: "md" })), h("nv-iconbutton", { key: '5462d036a418755e40cb43ccbf06f1b6d3645c8e', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: '18dd4d9e3abc1f1580d88b62c1380822865f2b64', name: "after-input" })), h("div", { key: '66d37dc2a4158f9e85cc56d68be484ca01eb196c', slot: "content" }, h("nv-calendar", { key: 'e3289b5b2018da82d9c25a9427cfdfceb86af5e7', ref: el => (this.calendarElement = el), onRangeDateChange: this.handleRangeDateChange.bind(this), onValueChanged: this.handleCalendarValueChanged.bind(this), onSingleDateChange: this.handleCancelDateChange.bind(this), dateFormat: this.dateFormat, value: this.value, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'd7f58a9351e717508fff5e3bdbccad7fbef0c9a9', class: "description" }, h("slot", { key: '5acbe11d1bc2f95e05dad845a0b6d4abe8bd3985', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '6c0a8e0dcd93375296be427908e998b61c94bf9c', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: 'fb82d190c29033466f6db6f45596dc16cad28e42' })));
     }
     static get is() { return "nv-fielddaterange"; }
     static get originalStyleUrls() {
@@ -1295,4 +1293,3 @@ export class NvFielddaterange {
             }];
     }
 }
-//# sourceMappingURL=nv-fielddaterange.js.map

package/dist/collection/components/nv-fielddaterange/test/nv-fielddaterange.logic.test.js

@@ -134,4 +134,3 @@ describe('nv-fielddaterange - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=nv-fielddaterange.logic.test.js.map

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

@@ -536,4 +536,3 @@ const NvFielddropdownDocs = {
     ],
 };
 export default NvFielddropdownDocs;
-//# sourceMappingURL=nv-fielddropdown.docs.js.map