@nova-design-system/nova-webcomponents 3.0.0-beta.44 → 3.0.0-beta.45

package/hydrate/index.mjs

@@ -5274,12 +5274,11 @@ class NvAvatar {
     }; }
 }
 
-const nvBadgeCss = "nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content;gap:var(--badge-gap-x)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";
+const nvBadgeCss = "nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content;gap:var(--badge-gap-x)}nv-badge.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";
 var NvBadgeStyle0 = nvBadgeCss;
 
 /**
  * @slot leading-icon - Icon before the label.
- * @slot default - Default slot for the badge label.
  */
 class NvBadge {
     constructor(hostRef) {
@@ -5396,10 +5395,11 @@ class NvBadge {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '0fe871313f0a98b8dfb4b84e1fc4898ae73baa69', class: clsx(`badge-${this.color} with-gap`, {
+        return (hAsync(Host, { key: '63f256c6711546ca5304d46c2624e52f35dc2b46', class: clsx(`badge-${this.color}`, {
                 'has-close': this.dismissible,
+                'with-gap': this.dismissible || this.label,
                 'visually-hidden': this._isHidden,
-            }) }, hAsync("slot", { key: '728a5ed5ad4795619bf0bc1c89478c68bc47497a', name: "leading-icon" }, this.leadIcon && (hAsync("nv-icon", { key: '4b48fc280769ffe520c6a8f15eb2b283cb42243b', slot: "leading-icon", name: this.leadIcon, size: "sm" }))), this.label && hAsync("span", { key: 'c1f3ab6775ffcf3079bf2c861fb34831aa5ffda7' }, this.label), hAsync("span", { key: '352cca4c6a6ffb300c25f7ed05d9fdca3fda161c' }, hAsync("slot", { key: 'a0a36898691b9a3cf42eb1d87ab3fb3084ae8489' })), this.dismissible && (hAsync("button", { key: 'e5702056e9a2080d15df91d2bc3a32898bdc0ce5', onClick: this.handleClose, class: "close", type: "button" }, hAsync("nv-icon", { key: '23a856aaa98c4489cd1dabe2eb4a88a5d9065e92', name: "x", size: "sm" })))));
+            }) }, hAsync("slot", { key: '181e608d22c697517ef55dbc4432ac06cdf6892e', name: "leading-icon" }, this.leadIcon && (hAsync("nv-icon", { key: '914d75ef9d54e2c8c94c9c99a4efeb59aa654f1c', slot: "leading-icon", name: this.leadIcon, size: "sm" }))), this.label && hAsync("span", { key: 'd32ff92840bba1cc983b24a4fee95af065ffef0e' }, this.label), this.dismissible && (hAsync("button", { key: '1dbd1e432774e26936f93f7207e1f6eb93fa0819', onClick: this.handleClose, class: "close", type: "button" }, hAsync("nv-icon", { key: '8372fb5ba1dafd5758807485a5be3880a009567d', name: "x", size: "sm" })))));
     }
     get ref() { return getElement(this); }
     static get watchers() { return {
@@ -5493,7 +5493,7 @@ class NvBaseComponent {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '1294fcaf46e19af023796e1f21cbb2b2506d8163', style: { display: 'block' } }, hAsync("slot", { key: '447dad96223063ef7914d21a98a370a47441d97f' })));
+        return (hAsync(Host, { key: '81da4e7fd653192079ab22a607d1f525b504f3e4', style: { display: 'block' } }, hAsync("slot", { key: 'e766e4b073b16d367c473b02c94448cf835a4921' })));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -5506,7 +5506,7 @@ class NvBaseComponent {
     }; }
 }
 
-const nvBreadcrumbCss = "nv-breadcrumb{display:flex;align-items:center;color:var(--components-breadcrumb-text);font-size:var(--font-size-sm);font-style:normal;font-weight:500;line-height:var(--line-height-sm)}nv-breadcrumb ul{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-1)}nv-breadcrumb ul a,nv-breadcrumb ul button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb ul a:focus,nv-breadcrumb ul a:focus-within,nv-breadcrumb ul button:focus,nv-breadcrumb ul button:focus-within{outline:none}nv-breadcrumb ul a:focus-visible,nv-breadcrumb ul a:has(:focus-visible),nv-breadcrumb ul button:focus-visible,nv-breadcrumb ul button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb ul a:hover,nv-breadcrumb ul button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb>a,nv-breadcrumb>button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb>a:focus,nv-breadcrumb>a:focus-within,nv-breadcrumb>button:focus,nv-breadcrumb>button:focus-within{outline:none}nv-breadcrumb>a:focus-visible,nv-breadcrumb>a:has(:focus-visible),nv-breadcrumb>button:focus-visible,nv-breadcrumb>button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb>a:hover,nv-breadcrumb>button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb span[data-scope=separator]{display:inline-flex;padding-left:var(--breadcrumb-padding-y)}";
+const nvBreadcrumbCss = "nv-breadcrumb{display:flex;align-items:center;color:var(--components-breadcrumb-text);font-size:var(--font-size-sm);font-style:normal;font-weight:500;line-height:var(--line-height-sm)}nv-breadcrumb.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-breadcrumb ul{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-1)}nv-breadcrumb ul a,nv-breadcrumb ul button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb ul a:focus,nv-breadcrumb ul a:focus-within,nv-breadcrumb ul button:focus,nv-breadcrumb ul button:focus-within{outline:none}nv-breadcrumb ul a:focus-visible,nv-breadcrumb ul a:has(:focus-visible),nv-breadcrumb ul button:focus-visible,nv-breadcrumb ul button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb ul a:hover,nv-breadcrumb ul button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb>a,nv-breadcrumb>button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb>a:focus,nv-breadcrumb>a:focus-within,nv-breadcrumb>button:focus,nv-breadcrumb>button:focus-within{outline:none}nv-breadcrumb>a:focus-visible,nv-breadcrumb>a:has(:focus-visible),nv-breadcrumb>button:focus-visible,nv-breadcrumb>button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb>a:hover,nv-breadcrumb>button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb span[data-scope=separator]{display:inline-flex;padding-left:var(--breadcrumb-padding-y)}";
 var NvBreadcrumbStyle0 = nvBreadcrumbCss;
 
 /**
@@ -5538,7 +5538,7 @@ class NvBreadcrumb {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '54b25de1375f6a01c5bb5b302474d00c5b26bb33', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (hAsync("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (hAsync("slot", null)), this.tooltip && (hAsync("nv-tooltip", { key: '636034df91035bbd6d8e06a53d61a3997a3c5ff2', message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (hAsync("nv-popover", { key: 'ab5b203d0f40b130d31c5a1830278e3cc2117c00', triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, hAsync("ul", { key: 'acb0cd65282b1091823664a9769509cafbba15db', slot: "content" }, hAsync("slot", { key: 'c343113351979000b071404e8edb1632147415e6' })))), hAsync("span", { key: '9ccdb10f973c408b655c4bf94f312fb5d4ac18c7', "data-scope": "separator" }, "/")));
+        return (hAsync(Host, { key: 'c985863a0ffdcd051abd712c357110cfa056c382', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (hAsync("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (hAsync("slot", null)), this.tooltip && (hAsync("nv-tooltip", { key: '4f7ad5175285ea442cd42581e292d2d430eb8770', message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (hAsync("nv-popover", { key: '29aba9e64f0d1785852dc4b830959dcbbd7dfc8b', triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, hAsync("ul", { key: '0fde9dac023e6a77cb1524cbfcdf58d11e5a21f3', slot: "content" }, hAsync("slot", { key: 'c263990647dc304a37971168669ced00bf46c588' })))), hAsync("span", { key: 'f9f96fb13c67e4d3844007342c931ccd690ca7f5', "data-scope": "separator" }, "/")));
     }
     get el() { return getElement(this); }
     static get style() { return NvBreadcrumbStyle0; }
@@ -5568,7 +5568,7 @@ class NvBreadcrumbs {
     }
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '6dd93d8f605b851f8a1d5de50b04b32b694e73e8', role: "navigation", "aria-label": "breadcrumbs" }, hAsync("ol", { key: 'c116a1e51d947a81686770a5283c8efe44de63ef' }, hAsync("slot", { key: '3afae5018687f3906f207aef913c7b329bcfce2f' }))));
+        return (hAsync(Host, { key: 'd54bb25f9f34ea0f5ea58da6a60261aed57fefef', role: "navigation", "aria-label": "breadcrumbs" }, hAsync("ol", { key: '660c31fbb8860ce0639b475875dd720f3876549b' }, hAsync("slot", { key: 'c77828910bfb759839d04b5ac28e11cebec7c937' }))));
     }
     static get style() { return NvBreadcrumbsStyle0; }
     static get cmpMeta() { return {
@@ -5653,14 +5653,16 @@ class NvButton {
          * @param {Event} event - The click event.
          */
         this.handleButtonClick = (event) => {
+            var _a;
             if (this.loading || this.disabled) {
                 event.preventDefault();
                 return;
             }
-            if (this.form && this.type !== ButtonType.Button) {
+            if (this.type !== ButtonType.Button &&
+                (this.form || ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.form))) {
                 this.processFormAction();
             }
-            else if (this.form) {
+            else if (this.form && this.type === 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);
             }
         };
