@nova-design-system/nova-react 3.26.0 → 3.28.0

package/dist/cjs/{nv-accordion-item.entry-DtzjLTCo.js → nv-accordion-item.entry-fds_kk_3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var collapse_animationDZDm0vSK = require('./collapse.animation-DZDm0vSK-C2TOIhIK.js');
 require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-accordion.entry-DRcTfezT.js → nv-accordion.entry-BLs4N5ZL.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');

package/dist/cjs/{nv-alert.entry-86bfoXVx.js → nv-alert.entry-Bx1BiC8F.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
 var collapse_animationDZDm0vSK = require('./collapse.animation-DZDm0vSK-C2TOIhIK.js');

package/dist/cjs/{nv-avatar.entry-mp2LJ6RA.js → nv-avatar.entry-DS88LME3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-badge_2.entry-BrDaHeqh.js → nv-badge_2.entry-vBPxmUmg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var collapse_animationDZDm0vSK = require('./collapse.animation-DZDm0vSK-C2TOIhIK.js');
 var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');
@@ -210,7 +210,7 @@ const NvFielddropdownitemcheck = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '6c5bc9f6060ac711a1360dd45da58dddf7d7d563', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: 'f3efe64e5f03411f1fe7433821a46c50cd18e10e', checked: this.checked, name: this.label || this.value, label: this.label || this.value, labelPlacement: "after", description: this.description, disabled: this.disabled, tabindex: "-1", onCheckedChanged: this.onFieldcheckboxChanged }, index.h("slot", { key: 'e603490efb497f0ef62049e7b44c34d91c8989d2' }), index.h("slot", { key: '6774a2ab5bf182297929afbcec8c489bf620bcab', name: "main" }), index.h("slot", { key: '5ca19cd56a5917ed125eb20c6713e25dc512fb45', name: "label" }), index.h("slot", { key: '847864bfbc3302bb07088f77d9c2d200fac8b505', name: "description" }))));
+        return (index.h(index.Host, { key: '52f3eeee8d22ab9b45723403c58edc3f16905a07', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: 'b06def71aa859fca784140d5c961ffa6cd8cdccc', checked: this.checked, name: this.label || this.value, label: this.label || this.value, labelPlacement: "after", description: this.description, disabled: this.disabled, tabindex: "-1", onCheckedChanged: this.onFieldcheckboxChanged }, index.h("slot", { key: 'cc53d2732969cb2812d08f978b3d7eeb5cdaa02a' }), index.h("slot", { key: '67336141a3dcfdab0bdc749e1937797222eaaded', name: "main" }), index.h("slot", { key: '165a860ee2dbd1783d4bf391c3a07da6756d7013', name: "label" }), index.h("slot", { key: '27c6e04f85b608a267ef2b280326d125c22dd970', name: "description" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-breadcrumb.entry-B2q7jJy2.js → nv-breadcrumb.entry-BOo3hA5y.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-breadcrumbs.entry-DKzST1uS.js → nv-breadcrumbs.entry-igHC_6Bd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');

package/dist/cjs/{nv-button.entry-CVgcU-bi.js → nv-button.entry-BRQPmQbs.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-buttongroup.entry-CvuBGaGK.js → nv-buttongroup.entry-D3tG2EZ1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');

package/dist/cjs/{nv-calendar.entry-BCcGhxzJ.js → nv-calendar.entry-BpNHMTKr.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
 var _commonjsHelpersB85MJLTf = require('./_commonjsHelpers-B85MJLTf-CFO10eej.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-col.entry-CzTahRVr.js → nv-col.entry-lyIZqDsW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-datagrid.entry-DWZxNqTE.js → nv-datagrid.entry-BeemONKu.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var dom_utilsCuXVGECR = require('./dom.utils-CuXVGECR-8VY5SfMZ.js');
 var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-datagridcolumn.entry-CzCzmdQl.js → nv-datagridcolumn.entry-B6kE4eVC.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');

package/dist/cjs/nv-datetest.entry-C1uuC-ZG.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var index = require('./index-Kxp9mv-Q.js');
+var novaDatetimeCyL2J6O4 = require('./nova-datetime-CyL2J6O4-0Y9g3rfI.js');
+require('@stencil/react-output-target/runtime');
+require('react');
+require('react-dom');
+
+const nvDatetestCss = () => `nv-datetest{display:flex}nv-datetest label{display:flex;flex-direction:column;margin-right:10px;font-weight:bold}nv-datetest input{font-weight:normal;padding:var(--spacing-2);border-radius:var(--spacing-1);border:1px solid #ccc}`;
+
+const NvDatetest = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.valueChanged = index.createEvent(this, "valueChanged", 3);
+        this.lastChanged = index.createEvent(this, "lastChanged", 3);
+        this.historyChanged = index.createEvent(this, "historyChanged", 3);
+        this.valueDateChanged = index.createEvent(this, "valueDateChanged", 3);
+        //#endregion PROPERTIES
+        /****************************************************************************/
+        //#region METHODS
+        this.handleStartChange = (event) => {
+            const input = event.target;
+            const parsed = novaDatetimeCyL2J6O4.parseDateOnly(input.value);
+            if (!parsed)
+                return;
+            const newStart = novaDatetimeCyL2J6O4.formatDateOnly(parsed);
+            this.value = { start: newStart, end: this.value?.end };
+            this.lastChange = newStart;
+            this.history = [...(this.history ?? []), newStart];
+            this.valueChanged.emit(this.value);
+            this.lastChanged.emit({ date: this.lastChange });
+            this.historyChanged.emit({ dates: this.history });
+            this.valueDateChanged.emit({
+                start: this.value?.start
+                    ? new Date(this.value.start + 'T00:00:00')
+                    : undefined,
+                end: this.value?.end ? new Date(this.value.end + 'T00:00:00') : undefined,
+            });
+        };
+        this.handleEndChange = (event) => {
+            const input = event.target;
+            const parsed = novaDatetimeCyL2J6O4.parseDateOnly(input.value);
+            if (!parsed)
+                return;
+            const newEnd = novaDatetimeCyL2J6O4.formatDateOnly(parsed);
+            this.value = { start: this.value?.start, end: newEnd };
+            this.lastChange = newEnd;
+            this.history = [...(this.history ?? []), newEnd];
+            this.valueChanged.emit(this.value);
+            this.lastChanged.emit({ date: this.lastChange });
+            this.historyChanged.emit({ dates: this.history });
+            this.valueDateChanged.emit({
+                start: this.value?.start
+                    ? new Date(this.value.start + 'T00:00:00')
+                    : undefined,
+                end: this.value?.end ? new Date(this.value.end + 'T00:00:00') : undefined,
+            });
+        };
+    }
+    //#endregion EVENTS
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '44e383a31e357a45c8ebe011c4ec14641ce43d74' }, index.h("label", { key: '9be748d4fcbe74b81a7aa03f2a14c806c472f118' }, "Start:", index.h("input", { key: '262ffa195b8dc8ecaaea00d12b6debe48b375cd1', type: "date", value: this.value?.start ?? '', onInput: this.handleStartChange })), index.h("label", { key: 'd8934398264595a08eb75f241fd2c5bc50e9f0d2' }, "End:", index.h("input", { key: '3fdb5b2e410706c6cfedf5244e674fd1dab361a9', type: "date", value: this.value?.end ?? '', onInput: this.handleEndChange })), index.h("slot", { key: 'bb828cffcff4e2c69a48a314636470644c55d2cc' })));
+    }
+};
+NvDatetest.style = nvDatetestCss();
+
+exports.nv_datetest = NvDatetest;

package/dist/cjs/nv-datetimetest.entry-Hthxbjj9.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var index = require('./index-Kxp9mv-Q.js');
+require('@stencil/react-output-target/runtime');
+require('react');
+require('react-dom');
+
+const nvDatetimetestCss = () => `nv-datetimetest{display:flex}nv-datetimetest label{display:flex;flex-direction:column;margin-right:10px;font-weight:bold}nv-datetimetest input{font-weight:normal;padding:var(--spacing-2);border-radius:var(--spacing-1);border:1px solid #ccc}`;
+
+const NvDatetimetest = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.valueChanged = index.createEvent(this, "valueChanged", 3);
+        this.lastChanged = index.createEvent(this, "lastChanged", 3);
+        this.historyChanged = index.createEvent(this, "historyChanged", 3);
+        //#endregion PROPERTIES
+        /****************************************************************************/
+        //#region METHODS
+        this.handleStartChange = (event) => {
+            const input = event.target;
+            const newStart = new Date(input.value);
+            this.value = { start: newStart, end: this.value?.end };
+            this.lastChange = newStart;
+            this.history = [...(this.history ?? []), newStart];
+            this.valueChanged.emit(this.value);
+            this.lastChanged.emit({ date: this.lastChange });
+            this.historyChanged.emit({ dates: this.history });
+        };
+        this.handleEndChange = (event) => {
+            const input = event.target;
+            const newEnd = new Date(input.value);
+            this.value = { start: this.value?.start, end: newEnd };
+            this.lastChange = newEnd;
+            this.history = [...(this.history ?? []), newEnd];
+            this.valueChanged.emit(this.value);
+            this.lastChanged.emit({ date: this.lastChange });
+            this.historyChanged.emit({ dates: this.history });
+        };
+    }
+    //#endregion EVENTS
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        const formatDate = (date) => {
+            if (!date)
+                return '';
+            const d = new Date(date);
+            if (isNaN(d.getTime()))
+                return '';
+            return d.toISOString().slice(0, 16);
+        };
+        return (index.h(index.Host, null, index.h("label", null, "Start:", index.h("input", { type: "datetime-local", value: formatDate(this.value?.start), onInput: this.handleStartChange })), index.h("label", null, "End:", index.h("input", { type: "datetime-local", value: formatDate(this.value?.end), onInput: this.handleEndChange })), index.h("slot", null)));
+    }
+};
+NvDatetimetest.style = nvDatetimetestCss();
+
+exports.nv_datetimetest = NvDatetimetest;

