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

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -114,8 +114,10 @@ exports.NvSidebarnavitem = index.NvSidebarnavitem;
 exports.NvSidebarnavsubitem = index.NvSidebarnavsubitem;
 exports.NvSplit = index.NvSplit;
 exports.NvStack = index.NvStack;
+exports.NvStatusindicator = index.NvStatusindicator;
 exports.NvTable = index.NvTable;
 exports.NvTableheader = index.NvTableheader;
+exports.NvTag = index.NvTag;
 exports.NvTimetest = index.NvTimetest;
 exports.NvToggle = index.NvToggle;
 exports.NvTogglebutton = index.NvTogglebutton;
@@ -129,6 +131,10 @@ Object.defineProperty(exports, "SortingPossibility", {
 	enumerable: true,
 	get: function () { return index.SortingPossibility; }
 });
+Object.defineProperty(exports, "StatusIndicatorEmphasis", {
+	enumerable: true,
+	get: function () { return index.StatusIndicatorEmphasis; }
+});
 Object.defineProperty(exports, "TextInputAutocomplete", {
 	enumerable: true,
 	get: function () { return index.TextInputAutocomplete; }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 var collapse_animationDZDm0vSK = require('./collapse.animation-DZDm0vSK-C2TOIhIK.js');
 require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
 require('@stencil/react-output-target/runtime');
@@ -196,12 +196,12 @@ const NvAccordionItem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '0105972617975546456bc611209e7aa3e233833e', class: {
+        return (index.h(index.Host, { key: 'd4c17c017d33831281ff47b857dbf89cc4c81fff', 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: 'c7475f319d5bf737fc0db2c3a127db409614440f', class: "nv-accordion-item__header", onClick: this.handleHeaderClick, "aria-controls": "content" }, index.h("slot", { key: '3bc7770b94ae5ac43bbe60bf95f54048e1b4627a', name: "header" }, index.h("div", { key: '4258d3bfba027886cc827e399c51776197312063', class: "nv-accordion-item__header-content" }, this.itemTitle && (index.h("span", { key: 'a14d303daef12c4db52c0944eba36f9aa6aeca37', class: "nv-accordion-item__title" }, this.itemTitle)), this.subtitle && (index.h("span", { key: '814dc4ae5baa839b010dcd1e229d66e2a5f7af23', class: "nv-accordion-item__subtitle" }, this.subtitle)))), index.h("nv-iconbutton", { key: 'aeec0b17000461b24ed02cfc88f220a21dde38b5', 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: 'fcc3b286b3a49a294f50a12516ffe345c666c1ac', id: "content", class: "nv-accordion-item__content", ref: el => (this.contentRef = el) }, index.h("div", { key: 'd31933c4e3111025fcfce99f5c57e7c6d0d15fd8', class: "nv-accordion-item__content-inner" }, index.h("slot", { key: '34252e6dded7011301840d3b1b7b9af0166c9f5c', name: "content" })))));
+            }, 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" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -162,7 +162,7 @@ const NvAccordion = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '20a8663e2ff17d685423567ee2ff29b96d4ddef2', role: "list", class: "nv-accordion" }, this.data?.length ? (this.data.map((item, i) => (index.h("nv-accordion-item", { key: item.id ?? i, itemTitle: item.title, disabled: item.disabled, open: (this.openIndexes || []).includes(i), mode: this.mode }, item.subtitle ? (index.h("div", { slot: "header" }, index.h("div", { class: "nv-accordion-item__header-content" }, index.h("span", { class: "nv-accordion-item__title" }, item.title), index.h("span", { class: "nv-accordion-item__subtitle" }, item.subtitle)))) : null, index.h("div", { slot: "content" }, item.content), item.footer && index.h("div", { slot: "footer" }, item.footer))))) : (index.h("slot", null))));
+        return (index.h(index.Host, { key: '60fa93fd799665c25cae9e7d52f80a8dcd4123cf', role: "list", class: "nv-accordion" }, this.data?.length ? (this.data.map((item, i) => (index.h("nv-accordion-item", { key: item.id ?? i, itemTitle: item.title, disabled: item.disabled, open: (this.openIndexes || []).includes(i), mode: this.mode }, item.subtitle ? (index.h("div", { slot: "header" }, index.h("div", { class: "nv-accordion-item__header-content" }, index.h("span", { class: "nv-accordion-item__title" }, item.title), index.h("span", { class: "nv-accordion-item__subtitle" }, item.subtitle)))) : null, index.h("div", { slot: "content" }, item.content), item.footer && index.h("div", { slot: "footer" }, item.footer))))) : (index.h("slot", null))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
-var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 var collapse_animationDZDm0vSK = require('./collapse.animation-DZDm0vSK-C2TOIhIK.js');
 var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');
 require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
@@ -64,15 +64,15 @@ const NvAlert = class {
          */
         this.getDefaultIcon = () => {
             switch (this.feedback) {
-                case constantsBReL3Lsa.FeedbackColors.Warning:
+                case constantsGOKBmbgZ.FeedbackColors.Warning:
                     return 'alert-circle';
-                case constantsBReL3Lsa.FeedbackColors.Information:
+                case constantsGOKBmbgZ.FeedbackColors.Information:
                     return 'info-circle';
-                case constantsBReL3Lsa.FeedbackColors.Success:
+                case constantsGOKBmbgZ.FeedbackColors.Success:
                     return 'circle-check';
-                case constantsBReL3Lsa.FeedbackColors.Error:
+                case constantsGOKBmbgZ.FeedbackColors.Error:
                     return 'alert-circle';
-                case constantsBReL3Lsa.FeedbackColors.Neutral:
+                case constantsGOKBmbgZ.FeedbackColors.Neutral:
                     return 'help';
                 default:
                     return 'info-circle';
@@ -163,7 +163,7 @@ const NvAlert = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '2c89126ecbdca5e8df9c0541a4e312d2dc8a9fb3', role: "alert", class: clsxChV9xqsO.clsx('root', `feedback-${this.feedback}`) }, index.h("nv-icon", { key: '3aa514682ac670d81c7c88fa8b9b6f02e2761c45', name: this.icon ?? this.getDefaultIcon(), class: `icon-${this.feedback}`, size: "md" }), index.h("div", { key: '5049bdb9d17b9ef07e15554631cc8fbd557e4b22', class: "content" }, this.heading && index.h("p", { key: '3faaa7e738f484f2f7dc543866eadaa861c0709b', class: "heading" }, this.heading), this.message && index.h("p", { key: 'abd16d9cb5bc2f28e63c534e8f9f2169e511df2f', class: "message" }, this.message), index.h("slot", { key: '0b14b616a7e6665f903f0aa6c32f706b0aa8bd27' })), this.dismissible && (index.h("button", { key: '5d35998aac73ea82ef06e1d083597a7677c0cd70', class: "close", type: "button", onClick: this.handleDismiss }, index.h("nv-icon", { key: '3088178c1152525a400d116ac07ce372dadd420b', name: "x", size: "sm" })))));
+        return (index.h(index.Host, { key: '4dc8704f790d4753a364be3727f14dfe033e8f75', role: "alert", class: clsxChV9xqsO.clsx('root', `feedback-${this.feedback}`) }, index.h("nv-icon", { key: 'b7e4a1b213c29001d2aa16d4276777fa3fa77039', name: this.icon ?? this.getDefaultIcon(), class: `icon-${this.feedback}`, size: "md" }), index.h("div", { key: '4ae0406ed796ee2c8cf8e5ed1e40c96dd1bfa7b5', class: "content" }, this.heading && index.h("p", { key: '02bff20045603c5e5bd3790140ce52cc66857225', class: "heading" }, this.heading), this.message && index.h("p", { key: 'e1436fe5bcffc5226747abd612266c2925d0680d', class: "message" }, this.message), index.h("slot", { key: 'deda05a3494ffd1c86ea4670c7ef793773d8c893' })), this.dismissible && (index.h("button", { key: '0c92c297f4df2ee1dd3eb781df782c983b5b61d5', class: "close", type: "button", onClick: this.handleDismiss }, index.h("nv-icon", { key: '2bf2c72e4dedc932549af6e15cf221678640ea26', name: "x", size: "sm" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
-var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -24,19 +24,19 @@ const NvAvatar = class {
     }
     componentWillRender() {
         if (this.xsmall) {
-            this.size = constantsBReL3Lsa.SemanticSizes.ExtraSmall;
+            this.size = constantsGOKBmbgZ.SemanticSizes.ExtraSmall;
         }
         if (this.small) {
-            this.size = constantsBReL3Lsa.SemanticSizes.Small;
+            this.size = constantsGOKBmbgZ.SemanticSizes.Small;
         }
         if (this.medium) {
-            this.size = constantsBReL3Lsa.SemanticSizes.Medium;
+            this.size = constantsGOKBmbgZ.SemanticSizes.Medium;
         }
         if (this.large) {
-            this.size = constantsBReL3Lsa.SemanticSizes.Large;
+            this.size = constantsGOKBmbgZ.SemanticSizes.Large;
         }
         if (this.xlarge) {
-            this.size = constantsBReL3Lsa.SemanticSizes.ExtraLarge;
+            this.size = constantsGOKBmbgZ.SemanticSizes.ExtraLarge;
         }
         if (this.text) {
             this.initials = this.text;
@@ -60,7 +60,7 @@ const NvAvatar = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '127d470eb9121f611f9e18f029ab9ef15a4a49df', class: clsxChV9xqsO.clsx(`avatar-${this.size}`, `avatar-color-${this.color}`), "aria-label": this.alt }, this.src ? (index.h("img", { src: this.src, alt: this.alt })) : this.initials ? (this.trimInitials(this.initials)) : (index.h("slot", { name: "icon" }, index.h("nv-icon", { name: "user" })))));
+        return (index.h(index.Host, { key: '04faba5849d8626fd926d353d85e866d812a8398', class: clsxChV9xqsO.clsx(`avatar-${this.size}`, `avatar-color-${this.color}`), "aria-label": this.alt }, this.src ? (index.h("img", { src: this.src, alt: this.alt })) : this.initials ? (this.trimInitials(this.initials)) : (index.h("slot", { name: "icon" }, index.h("nv-icon", { name: "user" })))));
     }
 };
 NvAvatar.style = nvAvatarCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.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');
@@ -42,6 +42,7 @@ const NvBadge = class {
         this.label = null;
         /**
          * The lead icon of the badge.
+         * @icon
          */
         this.leadIcon = null;
         /**
@@ -120,7 +121,7 @@ const NvBadge = class {
         if (this.dismissal) {
             this.dismissible = this.dismissal;
         }
-        if (this.icon != null && this.icon != '') {
+        if (this.icon != null && this.icon) {
             this.leadIcon = this.icon;
         }
         if (this.hidden) {
@@ -135,14 +136,14 @@ const NvBadge = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'e47c85f80669870b4cd825fa29ebee7610751728', class: clsxChV9xqsO.clsx(`badge-${this.color}`, {
+        return (index.h(index.Host, { key: 'c623e524b0ea26ad5d1d246ed804c1ca52d643d4', class: clsxChV9xqsO.clsx(`badge-${this.color}`, {
                 'has-close': this.dismissible,
                 'with-gap': this.dismissible || this.label,
                 'visually-hidden': this._isHidden,
                 'is-icon-only': this.isIconOnly,
-            }) }, index.h("span", { key: '11cec03cc5f65c6def293b548d71ea53fd2ec2bb', class: "nv-badge-leading" }, this.leadIcon && index.h("nv-icon", { key: 'a9433930c4e7dd50d3abd34e1cd64b5b4eea9698', name: this.leadIcon, size: "sm" }), index.h("slot", { key: 'a93320c14a9e31b9b9796b5fb9cb03a04a2ea1d5', name: "leading-icon" })), index.h("span", { key: '5a8a3568cfbe2e9b61a42b3cd5b5056bd5c2563f', class: clsxChV9xqsO.clsx('nv-badge-label', {
+            }) }, index.h("span", { key: 'b3a7c14129b885a4af63f9ba50813a64c1cb8c44', class: "nv-badge-leading" }, this.leadIcon && index.h("nv-icon", { key: 'eb0d8f9a76670ff7c97990ebc40a318a28d5d09c', name: this.leadIcon, size: "sm" }), index.h("slot", { key: '10e5514902a6c81c070d8c76559e6ff546441386', name: "leading-icon" })), index.h("span", { key: '7821387d8864ef38bc5e2dd0720243c5f5cc20ae', class: clsxChV9xqsO.clsx('nv-badge-label', {
                 'visually-hidden': this.isIconOnly,
-            }) }, this.label, index.h("slot", { key: '4b0c4558957d4505208e2352382365b2f50810d1' })), this.dismissible && (index.h("button", { key: '945df330dcae40586ac02d349abc73131e8ce596', onClick: this.handleClose, class: "close", type: "button" }, index.h("nv-icon", { key: '37535be0818bc78809f5585841757dd992617753', name: "x", size: "sm" })))));
+            }) }, this.label, index.h("slot", { key: '672a3655ce4ab44d1369f53593e36ba0aad3e1cf' })), this.dismissible && (index.h("button", { key: 'ad50e6882515b9f0aaec411fbdb703aa1eb85da0', onClick: this.handleClose, class: "close", type: "button" }, index.h("nv-icon", { key: '8f06fa69021d23cd6391f610787e4d62ded02384', name: "x", size: "sm" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -159,7 +160,7 @@ const NvBadge = class {
 };
 NvBadge.style = nvBadgeCss();
 
-const nvFielddropdownitemcheckCss = () => `nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}`;
+const nvFielddropdownitemcheckCss = () => `nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck:hover,nv-fielddropdownitemcheck[data-state=highlighted]{background-color:var(--components-list-dropdown-item-background-hover)}`;
 
 const NvFielddropdownitemcheck = class {
     constructor(hostRef) {
@@ -210,7 +211,7 @@ const NvFielddropdownitemcheck = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        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" }))));
+        return (index.h(index.Host, { key: '1b9fc39245d08ca942588b04db9b4f079c459386', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: 'cea008ab80777d31bef8a1877c27c62cec13d84d', 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: 'b34dc2b2882ec6f9488e815d99981fe3b34fb52e' }), index.h("slot", { key: '27490556f5bd70a84b452da828cab5cf6fd9e3e1', name: "main" }), index.h("slot", { key: '9677f8b7ad71c247771e139fc5ad3c5536cba4d7', name: "label" }), index.h("slot", { key: '500f11369105c426b3f566b2ea40f2e858fde1cf', name: "description" }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -40,7 +40,7 @@ const NvBreadcrumb = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '032880129d2acf89ed3e57367e357391a1e0848d', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsxChV9xqsO.clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (index.h("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (index.h("slot", { ref: el => (this.defaultSlot = el) })), this.tooltip && (index.h("nv-tooltip", { key: '90cdd03fa067846b3f3fa8ff264899b6ca170485', ref: el => (this.toolTipRef = el), message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (index.h("nv-popover", { key: 'acda8815ed5e216cf89cdd34323dd8211a8ea020', ref: el => (this.popoverRef = el), triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, index.h("ul", { key: '424396d17c2452cb6280aaa6446ee6f8ea52ea6e', slot: "content" }, index.h("slot", { key: '668bc1e090901e62c01079e4b058d3e6b044afd0' })))), index.h("span", { key: '1c84f3c4cf91cc976722a838188baae0521eb7f4', "data-scope": "separator" }, "/")));
+        return (index.h(index.Host, { key: 'cefd123208aa50ad05ac912780393aaf8b76a7eb', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsxChV9xqsO.clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (index.h("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (index.h("slot", { ref: el => (this.defaultSlot = el) })), this.tooltip && (index.h("nv-tooltip", { key: '13665470c79f6c7637c524b74b767b9a5747a77f', ref: el => (this.toolTipRef = el), message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (index.h("nv-popover", { key: 'c71b3bbf12531d9cb7b3abb920f8bc932ed0beb1', ref: el => (this.popoverRef = el), triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, index.h("ul", { key: '5c11484aaf9026f7a3e0f5562488f28ce7a97fcd', slot: "content" }, index.h("slot", { key: '2058072469703e46e3697a83e40e2b4ce9ead834' })))), index.h("span", { key: '209284d8788b24b0513f38d1aa3a03a23f6f12db', "data-scope": "separator" }, "/")));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -13,7 +13,7 @@ const NvBreadcrumbs = class {
     }
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'f8221b9ae4d3a5fabedbe497fef43832fc498df4', role: "navigation", "aria-label": "breadcrumbs" }, index.h("slot", { key: '047683541469ee0490e296813cb7e303127ad200' })));
+        return (index.h(index.Host, { key: '3a44180de4ed7bc35fa84edf033fb379116552df', role: "navigation", "aria-label": "breadcrumbs" }, index.h("slot", { key: '33c211e755042f0eb494cbe55e6d126922ba6f8f' })));
     }
 };
 NvBreadcrumbs.style = nvBreadcrumbsCss();

package/dist/cjs/{nv-button.entry-BRQPmQbs.js → nv-button.entry-8U0o_X3d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
-var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var index = require('./index-DXwd3F_r.js');
+var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -81,11 +81,11 @@ const NvButton = class {
                 event.preventDefault();
                 return;
             }
-            if (this.type !== constantsBReL3Lsa.ButtonType.Button &&
+            if (this.type !== constantsGOKBmbgZ.ButtonType.Button &&
                 (this.form || this.internals?.form)) {
                 this.processFormAction();
             }
-            else if (this.form && this.type === constantsBReL3Lsa.ButtonType.Button) {
+            else if (this.form && this.type === constantsGOKBmbgZ.ButtonType.Button) {
                 console.warn('Button has a form id but is not of type submit or reset so no form action will be processed.', `Button:`, this.el);
             }
         };
@@ -103,10 +103,10 @@ const NvButton = class {
                 return;
             }
             switch (this.type) {
-                case constantsBReL3Lsa.ButtonType.Submit:
+                case constantsGOKBmbgZ.ButtonType.Submit:
                     formElement.requestSubmit();
                     break;
-                case constantsBReL3Lsa.ButtonType.Reset:
+                case constantsGOKBmbgZ.ButtonType.Reset:
                     formElement.reset();
                     break;
             }
@@ -148,7 +148,7 @@ const NvButton = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '785b6127926d695ddaaff1a1f740102abd5132bb', role: "button", tabindex: this.disableTabindex ? -1 : 0, onClick: this.handleButtonClick }, this.loading && (index.h("nv-loader", { key: 'b361e4ac45cc1612723d6a67f866b8cdce3c4abc', size: this.size === constantsBReL3Lsa.ButtonSize.Large ? 'sm' : 'xs' })), index.h("slot", { key: 'b23c877bd95ae0a02c89c83e4e3d5f0178d646a5', name: "leading-icon" }), index.h("slot", { key: '7c95b1f28a64e7bb5ca02abf2190dfda62d1c758' }), index.h("slot", { key: 'f1cd34ea21393b78bc2f5140364d47b9e70f505c', name: "trailing-icon" })));
+        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" })));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -182,7 +182,7 @@ const NvButtongroup = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'd0322897a0312e7b55b087e4abfc94fcaf9f7747' }, index.h("slot", { key: '70afccf10fe728482096d3fce42083e9931e06bd' })));
+        return (index.h(index.Host, { key: 'ffaeee344623291c46930379b1efdbbccff98605' }, index.h("slot", { key: 'e7a4ccb11d90620bcb1209b55c250f605dbc598c' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
-var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var index = require('./index-DXwd3F_r.js');
+var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 var _commonjsHelpersB85MJLTf = require('./_commonjsHelpers-B85MJLTf-CFO10eej.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -798,9 +798,9 @@ const NvCalendar = class {
         this.getDayNames = () => {
             let days;
             // If we have custom day names for this locale
-            if (constantsBReL3Lsa.CUSTOM_DAY_NAMES[this.locale]) {
+            if (constantsGOKBmbgZ.CUSTOM_DAY_NAMES[this.locale]) {
                 // Custom day names are expected to start with Monday (index 0 = Monday)
-                days = [...constantsBReL3Lsa.CUSTOM_DAY_NAMES[this.locale]];
+                days = [...constantsGOKBmbgZ.CUSTOM_DAY_NAMES[this.locale]];
             }
             else {
                 // Generate days using Intl.DateTimeFormat, starting from Monday
@@ -890,8 +890,8 @@ const NvCalendar = class {
         /** Initializes the list of formatted months according to the locale */
         this.initializeMonths = () => {
             // If we have custom month names for this locale
-            if (constantsBReL3Lsa.CUSTOM_MONTH_NAMES[this.locale]) {
-                this.months = constantsBReL3Lsa.CUSTOM_MONTH_NAMES[this.locale].map((label, value) => ({
+            if (constantsGOKBmbgZ.CUSTOM_MONTH_NAMES[this.locale]) {
+                this.months = constantsGOKBmbgZ.CUSTOM_MONTH_NAMES[this.locale].map((label, value) => ({
                     value,
                     label,
                 }));
@@ -909,7 +909,7 @@ const NvCalendar = class {
          * @returns {string} Localized abbreviation for "week"
          */
         this.getLocalizedWeekText = () => {
-            return constantsBReL3Lsa.WEEK_ABBREVIATIONS[this.locale] || 'W';
+            return constantsGOKBmbgZ.WEEK_ABBREVIATIONS[this.locale] || 'W';
         };
         /**
          * Handles month change in the selector
@@ -1407,8 +1407,8 @@ const NvCalendar = class {
      * @slot default - Child content of the component.
      */
     render() {
-        return (index.h(index.Host, { key: '4e8b7b83c32a4defd9620558ebe6b2d45c63c509' }, index.h("div", { key: '65b9f1a93cae9fb77d64d5b34333c7775b99ef65', class: "datepicker-root" }, index.h("div", { key: '54dde61b295e3ee84e6917634bdcdad36d8aed98', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, index.h("div", { key: '8423c5ff77f07f03d9665f2575855ba0a2540fbc', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
-            this.hasActions) && (index.h("div", { key: 'd49a6c9077a4d4795d00a7221ff5ed76980d8a92', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), index.h("slot", { key: '52ef97f13e630ad31b80ebd53a87f07f18f458d4' })));
+        return (index.h(index.Host, { key: '1af51da7bdecfbd87e3e9237758404442215fe0c' }, index.h("div", { key: '8fc10fedf54c009a312ff1cf849aa920374e450b', class: "datepicker-root" }, index.h("div", { key: 'a182580b8c53bd419995d63d3b10101a21dabe73', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, index.h("div", { key: 'cbbbb9ca80dedd7da1c3907b950d0037254452ca', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
+            this.hasActions) && (index.h("div", { key: '4f35471614e4e60bdc1ae1783383bfd674bb6714', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), index.h("slot", { key: 'fb5a9416b0c9054f89bcecbd5a6689c1aa890e1b' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -30,7 +30,7 @@ const NvCol = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '4fe90a1d020de9e85d32a52ccb39c8b6d8c1fc25', class: clsxChV9xqsO.clsx(this.getColSize()) }, index.h("slot", { key: '5a6ad624fd7c6251b2f555c0e3bc828c0e048761' })));
+        return (index.h(index.Host, { key: '0ba847762f1eda2cd6448ca81056ef461d7c4c46', class: clsxChV9xqsO.clsx(this.getColSize()) }, index.h("slot", { key: '486335bceecc68083597e4b4bc29a14f34bc2c4a' })));
     }
 };
 NvCol.style = nvColCss();

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 var dom_utilsCuXVGECR = require('./dom.utils-CuXVGECR-8VY5SfMZ.js');
-var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -3470,9 +3470,9 @@ const NvDatagrid = class {
                 return;
             const nextOrder = header.column.getNextSortingOrder();
             switch (nextOrder) {
-                case constantsBReL3Lsa.SortingPossibility.Asc:
+                case constantsGOKBmbgZ.SortingPossibility.Asc:
                     return 'Sort ascending';
-                case constantsBReL3Lsa.SortingPossibility.Desc:
+                case constantsGOKBmbgZ.SortingPossibility.Desc:
                     return 'Sort descending';
                 default:
                     return 'Clear sort';
@@ -4156,10 +4156,10 @@ const NvDatagrid = class {
         if (!header.column.getCanSort())
             return null;
         const sortState = header.column.getIsSorted();
-        if (sortState === constantsBReL3Lsa.SortingPossibility.Asc) {
+        if (sortState === constantsGOKBmbgZ.SortingPossibility.Asc) {
             return (index.h("div", { class: "inline-flex align-middle" }, index.h("nv-icon", { name: "arrow-up" })));
         }
-        if (sortState === constantsBReL3Lsa.SortingPossibility.Desc) {
+        if (sortState === constantsGOKBmbgZ.SortingPossibility.Desc) {
             return (index.h("div", { class: "inline-flex align-middle" }, index.h("nv-icon", { name: "arrow-down" })));
         }
         return null;
@@ -4320,7 +4320,7 @@ const NvDatagrid = class {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : this.table?.getRowModel()?.rows;
-        return (index.h(index.Host, { key: 'a3d3d96758c77096d2690c8ff10e8439e7e76e96' }, index.h("div", { key: '3a2551318093150d824bd0e1f2c07da234522ac0', class: "hidden" }, index.h("slot", { key: 'dd6e9158456ee68044e8bd19ef9ad76c73fbefb9' })), index.h("slot", { key: 'de4e21a7926841526bf2e7cfd36ba1d747d0c08d', name: "before" }), this.enableGlobalFilter && this.table && (index.h("div", { key: '93d37d83811224847c16363f497c7cf65e2fc107', class: `search-container justify-${this.globalFilterPosition}` }, index.h("nv-fieldtext", { key: '9ed1b8cfedebd2ed37551b3fe428a5cd7ba7214a', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("div", null, index.h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", null, this.parsedColumns.length > 0 && headerGroups
+        return (index.h(index.Host, { key: '9b03b317c777c1b562704c2a41174402ed912edc' }, index.h("div", { key: '2870e17288993bbe4ef97c5466f748358524ddd6', class: "hidden" }, index.h("slot", { key: 'dae9e3d0101a9172be5f6c861ac3aac9c47dbcd7' })), index.h("slot", { key: '92595656e2a98ad396026dd190a395a2229c9b54', name: "before" }), this.enableGlobalFilter && this.table && (index.h("div", { key: '2be1c238f90c9622667fdeb945489cc158920ed3', class: `search-container justify-${this.globalFilterPosition}` }, index.h("nv-fieldtext", { key: 'ce5470985bc635f30ad079c92959fa3c66112fa2', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("div", null, index.h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", null, this.parsedColumns.length > 0 && headerGroups
             ? headerGroups?.map(headerGroup => (index.h("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
                 return this.getHeaderCell(header);
             }))))
@@ -4332,7 +4332,7 @@ const NvDatagrid = class {
             })));
         }))), this.table && this.enableRowSelection ? (index.h("tfoot", null, index.h("tr", null, index.h("td", { colSpan: 20 }, this.enableRowSelection && this.table ? (index.h("div", null, this.rowSelectionState &&
             Object.keys(this.rowSelectionState).length > 0 ? (index.h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', this.table.getPreFilteredRowModel()?.rows
-            ?.length || 0, ' ', "Total Rows Selected")) : (index.h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), index.h("slot", { key: '46b1e3b6ec5ca09140437e82ca3fc90fdc34e4eb', name: "after" })));
+            ?.length || 0, ' ', "Total Rows Selected")) : (index.h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), index.h("slot", { key: 'f16988b9f3aab0c2d6498eff3e631e15e6a7748e', name: "after" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -17,7 +17,7 @@ const NvDatagridcolumn = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'd93cf7234c22d08319d2e4157945ece0b9e5f7b1' }, index.h("slot", { key: 'd4530c7f6854773716e7494e0379bc21f446ca53', name: "header" }), index.h("slot", { key: '60e2933f219f48c0567fd0e01a137a694ae1c1c9', name: "cell" })));
+        return (index.h(index.Host, { key: 'ca9506c7e77ca7d1b0a5ceed4c0978e9f33546bf' }, index.h("slot", { key: '6975e38f5a491a894c9c526e1d064c0451a25605', name: "header" }), index.h("slot", { key: 'fc67eb8ce80b10167ecf6947f33268e6588aa178', name: "cell" })));
     }
 };
 

package/dist/cjs/{nv-datetest.entry-C1uuC-ZG.js → nv-datetest.entry-NQzySOox.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.js');
 var novaDatetimeCyL2J6O4 = require('./nova-datetime-CyL2J6O4-0Y9g3rfI.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -61,7 +61,7 @@ const NvDatetest = class {
     /****************************************************************************/
     //#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' })));
+        return (index.h(index.Host, { key: '025baa8afbaa2e9235e6bc78c9adc018ff745b6a' }, index.h("label", { key: 'b8a18b978363589534b3f3fe08ef313171039a26' }, "Start:", index.h("input", { key: '30ecb8438b981e85c15e81baadf24450c4d33afb', type: "date", value: this.value?.start ?? '', onInput: this.handleStartChange })), index.h("label", { key: '3bdf0afbf4214d636cea2a67be40834433307f20' }, "End:", index.h("input", { key: 'f4faecf38b6e9d0f17c53d30c49fd3c87f50a9ec', type: "date", value: this.value?.end ?? '', onInput: this.handleEndChange })), index.h("slot", { key: '4465321ab167d723a58037e8cc3ec43085cb0a37' })));
     }
 };
 NvDatetest.style = nvDatetestCss();

package/dist/cjs/{nv-datetimetest.entry-Hthxbjj9.js → nv-datetimetest.entry-Br6j4eAR.js}

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
+var index = require('./index-DXwd3F_r.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');
@@ -8,7 +8,7 @@ var grow_animationD7ep_aVl = require('./grow.animation-D7ep_aVl-BuXEDSK-.js');
 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 constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -298,7 +298,7 @@ const NvDialog = class {
     //#region RENDER
     render() {
         const hasForm = this.form || this.el.querySelector('form');
-        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 })))))));
+        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 })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Kxp9mv-Q.js');
-var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
+var index = require('./index-DXwd3F_r.js');
+var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -33,12 +33,14 @@ const NvDialogfooter = class {
         this.undismissable = false;
         /**
          * Sets the leading icon for the primary button.
+         * @icon
          */
-        this.leadingIcon = '';
+        this.leadingIcon = null;
         /**
          * Sets the trailing icon for the primary button.
+         * @icon
          */
-        this.trailingIcon = '';
+        this.trailingIcon = null;
         /**
          * Sets the danger state for the primary button.
          */
@@ -78,15 +80,15 @@ const NvDialogfooter = class {
         // Set the default button type based on the form property
         if (!this.primaryButtonType) {
             this.primaryButtonRef.type = this.form
-                ? constantsBReL3Lsa.ButtonType.Submit
-                : constantsBReL3Lsa.ButtonType.Button;
+                ? constantsGOKBmbgZ.ButtonType.Submit
+                : constantsGOKBmbgZ.ButtonType.Button;
         }
     }
     //#endregion LIFECYCLE
     /****************************************************************************/
     //#region RENDER
     render() {
-        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" })))))));
+        return (index.h(index.Host, { key: '91320615714b06f288269640d99c0ad9b29378f0' }, index.h("slot", { key: '25151b6b74591d31c234b5450d27ab31fb240017' }, index.h(index.Fragment, { key: '6b5bee68bf0d9fbdcc9f3396e8ce122ff27480eb' }, !this.undismissable && (index.h("nv-button", { key: '20660e41e817edf9da27565231809e85b1b17179', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), index.h("nv-button", { key: 'baeb2e7267838396ad930653823b86d8265fddc4', 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: 'dde4eb5fa927e504b0734de1c8ef3d7e0a75ef96', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (index.h("nv-icon", { key: '195de12b4b25e3de011d7d4509672d686c21025e', slot: "trailing-icon", name: this.trailingIcon, size: "sm" })))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -109,7 +111,7 @@ const NvDialogheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        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)))));
+        return (index.h(index.Host, { key: '89253c9dc392f224ab392420529ec66aaae037fb' }, index.h("slot", { key: '2d8509cf0b19a184016e3095583a2b7046dbc86f' }, index.h(index.Fragment, { key: 'cb3edda2f9e3041a5656c4634d663144fe9e3093' }, index.h("div", { key: 'cad9bbe95828596467c5f48f3765bee4bf9a7ccb', class: "heading" }, this.heading), index.h("div", { key: '5e3e1d45e1d1d17a80f50d883b5d89605a250db3', class: "subheading" }, this.subheading)))));
     }
     get el() { return index.getElement(this); }
 };