@@ -5730,7 +5732,7 @@ class NvButton {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '2919f1f230ca7c49e4f722832b36cf139f5cebf1', role: "button", tabindex: "0", onClick: this.handleButtonClick }, this.loading && (hAsync("nv-loader", { key: 'e2105d891322b9dbe2c5d6138d59533a13115d96', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), hAsync("slot", { key: 'ba5757e4ff651db4e5a5e074f0fd72590f94fcf6', name: "leading-icon" }), hAsync("slot", { key: 'b0e0c3869846618b0d8558d247e72271838f0a27' }), hAsync("slot", { key: '1cea166b81b36016e095d65691d9d364436f8d91', name: "trailing-icon" })));
+        return (hAsync(Host, { key: '2e0084462020783fc79f59bb8f9700efde5326f9', role: "button", tabindex: "0", onClick: this.handleButtonClick }, this.loading && (hAsync("nv-loader", { key: '71f6b82ad0a48bd1e80f12685e0513acdb2b5431', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), hAsync("slot", { key: 'eaeb55591a8f5e25707e12e62c0a85d6bd869fad', name: "leading-icon" }), hAsync("slot", { key: 'ad6e7d861a3becdf31643c6cbc49a122f89d36eb' }), hAsync("slot", { key: '6c3eeecc5a2c99d01a7b555b8f7d314d6f985012', name: "trailing-icon" })));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -6785,7 +6787,7 @@ class NvCalendar {
      * @slot default - Child content of the component.
      */
     render() {
-        return (hAsync(Host, { key: '9b09650b368bcc9e0ce3c9508630c2fdeb573674' }, hAsync("div", { key: '57d3ef9b5f450570176132293fb2a102bba51312', class: "datepicker-root" }, hAsync("div", { key: 'aa49f6897b3da87214945d77eb046dc7f8c68b82', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, hAsync("div", { key: '0939858f254cfc36db1d40e8fdb4e524699a8e91', 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.hasActions) && (hAsync("div", { key: '39df0c4b31203d6fd500a8b97c1c33c87b2e326a', class: "datepicker-controls" }, this.hasShortcuts && this.renderShortcuts(), this.hasActions && this.renderActions())))), hAsync("slot", { key: 'a1433b59ecda88aad2d5589cebd310dff4ad30fb' })));
+        return (hAsync(Host, { key: '43c78a6ec3df4b8e8c909a84ba11172081c87757' }, hAsync("div", { key: 'd60d2695e78a5361af1365d10482d74734adc35e', class: "datepicker-root" }, hAsync("div", { key: '6fd36abda10808660474a9473e45344162f5f34a', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, hAsync("div", { key: '443a6ca08d7ba5d7cc1f3a261f9173e7aa3ab037', 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.hasActions) && (hAsync("div", { key: '3fddbf390693d2f291f1a834447c24e26a2900cc', class: "datepicker-controls" }, this.hasShortcuts && this.renderShortcuts(), this.hasActions && this.renderActions())))), hAsync("slot", { key: 'ec40ab4d4ac408554b700deff08d1b202718963a' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -6853,7 +6855,7 @@ class NvCol {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '2f4052741fbe2e2c67c4ce6e1fd83446e724e216', class: clsx(this.getColSize()) }, hAsync("slot", { key: 'a5803fe2cfcd9ced01e025907759f4859db60470' })));
+        return (hAsync(Host, { key: 'f9a8dd28d7675648ecb3b9cf4d1e196040f4237f', class: clsx(this.getColSize()) }, hAsync("slot", { key: '94c16b6e2df73cb21263423d378ab5fe285a7859' })));
     }
     static get style() { return NvColStyle0; }
     static get cmpMeta() { return {
@@ -10258,6 +10260,12 @@ class NvDatagrid {
          * @default false
          */
         this.enableGlobalFilter = false;
+        /**
+         * Whether to automatically generate columns if none are provided.
+         * If columns are explicitly set, this property is ignored.
+         * @default false
+         */
+        this.autoGenerateColumns = false;
         this.debouncedFilter = debounce$1((value) => {
             this.globalFilter = value;
         }, 300);
@@ -10330,7 +10338,9 @@ class NvDatagrid {
                 accessor: key,
                 header: key.charAt(0).toUpperCase() + key.slice(1),
             }));
-            this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
+            if (this.autoGenerateColumns) {
+                this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
+            }
         }
     }
     deepEqual(a, b) {
@@ -10436,6 +10446,25 @@ class NvDatagrid {
                 tableOptions.columns = this.generateColumns(validColumns, tableOptions);
             }
         }
+        else {
+            // No columns and data is available
+            const hasData = this.parsedData &&
+                Array.isArray(this.parsedData) &&
+                this.parsedData.length > 0;
+            if (hasData) {
+                // No columns and data is available
+                const firstRow = this.parsedData[0];
+                const arrayColumnsConfig = Object.keys(firstRow).map(key => ({
+                    accessor: key,
+                    header: key.charAt(0).toUpperCase() + key.slice(1),
+                }));
+                if (this.autoGenerateColumns) {
+                    this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
+                }
+                tableOptions.data = this.getTableData();
+                tableOptions.columns = this.generateColumns(arrayColumnsConfig, tableOptions);
+            }
+        }
         // Initialize the table
         this.table = createTable(tableOptions);
     }
@@ -10675,7 +10704,7 @@ class NvDatagrid {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : (_c = (_b = this.table) === null || _b === void 0 ? void 0 : _b.getRowModel()) === null || _c === void 0 ? void 0 : _c.rows;
-        return (hAsync(Host, { key: '1c5233899e6940571c3aedefbd65f2ee5ec4f601' }, hAsync("div", { key: '164f47d8c6c758a457b28b610d2660d51ae3707b', class: "hidden" }, hAsync("slot", { key: '792284e9478b8486578e6a9b1e946df16a1f6c14' })), hAsync("slot", { key: 'e8ea5758ec2c918a7f0af963312a114d162aabf5', name: "before" }), this.enableGlobalFilter && this.table && (hAsync("div", { key: '6532e4d4427c5fa5ae9125bf434cd34b182099c9', class: "search-container" }, hAsync("input", { key: 'd7740d417a6e649294a38454ba3f4a6c59e86547', type: "text", value: (_d = this.globalFilter) !== null && _d !== void 0 ? _d : '', onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns...", class: "search-input", "aria-label": "Search all columns" }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (hAsync("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (hAsync("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (hAsync("thead", null, this.parsedColumns.length > 0 && headerGroups
+        return (hAsync(Host, { key: '6768db58f6a19cbb64e2206957ca27c18c408e46' }, hAsync("div", { key: 'e262922097ae61025e13f8fe685ed7b38063e82c', class: "hidden" }, hAsync("slot", { key: '9025f410bc3e6b409d6225a53a97d13aa3629200' })), hAsync("slot", { key: '684876205d7092a4edf325c8897e97a491b77c6a', name: "before" }), this.enableGlobalFilter && this.table && (hAsync("div", { key: 'b2fe6dd4a97d978617d404134286e6048eb8ddc2', class: "search-container" }, hAsync("input", { key: '82c5d3b73b0bff0c2415ad896a6a4504bb1bb92c', type: "text", value: (_d = this.globalFilter) !== null && _d !== void 0 ? _d : '', onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns...", class: "search-input", "aria-label": "Search all columns" }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (hAsync("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (hAsync("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (hAsync("thead", null, this.parsedColumns.length > 0 && headerGroups
             ? headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map(headerGroup => (hAsync("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
                 return (hAsync("th", { key: header.id }, header.isPlaceholder
                     ? null
@@ -10690,7 +10719,7 @@ class NvDatagrid {
                 return (hAsync("td", { key: cell.id, "data-row-id": rowId }, this.renderTemplate(this.templateCache.get(cellAccessors), cellValue, row) ||
                     (cellValue !== null && cellValue !== void 0 ? cellValue : this.fallbackValue)));
             })));
-        }))))), hAsync("slot", { key: '3a3f83daf332e7d38ad9f225cc5a886197283a0a', name: "after" })));
+        }))))), hAsync("slot", { key: '4bda5737d7917a508b97cf38b764000f8c5d368d', name: "after" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10715,6 +10744,7 @@ class NvDatagrid {
             "noDataMessage": [513, "no-data-message"],
             "noColumnsNoDataMessage": [513, "no-columns-no-data-message"],
             "enableGlobalFilter": [516, "enable-global-filter"],
+            "autoGenerateColumns": [516, "auto-generate-columns"],
             "table": [32],
             "parsedColumns": [32],
             "parsedData": [32],
@@ -10722,7 +10752,7 @@ class NvDatagrid {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["dataJson", "data-json"], ["columnsJson", "columns-json"], ["fallbackValue", "fallback-value"], ["noDataMessage", "no-data-message"], ["noColumnsNoDataMessage", "no-columns-no-data-message"], ["enableGlobalFilter", "enable-global-filter"]]
+        "$attrsToReflect$": [["dataJson", "data-json"], ["columnsJson", "columns-json"], ["fallbackValue", "fallback-value"], ["noDataMessage", "no-data-message"], ["noColumnsNoDataMessage", "no-columns-no-data-message"], ["enableGlobalFilter", "enable-global-filter"], ["autoGenerateColumns", "auto-generate-columns"]]
     }; }
 }
 
@@ -10738,7 +10768,7 @@ class NvDatagridcolumn {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '3528bee82ffaa794f35b525ceb246947848e1bc2' }, hAsync("slot", { key: 'd8ac07dcdb1912b331443adcdb13e121cc59fc87', name: "header" }), hAsync("slot", { key: '59dc43378b92ba201f3a549104adedeb9528c3e7', name: "cell" })));
+        return (hAsync(Host, { key: '2152d749763187f6b423094fd7f9bffeea9e5581' }, hAsync("slot", { key: '101690ca4e853b28543796c5e74a38e142c38978', name: "header" }), hAsync("slot", { key: '78ad0c0a78ad12418d3fcba33ae8ec476af8f6b9', name: "cell" })));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -11380,7 +11410,7 @@ var NvDialogStyle0 = nvDialogCss;
 class NvDialog {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.close = createEvent(this, "close", 7);
+        this.openChanged = createEvent(this, "openChanged", 7);
         this.eventsAttached = false;
         /**
          * Use this prop to toggle the visibility of the dialog. Set to true to show
@@ -11407,24 +11437,25 @@ class NvDialog {
          * Handles the close button click.
          */
         this.handleCloseButton = () => {
-            this.hide();
+            this.close();
         };
         /**
          * Handles the cancel button click.
          */
         this.handleCancelButton = () => {
-            this.hide();
+            this.close();
         };
         /**
-         * Handles the dialog close event.
+         * Handles the native dialog close event.
          */
         this.handleDialogClose = () => {
-            this.hide();
-            this.close.emit();
+            if (this.open) {
+                this.close();
+            }
         };
         this.handleClickOutside = (event) => {
             if (event.target === this.dialogElement) {
-                this.hide();
+                this.close();
                 event.preventDefault();
                 event.stopPropagation();
             }
@@ -11450,17 +11481,20 @@ class NvDialog {
      * Call this method to show the dialog, making it visible on the screen.
      */
     async show() {
+        this.open = true;
         this.preventScroll();
+        // It is recommended to use the .show() or .showModal() method to render dialogs, rather than the open attribute. If a <dialog> is opened using the open attribute, it is non-modal.
         this.dialogElement.showModal();
-        this.open = true;
+        this.openChanged.emit(this.open);
     }
     /**
      * Call this method to hide the dialog, making it disappear from view.
      */
-    async hide() {
+    async close() {
+        this.open = false;
         this.allowScroll();
         this.dialogElement.close();
-        this.open = false;
+        this.openChanged.emit(this.open);
     }
     /**
      * Sets the autofocus on the first focusable element in the dialog.
@@ -11547,7 +11581,7 @@ class NvDialog {
             this.show();
         }
         else {
-            this.hide();
+            this.close();
         }
     }
     //#endregion WATCHERS
@@ -11605,7 +11639,7 @@ class NvDialog {
     //#region RENDER
     render() {
         const hasForm = this.form || this.el.querySelector('form');
-        return (hAsync(Host, { key: '731274a64589490c56ab51e29de4d5a1b0f46fcb' }, hAsync("slot", { key: '87364a75032d2912402cb7521f8139534b31e836', name: "trigger" }), hAsync("dialog", { key: '689f5acab998db40d17014a70956b227af28fdce', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, hAsync("div", { key: '819b8a7c7b57c80f6581d2130ef799bc66697a2a', class: "content" }, !this.undismissable && (hAsync("nv-button", { key: 'bb370ddcf138c75f383a0cd21417a738f49574b7', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, hAsync("nv-icon", { key: '1a6f429045572f88bd5c0ceba0d7745ce074316e', name: "x", size: "sm" }))), this.headerElement ? (hAsync("slot", { name: "header" })) : (hAsync("nv-dialogheader", { id: "dialog-header" })), hAsync("div", { key: '609b0f6c8f902270e497cd31fd6eabe41b889978', class: "content-body", id: "dialog-content" }, hAsync("slot", { key: '7923f02b0aed38de9db5e61ab38b90b4888e3735' })), this.footerElement ? (hAsync("slot", { name: "footer" })) : (hAsync("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleCancelButton, undismissable: this.undismissable }))))));
+        return (hAsync(Host, { key: '0d1971821d9b2246e34266f14a5ac5b821fac49f' }, hAsync("slot", { key: 'a606aad42659ca51f37a06e1a423e1ecab1d11d3', name: "trigger" }), hAsync("dialog", { key: '08eb4d75656c6b231bbeb5e9e9e769f923cd8827', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, hAsync("div", { key: '4b0a03d468ef0a9abac1ed023ba6c98998a5166d', class: "content" }, !this.undismissable && (hAsync("nv-button", { key: '3e18e13147d82594a3ce690dd34b600240bebc0a', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, hAsync("nv-icon", { key: '7e1ac2679a70e5c0c256bdbe3b6ea85ed02cb1d3', name: "x", size: "sm" }))), this.headerElement ? (hAsync("slot", { name: "header" })) : (hAsync("nv-dialogheader", { id: "dialog-header" })), hAsync("div", { key: '440b69a2e068c233aad49876a70c03ed49a9f6ea', class: "content-body", id: "dialog-content" }, hAsync("slot", { key: 'a959c6e941613e150372891a5e5ca4a5ff19f4d7' })), this.footerElement ? (hAsync("slot", { name: "footer" })) : (hAsync("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleCancelButton, undismissable: this.undismissable }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11625,7 +11659,7 @@ class NvDialog {
             "controlled": [516],
             "full": [516],
             "show": [64],
-            "hide": [64]
+            "close": [64]
         },
         "$listeners$": [[4, "keydown", "handleKeyDown"], [4, "click", "handleDocumentClick"], [5, "touchstart", "handleDocumentTouch"]],
         "$lazyBundleId$": "-",
@@ -11721,7 +11755,7 @@ class NvDialogfooter {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '20d86d12b859505ed088fc21ee04d8ee1d9bbb81' }, !this.hasSlot ? (hAsync(Fragment, null, !this.undismissable && (hAsync("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), hAsync("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (hAsync("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (hAsync("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (hAsync("slot", null))));
+        return (hAsync(Host, { key: 'eda5ae29872e57688e5557f17baa87ea6f0cab87' }, !this.hasSlot ? (hAsync(Fragment, null, !this.undismissable && (hAsync("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), hAsync("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (hAsync("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (hAsync("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (hAsync("slot", null))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -11777,7 +11811,7 @@ class NvDialogheader {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '6840a5af95a0534339bc0682d829c33d7376a79a' }, !this.hasSlot ? (hAsync(Fragment, null, hAsync("div", { class: "heading" }, this.heading), hAsync("div", { class: "subheading" }, this.subheading))) : (hAsync("slot", null))));
+        return (hAsync(Host, { key: '539e18fe0cca582002a55fbf4a72f1dccdc09a06' }, !this.hasSlot ? (hAsync(Fragment, null, hAsync("div", { class: "heading" }, this.heading), hAsync("div", { class: "subheading" }, this.subheading))) : (hAsync("slot", null))));
     }
     get el() { return getElement(this); }
     static get style() { return NvDialogheaderStyle0; }
@@ -11794,7 +11828,7 @@ class NvDialogheader {
     }; }
 }
 
-const nvFieldcheckboxCss = "nv-fieldcheckbox{--nv-fieldcheckbox-border-default:var(\n    --components-form-field-border-default\n  );--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(\n    --components-form-field-background-default\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-fieldcheckbox-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error>.input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled-error\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-error\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]:not([disabled=false]){opacity:0.5}nv-fieldcheckbox>.input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox>.input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox>.input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus,nv-fieldcheckbox>.input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox>.input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox>.input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldcheckbox>.input-container input[type=checkbox]:checked,nv-fieldcheckbox>.input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox>.input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox>.input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox>.text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}nv-fieldcheckbox>.text-container label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox>.text-container .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox>.text-container .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
+const nvFieldcheckboxCss = "nv-fieldcheckbox{--nv-fieldcheckbox-border-default:var(\n    --components-form-field-border-default\n  );--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(\n    --components-form-field-background-default\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-fieldcheckbox-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error>.input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled-error\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-error\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]:not([disabled=false]){opacity:0.5}nv-fieldcheckbox>.input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox>.input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox>.input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus,nv-fieldcheckbox>.input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox>.input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox>.input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldcheckbox>.input-container input[type=checkbox]:checked,nv-fieldcheckbox>.input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox>.input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox>.input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox>.text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}nv-fieldcheckbox>.text-container label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox>.text-container label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-fieldcheckbox>.text-container .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox>.text-container .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 var NvFieldcheckboxStyle0 = nvFieldcheckboxCss;
 
 /**
@@ -11914,13 +11948,13 @@ class NvFieldcheckbox {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'de53d56a14565faed09432cf9caa2ac04009a395', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, hAsync("div", { key: '1b2eaf318015983b76354a0f98ca659748defaf2', class: "input-container" }, hAsync("input", { key: '949928601227543717db9cec038e6f55efa618d1', 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 && !this.required, required: this.required, indeterminate: this.indeterminate, ref: el => {
+        return (hAsync(Host, { key: 'b116295489cba9239b5d6392c6518b0c57af5191', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, hAsync("div", { key: 'b769f372a3f69899ec1cc76a4d4b2dbc7766252f', class: "input-container" }, hAsync("input", { key: 'd35876f83b8a57bfd19243de1e0db8202270e3c5', 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 && !this.required, required: this.required, indeterminate: this.indeterminate, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } }), hAsync("span", { key: '6e969279cb7279a1fbe6c1112e77139d274eccfd', class: "icon" }, this.checked && !this.indeterminate && (hAsync("slot", { key: '9655696bf7ecda02105f4ab68743800fec0c6500', name: "checked-icon" }, hAsync("svg", { key: '1fe56dea643795713cc6df292757256d89a7ae11', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, hAsync("path", { key: 'd3ee68e0b4199591794ba39b4cc6aa4b24e61ee6', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (hAsync("slot", { key: 'c598b604c2c3aec0c1d36d36ff243972b33d4f77', name: "indeterminate-icon" }, hAsync("svg", { key: '38eb1768bc6e5d7b5dfdcaafbc39a7618500a1d4', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, hAsync("path", { key: '06170fa3c62bb8793ea76ea30925d1a2b3520a77', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), hAsync("div", { key: '375979126e20eea97fde15f7c3b9237880f40766', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'abe195bf795d754abd5462605440e2fa40c756e1', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, hAsync("slot", { key: '7c25e043ab0bb79cc51594336dfce76086b6c901', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '365c2da85957590b6c365b95c78309711dec1fc7', class: "description" }, hAsync("slot", { key: '4f95fa143036d8f701cce9e2bd29036414426f38', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'c7db38efbfcfb30d8de8ccad513e96019ade14be', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: 'c0ecad03278dc4ebbb43a3b30ff00c5be5051f6e', name: "error-description" }, this.errorDescription))))));
+            } }), hAsync("span", { key: '1ee167d0b2ce274d04d1e4b2be6413073b22c8c6', class: "icon" }, this.checked && !this.indeterminate && (hAsync("slot", { key: 'c30cb3412f622ef77eb063818f5a3747f9d17978', name: "checked-icon" }, hAsync("svg", { key: 'ae0629aac32ecd36393c2de7e492ede9d040ae78', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, hAsync("path", { key: '882eef5ea011863ebe1c48a0b2b08e409f248b99', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (hAsync("slot", { key: '5776848166e3f332eb010739fa6406fb23820f6b', name: "indeterminate-icon" }, hAsync("svg", { key: '8668230cf4c31efb7c314bb32e22b3e7062184c1', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, hAsync("path", { key: '7b2cd078b8eabcd3c45c7dfd71754ed1f5c3a77d', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), hAsync("div", { key: 'ace39a1b99e5eb521b6612bd9d52d788d77815e3', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '2361d3fef97b97b07c96243d56b6f3d86703347e', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, hAsync("slot", { key: '8f49928ebf77fd0ee1eda81640a57d5d4788440b', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'f0555ef436450adcad6cce6037f69d40403e99d1', class: "description" }, hAsync("slot", { key: 'bb18fbebf918d035f3eb42ac4d58c631d4146261', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '804306abacc16d0fdf79fc7826d19a3934ee1e3f', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '8288bc5c84368072278d5ad61d0b0b09f455749d', name: "error-description" }, this.errorDescription))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -15977,12 +16011,12 @@ class NvFielddate {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'f4ac8fc14fa8e152377801da2ad06db00a780632' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '29ad17b261aeb6013b72b03e2f2e960a7395c4ff', htmlFor: this.inputId }, hAsync("slot", { key: 'e478022257fe1b4c8667f9a7813c270664e51fb1', name: "label" }, this.label))), hAsync("nv-popover", { key: 'fb6e74859034ea4a918901794dc50569327246f3', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, hAsync("div", { key: '8144b07f3310cfd684fc5eff8e2f4b195afa0a85', slot: "trigger", class: "input-wrapper" }, hAsync("slot", { key: '13719fa680565927f1d4d49c9b8b18fbd8724895', name: "before-input" }), hAsync("div", { key: '7483c3a0f194f1c433a378dbf8def6c644062520', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: 'def0c8bd58dc65d121d6a5259d0ff71cd32df6d0', name: "leading-input" }), hAsync("input", { key: 'e3a9c13f3da9437a7eebd849c89b59f9014312dd', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.singleValue, onInput: this.handleInput, onFocus: this.handleFocus }), hAsync("nv-iconbutton", { key: 'c82ab5489ec156ed6d83f249e69a19230e990bda', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
+        return (hAsync(Host, { key: 'df11f4f395a48f6288b20a242cccdacc9d7b397c' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'bebb3787dcef1ea73bada36586bdd678f0ce0556', htmlFor: this.inputId }, hAsync("slot", { key: '52be6fb452bcd9471708376e708e9a8126af73c2', name: "label" }, this.label))), hAsync("nv-popover", { key: '6e1cc0a602641ec43be99ca990d64f175ff7bac8', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, hAsync("div", { key: '7cc0bcc9df49252d209caa22b61358c230d2f0dd', slot: "trigger", class: "input-wrapper" }, hAsync("slot", { key: '13037bdfe258561afd35c23fd1cb94ed96bbba9d', name: "before-input" }), hAsync("div", { key: '5a0c1bce690feb834f6183c57772d7b2eed0a8a6', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: '73842b222ba5059f1f09a4ce57b662710a1e341a', name: "leading-input" }), hAsync("input", { key: '2e4de521b0d1d735fd4170eefacfe4e8f5bbcf33', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.singleValue, onInput: this.handleInput, onFocus: this.handleFocus }), hAsync("nv-iconbutton", { key: 'dff7fe7f4a49a3da8ed44235ef719e726a40db87', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
             ,
-            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), hAsync("slot", { key: 'dce118ee3c305e63d9ee35ea2862ca6a0d461329', name: "after-input" })), hAsync("div", { key: '5f6ec80b1552401b386e9d18cc77ba6238ded537', slot: "content" }, hAsync("nv-calendar", { key: '100f2ddb0f3f5393143aeaaebc16ced4c84ba8fe', 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 }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '2e04bba3f1578f4cb4e9d9fdff3f969f06965231', class: "description" }, hAsync("slot", { key: '9b5d6314cd11e146cc03febfe0d588b7671371c5', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'be836494c6ee4972b6830069517c8402946244bd', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (hAsync("slot", { name: "error-description" })) : (this.errorDescription))), hAsync("slot", { key: '6483eb88eabdda1f3feb3cf63dfabc66fad4ca2f' })));
+            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), hAsync("slot", { key: 'aafa39739ae3f907cef45d95094ef643833d50ad', name: "after-input" })), hAsync("div", { key: '38cbef48ee7b053ad7c277e8125fcbf6d11c636c', slot: "content" }, hAsync("nv-calendar", { key: 'dd5f1b3f1d7fcb17a47d90be58949fffe89e3ad4', 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 }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '92526d3d8ed3bce713a5b30097df182b0ea22d4f', class: "description" }, hAsync("slot", { key: 'd2a3a35577c08e3dd21c1c48eb6c6e3959abb7da', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'd4ba884604a01e2376691d382fb530576c02f029', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (hAsync("slot", { name: "error-description" })) : (this.errorDescription))), hAsync("slot", { key: '443c990302fa9aaef0e6fe732738d4f8e4570717' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -16364,15 +16398,15 @@ class NvFielddaterange {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '093caee1d7944ccded9cd64f579057492e0d0493' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '423a473a9d996cc57efdf140440d9c8282c47552', htmlFor: this.startInputId }, hAsync("slot", { key: '9c0e45cc247755fa4e01c2a1f47ed55ee26d5120', name: "label" }, this.label))), hAsync("nv-popover", { key: '7c80be4f96c66bef3f06da587db9f316b2bc7a8b', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, hAsync("div", { key: '84d7bb82e508521c80d5aa28e5738b95a6d88301', slot: "trigger", class: "input-wrapper" }, hAsync("slot", { key: '6e26220a3d633dd70a538cc1039db23518013eac', name: "before-input" }), hAsync("div", { key: '6d4cc658e1aa63d62f55acc5cad858a5269f3629', class: "input-container" }, hAsync("slot", { key: 'e71bbd1de9fb33b95ba0e71a8de19e9d0acfeb56', name: "leading-input" }), hAsync("div", { key: '7f48156f1a9c18ff71a6a21aa5ddb8f3e72fa03c', class: "range-inputs" }, hAsync("input", { key: '306a3feeeb8af8e340427a240f36cd38c5be8ee9', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.shouldAutoFocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus }), hAsync("svg", { key: 'b49d1c29dc4cc6c9fd2452212781a326bc673a93', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal" }, hAsync("path", { key: '39c7a7e3ab83f9231ffd2df9d31d451939868aff', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), hAsync("path", { key: 'c3ad84053b33be954398f387ee58c680a8f11420', d: "M18 9l3 3l-3 3" }), hAsync("path", { key: 'd2ec3d45a4b599ff12b054c8f027652f64da09f0', d: "M15 12h6" }), hAsync("path", { key: '509aac76d4974dc4a522f6a37d20be6847f8fbc7', d: "M6 9l-3 3l3 3" }), hAsync("path", { key: 'c3e97c1c2b42b66197ce1d7b0b4b09bad8780bea', d: "M3 12h6" })), hAsync("input", { key: 'fa3c9a646a96a078a7e5b5360847f4ba4d5e132d', id: this.endInputId, type: "text", placeholder: this.endPlaceholder, name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus })), hAsync("nv-iconbutton", { key: 'e38df040bf7450f1aefe5f5d2d4e824935ddb2f9', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), hAsync("slot", { key: 'd60c491f4688d9e04888af97d027fa7e02492f6c', name: "after-input" })), hAsync("div", { key: '2b54c1c5c19b6dff615850d151cb52bccbd322fc', slot: "content" }, hAsync("nv-calendar", { key: '11d1c70f9e3e5ce1979f7127d828fc06f2b52078', dateFormat: this.dateFormat, rangeValue: this.startValue && this.endValue
+        return (hAsync(Host, { key: '47a61852ed7771a2248727193570aa2c4654b3bc' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'a32f8796a15c40712bc0b751ab89fcf84c81dfa3', htmlFor: this.startInputId }, hAsync("slot", { key: '549420faa870d7e8f37c4c864de00aae1682f1f9', name: "label" }, this.label))), hAsync("nv-popover", { key: 'c93290824f1e7179f7777ef2d9d42146015ec10a', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, hAsync("div", { key: '67d798f2c57bf7cd979386fa2c3d0eb836253af6', slot: "trigger", class: "input-wrapper" }, hAsync("slot", { key: '53f700e97f16b40cb3e077460d41ab955cf4e86e', name: "before-input" }), hAsync("div", { key: '5829a9716c09fc65b8300b0fe5d590a3e4d1af40', class: "input-container" }, hAsync("slot", { key: '401508780bbac13d792d62d8368c47b4fe9fb0c1', name: "leading-input" }), hAsync("div", { key: '2e29bd53c161d7bdf5a20e17f7b114f421bf2684', class: "range-inputs" }, hAsync("input", { key: 'd1fed6969b96a950e6c73779ac31e7f197cdf122', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.shouldAutoFocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus }), hAsync("svg", { key: '04aefcadb20a07f023c973a8ee0ce1c90e2eecd4', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal" }, hAsync("path", { key: '372bb4b2ea27cf6aba7d9753dc25b3c9217a05c0', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), hAsync("path", { key: 'ae5d178f8d00efc52317b8e44df3225c48f50571', d: "M18 9l3 3l-3 3" }), hAsync("path", { key: '2669cb7bca3c10769fa8b7907d722e6892744dce', d: "M15 12h6" }), hAsync("path", { key: '835d2de77d676af9806d93f9ec0e9a4a451b2463', d: "M6 9l-3 3l3 3" }), hAsync("path", { key: '8aef1d99e102825729c4466bf57166529e927c09', d: "M3 12h6" })), hAsync("input", { key: 'e40d1202015132524aa3d485641b9cd34d8a20a6', id: this.endInputId, type: "text", placeholder: this.endPlaceholder, name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus })), hAsync("nv-iconbutton", { key: '8ec3ebfb4647e5fb9d89ea9f1e6a60eaa5bb1214', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), hAsync("slot", { key: 'e6ff4ed90757947d58dfde04c7063d123a3fd9e2', name: "after-input" })), hAsync("div", { key: 'cf7a11988d84dac287b2c524e6005aee29f05ca3', slot: "content" }, hAsync("nv-calendar", { key: '3c896e58ba52b0dd82f73f37beb8f70b6ac3f426', dateFormat: this.dateFormat, rangeValue: this.startValue && this.endValue
                 ? JSON.stringify({
                     start: this.startValue,
                     end: this.endValue,
                 })
                 : '', 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" }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '609d5a80059699ffad7272459975ee4ac04fabd3', class: "description" }, hAsync("slot", { key: '472e10256149d7729186152da03e356da1360ded', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'a2e3f0db10b38d4e37616ef0df0c28c31c1480c6', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (hAsync("slot", { name: "error-description" })) : (this.errorDescription))), hAsync("slot", { key: '8ee594b994a8e86909bf47718f20b9d1f2a653db' })));
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'f3a968ed2314ec6b0b8f1f5fed8e901e3df10402', class: "description" }, hAsync("slot", { key: 'bdfb89b5f462046c1bcbcffdbe46b067868bb077', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'b7a01679e7d1315e3040c8b166f79affbe74d409', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (hAsync("slot", { name: "error-description" })) : (this.errorDescription))), hAsync("slot", { key: 'b318420f0dba209ec8dcebc06f37d94ade46ccea' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -16769,9 +16803,9 @@ class NvFielddropdown {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'fd9c415beb138bf85bdd914c6143b50a2f2330bf', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '3bd9ea3ac7f1202882511ab6bf0d187975eaaaf6', htmlFor: this.inputId }, hAsync("slot", { key: '0e33a34af113e622401e5d23843fc67afce8c7a0', name: "label" }, this.label))), hAsync("nv-popover", { key: 'cf41abb986f71b746f7b83828eb69244e502626a', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, hAsync("div", { key: 'c030054877c24d5091bc9ea91f8b90182a5150b9', class: "input-wrapper", slot: "trigger" }, hAsync("slot", { key: '974aa8736caa3112d2e17a6e6fc33d0271315303', name: "before-input" }), hAsync("div", { key: '7b657cf2dd489e8e22ecd52403a9eba8193c1728', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: '26d55cabf26329cde6f7ac93464def081533dd7d', name: "leading-input" }), this.isFilterable || this.disabled || this.readonly ? (hAsync("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, value: this.getSelectedLabel(), required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput, onFocus: this.handleInputFocus, onClick: this.handleInputFocus, onKeyDown: this.handleKeyDown })) : (hAsync("p", { "data-scope": "focusable", id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClick, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocus }, this.getSelectedLabel() || this.value || this.placeholder)), this.isFilterable && this.filterText && this.open && (hAsync("nv-iconbutton", { key: '4dab0dd29d016a68b94681893bd0367c2f2bbccb', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter, "aria-label": "Clear input" })), this.error && (hAsync("nv-icon", { key: '94555a8f663a45ce5e744a2c4f42442ee725556f', name: "alert-circle", class: "validation", size: "md" })), hAsync("nv-iconbutton", { key: 'c52dcc16864b6093cc7c1417d98506c9b4739f4b', "data-scope": "toggle-dropdown", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopover, tabIndex: this.disabled ? -1 : 0 })), hAsync("slot", { key: 'a78197668881b8fc5fd7522a3b2ebcb4e4d6c1cc', name: "after-input" })), hAsync("div", { key: '161678718ea939874d27b800052f3ff2df94a07d', slot: "content" }, this.parsedOptions.length > 0 ? (hAsync("ul", null, this.parsedOptions.map(option => (hAsync("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))) : (hAsync("slot", { name: "content" })))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'b4ea5b9e6d12307201847c8b9979e7c77442c0a9', class: "description" }, hAsync("slot", { key: '7162553aadfbeae787683a1fcf4ac7a1ca4788da', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'c96506582bd9c604490ce0d9c4a398ff70b7e814', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '9069e068a0e1624344b248d68799ecf07f10c649', name: "error-description" }, this.errorDescription)))));
+        return (hAsync(Host, { key: '0fb1d2326cefd85ffd337307a0a0dd74acda8a14', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'bf6f4116b86cca549e7f9b65a17e1cb35b06ef60', htmlFor: this.inputId }, hAsync("slot", { key: 'a81ad465e6a08e1bc9463c9d91c5d2cd05805e39', name: "label" }, this.label))), hAsync("nv-popover", { key: '8c90cf3f3f08455b41b31681c4377d5404dd4b31', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, hAsync("div", { key: '756eb9ff31134ece738ea9748a88837ec4979ddf', class: "input-wrapper", slot: "trigger" }, hAsync("slot", { key: '1853a781eedfeea6aae57ed94c452524e4e69e83', name: "before-input" }), hAsync("div", { key: '26c839ffc62cb1747de5099725695de6c213a220', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: '8685a92ee488f99dda4cbfe6bdd59e347e3ce0ce', name: "leading-input" }), this.isFilterable || this.disabled || this.readonly ? (hAsync("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, value: this.getSelectedLabel(), required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput, onFocus: this.handleInputFocus, onClick: this.handleInputFocus, onKeyDown: this.handleKeyDown })) : (hAsync("p", { "data-scope": "focusable", id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClick, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocus }, this.getSelectedLabel() || this.value || this.placeholder)), this.isFilterable && this.filterText && this.open && (hAsync("nv-iconbutton", { key: '1fa4ea0ef878980847d667431c9e52b18de1a4b1', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter, "aria-label": "Clear input" })), this.error && (hAsync("nv-icon", { key: '77aa0f468d8c6488595ffc2305480174c18d3069', name: "alert-circle", class: "validation", size: "md" })), hAsync("nv-iconbutton", { key: '9954a5b1910693b0be417d27da8f9005467d99f3', "data-scope": "toggle-dropdown", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopover, tabIndex: this.disabled ? -1 : 0 })), hAsync("slot", { key: '0e258c9b03e4dbcfe94b577ffaf77f2379a9c9a3', name: "after-input" })), hAsync("div", { key: 'b697df1d8c64c9d2eaf09e427cd49c9d5ec0a323', slot: "content" }, this.parsedOptions.length > 0 ? (hAsync("ul", null, this.parsedOptions.map(option => (hAsync("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))) : (hAsync("slot", { name: "content" })))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '7a783fcd4da5623ad478e4a03fb454e093e7fc8e', class: "description" }, hAsync("slot", { key: '93c4c95ca8e8e4bf50086fb861b126aa7f5f828a', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '8a0de0edb2a7855d478a40059e19f2f26f2ed681', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '93b87131ac4e8371815e7c82ef6e15ebcff2bc88', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -16873,7 +16907,7 @@ class NvFielddropdownitem {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'acee05b9d46a503b8ca19acf9f96577f83686c38', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, hAsync("slot", { key: '07eb6931adeb42c1bd9d83b58ef43d07eb0fd4df' }), !this.composed && (hAsync("div", { key: '4a1c9d51f6d7e2ea3680ddd2294bc5a88c6a354b', class: "text-wrapper" }, hAsync("span", { key: '6f13add04158044d4b3cd00b386ed0ed5cde87fc', "data-scope": "text" }, this.label))), this.selected && (hAsync("nv-icon", { key: '88bfab2accd9b3bb8a2bb8fbbc6bafab8712432e', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
+        return (hAsync(Host, { key: '8f867e8c456eae541561024d5194e1582504e85b', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, hAsync("slot", { key: '2f26847b783458cde7a99d69269b0e15f381cdb8' }), !this.composed && (hAsync("div", { key: '22229450f3e1492d1f71cbd9e89c6e0204cee201', class: "text-wrapper" }, hAsync("span", { key: 'a5c691f3addf577acd848b6fe72c23388d116584', "data-scope": "text" }, this.label))), this.selected && (hAsync("nv-icon", { key: '02232856ec60e9b741ced372a9d05def5d822cc6', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
     }
     get el() { return getElement(this); }
     static get style() { return NvFielddropdownitemStyle0; }
@@ -16938,7 +16972,7 @@ class NvFielddropdownitemcheck {
         };
     }
     render() {
-        return (hAsync(Host, { key: '99198b739ef8440c24997cd06c563b2c7b0fbcc0', onClick: this.handleClick }, hAsync("nv-fieldcheckbox", { key: 'f57f89e6c9e889e254809c0587f92d05339b0116', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
+        return (hAsync(Host, { key: 'f9445369d2703e0a5fe4417b1968f9a25dc94743', onClick: this.handleClick }, hAsync("nv-fieldcheckbox", { key: 'a64195d14834b2a83d3b4c3f1451272fb97ff46a', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
     }
     get el() { return getElement(this); }
     static get style() { return NvFielddropdownitemcheckStyle0; }
@@ -17065,7 +17099,7 @@ class NvFieldmultiselect {
          * element.
          */
         this.autofocus = false;
-        /**x
+        /**
          * Handle badge close for options mode.
          */
         this.handleBadgeCloseOptions = () => {
@@ -17105,7 +17139,6 @@ class NvFieldmultiselect {
             if (this.isHandlingEscape) {
                 return;
             }
-            this.open = false;
             this.filterText = '';
             // Only reorder based on the mode
             if (this.modeState === 'options') {
@@ -17127,7 +17160,6 @@ class NvFieldmultiselect {
                 if (!this.el.contains(document.activeElement)) {
                     // Close the popover without affecting the divider
                     this.open = false;
-                    this.popoverElement.hide();
                     // Reset filter if needed
                     if (this.filterable) {
                         this.filterText = '';
@@ -17147,7 +17179,6 @@ class NvFieldmultiselect {
             const target = event.target;
             if (target.tagName === 'P' || target.tagName === 'SPAN') {
                 this.open = true;
-                this.popoverElement.show();
                 const inputContainer = this.el.querySelector('.input-container');
                 if (inputContainer) {
                     inputContainer.classList.add('focus-within');
@@ -17169,7 +17200,6 @@ class NvFieldmultiselect {
             const target = event.target;
             if (target.tagName === 'P' || target.tagName === 'SPAN') {
                 this.open = true;
-                this.popoverElement.show();
                 const inputContainer = this.el.querySelector('.input-container');
                 if (inputContainer) {
                     inputContainer.classList.add('focus-within');
@@ -17251,7 +17281,6 @@ class NvFieldmultiselect {
                 if (!this.el.contains(document.activeElement)) {
                     // Close the popover without affecting the divider
                     this.open = false;
-                    this.popoverElement.hide();
                     // Reset filter if needed
                     if (this.filterable) {
                         this.filterText = '';
@@ -17267,16 +17296,7 @@ class NvFieldmultiselect {
             if (this.disabled || this.readonly) {
                 return;
             }
-            if (this.open) {
-                this.handlePopoverClose();
-            }
-            else {
-                this.open = true;
-                this.popoverElement.show();
-                if (!this.filterable) {
-                    this.focusFirstItem();
-                }
-            }
+            this.open = !this.open;
         };
         /**
          * Toggle the multiselect popover for slots mode.
@@ -17285,16 +17305,7 @@ class NvFieldmultiselect {
             if (this.disabled || this.readonly) {
                 return;
             }
-            if (this.open) {
-                this.handlePopoverClose();
-            }
-            else {
-                this.open = true;
-                this.popoverElement.show();
-                if (!this.filterable) {
-                    this.focusFirstItem();
-                }
-            }
+            this.open = !this.open;
         };
         //#endregion METHODS
         /****************************************************************************/
@@ -17332,14 +17343,6 @@ class NvFieldmultiselect {
         if (this.modeState === 'options') {
             this.handleOptionsChange(this.options);
         }
-        // Add the listener for the hide event
-        requestAnimationFrame(() => {
-            if (this.popoverElement) {
-                this.popoverElement.addEventListener('hide', () => {
-                    this.handlePopoverClose();
-                });
-            }
-        });
         // Specific initialization for slots mode
         if (this.modeState === 'slots') {
             Promise.resolve().then(() => {
@@ -17383,12 +17386,6 @@ class NvFieldmultiselect {
      */
     disconnectedCallback() {
         document.removeEventListener('click', this.handleClickOutside.bind(this));
-        // Remove the listener for the hide event
-        if (this.popoverElement) {
-            this.popoverElement.removeEventListener('hide', () => {
-                this.handlePopoverClose();
-            });
-        }
     }
     /**
      * Emitted when the input loses focus.
@@ -17398,15 +17395,13 @@ class NvFieldmultiselect {
         // Update the open state of popover
         this.open = event.detail;
         if (this.open) {
+            // Filter items only if there is filter text
             if (this.filterText) {
                 this.filterItems();
             }
         }
-        else if (this.modeState === 'options') {
-            this.reorderOptionsContent();
-        }
         else {
-            this.reorderSlotContent();
+            this.handlePopoverClose();
         }
     }
     /**
@@ -17830,8 +17825,7 @@ class NvFieldmultiselect {
             (this.inputElement && this.inputElement.contains(event.target))) {
             return;
         }
-        // Use handlePopoverClose for all cases
-        this.handlePopoverClose();
+        this.open = false;
     }
     /**
      * Handle keyboard events & arrow key navigation.
@@ -17843,7 +17837,6 @@ class NvFieldmultiselect {
         if (!this.open) {
             if (event.key === 'ArrowDown') {
                 this.open = true;
-                this.popoverElement.show();
                 // Focus on the first item if the list is not filterable
                 if (!this.filterable) {
                     requestAnimationFrame(() => {
@@ -17906,7 +17899,6 @@ class NvFieldmultiselect {
                 setTimeout(() => {
                     this.isHandlingEscape = false;
                     this.open = false;
-                    this.popoverElement.hide();
                 }, 150);
                 if (this.inputElement) {
                     this.inputElement.blur();
@@ -18175,9 +18167,9 @@ class NvFieldnumber {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'd4a702bbb94585da82e6c40ac83d0f3508564a7b' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '11cfc66c6796aae236796fb5a637aa72ef6c2340', htmlFor: this.inputId }, hAsync("slot", { key: 'bce23d0b1a283ec2d1c1ce0cc6d2c61a6d2cf6e9', name: "label" }, this.label))), hAsync("div", { key: 'c62aa0a4d69fd0235912ef16c89a4d511348aa48', class: "input-wrapper" }, hAsync("slot", { key: '2f7a66f50f7256b7ef5dcc90d112da47a4cac511', name: "before-input" }), hAsync("div", { key: 'b00c8348136289513a1c3d5ef68a08a581fa4d9c', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: '9d4cce93ff07c710db6cafb3d5c644fad480a397', name: "leading-input" }), hAsync("input", { key: '44ef9c168f0e6e1ce9166cc896127f79d0794392', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: this.required, max: this.max, min: this.min, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), this.error && (hAsync("nv-icon", { key: 'b2335c490f6ff69c3019731e309d450c94f0a881', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: '5b259e0b4fce9444d6bd4019a5a9c01b66cb8b67', name: "circle-check", class: "validation", size: "md" })), hAsync("div", { key: 'a22e29f5af849084331ddda2d63339b3517cb0cf', class: "stepper" }, hAsync("nv-iconbutton", { key: '97b7a1646b20fb0804daa5c830c70be05bc6673f', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabIndex: -1 }), hAsync("nv-iconbutton", { key: '2a9cfde9dfa60a3a565a4673a3696f2907e67845', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabIndex: -1 }))), hAsync("slot", { key: '85b9df5f03f45486dec27961d9c98eafa90e008a', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '1bab44c8766935832acf883732f059333426bd61', class: "description" }, hAsync("slot", { key: 'f148c139053ce336f342a93e6bc9b8ac11872909', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'a47082dd9ae82156fde1dd4948e31dcfec804a64', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '9537d8157e4acd4a2c502e271b9b2640c0cc71a6', name: "error-description" }, this.errorDescription)))));
+        return (hAsync(Host, { key: '14de76d6ddda9977fa3ad28d6e9d2acf613565fa' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '22131a183df8f9612d7d1fc4c7904f7e9e3fba71', htmlFor: this.inputId }, hAsync("slot", { key: '48cca38b15579499662018d593bd9e73129565da', name: "label" }, this.label))), hAsync("div", { key: '9a0a40a370f879f0685a62fb7360419db1245738', class: "input-wrapper" }, hAsync("slot", { key: '05bcbc8bd7311f3e6ae467b40af269e373e7ef26', name: "before-input" }), hAsync("div", { key: '81861b40c527dde0b7629914e70f7ee1b3389f06', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: 'dc64fe00dd75120daedfdc51fc2d5d955f3e3348', name: "leading-input" }), hAsync("input", { key: '01593dfe3c0331acec3ec765cb1673d6a0536f1f', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: this.required, max: this.max, min: this.min, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), this.error && (hAsync("nv-icon", { key: 'f253f726e6ad61e0b49389f38d1b6c519bd7ade6', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: '11968ad93087be6813e99e2b781fa8d3d7f7b772', name: "circle-check", class: "validation", size: "md" })), hAsync("div", { key: '900d860455ced0a97dbdad044c83578f680e2d1c', class: "stepper" }, hAsync("nv-iconbutton", { key: '1c6f95596b862dad92ca2006e983fbf4b45fa9ee', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabIndex: -1 }), hAsync("nv-iconbutton", { key: '2f08e682805b4c9cf6f09b71c885460ca697de5f', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabIndex: -1 }))), hAsync("slot", { key: 'b63dbbaeb358b73105f552de15a0226906f5e547', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '43c3f1bd58a36095e69283151ac4d7edcd0eef4a', class: "description" }, hAsync("slot", { key: '0c91c8198be73d7285065d86c1ca1340d3517e0d', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'ecb9e02f67241294215ee3e570006dcf98539537', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '763ddc2a238b85022d72e046d9665fbb433f8476', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -18318,9 +18310,9 @@ class NvFieldpassword {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '38452ffde2d780abd369e0a4a395736c99ba3698' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'aba6b414793d44094dee6c80ee5f08ee8a6ff563', htmlFor: this.inputId }, hAsync("slot", { key: 'd69148906088a40b1f43b3734870d45e279af814', name: "label" }, this.label))), hAsync("div", { key: '9f23cf52be9502bbeae61b7c288c0232d64c4503', class: "input-wrapper" }, hAsync("slot", { key: '75317dbe9b44d2cc83745c12b1d856d0f3a70559', name: "before-input" }), hAsync("div", { key: 'c522f4b7b8346a34a345f9027b06090e596da5db', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: 'd816df16413183ab21887d90527dd66b6f36e922', name: "leading-input" }), hAsync("input", { key: '02d98198a48492e70738177651d69d606ea5a350', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (hAsync("nv-icon", { key: '796e8f87c15ae450b79973f66478491c53d43c54', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (hAsync("nv-iconbutton", { key: 'c8b3c5605caad59c387f7211137de382692a6155', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), hAsync("slot", { key: '5f78d51ab2a4f095d136bb912b8d8c98f10bb297', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '87a876d189f8f66cbbf9d558316f8962bf8ef2db', class: "description" }, hAsync("slot", { key: 'e387e44b850db2cd0aebecadffe1395312049454', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '4b723b9d4a68f3536565e1cb4b701ef2c0aaad4c', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '896c7c76f4eb9ed88914a37edd1c832cf94e8b46', name: "error-description" }, this.errorDescription)))));
+        return (hAsync(Host, { key: 'a41ed0f04b926fc622c76487c3108d7ee43209bc' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '3550a9382c0a5ca66251a364e05b75f0ed6f42ef', htmlFor: this.inputId }, hAsync("slot", { key: 'cb5970e496815804ebdc3ed2cb56a5a8b6b4cb7a', name: "label" }, this.label))), hAsync("div", { key: 'a84fa1d8b7d42a2c3bdd0a4b9baef0a62cb6ff10', class: "input-wrapper" }, hAsync("slot", { key: '18a93e01e9ae700c4bc634cc75dc15b48f1467de', name: "before-input" }), hAsync("div", { key: '902ecacf5d73e9014bffbb3cab058317142d73bc', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: '65bacd0ae1d74bf24492961707338b42de8db414', name: "leading-input" }), hAsync("input", { key: '0ee6c86114923f170bd4733d966901c4eaec096a', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (hAsync("nv-icon", { key: '366cd1b889f59207bf6d4969a993b259281e8155', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (hAsync("nv-iconbutton", { key: '6f1d513c9320436d7f362a6323591925817ec7b1', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), hAsync("slot", { key: 'a427f1476ffc5070de6e6ce6158d7d50ce08ab59', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '069e32d0137aef7aa8ccb6a56d26aceb1d9f91d6', class: "description" }, hAsync("slot", { key: 'e2cef4e7859979f807b05bdedc0324563313c962', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'e38bba2cd6d438544b883c4e51149039f099faa9', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '1c972064f301444e5774bce210b8868ed01c320b', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -18447,9 +18439,9 @@ class NvFieldradio {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'c600a157513b8401903807773cbd269008b35197', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, hAsync("input", { key: '7861b2a7e9f6b5b4bef5f74781401eb4fb3c746d', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), hAsync("div", { key: '3612e5a6667d8bb1800a724386f84debe33cc0f4', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'e9caab357d06e25dab7b7b72020f56029d89f373', htmlFor: this.inputId }, hAsync("slot", { key: '04441ea9acb42628cf0618c566e9d7be159d962d', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '190427a3db123787a85f2abb72e47192a06586b4', class: "description" }, hAsync("slot", { key: '6799968f7ebbc302890c4544fe16f5928ac2a0e8', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'b37bd97668df39b1160c581f0b62a5140ada9b59', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '7a715e8cc5dd5f41173d3b4d5d7cc229a787e2f9', name: "error-description" }, this.errorDescription))))));
+        return (hAsync(Host, { key: 'cab4d25a83792d8f0d3f5de48073a621f8b1823e', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, hAsync("input", { key: 'a923e6ad8e76b90c5e00ae17a353614b8f7390b1', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), hAsync("div", { key: '585cc5389b0190e2291447d188637e8325d937aa', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '7e16f9cd7078e11661685a141afbd46472683e0f', htmlFor: this.inputId }, hAsync("slot", { key: '3e9aab3f47e1a0c96a6e3b6f2495428bce324962', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '0c2b8b8e49dd877131c37bb23d450e254c58fcdc', class: "description" }, hAsync("slot", { key: 'fd3d99a005667b46260dde7d84f4c6b82e4e4853', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'd524f91210f3e28627e68f380484d1c28ab962d9', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '416222f3b3db021de57b35697a64270582f6bad7', name: "error-description" }, this.errorDescription))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -18829,13 +18821,13 @@ class NvFieldselect {
      * @returns {HTMLStencilElement} The HTML element to render.
      */
     render() {
-        return (hAsync(Host, { key: '2d7fbe4141cbef0243b0c08c5af89e6249f20c09' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'e8a03bde5c1c35d24d4ebe0b266aa3a653e6f763', htmlFor: this.inputId }, hAsync("slot", { key: '9a2ec1d03f76c5349fc93c99f3a409ea47a24f62', name: "label" }, this.label))), hAsync("div", { key: '6226069dcdc067cec3f6a3eaaf9ba536baf9ddf9', class: "select-wrapper" }, hAsync("slot", { key: 'f94e5b37a4008571913260b371aa2a710ba16fad', name: "before-input" }), hAsync("div", { key: '9774c2ee0b8b0b4159e90d2ac4b1bd98616e9554', class: "select-container", onClick: this.handleSelectContainerClick }, hAsync("slot", { key: 'e84d98a96ab47916d8332968f1d94946251582b3', name: "leading-input" }), this.internalReadonly && (hAsync("input", { key: 'c0a22ae71c95e0b22a8d1a8dbd5a6d447970147b', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
+        return (hAsync(Host, { key: 'e447f10faacbd9107b3636b711745655b234daaf' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '6949ffbfa4a3d055689aa384521456277336eb31', htmlFor: this.inputId }, hAsync("slot", { key: 'c46be62ffca373acaa64555dd055d0e506731ff8', name: "label" }, this.label))), hAsync("div", { key: '73173b60885c479e76c9d089f40033ac73641597', class: "select-wrapper" }, hAsync("slot", { key: 'a64bbdef05fd860d1534bea9c5d8143abe2aa688', name: "before-input" }), hAsync("div", { key: 'c8d5503afd194397a0385959fbe557544208f7e9', class: "select-container", onClick: this.handleSelectContainerClick }, hAsync("slot", { key: '82456f7f21d552459af03787b26363acb9d77cb8', name: "leading-input" }), this.internalReadonly && (hAsync("input", { key: '2b02c5f82fd43d2f12d2473ebe68704e7aac2c52', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` })), hAsync("select", { key: '792ea3aa8c7cc04110951e7896ff54c0e097fb9d', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
+                : `${this.inputId}-description` })), hAsync("select", { key: '597815200ff13a3a94c5f8cf2f31f292630831a1', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (hAsync("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (hAsync("slot", null))), hAsync("div", { key: 'c05c31e672ac5e63c6935aa1457f180860193af3', class: "select-icons" }, this.error && (hAsync("nv-icon", { key: 'b8a51b02da5a15bed729022268a298fe4242af78', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: '2e54e71e2ca509762616baa546ade6362e9b3607', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (hAsync("nv-iconbutton", { key: '7d7548609c904d261ffc347a24bf5fcfe10c3896', name: "chevron-down", size: "md", emphasis: "lower", tabIndex: -1 })))), hAsync("slot", { key: '22741934d8e09a384c9b1a84b773e3dbbd5ea061', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '2b352c4845ed135b03429b8382b8b7c79a1468ea', class: "description", id: `${this.inputId}-description` }, hAsync("slot", { key: 'b1afb4fa2a554d5ce8a9e8d7c1a122baef2af671', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '7a472dfd9df5d9e1a2bab533d24d6f3656072a2d', class: "error-description", id: `${this.inputId}-error` }, hAsync("slot", { key: '70bf1c4c53a26f4aaeb72cce36260560e5d098fd', name: "error-description" }, this.errorDescription)))));
+                : `${this.inputId}-description` }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (hAsync("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (hAsync("slot", null))), hAsync("div", { key: 'e7315331865264cfceefc37333f29f503cfaca60', class: "select-icons" }, this.error && (hAsync("nv-icon", { key: '20b2a3b436a31b4528c0a6336433baa20f1dade7', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: '6ddb9ce572a0e66670ea3a3f084c08b465a1054f', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (hAsync("nv-iconbutton", { key: '7df5645e762451036ba84e8ae7e533f6d9c9e89e', name: "chevron-down", size: "md", emphasis: "lower", tabIndex: -1 })))), hAsync("slot", { key: '43220cb3c92d9876e2f22645ed695c076439999a', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '7ca06f0ec81f82cce825045bef226bdaeaa2774d', class: "description", id: `${this.inputId}-description` }, hAsync("slot", { key: '008a54ac423cfe534214d0f32d5b557419d60aaf', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '1c5d34d7441cdaa28c463f062c74070b8193433e', class: "error-description", id: `${this.inputId}-error` }, hAsync("slot", { key: '98a88b41c33a87541d2b3833ca95fc5dff7a8d2e', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -18988,9 +18980,9 @@ class NvFieldtext {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '322d1e58130e04d69a5f14343fc5325c299e7d74' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '12cc27c3d8e7791db20ba39be84a261708ac1b81', htmlFor: this.inputId }, hAsync("slot", { key: '01cbeb48a79294d3c10283891fcdd68fce8b5597', name: "label" }, this.label))), hAsync("div", { key: 'd13eccee6cb016d49b9e2bba0a6333ea9ddb7cb0', class: "input-wrapper" }, hAsync("slot", { key: 'af2ffdddf6f9ae4f1af16a1710a0f829ef30196c', name: "before-input" }), hAsync("div", { key: 'b598d6b8709bd56051b25a12705a3b785cc5c7d5', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: 'c3006ed040dee98b443467e5d4a081fb4404efd8', name: "leading-input" }), hAsync("input", { key: '057f8836541e78d465083174ec029ed9ba56d950', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), this.error && (hAsync("nv-icon", { key: '1c961288b97eb8f2580fd421b03db1f275709d47', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: '4ffaf30cf97c5c6e69709abcca3db5ef7fa2598e', name: "circle-check", class: "validation", size: "md" }))), hAsync("slot", { key: '46257b784d082071ed717f37aeac1e1bbffaeac3', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'dad03cc1954a17b4d9075f5c0949abdb83bee15c', class: "description" }, hAsync("slot", { key: '62c4d6315ad5eff50c86e289d7bcc61afacf64bc', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '3cd561cd634519ae18da4edfe8ec35dd2000a4ce', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '7fc992b0285652f46530ca23f12e626752dd1282', name: "error-description" }, this.errorDescription)))));
+        return (hAsync(Host, { key: '9979c9c835f414965a4ae1ee3db398ee6223c3a9' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '899abb4f3faaa65e1f32738e7ab91440dcc32fd2', htmlFor: this.inputId }, hAsync("slot", { key: 'f82bb9e2e63d56afb8078ffcdaee8da6d2b3df87', name: "label" }, this.label))), hAsync("div", { key: 'b75dfdfc0c875db7019a23c084133b90d957ed8e', class: "input-wrapper" }, hAsync("slot", { key: 'cf4cd32cd106bee88c662fd0960e67ba87dddbc9', name: "before-input" }), hAsync("div", { key: '2f005ef34a722424dcf86c9e189d1ab001bd2495', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: '0d554159f716ed6a4dae76a6b0befd05cdf97173', name: "leading-input" }), hAsync("input", { key: '8dbba6bce4617cbd3d9168b897c0101c83fb6e1e', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), this.error && (hAsync("nv-icon", { key: 'cb4a0028e53aefcaf9b3127488811ea9d66cd305', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: '307fa39a19684d92b5e64ce83301dac337948822', name: "circle-check", class: "validation", size: "md" }))), hAsync("slot", { key: 'a8eb4186286fd472b7c0d515be544e6331bad33c', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'f5bd9926035d6d8829382adea3f68eb633bbf738', class: "description" }, hAsync("slot", { key: '561c28cc04225e9d84a86b161714efde4882debe', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '09e08c344f477d70f698a9c11e38c737667c4ef6', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '117cd688cb63f5411225d468ca2071b19c1be39f', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -19205,9 +19197,9 @@ class NvFieldtextarea {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '9edf7962ccdff743da72152b98f03d27c8f14f1f' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'c3f365dc9d7b27464ead7b80d2bf29ab830cc8df', htmlFor: this.inputId }, hAsync("slot", { key: 'bcfc6ada8c84894be98adcc58c5d5dbc19da5693', name: "label" }, this.label))), hAsync("div", { key: 'e6341cf7d87d9e0d2534ddb0401b595970beabfb', class: "textarea-wrapper" }, hAsync("div", { key: '80e0b0bc0cb7ec4b237b032e0a4c00a3d6a2e16a', class: "textarea-container", onClick: this.handleTextareaContainerClick }, hAsync("textarea", { key: '20bcce08c32dddaa9fcd54b5fca5724318f31010', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'd3f26d3a2f81d5009e55e532ce8079433bbe60bb', class: "description" }, hAsync("slot", { key: 'd9f16157d8ea355d57d8935aec45aa1fcaba2b68', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'c4b838a46fc477530dcb6101f8d8758d99466f65', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '3370a1b2d89a1d24a9e3ed93aebf04751aaa1e86', name: "error-description" }, this.errorDescription)))));
+        return (hAsync(Host, { key: '967dc1eda269d0e3df1351d3e34b8be14f9cb639' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '4337acb56fc6712eb0a3e509b2a551043b43eadf', htmlFor: this.inputId }, hAsync("slot", { key: 'c7229aad2d78f79fad1f103908976efefe282b01', name: "label" }, this.label))), hAsync("div", { key: 'a33155dbb4d6b5d481503225136435690eebf819', class: "textarea-wrapper" }, hAsync("div", { key: '14dbd33038acef44773bcf925dcb1fa9531bb6e9', class: "textarea-container", onClick: this.handleTextareaContainerClick }, hAsync("textarea", { key: 'eee274bac197d25f99114f95684996e1fa933b57', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'f3f214c3a3e3ee03b3ac44d7dcf6224f3d58585d', class: "description" }, hAsync("slot", { key: '803bf10aec909ab4c55098818df6bcd3e22a1957', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'aefd1d3ed4ed2535b06cd314ffe0b19506f7510d', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: 'e43344938bda4acb4523998e9d21f5b6d8300d1a', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -20231,26 +20223,26 @@ class NvFieldtime {
             }, key: `${option}-${index}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
     }
     render() {
-        return (hAsync(Host, { key: '2bd5109091c0e07418ce9565e87384f386428c7f', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'fb435b88f17474c69e9400f3f74545a6e1b9e71c', htmlFor: this.inputId }, hAsync("slot", { key: 'c252c0daf40bec73e405ad53a06ca84de823b3d7', name: "label" }, this.label))), hAsync("nv-popover", { key: '009f40e96c5cb95ef985909e8a0edfa9df3e7c7f', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, hAsync("div", { key: 'd22fa1424d88309d07dbbd73a8c1d25d21392329', class: "input-wrapper", slot: "trigger" }, hAsync("slot", { key: 'e56bcfab83d254bc7df35ac84481b5ef67b23ca2', name: "before-input" }), hAsync("div", { key: '20ce8289edbfbddd54424dd86e672ab4689cd51d', class: "input-container" }, hAsync("slot", { key: '98c4d58900edfc2b618f6882be0832eae4ce1e65', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
-            hAsync("input", { key: '9317fddf11f5715a585f784cda78b54aa62be063', ref: el => (this.inputElements[TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Hours), name: this.name
+        return (hAsync(Host, { key: '1ef0b47c6886db0b91833d4680638eeafe886894', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '7f0c658c7ad89e2f0fb5100a4de46d368b8edf85', htmlFor: this.inputId }, hAsync("slot", { key: '2378b6f07660bb1c536e52a9e48b7a633f9d8bca', name: "label" }, this.label))), hAsync("nv-popover", { key: 'cc543c978adc3a58c343688b3b579240abfd244d', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, hAsync("div", { key: '776927c5aec228f04c0079cc51d7772e50425dae', class: "input-wrapper", slot: "trigger" }, hAsync("slot", { key: '9d5324592d1a1e9aed17a4bcdcdfcd0e5be88632', name: "before-input" }), hAsync("div", { key: 'ed804b5a42ac0bff1c142f2374d5b32c45d3f5bb', class: "input-container" }, hAsync("slot", { key: 'a2085ff4c458cd9cbf5d5824bd2f3624b71560b3', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
+            hAsync("input", { key: 'a21fb6c62075b878dd849d9860bdee7cf8d56e61', ref: el => (this.inputElements[TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Hours), name: this.name
                     ? `${TimeType.Hours}-${this.name}`
                     : TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('mm') && [
-            hAsync("span", { key: '044a1a102651f107f84815479428737a01ec9bc5' }, ":"),
-            hAsync("input", { key: '19facb2211d8e3505a66effb65357e40cd5d4cdb', ref: el => (this.inputElements[TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Minutes), name: this.name
+            hAsync("span", { key: 'cb0a76c804e60fb918980271cc2e19c389f6ffbc' }, ":"),
+            hAsync("input", { key: '5ea428290a17350d74e3038728d0992c6fdad28e', ref: el => (this.inputElements[TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Minutes), name: this.name
                     ? `${TimeType.Minutes}-${this.name}`
                     : TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('ss') && [
-            hAsync("span", { key: '239c6cee81a91eaa37c66dad419838eac713dc52' }, ":"),
-            hAsync("input", { key: '86b90a830be379c88c93b56cb19ff2f7905ae90a', ref: el => (this.inputElements[TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Seconds), name: this.name
+            hAsync("span", { key: '68c7d188eee595668066e82fbfa60f387d1078f6' }, ":"),
+            hAsync("input", { key: '23345802e5b7b9ea2e98fc47ca0ed88fec1f2176', ref: el => (this.inputElements[TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Seconds), name: this.name
                     ? `${TimeType.Seconds}-${this.name}`
                     : TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
-        ], hAsync("nv-iconbutton", { key: '2aed05d3ba441bb145e43b480d3c30b227559fd5', name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (hAsync("nv-icon", { key: '88e621d6753e3b4661a49d612133eff268abe459', name: "alert-circle", class: "validation", size: "sm" })), this.success && (hAsync("nv-icon", { key: 'c9493053d4c60c9826517e63d8bdb9d3d915e5a4', name: "circle-check", class: "validation", size: "sm" }))), hAsync("slot", { key: 'd1e56ff18a036b3eecfc3b82603417747444f515', name: "after-input" })), hAsync("div", { key: 'ee316a5355842ba4b94d7f155be4ee76170b653d', class: "time-dropdown", slot: "content" }, hAsync("div", { key: 'b4c00d933a89420c2b7f6c91e52dab14b00aacd2', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
+        ], hAsync("nv-iconbutton", { key: '103fc264c69cf3f8cac073d7815d24b3fdf9a821', name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (hAsync("nv-icon", { key: 'c78ec167b3f228a03172eee52fe888a8456f5851', name: "alert-circle", class: "validation", size: "sm" })), this.success && (hAsync("nv-icon", { key: '845802ea8ebe47b66701a11663c1b5052a51a7e8', name: "circle-check", class: "validation", size: "sm" }))), hAsync("slot", { key: 'd07b15d6baf4960bf12dec9cc883e89a969c08ea', name: "after-input" })), hAsync("div", { key: 'c165f47781a106f0b586f7e39e30902c873faa07', class: "time-dropdown", slot: "content" }, hAsync("div", { key: '2c544ba696b3ed2dc1db98ecc99b00d00f7b1531', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
             this.RenderTimeOptionsColumn(TimeType.Hours), this.format.includes('mm') &&
             this.RenderTimeOptionsColumn(TimeType.Minutes), this.format.includes('ss') &&
             this.RenderTimeOptionsColumn(TimeType.Seconds)))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'ebb6ca0885ea6f099617f2deebd1e55e53dd4f05', class: "description" }, hAsync("slot", { key: '7045fe19cba7c811db78636b57f05d2f9913f49e', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'b6b52a078889f4a5e5856bc29580f1dd461175e0', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '76759966defe06d595e9aa5df3a580ebea1d7f81', name: "error-description" }, this.errorDescription)))));
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'f096bace0439c56e5707e385df02cd0c8d76665c', class: "description" }, hAsync("slot", { key: '2a90719cfeb9f95ca9f298a1dce3383bbbb99f47', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '62d7d553ac6ad2f1d86d241a3042093a1b95d5d0', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '03ff68aae8a2433f791da59721fd090f2573eebf', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -20355,7 +20347,7 @@ class NvIcon {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'af052140e4b3d9e7b8b11b7a9f074b1a774500b8', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, hAsync("svg", { key: '0f7d916bdc94a13c5efbef392696197b511d6060', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, hAsync("use", { key: 'b333c06450a2467e13202edee9dd869a5f38cd66', href: `#${this.name}` }))));
+        return (hAsync(Host, { key: '75b6f4f23483a5a1974c683081f47d6382e37230', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, hAsync("svg", { key: 'bfc8a74c5a62ddf0f218fd55b108aecb2652343a', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, hAsync("use", { key: '627f3dd7d5348c1e7fe060e447e4d0d08a03b0c0', href: `#${this.name}` }))));
     }
     static get style() { return NvIconStyle0; }
     static get cmpMeta() { return {
@@ -20499,7 +20491,7 @@ class NvIconbutton {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '87a2f7fcf90b0fbc331d35cfc47b7b994b92de4b', role: "button", type: this.type, tabindex: "0", disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && hAsync("nv-loader", { key: '0b22f0bb31b62300da99367d7db8979964f7a9d3', size: this.size }), !this.loading && hAsync("nv-icon", { key: '878aaefbdae6da207cfc433c0d2a3110ef3d269f', name: this.name, size: this.size }), hAsync("slot", { key: 'b3c802b3498683cccc511941ead4254c6de22466' })));
+        return (hAsync(Host, { key: '4c8d155b8feb2c43c71075facd4aba91187859e0', role: "button", type: this.type, tabindex: "0", disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && hAsync("nv-loader", { key: '98e022b368e278aed21335cf593aeea19dba29ee', size: this.size }), !this.loading && hAsync("nv-icon", { key: '5298a3d0a85e97826693e47e04ed9eddcb4f9cd3', name: this.name, size: this.size }), hAsync("slot", { key: '7e239aacae35715d4dc309919a21f0def9c0fa5d' })));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -20547,7 +20539,7 @@ class NvLoader {
     //#region RENDER
     /* <slot> empty to force rendering change */
     render() {
-        return (hAsync(Host, { key: 'e52bc6752a57515a595064e2ebc284c88aca52d3', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
+        return (hAsync(Host, { key: 'b6b029b8231c2d4a1a6a7f074f42a27b85dff71b', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
     }
     static get style() { return NvLoaderStyle0; }
     static get cmpMeta() { return {
@@ -20779,7 +20771,7 @@ class NvMenu {
         });
     }
     render() {
-        return (hAsync(Host, { key: '1fb6ff6905cf3c0ed2f900e1ad733b5bde66e4ba' }, hAsync("slot", { key: '442dddad7f81672de063c90ab86f7271c412c6a2', name: "trigger" }), hAsync("nv-popover", { key: '02e1c322caf45ac2efba7313f66ddb6743c7691d', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.parsedItems.length > 0 ? (hAsync("ul", { slot: "content" }, this.renderMenuItems(this.parsedItems))) : (hAsync("slot", { name: "content" })))));
+        return (hAsync(Host, { key: '848044034b707f29f791fa984cc51b606498b162' }, hAsync("slot", { key: '385c9081f84034215745ea79d096cf8e3cebbf8e', name: "trigger" }), hAsync("nv-popover", { key: 'b47a09258a76f608e0eba173039ec8ec49b6186a', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.parsedItems.length > 0 ? (hAsync("ul", { slot: "content" }, this.renderMenuItems(this.parsedItems))) : (hAsync("slot", { name: "content" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -20854,7 +20846,7 @@ class NvMenuitem {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'b8cac84bb424c083ed0be5943b385ba54187adb5', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && hAsync("nv-icon", { key: '6032ba2e7048c89e6470adc95483db8d77352827', name: this.icon }), hAsync("slot", { key: '29164bf0c16df37d5d8c2fe9646220cf740a5795' }), this.label && hAsync("span", { key: 'ac544f68655d4d8423c475e68d9a9b5ae4151145', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && hAsync("kbd", { key: 'a2a4b1ab816c4feb2946df548d538a3052195954' }, this.shortcut), this.hasSubmenu && hAsync("nv-icon", { key: 'e39a45bc31f9bafbfe5a1dfa20dbc9d7bf26b2e6', name: "chevron-right" })));
+        return (hAsync(Host, { key: '2b59ea1b8582c9d5beac1e22c9547bebca9a19c0', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && hAsync("nv-icon", { key: 'bd72a3c8ffb0f2bfcecb11017493ee7476a8b34a', name: this.icon }), hAsync("slot", { key: 'a3f396ca95fcb14fba1861f641e11abac06c7fe8' }), this.label && hAsync("span", { key: 'ffffe933ab348dc617bb2d76f96e6e11e6ea5900', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && hAsync("kbd", { key: 'cc76611b2a113cfa309ba3655d5c335d996380b3' }, this.shortcut), this.hasSubmenu && hAsync("nv-icon", { key: '3e90fdb722f845e24d6588b604f292dd7ee2ea4a', name: "chevron-right" })));
     }
     get el() { return getElement(this); }
     static get style() { return NvMenuitemStyle0; }
@@ -23004,9 +22996,11 @@ class NvPopover {
                 return;
             if ((_a = this.triggerElement) === null || _a === void 0 ? void 0 : _a.contains(event.target))
                 return;
-            this.hide();
+            this.open = false;
         };
-        this.clickEvents = [['click', this.toggle]];
+        this.clickEvents = [
+            ['click', () => (this.open = !this.open)],
+        ];
         this.outsideClickEvents = [
             ['click', this.handleClickOutside],
             ['touchstart', this.handleClickOutside],
@@ -23016,28 +23010,28 @@ class NvPopover {
                 'focus',
                 () => {
                     clearTimeout(this.hideTimeout);
-                    this.showTimeout = setTimeout(() => this.show(), this.enterDelay);
+                    this.showTimeout = setTimeout(() => (this.open = true), this.enterDelay);
                 },
             ],
             [
                 'blur',
                 () => {
                     clearTimeout(this.showTimeout);
-                    this.hideTimeout = setTimeout(() => this.hide(), 50);
+                    this.hideTimeout = setTimeout(() => (this.open = false), 50);
                 },
             ],
             [
                 'mouseenter',
                 () => {
                     clearTimeout(this.hideTimeout);
-                    this.showTimeout = setTimeout(() => this.show(), this.enterDelay);
+                    this.showTimeout = setTimeout(() => (this.open = true), this.enterDelay);
                 },
             ],
             [
                 'mouseleave',
                 () => {
                     clearTimeout(this.showTimeout);
-                    this.hideTimeout = setTimeout(() => this.hide(), 100);
+                    this.hideTimeout = setTimeout(() => (this.open = false), 100);
                 },
             ],
         ];
@@ -23046,7 +23040,7 @@ class NvPopover {
                 'keydown',
                 (e) => {
                     if (e.key === 'Escape') {
-                        this.hide();
+                        this.open = false;
                     }
                 },
             ],
@@ -23156,7 +23150,7 @@ class NvPopover {
             return;
         // This popover should close when another one is opened.
         if (event.target !== this.el && event.detail === true)
-            this.hide();
+            this.open = false;
     }
     async handleOpenChange(open) {
         // Prevent multiple animations from running at the same time.
@@ -23237,7 +23231,7 @@ class NvPopover {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '71e205e04f915a2fa9e4657b65c41159306b8bbe' }, hAsync("slot", { key: '490d0bb186a1d535616ecde7a6e7aec3bbedacd1', name: "trigger" }), hAsync("div", { key: '8c4841e9eb86ff090cf82298f3d91578880f67ab', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (hAsync("div", { key: 'ca0cb19cd0313a94119232acffe7702f162aaad5', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), hAsync("slot", { key: 'e391466de2b07c5beba80896a7c910b0fa4b426d', name: "content" }))));
+        return (hAsync(Host, { key: '6c72a8b8adc53dea2bd79b4b68afbeebc0281453' }, hAsync("slot", { key: 'c9b7c7327346a53a5e0183785c2ae7f908a46826', name: "trigger" }), hAsync("div", { key: 'd95998b8efc7e3f1c346d4dc516ccdf08bcceb48', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (hAsync("div", { key: '59a84c8daa368251b10a1f64a4e1335b9f5716dd', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), hAsync("slot", { key: '1ab56763bc4ff602d83042a10c67d633b81e5ae9', name: "content" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -23282,7 +23276,7 @@ class NvRow {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '81e601144158d09429560e6d936454485807d92d' }, hAsync("slot", { key: 'f58b212ba8c754db2f84bc48468db5a6ee817f59' })));
+        return (hAsync(Host, { key: 'd6f9bbc1ed59bfc59a97728896c0443c8e104e59' }, hAsync("slot", { key: '3d9c1c809524d0a4b9d8ad541ead8978d246c998' })));
     }
     static get style() { return NvRowStyle0; }
     static get cmpMeta() { return {
@@ -23317,7 +23311,7 @@ class NvStack {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'cb020ed488cd43090467bbe122b83b0c714d8606', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, hAsync("slot", { key: 'd06069ed1efd5e81b4a32dac07c37ce884841c06' })));
+        return (hAsync(Host, { key: 'aef0e6f873f68880d20b5ae9f4f56ece40e8a0ee', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, hAsync("slot", { key: 'd003e23ec3c9b4a5c4496bc9f4c170af467b311e' })));
     }
     static get style() { return NvStackStyle0; }
     static get cmpMeta() { return {
@@ -23651,14 +23645,14 @@ class NvTable {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : this.table.data;
-        return (hAsync(Host, { key: 'a08b8c3fbb73b6201ad09ade112f30bf386e9d57' }, hAsync("div", { key: '061f5b1e31292efce4d6c97f2377811b0f8c1551', class: "hidden" }, hAsync("slot", { key: 'd40cc5c47598873b865bd3175e0f6db00b034a0b' })), hAsync("slot", { key: 'e51a7bb121f10cdcf893a594cc27e46b89855403', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (hAsync("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (hAsync("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (hAsync("thead", { class: "table-header" }, hAsync("tr", null, headerGroups &&
+        return (hAsync(Host, { key: 'bf96a7c40a0960fc68778c33ec63a1d574993408' }, hAsync("div", { key: '77e4ace0a9925ef6f5f7e1f51a2abc0c381d8ba5', class: "hidden" }, hAsync("slot", { key: 'cdeb4abdd65d0e5de7064af63b1a39e661d4b49b' })), hAsync("slot", { key: '4322aeb2858716be200a8d6851ef1d47ee0c44bb', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (hAsync("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (hAsync("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (hAsync("thead", { class: "table-header" }, hAsync("tr", null, headerGroups &&
             headerGroups.map(col => {
                 return (hAsync("th", { key: col.name }, this.renderTemplate(this.headerTemplateCache.get(col.name), {}) || col.header));
             })))), hAsync("tbody", { class: "table-body" }, !rows || rows.length === 0 ? (hAsync("tr", null, hAsync("td", { colSpan: headerGroups.length || 12, class: "no-data" }, this.noDataMessage))) : (rows.map(row => (hAsync("tr", { key: JSON.stringify(row) }, headerGroups.map(col => {
             var _a;
             return (hAsync("td", null, this.renderTemplate(this.templateCache.get(col.name), row) ||
                 ((_a = row[col.name]) !== null && _a !== void 0 ? _a : this.fallbackValue)));
-        })))))))), hAsync("slot", { key: '3cf2f0a8de9f52bf60dcd7a641e40e046874c164', name: "after" })));
+        })))))))), hAsync("slot", { key: 'e5e490de2ff568c962368f39dbcd5c119e814b0d', name: "after" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -23714,7 +23708,7 @@ class NvTablecolumn {
     }; }
 }
 
-const nvToggleCss = "nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-form-field-border-default);background:var(--components-form-field-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-switch-dot);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-form-field-border-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-background-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-border-focus)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-form-field-background-disabled);border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-form-shape-foreground-disabled)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
+const nvToggleCss = "nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-toggle label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-form-field-border-default);background:var(--components-form-field-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-switch-dot);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-form-field-border-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-background-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-border-focus)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-form-field-background-disabled);border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-form-shape-foreground-disabled)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
 var NvToggleStyle0 = nvToggleCss;
 
 /**
@@ -23778,8 +23772,8 @@ class NvToggle {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: '59aa4f6fba2a51afd7e2ed35396e1e906cf338e9', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, hAsync("div", { key: '5ed63f6be69e49e93e21761e583122f3a5c73ea0', class: "input-container" }, hAsync("input", { key: 'dc48775994ef9873478191bdb7ecfb11090b0298', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), hAsync("div", { key: '4731c95eefb7a762f868b5105c613b635be330bf', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '80b0737dc38cbee593cb15f84362cbf2d5a4fbdd', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, hAsync("slot", { key: '8c886a43d3f7e30330f6f2c23f27fd8848bb845d', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '32036ee81dd3d286950d85f7b9ce4a3e06661ed3', class: "description" }, hAsync("slot", { key: '090417815292fa0b07bb21551b47630261f7f7dd', name: "description" }, this.description))))));
+        return (hAsync(Host, { key: '6728159c0c7f622fbcc5017a116ec0dd1fe28b39', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, hAsync("div", { key: '2155eacf39771790ca730f264f9c490f6e93794b', class: "input-container" }, hAsync("input", { key: '588a638b678c7d26fd0050a54fbd86ab029c18d0', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), hAsync("div", { key: 'ba543a1282f8244449c3682bc43c8481d0c588dd', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'beab39ef75d445e43bf4d127ea9f0c7130bae25f', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, hAsync("slot", { key: 'fd60c679cf1514fc2d01c39a8e13e6dc6fd3287e', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '42582783ac08557d55bf8f80fa68f2f565f7208f', class: "description" }, hAsync("slot", { key: '889f7408fd401816ffb6dff0c264e265911e3b79', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -23844,7 +23838,7 @@ class NvTooltip {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (hAsync(Host, { key: 'e11a19bbdd775cb54b054bd502c589d80feacb35' }, hAsync("slot", { key: '9fb404ae962570d3b1f5cdd42ed8673f86eeedae' }), hAsync("nv-popover", { key: 'd5114554c2e97909b25dfa7ec0d64a7d10d624ec', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, hAsync("p", { key: '4d675b15e413054b7bd9fd71df6f3c236c175c47', slot: "content" }, this.message), hAsync("slot", { key: '2967e58a96ed6d8d4d0fecc195209c8b2f9d1353', name: "content" }))));
+        return (hAsync(Host, { key: '8cd2c98bb131f251183acb9af66c9f6f9756ea95' }, hAsync("slot", { key: 'fe6b19ecbf81c75579d2eda7f420dba67d17f6b1' }), hAsync("nv-popover", { key: '4bb59ab06f861d3892de8122ef12eacacb8b4ad5', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, hAsync("p", { key: '1f6eca5114ef857086f1263adb806894d5e8e49e', slot: "content" }, this.message), hAsync("slot", { key: '7a359b89785621df4fb4f1c499d4a295f4112aed', name: "content" }))));
     }
     get el() { return getElement(this); }
     static get style() { return NvTooltipStyle0; }