package/dist/cjs/{nv-dialog.entry-ByVD02QB.js → nv-dialog.entry-Cr9zwMPo.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var index_esmD3eWMME9 = require('./index.esm-D3eWMME9-CG1TVKfu.js');
 var events_utilsB6GgGra_ = require('./events.utils-B6GgGra--01N__3wY.js');
 var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');
@@ -21,6 +21,7 @@ const NvDialog = class {
         index.registerInstance(this, hostRef);
         this.openChanged = index.createEvent(this, "openChanged", 3);
         this.eventsAttached = false;
+        this.pointerDownTarget = null;
         this.triggerClickEvents = [
             ['click', this.show],
             [
@@ -80,8 +81,18 @@ const NvDialog = class {
                 this.close();
             }
         };
+        /**
+         * Records the pointer down target to distinguish intentional outside clicks
+         * from drag-out gestures (press inside, release outside).
+         * @param {PointerEvent} event - The pointerdown event.
+         */
+        this.handleDialogPointerDown = (event) => {
+            this.pointerDownTarget = event.target;
+        };
         /**
          * Handles the click event to close the dialog when clickOutside is true.
+         * Only closes if both pointerdown and click originated on the backdrop,
+         * preventing accidental closes from drag-out gestures.
          * @param {MouseEvent} event - The click event.
          */
         this.handleDialogClick = (event) => {
@@ -89,11 +100,13 @@ const NvDialog = class {
                 return;
             if (this.checkForOpenPopovers())
                 return;
-            if (event.target === this.backdropElement) {
+            if (event.target === this.backdropElement &&
+                this.pointerDownTarget === this.backdropElement) {
                 this.close();
                 event.preventDefault();
                 event.stopPropagation();
             }
+            this.pointerDownTarget = null;
         };
         this.checkForOpenPopovers = () => {
             let hasOpenPopover = false;
@@ -285,7 +298,7 @@ const NvDialog = class {
     //#region RENDER
     render() {
         const hasForm = this.form || this.el.querySelector('form');
-        return (index.h(index.Host, { key: 'd8d44a128d01fd7a9b62d42f08f7eb5b85e4e5b2' }, index.h("slot", { key: '7157a6121fea5e8828dd2c0c3db4998c0cb5d0d2', name: "trigger" }), index.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: clsxChV9xqsO.clsx({ full: this.full }) }, index.h("div", { key: '4f851e286f94be5972ebb417bef891e29714cb44', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: '881171acec6e40b627a544b716302d576b836487', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (index.h("nv-button", { key: '9691520158952a35da536f94073e8ff5fd6041f0', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, index.h("nv-icon", { key: '8392a7d6ec89d08391904c94f10296223c4d6012', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-dialogheader", { id: "dialog-header" })), index.h("div", { key: '7fa62a9d5e8f1fe3f42872af3fc753e2fb175a9a', class: "content-body", id: "dialog-content" }, index.h("slot", { key: '5ec44365b70f6ec2762896ce242a264fb4ffb05a' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? constantsBReL3Lsa.ButtonType.Submit : constantsBReL3Lsa.ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable })))))));
+        return (index.h(index.Host, { key: '8a7bd6c255e68d2950802190764221263eedc794' }, index.h("slot", { key: '3194aed7aa3e70ca0c7d3a9aa310a5ae12a8c55f', name: "trigger" }), index.h("dialog", { key: '2eb801ffa547e5159e125631de4973c4072228e6', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, onPointerDown: this.handleDialogPointerDown, onClick: this.handleDialogClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsxChV9xqsO.clsx({ full: this.full }) }, index.h("div", { key: 'be4754c9b659de5186ceca7a038cfe048e36f7e6', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: '6dc502fe058efde6220c15fff444a16c5920e524', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (index.h("nv-button", { key: 'b9bbc39d6553e268aaabd8a394209302b4c3129d', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, index.h("nv-icon", { key: 'aa8eb0f8ce6d2d5480b8522c470c61e902fb05fd', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-dialogheader", { id: "dialog-header" })), index.h("div", { key: '9e53461c4ff39eb272dfc1042047f43aa9afa4cc', class: "content-body", id: "dialog-content" }, index.h("slot", { key: '26f5bbe3d31dc0a341cf444dd4116f7ffd51f469' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? constantsBReL3Lsa.ButtonType.Submit : constantsBReL3Lsa.ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-dialogfooter_2.entry-BmQcYJsD.js → nv-dialogfooter_2.entry-DaaKojyE.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -86,7 +86,7 @@ const NvDialogfooter = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'a5148c3e41ad6d7c5e54e2b29b8452707d5c2b2b' }, index.h("slot", { key: 'e5fcf66789eac1c6b0118403c33e7e80fb974c71' }, index.h(index.Fragment, { key: '9255d264f559322bebbcc874d91802bbaaeac2d6' }, !this.undismissable && (index.h("nv-button", { key: 'e8d6085fbbcf5bbdbad7b23d65660debb296a332', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), index.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 && (index.h("nv-icon", { key: '59dc3f909f7366a0d0e05ab089d34b9d222f43ed', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (index.h("nv-icon", { key: 'e2be736da129cf7720dad6e1a443eb55a182b2dd', slot: "trailing-icon", name: this.trailingIcon, size: "sm" })))))));
+        return (index.h(index.Host, { key: '38542bde042483b52b17ff43fb31de4e8c304e1f' }, index.h("slot", { key: 'ccb01a71be38ac68d77cfa408fd982fee291f683' }, index.h(index.Fragment, { key: '223bb06266eca959f83859119a7ec3393f2b0c33' }, !this.undismissable && (index.h("nv-button", { key: '01866629e7dfbfb480982c86b07fa9b3db7ceb36', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), index.h("nv-button", { key: '7d6bddb1681dc733ace5aac42b15b8b2d6fbc20e', 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 && (index.h("nv-icon", { key: '5dcdb4a2b88f2b776ae37782101d011a0c9012b9', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (index.h("nv-icon", { key: 'd386d6a393cb9f6771f0e2dd282a6f8b76e30047', slot: "trailing-icon", name: this.trailingIcon, size: "sm" })))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -109,7 +109,7 @@ const NvDialogheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8577fd5a719adf8764d85f667495701cb1514df2' }, index.h("slot", { key: '5858bd8fff71db135f69a76cb298343f0590f853' }, index.h(index.Fragment, { key: '81ac703e205f1b8587144213c7f57c9fd7ba9657' }, index.h("div", { key: '5a12e1facef605d96338b31468c8d8109379e2d1', class: "heading" }, this.heading), index.h("div", { key: '1a559041968e2b2b92a987c014e41380fe6f8616', class: "subheading" }, this.subheading)))));
+        return (index.h(index.Host, { key: '791850365cf2de9d1a5395083e01ee927e9fcfac' }, index.h("slot", { key: '2641c425dc10b7d748365fa0fa3d86a6784e129b' }, index.h(index.Fragment, { key: '7c8ef96b9c7e0ba03e374cc7e74d1f8f24d94c5b' }, index.h("div", { key: '53d09670dc9779101b3e79adea03bc34870df028', class: "heading" }, this.heading), index.h("div", { key: '624861c0ecac1de23ac1a4b558dea9de6acf5706', class: "subheading" }, this.subheading)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-drawer.entry-C15JRJ3N.js → nv-drawer.entry-0UaYxCjh.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var index_esmD3eWMME9 = require('./index.esm-D3eWMME9-CG1TVKfu.js');
 var events_utilsB6GgGra_ = require('./events.utils-B6GgGra--01N__3wY.js');
 var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');
@@ -431,7 +431,7 @@ const NvDrawer = class {
     render() {
         const hasForm = this.form || this.el.querySelector('form');
         const state = this.open ? 'open' : 'closed';
-        return (index.h(index.Host, { key: 'e8ae3c1b5adcd23622f97d0f405fd8607e51b3e4' }, index.h("slot", { key: 'c94efef46482ef65c9a907d5f23e2306cc88c9af', name: "trigger" }), index.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: clsxChV9xqsO.clsx({ [`side-${this.side}`]: true }), "data-state": state }, index.h("div", { key: '5fc00bd8e28cf26c92e3c3888941e6209e03fb65', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: '7eb5e3335a15a3821fa4c62160a313bddf34e3b2', class: clsxChV9xqsO.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 && (index.h("nv-button", { key: 'c284d6cea03806890603d71d27d642961eab4423', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDrawerClose, "aria-label": "Close drawer" }, index.h("nv-icon", { key: 'daf2c3af54c3eaede4835b100200632e644b7cc6', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-drawerheader", { id: "drawer-header" })), index.h("div", { key: '90ffef76d60a3522ae5daf10554a3f8a487c5f76', class: "content-body", id: "drawer-content" }, index.h("slot", { key: 'd66e675a68c27819f7ca146afc27e63d05ad5603' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-drawerfooter", { form: this.form, primaryButtonType: hasForm ? constantsBReL3Lsa.ButtonType.Submit : constantsBReL3Lsa.ButtonType.Button, onDrawerCanceled: this.handleDrawerClose, undismissable: this.undismissable })))))));
+        return (index.h(index.Host, { key: '6ca026b67705704b891c9bca8293dde501c0dc7d' }, index.h("slot", { key: 'ce9a79e0fe385b774aeac0106929343d6a053394', name: "trigger" }), index.h("dialog", { key: '49f9c71fd04de256f05d82d671b7664cf1ab3563', 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: clsxChV9xqsO.clsx({ [`side-${this.side}`]: true }), "data-state": state }, index.h("div", { key: '9c113486255925e4c7520c1f040b95ec253625d8', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: 'e5b32ffe6785c27eef326f37b23478b9993f451a', class: clsxChV9xqsO.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 && (index.h("nv-button", { key: 'ac89f7d87b1f307fd809e518cfb88ceb82a074af', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDrawerClose, "aria-label": "Close drawer" }, index.h("nv-icon", { key: '47d0888ea54efdf3f82cfd0b39bda5c1141074ba', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-drawerheader", { id: "drawer-header" })), index.h("div", { key: '77a08ee8fcda500d45c9426de8d0b6fb9e960142', class: "content-body", id: "drawer-content" }, index.h("slot", { key: 'fc40bc3ecb66c95c188b1984431788e8d3bb66e2' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-drawerfooter", { form: this.form, primaryButtonType: hasForm ? constantsBReL3Lsa.ButtonType.Submit : constantsBReL3Lsa.ButtonType.Button, onDrawerCanceled: this.handleDrawerClose, undismissable: this.undismissable })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-drawerfooter_2.entry-DuDac_Os.js → nv-drawerfooter_2.entry-CqtuC7xP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -91,7 +91,7 @@ const NvDrawerfooter = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'c83bba64c28cf284847c2b726e2d1bb9deb86152' }, index.h("slot", { key: '89e9a548f3cee3c45b8e7874e9d8618b469ce94a' }, index.h(index.Fragment, { key: 'ef18a333ef7c5de05891a265a8ccb85b6913237a' }, !this.undismissable && (index.h("nv-button", { key: 'd69eab0d344bdfb9f2454cc18d953f50b9d65aa2', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), index.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 && (index.h("nv-icon", { key: '86ac92ef44afe20e540422d3cd0ee45c04c233bc', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (index.h("nv-icon", { key: '3a48543e903d060ff77d1100df4984db04c0d2cb', slot: "trailing-icon", name: this.trailingIcon, size: "sm" })))))));
+        return (index.h(index.Host, { key: '34d1e6674af648693843a7ac721dbdbcd72b51c0' }, index.h("slot", { key: '1f4a4e543545e160f6adae62eb4313352c4792cc' }, index.h(index.Fragment, { key: '250ca124fa3b898eb4f60f44718dacbc182372e4' }, !this.undismissable && (index.h("nv-button", { key: 'd26c422a3b7912140ee92ac1d2fb6401a980f8f8', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), index.h("nv-button", { key: '8c77da0f29d18e68288b4e74f1050bc80ddb8e8d', 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 && (index.h("nv-icon", { key: 'ef09488fa5a8ca561f0c03973cb7b4fe3a6669d3', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (index.h("nv-icon", { key: '56a7a5e6fab648c67a69a309128195d047f3b5a8', slot: "trailing-icon", name: this.trailingIcon, size: "sm" })))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -118,7 +118,7 @@ const NvDrawerheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8ada9e8c2b69a74b61b079de6def10bc7504d7f5' }, index.h("slot", { key: '29c79bb789bed32bb395f1d5a8ebccf4838e3f45' }, index.h(index.Fragment, { key: '688bb835bd87de992f5bc4a63f2a857b7f806120' }, index.h("div", { key: '2638fa0871f356cc5ec6e8b72f9812cdbc93ff03', class: "heading" }, this.heading), index.h("div", { key: 'a3c2b292bfc359e2d09ae4d9a88857bc9fa0d8cb', class: "subheading" }, this.subheading)))));
+        return (index.h(index.Host, { key: '7f7a5091089b48e34ca8161d37062a760d04cb04' }, index.h("slot", { key: '32a03c7930e82a38a3e26d6cd1726dd1ac9f246c' }, index.h(index.Fragment, { key: 'ef9d6e52ac2918691ec04df4cb7e7703d5e3d0ee' }, index.h("div", { key: '2a4c59cf0e68d17014b977dbcd15d7b76b63b396', class: "heading" }, this.heading), index.h("div", { key: '70820933a33c13e39db4bb3178d270ddb780afdf', class: "subheading" }, this.subheading)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-fieldcheckbox.entry-CwDOQzSW.js → nv-fieldcheckbox.entry-DK3aO8C8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
@@ -156,15 +156,15 @@ const NvFieldcheckbox = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: '6ee6fed9bb078e32a40ac2d6c1c4baf2f1825be1', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("div", { key: '21b122c2c36382824eea7e66f2382cd333c0831c', class: "input-container" }, index.h("input", { key: '727fd8a8321e4259d44a8ffe362aa23bdb2e640e', 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 (index.h(index.Host, { key: 'd7af71859fcbf45833c17977e7f524d12d7ec516', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("div", { key: 'c636a80f3d538843e76b48f4bc6387064fdbcb6f', class: "input-container" }, index.h("input", { key: '4e721f36cb3c6137f0a05b981e22fda0e17dc8a3', 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;
                 }
-            } }), index.h("span", { key: '74e19f64867b671e2f632780726f8cab9c6e485e', class: "icon" }, this.checked && !this.indeterminate && (index.h("slot", { key: '960d296f7caa4abe6f4268c41c09b29b4c0454da', name: "checked-icon" }, index.h("svg", { key: '5a6875f34252b36490daabfdc600b4aa748c6f2e', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: '8acd040c77cb913d2904daaac86038171e338761', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (index.h("slot", { key: '42163fea08858131d3a4e74c119565e70d850cf2', name: "indeterminate-icon" }, index.h("svg", { key: '86d0ce5504ea9e8a82ba6c85b7729ce8161aaecf', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: 'ce47ed03186447bc90321a2aa8343a3377a6ade7', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("slot", { key: 'b41cb04185643e5dada6da24e5fc325905b53d08' }), index.h("div", { key: '57509a30441ab9de0c1949f6392dab34674ce91c', class: "text-container" }, index.h("slot", { key: '81ee7728a5a814371dab853d377e249afb5eab7e', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'f428aeaedd1e70f7b9626c54f3995b2998cde140', htmlFor: this.inputId, class: clsxChV9xqsO.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: 'e36c574ba6041b7ab0dee5c02a025370f21d947a', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'fed901aef5e5ac91b5ac04fc8751585b55031666', class: "description" }, index.h("slot", { key: '84fdd3bd94f0249f3ed821e1849be6a6f192fb72', name: "description" }, this.description)))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'fc0526ddbbd84e08c18ee27c0b4be0533af0fe22', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'd288116644ed450bdab0be20a3e7def7481e6c8b', name: "error-description" }, this.errorDescription))))));
+            } }), index.h("span", { key: '8d2900a5541c0920e18ec6274558aeb88e290139', class: "icon" }, this.checked && !this.indeterminate && (index.h("slot", { key: '3a80b2db6b84836d1b5ceb72abe0d45dc9f9d3f5', name: "checked-icon" }, index.h("svg", { key: 'cf5f36827d3470b6279bfb985cbe9fbf35d8773e', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: 'b4b49d0ee3e2207fdfa00ff29d3ccfd63744b313', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (index.h("slot", { key: '3a5ceee36c94ee66b4104373a1ab9a8dcae635f4', name: "indeterminate-icon" }, index.h("svg", { key: '11e3599cdda5c3055f7f18f7800b4b82747863a9', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: '4b8eecd39e9cfc73a340980f8e438b855a64e2de', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("slot", { key: 'd5f707b058e44ea577a37714994ddd16933e5e5b' }), index.h("div", { key: 'e60d0a559d0069074e5a7973e94d9dc212a659d5', class: "text-container" }, index.h("slot", { key: '3ba66c529955b680c16a94a8dd36955ebc7563aa', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'be5232898d0209130626ae3d27af0fd6f2d79327', htmlFor: this.inputId, class: clsxChV9xqsO.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: 'ec0886e8605d7cdd2494134831d729bc7687f542', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '0de7768b857c85b8b54cd4edaeaf60fa8130005a', class: "description" }, index.h("slot", { key: 'b6c3a2f467934d5bdaa913cc7dccc9b2677c49e5', name: "description" }, this.description)))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '2c286387dbdc2e8f98c6fc4ae62c63c57e85a972', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '3d0eeb3caee84399792cfe9484902c6d5a36e226', name: "error-description" }, this.errorDescription))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-fielddate.entry-DKICGwc0.js → nv-fielddate.entry-BY-xF3KN.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var inputmaskCSo292ul = require('./inputmask-CSo292ul-DlvupPk6.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
@@ -404,15 +404,15 @@ const NvFielddate = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: '3c13437365ba5c194e382050d83a01c2610f901d' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '82bccae1ff2044e8b099789e4403857772f8449c', htmlFor: this.inputId }, index.h("slot", { key: '3a2065e072ba6acb2ca5a162b877d05d30f93815', name: "label" }, this.label))), index.h("nv-popover", { key: 'afd5fc8f78a46562b318f2f2d48306efa2275fac', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '748395cd864e8ee8f224460a420379b9f8ea362e', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '8c1f2baa6a33861d83c9497ee39a6a2a08b27d2e', name: "before-input" }), index.h("div", { key: '91dfd2e870fc59e0949ff1ae2b66e0a3c89ec203', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '7e7a11aacf727512ccbf4c5fd149f9ccbf161c0d', name: "leading-input" }), index.h("input", { key: '47b9d83bb4942604c3e8244995d032743ad84e78', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
+        return (index.h(index.Host, { key: '373ddbc08a6b5d6ca6f2ac368f0ec84067539313' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '8373d2e38786f41bda23dd8fe9d345d24fb27710', htmlFor: this.inputId }, index.h("slot", { key: '8ded993892e5eef5caec76081eff5d3ed2db695a', name: "label" }, this.label))), index.h("nv-popover", { key: '0a394aab113c9a964f7495481d728416b1b7b041', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: 'ae7e1a4d7454b09969335a4772e77ba137a12389', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '7b744ada5b12dca2ffaca4690f27a9a77240ea55', name: "before-input" }), index.h("div", { key: '9eb02599b7d7b6ee1835756525d8646d8a50be73', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '882a358dd1f0865a0c46ca5d9c5f8fe4689de616', name: "leading-input" }), index.h("input", { key: '2f8603d625b8fbfe8a5287e5512fdb2b7309004b', 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 && (index.h("nv-icon", { key: '0c8badb4887475f3ce278db7dd1bb9d4f4db1948', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '908c9595d2858b5915ea9625b365d98c9076175d', name: "circle-check", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '2acbfe40a0db4b070491e91fa69b9a21fee5111d', 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 && (index.h("nv-icon", { key: 'ae611c7990a9ee817fcd8fec5c3c6068b995310d', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '3fa08699f440d9dcbd9612965a3f1cf88b17a83c', name: "circle-check", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: 'ee781c688e8bc62d17250dd4ec198e5706641cf7', 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 })), index.h("slot", { key: 'fb9ae11ed575835053e11a28136c545fefa1f185', name: "after-input" })), index.h("div", { key: '4ed455b92288d64e1d243e0d2268251f183523c9', slot: "content" }, index.h("nv-calendar", { key: '1af9d63edd9c95414ddcba5e3988a1bf42fae4bb', 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"]')) && (index.h("div", { key: '3a124e7dd1d5216ac586893eb2d7ae8383051cdc', class: "description" }, index.h("slot", { key: '13f0b8e29875e369734799370fbd54c27becebfb', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '78dbbd76ada0c99907c9725fc82f2edfea41830c', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '2c7f702581d6645cb9e6e0e94effa2ea067f049a' })));
+            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: 'ab360fe2a6d5ceb48899ba05e404548995348e96', name: "after-input" })), index.h("div", { key: '8379e7defd054c642fe0d25cd8f3890c351811b1', slot: "content" }, index.h("nv-calendar", { key: '316df6f492d8d684ba91429fe5e499330329d0a7', 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"]')) && (index.h("div", { key: '9bad6d56684e9fea1298b5338ed32c04f3ab364c', class: "description" }, index.h("slot", { key: '180f3d6aac34ed02bf7ac351319327d701d4a419', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'b62cfbae2fec4d1e4c6d15f3bd3cf8e0936ec28f', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '6c4f47488a757c5808ed1bbe8bcedaa5dce60da2' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-fielddaterange.entry-DGEK8F9p.js → nv-fielddaterange.entry-BT6qCQc3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var inputmaskCSo292ul = require('./inputmask-CSo292ul-DlvupPk6.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
@@ -561,16 +561,16 @@ const NvFielddaterange = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: 'ff398fcfbbe95e5665b774fe43350acbbc348fe9' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '2b1909b93047611192bb66f574bdda3b206e2385', htmlFor: this.startInputId }, index.h("slot", { key: '8195acf71bec4897fca7c4617eb0de096e88b191', name: "label" }, this.label))), index.h("nv-popover", { key: 'ba36048cf5a34974f4f4deb66fb0d735988e5b53', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '14b6d78ac81001bd174bad38172a8a1a1f347731', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: 'fb016c89c6f8f99ae3c67917fc623bd5ebfd55fc', name: "before-input" }), index.h("div", { key: 'ba782a5e283e468467ccdb9b571046cd2f4852e9', class: "input-container" }, index.h("slot", { key: '2adfa150e03b07b3fc68dcf58e8033b7945161a0', name: "leading-input" }), index.h("div", { key: '0276764deeb85f4211ac741f3eb5fef2f9fbcb43', class: "range-inputs" }, index.h("input", { key: 'b752bb09fefcd173403cb11db40d0aabd25e1388', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
+        return (index.h(index.Host, { key: '659fbd943d7f088b0dde4ad6ae9eac2fd719d58d' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '5ec3a4df845c445ce2c4b45798677c9ba1c79f04', htmlFor: this.startInputId }, index.h("slot", { key: 'ac22f1a6d6f49a2feb2a92a1ff9045422785ef64', name: "label" }, this.label))), index.h("nv-popover", { key: 'd4ac345011bce61f263df887fa9eebc210659145', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '6f13372e3bea5b40ed7bc82ffea0fa4f85f6e450', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '4403b049058b231017eea3be6a1045312d805d75', name: "before-input" }), index.h("div", { key: 'df2603a90a1e7740311c8a4b1a85a051ed8efff0', class: "input-container" }, index.h("slot", { key: '37554324ba2bb1f25446c97db50546e0a33b5af8', name: "leading-input" }), index.h("div", { key: '0e99431473e98409bdf883acfd7e50823e6fc3c2', class: "range-inputs" }, index.h("input", { key: '7077a4a95fd264466c44f4f96fd9b6236887b731', 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" }), index.h("div", { key: 'd5be46903d09c3b189dc4e7ee8ddad170c0f6286', class: "range-separator" }), index.h("input", { key: '11b9a3838149854e68ae7c9d96aedbaaba84a90d', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
+            }), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), index.h("div", { key: '8f84668eb682306ff6751044fb715dfbccc38e6b', class: "range-separator" }), index.h("input", { key: '1e7045f9501a04e14d4f726171abd07cbce0e004', 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 && (index.h("nv-icon", { key: '26b42abdeafd75930a5ca607d24337b6b3c10ac2', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '1af99ccf21b9f8089204e9e97c2453b2bdeffd29', name: "circle-check", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '38b70d2b9f4ec16ff1707dc2b05ceae806646541', 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 })), index.h("slot", { key: '2ab6a03f44f04595763f4a6cbb8bc142578e1b3a', name: "after-input" })), index.h("div", { key: '1fc0213d712a8560dee995c4d26c7d9944af650b', slot: "content" }, index.h("nv-calendar", { key: 'd883272405391bec569516321fd2eae93dac817a', 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"]')) && (index.h("div", { key: 'd0f9852ccd37202db9653b338cf850ba44365ddf', class: "description" }, index.h("slot", { key: 'cff092ce15f1f90f246de859fea30d3714fd4520', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'c9dfd25d6784cca037337e7ffe28fc4ac1d33fd5', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '8123f07bf03ae219917f2e9f8146142bd8781bd4' })));
+            }), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (index.h("nv-icon", { key: 'a82a7ea123f900eda3eb82cb1a70796ffc0248da', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '176e92373cb84d7cd873637818eba98b51a69646', name: "circle-check", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: 'd7069a77fa7fdca3b8202fed9fdfe8af082fdaf6', 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 })), index.h("slot", { key: '1ef543db2799a3242ed0a9ef8a5058b002fb885b', name: "after-input" })), index.h("div", { key: 'b47f6bbc98772ba7b0aa680737bf278b716aa237', slot: "content" }, index.h("nv-calendar", { key: '6008dda7daff3c40f20475996f8215ae8b6c457a', 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"]')) && (index.h("div", { key: 'bd3c9e7650cea0ae6e30418c1ed15e2e21241576', class: "description" }, index.h("slot", { key: 'c87eb17e1b5624c7d3b5b31644919c4a473ea135', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'e9cb169a418080a3c374f5d36fdc7c09845a52f6', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: 'ea7d3580a7007bcdc85eb096ccdbf683d7a1d906' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-fielddropdown.entry-BLS7lRzD.js → nv-fielddropdown.entry-CsVD067i.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BeFrXZol.js');
+var index = require('./index-Kxp9mv-Q.js');
 var i18n_utilsCR9MpYzU = require('./i18n.utils-CR9MpYzU-ku0bScip.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
@@ -655,11 +655,11 @@ const NvFielddropdown = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: 'fc83e8834e38142ad102d17495b5978283699576', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '5a1eb965296909556869a025a6e4da609f2cbf90', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, index.h("slot", { key: 'd5d4f3607e07e248c4083c3ea934a3bd1d7a7467', name: "label" }, this.label))), index.h("nv-popover", { key: '17e42a4d729dbc735db49f398ec14e0c296ff8ee', triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: e => this.openChanged.emit(e.detail) }, index.h("div", { key: 'a665ff2d2142acf5335d52e9a304ea2995750e5f', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'bddb24c6404ea0ea7da33485f8d497d0a635f3e2', name: "before-input" }), index.h("div", { key: '7275a9a99c9b4476b405f3966f128ce9ce92801a', class: "input-container" }, index.h("slot", { key: 'ede3c4442f365377eb83524f5d70d2922cd2a38b', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (index.h("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (index.h(index.Host, { key: 'b41a60470da47b175fac17a8bc88b8719b56cc14', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'adf93f21febb5404b931b821595eed91b24da55b', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, index.h("slot", { key: 'c8b8256e6e06695a3b6778cec0a696bc0713e6dc', name: "label" }, this.label))), index.h("nv-popover", { key: '66895b00c801a5c1889da8bc73d9f519d3fe4b70', triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: e => this.openChanged.emit(e.detail) }, index.h("div", { key: 'e468646cb1d08f7f26a8c427040d14f843279fd0', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'd5567eb82b1e9230507963ed7ca76656f1415855', name: "before-input" }), index.h("div", { key: '872a8f01aeba95f52209e8dbe2bb1cff3c65c46f', class: "input-container" }, index.h("slot", { key: 'f8038d509899b3dbe895c9f042f39a1274d1b681', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (index.h("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (index.h("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (index.h("nv-iconbutton", { key: 'd1aa81c5d14601ea85cec133a94f2b071ca98358', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (index.h("nv-icon", { key: 'd49e30222d63ffdcc4d952d959a98946b943685f', name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '6e157ce63f3f6faa08df5b7b9b7e6fd3ae9d0c31', "data-scope": "toggle-dropdown", ref: el => (this.toggleElement = el), name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', onClick: this.syncToggleDropdown.bind(this), tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '665519b43abbd562ea1c3e36355b15ffb3e6fea2', name: "after-input" })), index.h("div", { key: 'da97b6498e93d5f6c427bec6963db697c41c2d9a', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, this.options?.length > 0 && (index.h("ul", { key: '0db57a711680aad61c32993b5f3afe304ec9066f' }, this.options.map(option => (index.h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), index.h("slot", { key: '5c7643c6436c42efa63bab75f416b684b662812b', name: "content" }))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '0ade462a96a16bb0cf6fb9d49d4ead0d98a6234b', class: "description" }, index.h("slot", { key: 'bb2d0c3340bdc0d0b3ac77feab8bc70a73b89a00', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'c04c2329d71e088b262a46441bb3bd9592d304e8', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'b85d769f12c4bf2a2ba5aba69c20566d17801f0a', name: "error-description" }, this.errorDescription)))));
+            }), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (index.h("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (index.h("nv-iconbutton", { key: 'b5b48972a2529eee9dd2fd68871859bf289d472a', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (index.h("nv-icon", { key: '2cca314634242b1e697ba2b26298b095f0742582', name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: 'eac277cbb66ac82547d5c4c6a6aec3443f2fb593', "data-scope": "toggle-dropdown", ref: el => (this.toggleElement = el), name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', onClick: this.syncToggleDropdown.bind(this), tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '25f05b5425937ca89e1c8c4f2be9fbde2e39959a', name: "after-input" })), index.h("div", { key: '064a1701a6f4678e1443d7e028f3681e2e41dfd9', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, this.options?.length > 0 && (index.h("ul", { key: 'a9e489d4eb5551044f43a5aacaed94457ddbcacc' }, this.options.map(option => (index.h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), index.h("slot", { key: '4dda850901378ea3416260e1c0adda7af9a153c7', name: "content" }))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'a878da5beb9572bc8d3a318d3879517ee84c7bac', class: "description" }, index.h("slot", { key: '04618e824a1b5d67a4ccbe70f13d9ca818f607bd', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '007314310806e8dcc5b2b48af65bc66de4ba9f7a', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '237a4e37e5869f8b66c631559027ec6551005ec6', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }