@nova-design-system/nova-react 3.31.1 → 3.31.2-beta.4

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -101,6 +101,7 @@ exports.NvNotificationBullet = index.NvNotificationBullet;
 exports.NvNotificationcontainer = index.NvNotificationcontainer;
 exports.NvPaginationNav = index.NvPaginationNav;
 exports.NvPaginationtable = index.NvPaginationtable;
+exports.NvPill = index.NvPill;
 exports.NvPopover = index.NvPopover;
 exports.NvRow = index.NvRow;
 exports.NvSidebar = index.NvSidebar;

package/dist/cjs/{nv-accordion-item.entry-BvsiHrIZ.js → nv-accordion-item.entry-DTMF2QA4.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var collapse_animationDZDm0vSK = require('./collapse.animation-DZDm0vSK-C2TOIhIK.js');
 require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
+var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -64,12 +65,12 @@ const NvAccordionItem = class {
                 console.warn('[handleHeaderKeyDown] Ignored (disabled)');
                 return;
             }
+            if (accessibility_utilsC4Cy9iy8.isToggleKey(e.key)) {
+                e.preventDefault();
+                this.toggle();
+                return;
+            }
             switch (e.key) {
-                case 'Enter':
-                case ' ':
-                    e.preventDefault();
-                    this.toggle();
-                    break;
                 case 'ArrowDown':
                     e.preventDefault();
                     if (!this.open) {
@@ -196,12 +197,12 @@ const NvAccordionItem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'd4c17c017d33831281ff47b857dbf89cc4c81fff', class: {
+        return (index.h(index.Host, { key: 'c0169541993ffd109fe9472cfe9acf0cc15eea74', class: {
                 'nv-accordion-item': true,
                 'is-open': this.currentOpenState,
                 'is-disabled': this.disabled,
                 'is-animating': this.isAnimating,
-            }, role: "listitem", "aria-expanded": this.currentOpenState ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '32f3f117cf65d4ac9550dff00928f0099b72405a', class: "nv-accordion-item__header", onClick: this.handleHeaderClick, "aria-controls": "content" }, index.h("slot", { key: '8533b9dfde96c2da7867175dc73749ed0fd17f5f', name: "header" }, index.h("div", { key: '9f6ccf7d5044e5e236fcba238f898d4d6f296d3e', class: "nv-accordion-item__header-content" }, this.itemTitle && (index.h("span", { key: '4458aad736c819b129f066838f22a750e316c8be', class: "nv-accordion-item__title" }, this.itemTitle)), this.subtitle && (index.h("span", { key: '5bbb2e546c6ada4402401e4a5fcac30a7058b191', class: "nv-accordion-item__subtitle" }, this.subtitle)))), index.h("nv-iconbutton", { key: '97d5cf23c30fafd8dbac383f9e1e19d7a92e2294', emphasis: "low", size: "sm", shape: "square", name: this.chevronIconName, tabindex: this.disabled ? -1 : 0, onClick: this.handleIconClick, onKeyDown: this.handleHeaderKeyDown, "aria-controls": "content", "aria-label": this.currentOpenState ? 'Close the section' : 'Open the section' })), index.h("div", { key: '71e54e7f92aff4568b2ea22d4774b7c95a0335ce', id: "content", class: "nv-accordion-item__content", ref: el => (this.contentRef = el) }, index.h("div", { key: 'fd6ec95ca0efc4d65a723d3b2f40171fa7ee0e01', class: "nv-accordion-item__content-inner" }, index.h("slot", { key: '46a72758177f8d6a4d62bb880f8744aa85db571f', name: "content" })))));
+            }, role: "listitem", "aria-expanded": this.currentOpenState ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'ff0c3dbd34a73d902737b2a15d29bc9d70e51667', class: "nv-accordion-item__header", onClick: this.handleHeaderClick, "aria-controls": "content" }, index.h("slot", { key: 'aa50c7ac879ee354a33d6e7ff2da2b377abe1848', name: "header" }, index.h("div", { key: '10f7739be035196deab5b380c955972ced73b81d', class: "nv-accordion-item__header-content" }, this.itemTitle && (index.h("span", { key: 'd8f0ac448168fdffde64f079645ceaaf99e2f801', class: "nv-accordion-item__title" }, this.itemTitle)), this.subtitle && (index.h("span", { key: 'b3c5f60f26fd831df2e77e252d8e51551a6698e8', class: "nv-accordion-item__subtitle" }, this.subtitle)))), index.h("nv-iconbutton", { key: '9a3d259561c13b750c0d4380b42a8978d45fb8c5', emphasis: "low", size: "sm", shape: "square", name: this.chevronIconName, tabindex: this.disabled ? -1 : 0, onClick: this.handleIconClick, onKeyDown: this.handleHeaderKeyDown, "aria-controls": "content", "aria-label": this.currentOpenState ? 'Close the section' : 'Open the section' })), index.h("div", { key: '7245b95a28705bed24c4df2dd9642b009c36bc81', id: "content", class: "nv-accordion-item__content", ref: el => (this.contentRef = el) }, index.h("div", { key: '86236524b5eda533e8e632438ec006a46cc8f28c', class: "nv-accordion-item__content-inner" }, index.h("slot", { key: 'bac97f282ae43c5d72df2b264b5688626423ed4c', name: "content" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-accordion.entry-Dag3RvG5.js → nv-accordion.entry-LhpIZNos.js}

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

package/dist/cjs/{nv-alert.entry-hXyvyQaa.js → nv-alert.entry-CLzSK5qn.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 var collapse_animationDZDm0vSK = require('./collapse.animation-DZDm0vSK-C2TOIhIK.js');

package/dist/cjs/{nv-avatar.entry-Cv8nRzHk.js → nv-avatar.entry-BLdl6iCG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-badge_2.entry-s7grrG3t.js → nv-badge_2.entry-D9dDFfNt.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.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');

package/dist/cjs/{nv-breadcrumb.entry-DsuW8DRC.js → nv-breadcrumb.entry-zM46pNeP.js}

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

package/dist/cjs/{nv-breadcrumbs.entry-DC5qza5N.js → nv-breadcrumbs.entry-C15cO6Oe.js}

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

package/dist/cjs/{nv-button.entry-DJ9ySYDC.js → nv-button.entry-DI4P9AiP.js}

@@ -1,7 +1,8 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
+var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -116,7 +117,7 @@ const NvButton = class {
     /****************************************************************************/
     //#region EVENTS
     handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
+        if (accessibility_utilsC4Cy9iy8.isToggleKey(event.key)) {
             event.preventDefault();
             this.el.click();
         }
@@ -148,7 +149,7 @@ const NvButton = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '2597730775f043b11be36a52a9dc5d21e7ad4ef0', role: "button", tabindex: this.disableTabindex ? -1 : 0, onClick: this.handleButtonClick }, this.loading && (index.h("nv-loader", { key: 'e39ab02bc5b8843866f2baa734d56956c5d7be18', size: this.size === constantsGOKBmbgZ.ButtonSize.Large ? 'sm' : 'xs' })), index.h("slot", { key: 'e6cc54748edc793da1654e9a9fe17a5db20c679f', name: "leading-icon" }), index.h("slot", { key: 'c3bd505559a3646fdce310726b1d14068ce3a020' }), index.h("slot", { key: '4459bc71ee05c8812e78539757aa427a2da4620a', name: "trailing-icon" })));
+        return (index.h(index.Host, { key: '363c673db13121de30ce33d7fd0d592c5f39ffd1', role: "button", tabindex: this.disableTabindex ? -1 : 0, onClick: this.handleButtonClick }, this.loading && (index.h("nv-loader", { key: '105492b081b9e7386090f757f695b30845220796', size: this.size === constantsGOKBmbgZ.ButtonSize.Large ? 'sm' : 'xs' })), index.h("slot", { key: '65e32f50f1e2c1a29afd409fe9d68428c9740835', name: "leading-icon" }), index.h("slot", { key: '22b0c6eb9691c2061c8538a2d22a011d3e16eb56' }), index.h("slot", { key: '3e151a32f5a27705d11ffc8108fc34daca1053ba', name: "trailing-icon" })));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-buttongroup.entry-V7EHizoj.js → nv-buttongroup.entry-D7yCaYjm.js}

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

package/dist/cjs/{nv-calendar.entry-DsqYoQrJ.js → nv-calendar.entry-zseSe52a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 var _commonjsHelpersB85MJLTf = require('./_commonjsHelpers-B85MJLTf-CFO10eej.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-col.entry-CuLpzq87.js → nv-col.entry-nEoJ7359.js}

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

package/dist/cjs/{nv-datagrid.entry-3jL3JYdd.js → nv-datagrid.entry-CFwixyUO.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var dom_utilsCuXVGECR = require('./dom.utils-CuXVGECR-8VY5SfMZ.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-datagridcolumn.entry-ChGqc2aO.js → nv-datagridcolumn.entry-B_olySPa.js}

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

package/dist/cjs/{nv-datetest.entry-CjpFR6RB.js → nv-datetest.entry-Dwr0C5xt.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var novaDatetimeCyL2J6O4 = require('./nova-datetime-CyL2J6O4-0Y9g3rfI.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-datetimetest.entry-LpXUxQvy.js → nv-datetimetest.entry-hziXdUJX.js}

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

package/dist/cjs/{nv-dialog.entry-D4ZJMTIA.js → nv-dialog.entry-B9qKSweg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.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');
@@ -9,6 +9,7 @@ require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
 var timeline_animationCgHCo_Ho = require('./timeline.animation-CgHCo_Ho-KteJaZPb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
+var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -27,7 +28,7 @@ const NvDialog = class {
             [
                 'keydown',
                 (e) => {
-                    if (e.key === 'Enter' || e.key === ' ') {
+                    if (accessibility_utilsC4Cy9iy8.isToggleKey(e.key)) {
                         e.preventDefault();
                         this.show();
                     }
@@ -298,7 +299,7 @@ const NvDialog = class {
     //#region RENDER
     render() {
         const hasForm = this.form || this.el.querySelector('form');
-        return (index.h(index.Host, { key: '851b2bdefcf90631ab162942264f0b2108053cba' }, index.h("slot", { key: 'f488e07c5599fe4cee186d9085dc13052a917185', name: "trigger" }), index.h("dialog", { key: 'd5a1f9af64afd02ec5ad985cea2de55385164e98', 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: '3566481978cdd52ed194651ec0f071b7c3023746', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: 'df01c082574f1a5c3dc75523c11793670a6c6e5f', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (index.h("nv-button", { key: '8c3acd5d9eb235dec637c365f7a8756ff22f81dd', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, index.h("nv-icon", { key: '6239295e8eb09d270e4b6f7404a3287072f40cfa', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-dialogheader", { id: "dialog-header" })), index.h("div", { key: 'b74e5123776b75fcb599f6606361f00621514d09', class: "content-body", id: "dialog-content" }, index.h("slot", { key: 'aa037132057d2b78b736624d2e82978c40214aed' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? constantsGOKBmbgZ.ButtonType.Submit : constantsGOKBmbgZ.ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable })))))));
+        return (index.h(index.Host, { key: 'd4daea5bfea9157d8e101d805bf14019a5d092f8' }, index.h("slot", { key: '873111709d1fe310886aaac9f4c7ff50b5d6f507', name: "trigger" }), index.h("dialog", { key: '2eb47ccecea0bdceadbfadd594a2a29ae67b1403', 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: 'a919090e8344ec40028cdfe5c53aa00b71f51b28', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: '98c1b9a0774c203f01caf756553147d44c362168', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (index.h("nv-button", { key: '6521f34860acacf2f069aee99ab60d16dc4c607f', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, index.h("nv-icon", { key: '2f48cb5814a6638fe5a0c71f26304902fda5744f', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-dialogheader", { id: "dialog-header" })), index.h("div", { key: 'f2b885c7450f6393e1b95add60b7b832658b136a', class: "content-body", id: "dialog-content" }, index.h("slot", { key: '10be559e037a9d050e25c71b5aa74fc74a53757e' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? constantsGOKBmbgZ.ButtonType.Submit : constantsGOKBmbgZ.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-F5GZZHzN.js → nv-dialogfooter_2.entry-CBTqmO9s.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-drawer.entry-B0ngySoz.js → nv-drawer.entry-DD-VjFP9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.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');
@@ -9,6 +9,7 @@ var slide_animationCmH5d1of = require('./slide.animation-CmH5d1of-BZuw607U.js');
 var timeline_animationCgHCo_Ho = require('./timeline.animation-CgHCo_Ho-KteJaZPb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
+var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -33,7 +34,7 @@ const NvDrawer = class {
             [
                 'keydown',
                 (e) => {
-                    if (e.key === 'Enter' || e.key === ' ') {
+                    if (accessibility_utilsC4Cy9iy8.isToggleKey(e.key)) {
                         e.preventDefault();
                         this.show();
                     }
@@ -431,7 +432,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: 'aada34b34ad78467aed1a5aa494bd573b8c3023c' }, index.h("slot", { key: 'fe01a0da104aa434f193a16e102880566b283531', name: "trigger" }), index.h("dialog", { key: '7db46371372809e4434d93675926cecfb2f90b74', 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: '1bd258e560667dc30474c3f30e376e9c6058e104', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: 'bd3d78bc975a15d9bd03ffd764e4c9831a982c3a', 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: '44dc185a2180b6371a822bdae3c2498e9228356d', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDrawerClose, "aria-label": "Close drawer" }, index.h("nv-icon", { key: '9892aded6c0540f08785ff93cda21966420564bd', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-drawerheader", { id: "drawer-header" })), index.h("div", { key: 'f99756243748abee798cf6dca389dfb350980b98', class: "content-body", id: "drawer-content" }, index.h("slot", { key: 'fdd5e1c648dd1bc88429e9b3f1d01d94577042f5' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-drawerfooter", { form: this.form, primaryButtonType: hasForm ? constantsGOKBmbgZ.ButtonType.Submit : constantsGOKBmbgZ.ButtonType.Button, onDrawerCanceled: this.handleDrawerClose, undismissable: this.undismissable })))))));
+        return (index.h(index.Host, { key: 'b43e7ca33d5e06abfddf51d5d7db885de724c859' }, index.h("slot", { key: 'e17ad4cb2802b82a2bfba3703b4892b898cd5f9d', name: "trigger" }), index.h("dialog", { key: '3eb33f30773054c6abb5a344ac35d0ceef53610a', 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: '1fa61356e5b5aa1436a9cd806c06d66d726268b2', class: "backdrop", ref: el => (this.backdropElement = el) }, index.h("div", { key: '67c34d13f9ee8aa364af2184a9ba340f16300c31', 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: '59e980e0eea85de547223cca784393bb7ebb8dac', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDrawerClose, "aria-label": "Close drawer" }, index.h("nv-icon", { key: '95ed3753e4dfeb3a41a1b6076cd74cf844105a67', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-drawerheader", { id: "drawer-header" })), index.h("div", { key: '1929db6d8bf39fdce10c269aa13cbca07710b167', class: "content-body", id: "drawer-content" }, index.h("slot", { key: '97c826f8a1e2e9cd1147d2c7a6969581aed70a00' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-drawerfooter", { form: this.form, primaryButtonType: hasForm ? constantsGOKBmbgZ.ButtonType.Submit : constantsGOKBmbgZ.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-BRckyNO2.js → nv-drawerfooter_2.entry-CkODBIr6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-fieldcheckbox.entry-BfCMk8wm.js → nv-fieldcheckbox.entry-DWAA4UE3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-fielddate.entry-DqfvxdGx.js → nv-fielddate.entry-BVZhCq5F.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var inputmaskCSo292ul = require('./inputmask-CSo292ul-DlvupPk6.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-fielddaterange.entry-BoJ75PRm.js → nv-fielddaterange.entry-CWAnYRgI.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var inputmaskCSo292ul = require('./inputmask-CSo292ul-DlvupPk6.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-fielddropdown.entry-CWIrMlbX.js → nv-fielddropdown.entry-CLauf21x.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var i18n_utilsCR9MpYzU = require('./i18n.utils-CR9MpYzU-ku0bScip.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-fielddropdownitem.entry-CHKTpHUS.js → nv-fielddropdownitem.entry-DCTeh9KO.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
+var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -42,7 +43,7 @@ const NvFielddropdownitem = class {
     handleKeyDown(event) {
         if (event.target !== this.el)
             return;
-        if (event.key === 'Enter' || event.key === ' ') {
+        if (accessibility_utilsC4Cy9iy8.isToggleKey(event.key)) {
             event.preventDefault();
             this.handleSelected();
         }
@@ -60,7 +61,7 @@ const NvFielddropdownitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '9931decf5664d77d8c164859bc4046ca313e13a9', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, this.selected && (index.h("nv-icon", { key: 'aba64f319fb37bc8f471ebd65d00d0f17158fe41', name: "check", "aria-hidden": "true", "data-scope": "selected" })), index.h("slot", { key: 'ffafa2e39d704caa576d59bba459503be10f4ffc' }, index.h("div", { key: '065293dca56bfaec8f89910f88b92a52907fcf28', class: "text-wrapper" }, index.h("span", { key: '2f85b57db26203bc19b32047707f9281a6d906a0', "data-scope": "text" }, this.label)))));
+        return (index.h(index.Host, { key: 'd4fbb89e9b2c186d2f8bb9c1e5c95460d77cdb1f', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, this.selected && (index.h("nv-icon", { key: 'b846299f4ae9da1d594944e42218cd066a015943', name: "check", "aria-hidden": "true", "data-scope": "selected" })), index.h("slot", { key: '64c18c88bf1c37e7579e44b6879e85e97f1a4713' }, index.h("div", { key: 'bc056dbe0aca9bdfcc06468d7cadd2844fa060cd', class: "text-wrapper" }, index.h("span", { key: 'd375adcdf3a9c5c37b449d5e15ce154cdc58a0ca', "data-scope": "text" }, this.label)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-fieldmultiselect.entry-C_B7c4ph.js → nv-fieldmultiselect.entry-BNwKkdeR.js}

@@ -1,7 +1,8 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var i18n_utilsCR9MpYzU = require('./i18n.utils-CR9MpYzU-ku0bScip.js');
+var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -712,8 +713,7 @@ const NvFieldmultiselect = class {
                     : (currentIndex - 1 + items.length) % items.length;
             this.updateHighlightedItem(items, currentIndex);
         }
-        else if ((event.key === 'Enter' || event.key === ' ') &&
-            currentIndex >= 0) {
+        else if (accessibility_utilsC4Cy9iy8.isToggleKey(event.key) && currentIndex >= 0) {
             // If the key event came from the chevron toggle button, nv-iconbutton
             // has already handled open/close via its own keydown listener. Do not
             // also toggle the highlighted item — that is a double-action bug.

package/dist/cjs/{nv-fieldnumber.entry-B_pliQpQ.js → nv-fieldnumber.entry-D86SjYXx.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-fieldpassword.entry-DTC13ASY.js → nv-fieldpassword.entry-Dt0lUkJt.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-fieldradio.entry-C0VTzPxr.js → nv-fieldradio.entry-DNvjs4oH.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-fieldselect.entry-BWj2M0pb.js → nv-fieldselect.entry-OZEU8DSk.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-fieldslider.entry-C0IoIOYv.js → nv-fieldslider.entry-1IiUmkIh.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-fieldtext.entry-BKdmagew.js → nv-fieldtext.entry-AuynZcaD.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-fieldtextarea.entry-jV238RrX.js → nv-fieldtextarea.entry-CgJKQdfG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');

package/dist/cjs/{nv-fieldtime.entry-CGli1kNM.js → nv-fieldtime.entry-uB03riIZ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');