@nova-design-system/nova-react 3.0.0-beta.44 → 3.0.0-beta.46

package/dist/cjs/{index-wDACGzKb.js → index-BgDhK4Po.js}

@@ -4756,7 +4756,7 @@ defineCustomElement$1$o();
 const NvAvatar$2 = NvAvatar$1;
 const defineCustomElement$Q = defineCustomElement$1$o;
 
-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)}";
 const NvBadgeStyle0 = nvBadgeCss;
 
 const NvBadge$2 = /*@__PURE__*/ proxyCustomElement(class NvBadge extends H {
@@ -4796,7 +4796,6 @@ const NvBadge$2 = /*@__PURE__*/ proxyCustomElement(class NvBadge extends H {
          * Controls the visibility of the badge. Will animate with fade and collapse.
          */
         this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
-        this._isHidden = this.hidden;
         /**
          * When true, the alert does not automatically close upon dismissing.
          * Useful for externally controlled component behavior.
@@ -4865,6 +4864,7 @@ const NvBadge$2 = /*@__PURE__*/ proxyCustomElement(class NvBadge extends H {
             this.leadIcon = this.icon;
         }
         if (this.hidden) {
+            this._isHidden = true;
             const { setCollapsed } = useCollapse(this.ref);
             const { setFadeOut } = useFade(this.ref);
             setCollapsed();
@@ -4875,11 +4875,11 @@ const NvBadge$2 = /*@__PURE__*/ proxyCustomElement(class NvBadge extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '207562298c8eda37a3294b3c8809c82b0c477ae8', class: clsx(`badge-${this.color}`, {
+        return (h$1(Host$1, { key: '8d97eed4a84f2f913e4f8cd64d08c806d9724f33', class: clsx(`badge-${this.color}`, {
                 'has-close': this.dismissible,
                 'with-gap': this.dismissible || this.label,
                 'visually-hidden': this._isHidden,
-            }) }, h$1("slot", { key: '01b00841a90930cc815ab46cb8c49233986d40fd', name: "leading-icon" }, this.leadIcon && (h$1("nv-icon", { key: 'aaa51536da7e47ad85a1ed886d99a28232fb03de', slot: "leading-icon", name: this.leadIcon, size: "sm" }))), this.label && h$1("span", { key: '1766f78f1f638aa706ea9aa6b56305d5333ea8b5' }, this.label), h$1("slot", { key: 'a0d6bad242cbf2c49dbdc13e5d44008a88afd19a' }), this.dismissible && (h$1("button", { key: '2ce19d73b25c3b6be5ecf7d95872f02a8cd3b65d', onClick: this.handleClose, class: "close", type: "button" }, h$1("nv-icon", { key: '2c0aa99c47a3389178f1333eb3754503e550003e', name: "x", size: "sm" })))));
+            }) }, h$1("slot", { key: '34c2c387727e6b68d37fe2b2ac68c82799356e3d', name: "leading-icon" }, this.leadIcon && h$1("nv-icon", { key: '0c23dd58e48fce39d7935549c6289f87f1fb66af', name: this.leadIcon, size: "sm" })), h$1("slot", { key: '7485f570aa3cf519b030bedfa8ccf6a6d37d2c1b' }, this.label && h$1("span", { key: 'eb7afa0eb52582c6d782d2383dfe2eeb41a9649b' }, this.label)), this.dismissible && (h$1("button", { key: 'bc07eed3e1328a8009cb2c8add026a7f8a5335da', onClick: this.handleClose, class: "close", type: "button" }, h$1("nv-icon", { key: 'ab0b2c6224f4b8b147e8158856acbf1ab987b392', name: "x", size: "sm" })))));
     }
     get ref() { return this; }
     static get watchers() { return {
@@ -6740,9 +6740,11 @@ const NvPopover$2 = /*@__PURE__*/ proxyCustomElement(class NvPopover extends H {
                 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],
@@ -6752,28 +6754,28 @@ const NvPopover$2 = /*@__PURE__*/ proxyCustomElement(class NvPopover extends H {
                 '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);
                 },
             ],
         ];
@@ -6782,7 +6784,7 @@ const NvPopover$2 = /*@__PURE__*/ proxyCustomElement(class NvPopover extends H {
                 'keydown',
                 (e) => {
                     if (e.key === 'Escape') {
-                        this.hide();
+                        this.open = false;
                     }
                 },
             ],
@@ -6892,7 +6894,7 @@ const NvPopover$2 = /*@__PURE__*/ proxyCustomElement(class NvPopover extends H {
             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.
@@ -6973,7 +6975,7 @@ const NvPopover$2 = /*@__PURE__*/ proxyCustomElement(class NvPopover extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '72f8e8145e8379d3384187e830d53c0ab6f85f77' }, h$1("slot", { key: '27a89a1f7a1d0d671bcd7734e46a799591ce5f2b', name: "trigger" }), h$1("div", { key: 'ccdfc3b883475b2d1ee0469247ef83d2519955a4', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h$1("div", { key: 'df9370ccdc02285b41b05eed226345f23eadbea5', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h$1("slot", { key: 'd737a2294c6e19b0f78532fb6389baa6ecd4c8e4', name: "content" }))));
+        return (h$1(Host$1, { key: 'efab8d78e1163d23e197ca04786b9f99f248ce05' }, h$1("slot", { key: 'b8197a385e5d9cda08d6b3e0232c052fb7238d01', name: "trigger" }), h$1("div", { key: '480c3cc8352bc833216cd64c8bfcf75ba9c79130', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h$1("div", { key: '8b1b10a15427ef05bc267460161e4a53be4cc3d1', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h$1("slot", { key: '8c9a8708a36fae6cac5e533b5c1a3128d7375195', name: "content" }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -7076,7 +7078,7 @@ function defineCustomElement$L() {
 }
 defineCustomElement$L();
 
-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)}";
 const NvBreadcrumbStyle0 = nvBreadcrumbCss;
 
 const NvBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class NvBreadcrumb extends H {
@@ -7283,14 +7285,16 @@ const NvButton$2 = /*@__PURE__*/ proxyCustomElement(class NvButton extends H {
          * @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);
             }
         };
@@ -7360,7 +7364,7 @@ const NvButton$2 = /*@__PURE__*/ proxyCustomElement(class NvButton extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'ce23409ff3490c0a34cb0e8e02a0b622350988da', role: "button", tabindex: "0", onClick: this.handleButtonClick }, this.loading && (h$1("nv-loader", { key: 'b39faa3b12e4c224c57f8ebdcd121ec849d00357', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), h$1("slot", { key: 'aa0fc084356097055b47895c692565edfa408f3b', name: "leading-icon" }), h$1("slot", { key: '2da9c926276db10d43adb5f62e26658d87c62b09' }), h$1("slot", { key: 'e89806c7fd814a74e8d3f2ed7c160e67ce385dc2', name: "trailing-icon" })));
+        return (h$1(Host$1, { key: '751fa0a552eaf13a193a15f9c9d6fe0c257b93e8', role: "button", tabindex: "0", onClick: this.handleButtonClick }, this.loading && (h$1("nv-loader", { key: 'ae8b39b13bfd6cd8a33f7a30afea19e426d0064d', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), h$1("slot", { key: 'e1a213305895c9b35d517bedce3a61f49e39642a', name: "leading-icon" }), h$1("slot", { key: '2e9e5ed4381790f3c1c06f1a4bf5f60bda79bd1c' }), h$1("slot", { key: 'e960ec4f4eca0a2a941ca7f3b96a4e31603fa633', name: "trailing-icon" })));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -12053,6 +12057,7 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         this.parsedColumns = []; // Parsed array
         this.parsedData = []; // Parsed array
         this.globalFilter = '';
+        this.columnData = [];
         //#endregion STATES
         /****************************************************************************/
         //#region PROPERTIES
@@ -12096,6 +12101,12 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
          * @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((value) => {
             this.globalFilter = value;
         }, 300);
@@ -12122,6 +12133,7 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
      */
     cacheTemplates() {
         const columns = Array.from(this.el.querySelectorAll('nv-datagridcolumn'));
+        this.columnData = [];
         columns.forEach((col) => {
             const key = col.accessor;
             const cellSlot = col.querySelector('[slot="cell"]');
@@ -12142,6 +12154,12 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
                     this.headerTemplateCache.set(key, headerDiv);
                 }
             }
+            const colData = {
+                header: col.header,
+                accessor: col.accessor,
+                repeatTemplate: col.hasAttribute('repeat-template'),
+            };
+            this.columnData.push(colData);
         });
     }
     parseDataAndColumns() {
@@ -12168,7 +12186,9 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
                 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) {
@@ -12274,6 +12294,25 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
                 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);
     }
@@ -12402,7 +12441,25 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
                 }
             }
             // Handle single-level key lookup
-            return key in cellValue ? String(cellValue[key]) : this.fallbackValue;
+            if (key in cellValue) {
+                return String(cellValue[key]);
+            }
+            else if (Array.isArray(cellValue)) {
+                // Handle array of objects
+                const response = cellValue.map((item) => {
+                    if (typeof item !== 'object') {
+                        return item.toString();
+                    }
+                    else if (key in item) {
+                        return item[key];
+                    }
+                    else {
+                        return item.toString();
+                    }
+                });
+                return response.join(', ');
+            }
+            return this.fallbackValue;
         }
         // If cellValue is a primitive (string, number, boolean, etc.), return it as a string
         return (_a = cellValue === null || cellValue === void 0 ? void 0 : cellValue.toString()) !== null && _a !== void 0 ? _a : this.fallbackValue;
@@ -12513,7 +12570,7 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         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 (h$1(Host$1, { key: '007869bc2770d8e5830d6f945e2d5f24255b4858' }, h$1("div", { key: '8ddc6dc5f3363eb394dc663c8796f035271ddfb7', class: "hidden" }, h$1("slot", { key: '947af55382e65508130a7b6cf7b9aa029867b295' })), h$1("slot", { key: '0e19a9afb0fb7a297d1b40beeb129c3fe2f89c52', name: "before" }), this.enableGlobalFilter && this.table && (h$1("div", { key: 'dd32dace66cbe8944f5130b7225e3ae068421b40', class: "search-container" }, h$1("input", { key: '250029ce2ab2c3136ebde4e48378bac2c576f0e0', 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 ? (h$1("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h$1("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h$1("thead", null, this.parsedColumns.length > 0 && headerGroups
+        return (h$1(Host$1, { key: '94163c2c73d03dca35795bfb536c5743cb3aa0dc' }, h$1("div", { key: '022776844872a4a6fcf9d7bdc71651e946e83724', class: "hidden" }, h$1("slot", { key: 'a479cfc2b5ee53aa83450ec784451625e1ae7667' })), h$1("slot", { key: '9beeb16975a685d8ce05981923c999ab2ffa004e', name: "before" }), this.enableGlobalFilter && this.table && (h$1("div", { key: '57efcd1ee55fae941a0071000dc665ee76615f32', class: "search-container" }, h$1("input", { key: 'd7352618ce123a7c14d8ebcc0b228136ae2df66a', 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 ? (h$1("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h$1("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h$1("thead", null, this.parsedColumns.length > 0 && headerGroups
             ? headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map(headerGroup => (h$1("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
                 return (h$1("th", { key: header.id }, header.isPlaceholder
                     ? null
@@ -12523,12 +12580,19 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
             const rowId = row.id;
             const visibleCells = row === null || row === void 0 ? void 0 : row.getVisibleCells();
             return (h$1("tr", { key: rowId }, visibleCells.map(cell => {
+                var _a, _b;
                 const cellAccessors = cell.column.id;
                 const cellValue = cell.getValue();
-                return (h$1("td", { key: cell.id, "data-row-id": rowId }, this.renderTemplate(this.templateCache.get(cellAccessors), cellValue, row) ||
-                    (cellValue !== null && cellValue !== void 0 ? cellValue : this.fallbackValue)));
+                return (h$1("td", { key: cell.id, "data-row-id": rowId }, ((_a = this.columnData.find(x => x.accessor === cellAccessors)) === null || _a === void 0 ? void 0 : _a.repeatTemplate) && Array.isArray(cellValue)
+                    ? cellValue.map((item) => {
+                        var _a;
+                        return (_a = (this.renderTemplate(this.templateCache.get(cellAccessors), item, row) ||
+                            item)) !== null && _a !== void 0 ? _a : this.fallbackValue;
+                    })
+                    : (_b = (this.renderTemplate(this.templateCache.get(cellAccessors), cellValue, row) ||
+                        cellValue)) !== null && _b !== void 0 ? _b : this.fallbackValue));
             })));
-        }))))), h$1("slot", { key: 'e85cc58fc680653848b5f022bae400e146f0bef0', name: "after" })));
+        }))))), h$1("slot", { key: '15815f259d3936559c89ff943dc349f99fda34fa', name: "after" })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -12550,10 +12614,12 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         "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],
-        "globalFilter": [32]
+        "globalFilter": [32],
+        "columnData": [32]
     }, undefined, {
         "columns": ["parseColumns"],
         "columnsJson": ["parseJsonColumns"],
@@ -12585,16 +12651,21 @@ const NvDatagridcolumn$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagridcolu
     constructor() {
         super();
         this.__registerHost();
+        /**
+         * Whether the column need to be repeated with the template.
+         */
+        this.repeatTemplate = false;
     }
     //#endregion PROPERTIES
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '4e955d1cb768eda544f1a6e7ca1c6a8df48134b4' }, h$1("slot", { key: '0bc37702084b8399d9a1b2cd16b09589f42e1c3d', name: "header" }), h$1("slot", { key: 'da446d35804e73a1ed430ddd463a5a41a24560e2', name: "cell" })));
+        return (h$1(Host$1, { key: '462144dc8ea401f4f3e3683bdafba983c7147737' }, h$1("slot", { key: '9af4055567f5199f6b4393e37a8a77b884ce82b9', name: "header" }), h$1("slot", { key: '36b8cfd9bc974ed9d2a249418ababa504b66091d', name: "cell" })));
     }
 }, [4, "nv-datagridcolumn", {
         "header": [513],
-        "accessor": [513]
+        "accessor": [513],
+        "repeatTemplate": [516, "repeat-template"]
     }]);
 function defineCustomElement$1$i() {
     if (typeof customElements === "undefined") {
@@ -13386,7 +13457,7 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
     constructor() {
         super();
         this.__registerHost();
-        this.close = createEvent$1(this, "close");
+        this.openChanged = createEvent$1(this, "openChanged");
         this.eventsAttached = false;
         /**
          * Use this prop to toggle the visibility of the dialog. Set to true to show
@@ -13413,24 +13484,25 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
          * 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();
             }
@@ -13456,17 +13528,20 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
      * 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.
@@ -13553,7 +13628,7 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
             this.show();
         }
         else {
-            this.hide();
+            this.close();
         }
     }
     //#endregion WATCHERS
@@ -13611,7 +13686,7 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
     //#region RENDER
     render() {
         const hasForm = this.form || this.el.querySelector('form');
-        return (h$1(Host$1, { key: '81cf4dcdee538f170c74e5b4653d950f7cb33e9b' }, h$1("slot", { key: 'c44dbffa13ac368ebfb26653c8a980b0376f408b', name: "trigger" }), h$1("dialog", { key: '5aedecb801d9e035864942afd87c97ad4a079ace', 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 }) }, h$1("div", { key: '6c5d52f81f7a0bff840d9815ec9db570b95c202d', class: "content" }, !this.undismissable && (h$1("nv-button", { key: 'e2dc149322ef0096cf720adabdc86c888850acc4', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, h$1("nv-icon", { key: '005a0143dad51971deb19310bb808694ec398a0b', name: "x", size: "sm" }))), this.headerElement ? (h$1("slot", { name: "header" })) : (h$1("nv-dialogheader", { id: "dialog-header" })), h$1("div", { key: '2c6f27e303305df7589cc497af2cfa8cbab9d0d3', class: "content-body", id: "dialog-content" }, h$1("slot", { key: '8550796f71ee11c39b45b87ed2be73beb4be217a' })), this.footerElement ? (h$1("slot", { name: "footer" })) : (h$1("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleCancelButton, undismissable: this.undismissable }))))));
+        return (h$1(Host$1, { key: '61eba0f85db952b244052a3ee2ef7b7f87fd326c' }, h$1("slot", { key: '44c72cba8610442c45386055285fcc81b9fccc4f', name: "trigger" }), h$1("dialog", { key: 'db3983ac428f7e537037884f5556d97330928238', 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 }) }, h$1("div", { key: '9ec2a2df306d68ac4cea2c5b2c303d3b491d5e34', class: "content" }, !this.undismissable && (h$1("nv-button", { key: 'a586462512605de60726b912897fa16c39f8f68f', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, h$1("nv-icon", { key: '95eb4b492442aa0eb43dcab3f9111d9961421322', name: "x", size: "sm" }))), this.headerElement ? (h$1("slot", { name: "header" })) : (h$1("nv-dialogheader", { id: "dialog-header" })), h$1("div", { key: 'f9c1cf75b545166afc4dbb3d650e90042a83ea7a', class: "content-body", id: "dialog-content" }, h$1("slot", { key: '7716af492453f1a9f142aaf2a8af06689e4ded82' })), this.footerElement ? (h$1("slot", { name: "footer" })) : (h$1("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleCancelButton, undismissable: this.undismissable }))))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -13628,7 +13703,7 @@ const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
         "controlled": [516],
         "full": [516],
         "show": [64],
-        "hide": [64]
+        "close": [64]
     }, [[4, "keydown", "handleKeyDown"], [4, "click", "handleDocumentClick"], [5, "touchstart", "handleDocumentTouch"]], {
         "open": ["handleDialogOpenChange"]
     }]);
@@ -13681,7 +13756,7 @@ const defineCustomElement$w = defineCustomElement$z;
 const NvDialogheader$1 = NvDialogheader$2;
 const defineCustomElement$v = defineCustomElement$y;
 
-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)}";
 const NvFieldcheckboxStyle0 = nvFieldcheckboxCss;
 
 const NvFieldcheckbox$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldcheckbox extends H {
@@ -18524,7 +18599,6 @@ const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown
         //#region STATE
         /** The text entered by the user for filtering dropdown items. */
         this.filterText = '';
-        this.isFilterable = this.filterable;
         this.selectedValues = new Set();
         /**
          * Options configuration for the dropdown items.
@@ -18614,10 +18688,6 @@ const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown
     handleOpenChanged(event) {
         this.open = event.detail; // Update `open` based on the popover state
     }
-    watchFilterableHandler(newValue) {
-        this.isFilterable = newValue;
-        this.filterable = newValue;
-    }
     watchValueHandler(newValue) {
         this.valueChanged.emit(newValue);
     }
@@ -18794,14 +18864,13 @@ const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'd7c11e4c4c659e592f60ec7e430c280b1cb93d39', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '4e700c49ec77abf5017b4f39acd61fe3836f6fe8', htmlFor: this.inputId }, h$1("slot", { key: '2b8c9ca7116a08acb70ed3d5fef8769272b4e946', name: "label" }, this.label))), h$1("nv-popover", { key: 'ea03679d9e0e77a7e2e49c72cfc55b07ac065961', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: 'de2833491e55ac051c2137a22d767825e4d9378f', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: 'a943effb26341587d0134b394c0c44dd6915df69', name: "before-input" }), h$1("div", { key: '182c98779eced675019a42c0fc4e86dbdfd70009', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: 'ab2154eb471c3b83527b81e61f82db589e6a1491', name: "leading-input" }), this.isFilterable || this.disabled || this.readonly ? (h$1("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 })) : (h$1("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 && (h$1("nv-iconbutton", { key: 'c100c5d61dbb5be846f87b67c52be900a0729419', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter, "aria-label": "Clear input" })), this.error && (h$1("nv-icon", { key: 'e076f2fa2f28bd7b996c2817db4923992b229858', name: "alert-circle", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: 'a792ad72e80d99aa4edf6892e8197ed38c93e658', "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 })), h$1("slot", { key: 'b1589068407048e6bbe4857228e368a5a1a3b268', name: "after-input" })), h$1("div", { key: '7b99ac89fae0e3ce55894187b8a902c25611b931', slot: "content" }, this.parsedOptions.length > 0 ? (h$1("ul", null, this.parsedOptions.map(option => (h$1("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))) : (h$1("slot", { name: "content" })))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'bc87c961a69e24a99c48d10418d23f4bde9d44c6', class: "description" }, h$1("slot", { key: 'dd4af803285e74528c2ecc1a230748cf135e1f0b', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '0c4539d6a28310c15c26b63a6e9ff283879c4cc0', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '6f277a4ff994641a5238bee0b7d7c3a2fe0abe0e', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: '9624c909eb35f0e6d9a9875cbeaec8ffb8122d40', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '27389b0b422af6b7714cea6654ac243d1e9c242f', htmlFor: this.inputId }, h$1("slot", { key: 'd77573395386ba0c0afa2233f420fa250b86ac9f', name: "label" }, this.label))), h$1("nv-popover", { key: '0b1dda746e71b810ab6050cd8ef6a6bb9a44866e', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '437a94f2230891674dd9c820595fcecfcea48e77', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: 'e01c2e4bda2806b21c0016bfe710969044994dfc', name: "before-input" }), h$1("div", { key: '310d387f5cc22ad85232c0f491763a810833befc', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: 'c16096b15be3fe16ad8f5fb4a730050f6f797342', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (h$1("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 })) : (h$1("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.filterable && this.filterText && this.open && (h$1("nv-iconbutton", { key: '208c945944cddcb1c67a3b560428f21ca056b17b', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter, "aria-label": "Clear input" })), this.error && (h$1("nv-icon", { key: 'e3797d5e47e54fd328c0bcd86d14e80ee5e21e17', name: "alert-circle", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: '1ccb8f3bb1ad086339b9888bf89e929164576910', "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 })), h$1("slot", { key: '92a66b2da4f7ada21fdb8199d2b047840050be13', name: "after-input" })), h$1("div", { key: '51ba49500cb0e03531c5b4b939e76817f432be57', slot: "content" }, this.parsedOptions.length > 0 ? (h$1("ul", null, this.parsedOptions.map(option => (h$1("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))) : (h$1("slot", { name: "content" })))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '3cb31c8bfb17db1862af12e817f6646480cd697c', class: "description" }, h$1("slot", { key: '830538f4e63f9de6a613fcce23a80370d941e9da', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '8ffee4c7d2c9a93bc4de344f812ff568e3d6a23e', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '8f534be6233f54e6b43e2271d0a151a02148d5d8', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
     static get watchers() { return {
-        "filterable": ["watchFilterableHandler"],
         "value": ["watchValueHandler"],
         "options": ["handleOptionsChange"]
     }; }
@@ -18821,16 +18890,14 @@ const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown
         "readonly": [516],
         "disabled": [516],
         "emptyResult": [513, "empty-result"],
-        "filterable": [1540],
+        "filterable": [516],
         "options": [513],
         "autofocus": [516],
         "filterText": [32],
-        "isFilterable": [32],
         "selectedValues": [32],
         "parsedOptions": [32],
         "getFilterText": [64]
     }, [[0, "dropdownItemSelected", "handleDropdownItemSelected"], [0, "openChanged", "handleOpenChanged"], [2, "blur", "handleBlur"], [0, "keydown", "handleKeyDown"]], {
-        "filterable": ["watchFilterableHandler"],
         "value": ["watchValueHandler"],
         "options": ["handleOptionsChange"]
     }]);
@@ -19038,10 +19105,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
          * The text entered by the user for filtering multiselect items.
          */
         this.filterText = '';
-        /**
-         * Determines whether the multiselect is filterable.
-         */
-        this.isFilterable = this.filterable;
         /**
          * Delay in milliseconds before the search is triggered when typing in the filter input.
          * @default 300
@@ -19060,7 +19123,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
          * element.
          */
         this.autofocus = false;
-        /**x
+        /**
          * Handle badge close for options mode.
          */
         this.handleBadgeCloseOptions = () => {
@@ -19100,7 +19163,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             if (this.isHandlingEscape) {
                 return;
             }
-            this.open = false;
             this.filterText = '';
             // Only reorder based on the mode
             if (this.modeState === 'options') {
@@ -19122,7 +19184,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
                 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 = '';
@@ -19142,7 +19203,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             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');
@@ -19164,7 +19224,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             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');
@@ -19246,7 +19305,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
                 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 = '';
@@ -19262,16 +19320,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             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.
@@ -19280,16 +19329,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             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
         /****************************************************************************/
@@ -19299,14 +19339,14 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
          * @returns {any} The JSX for options mode
          */
         this.renderOptionsMode = () => {
-            return (h$1(Host$1, null, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { htmlFor: this.inputId }, h$1("slot", { name: "label" }, this.label))), h$1("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { class: "input-wrapper-multiselect", slot: "trigger" }, h$1("slot", { name: "before-input" }), h$1("div", { class: "input-container-multiselect" }, h$1("slot", { name: "leading-input" }), h$1("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: this.selectedValues.length > 0, hidden: this.selectedValues.length <= 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseOptions }), this.isFilterable || this.disabled || this.readonly ? (h$1("input", { type: "text", id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions, onBlur: this.handleInputBlurOptions, onKeyDown: this.handleKeyDown })) : (h$1("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickOptions, tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocusOptions, role: "combobox", "aria-expanded": this.open }, h$1("span", null, this.value || this.placeholder))), this.error && (h$1("nv-icon", { name: "alert-circle", class: "validation", size: "md" })), h$1("nv-iconbutton", { "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.togglePopoverOptions })), h$1("slot", { name: "after-input" })), h$1("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, h$1("ul", { role: "content" }, this.parsedOptions.map(option => (h$1("nv-fielddropdownitemcheck", { label: option.label, description: option.description, value: option.value, checked: this.selectedValues.includes(option.value), disabled: option.disabled }))), h$1("hr", { class: "multiselect-divider", style: { display: 'none' } })))), this.renderDescriptions()));
+            return (h$1(Host$1, null, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { htmlFor: this.inputId }, h$1("slot", { name: "label" }, this.label))), h$1("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { class: "input-wrapper-multiselect", slot: "trigger" }, h$1("slot", { name: "before-input" }), h$1("div", { class: "input-container-multiselect" }, h$1("slot", { name: "leading-input" }), this.selectedValues.length > 0 && (h$1("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: this.selectedValues.length > 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseOptions })), this.filterable || this.disabled || this.readonly ? (h$1("input", { type: "text", id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions, onBlur: this.handleInputBlurOptions, onKeyDown: this.handleKeyDown })) : (h$1("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickOptions, tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocusOptions, role: "combobox", "aria-expanded": this.open }, h$1("span", null, this.value || this.placeholder))), this.error && (h$1("nv-icon", { name: "alert-circle", class: "validation", size: "md" })), h$1("nv-iconbutton", { "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.togglePopoverOptions })), h$1("slot", { name: "after-input" })), h$1("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, h$1("ul", { role: "content" }, this.parsedOptions.map(option => (h$1("nv-fielddropdownitemcheck", { label: option.label, description: option.description, value: option.value, checked: this.selectedValues.includes(option.value), disabled: option.disabled }))), h$1("hr", { class: "multiselect-divider", style: { display: 'none' } })))), this.renderDescriptions()));
         };
         /**
          * Renders the component in slots mode
          * @returns {any} The JSX for slots mode
          */
         this.renderSlotsMode = () => {
-            return (h$1(Host$1, null, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { htmlFor: this.inputId }, h$1("slot", { name: "label" }, this.label))), h$1("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { class: "input-wrapper-multiselect", slot: "trigger" }, h$1("slot", { name: "before-input" }), h$1("div", { class: "input-container-multiselect", onClick: this.handleInputContainerClickSlots }, h$1("slot", { name: "leading-input" }), h$1("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: this.selectedValues.length > 0, hidden: this.selectedValues.length <= 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseSlots }), this.isFilterable || this.disabled || this.readonly ? (h$1("input", { id: this.inputId, ref: e => (this.inputElement = e), autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputSlots, onFocus: this.handleInputFocusSlots, onBlur: this.handleInputBlurSlots, onKeyDown: this.handleKeyDown })) : (h$1("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickSlots, tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocusSlots, role: "combobox", "aria-expanded": this.open }, h$1("span", null, this.value || this.placeholder))), this.error && (h$1("nv-icon", { name: "alert-circle", class: "validation", size: "md" })), h$1("nv-iconbutton", { "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.togglePopoverSlots })), h$1("slot", { name: "after-input" })), h$1("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, h$1("slot", { name: "content" }))), this.renderDescriptions()));
+            return (h$1(Host$1, null, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { htmlFor: this.inputId }, h$1("slot", { name: "label" }, this.label))), h$1("nv-popover", { ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { class: "input-wrapper-multiselect", slot: "trigger" }, h$1("slot", { name: "before-input" }), h$1("div", { class: "input-container-multiselect", onClick: this.handleInputContainerClickSlots }, h$1("slot", { name: "leading-input" }), this.selectedValues.length > 0 && (h$1("nv-badge", { slot: "leading-input", "prevent-auto-close": true, color: "10", dismissible: this.selectedValues.length > 0, label: `${this.selectedValues.length} ${this.badgeLabel}`, "aria-label": `Clear all ${this.selectedValues.length} ${this.badgeLabel} items`, onCloseClicked: this.handleBadgeCloseSlots })), this.filterable || this.disabled || this.readonly ? (h$1("input", { id: this.inputId, ref: e => (this.inputElement = e), autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, value: this.value, required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputSlots, onFocus: this.handleInputFocusSlots, onBlur: this.handleInputBlurSlots, onKeyDown: this.handleKeyDown })) : (h$1("p", { id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClickSlots, tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocusSlots, role: "combobox", "aria-expanded": this.open }, h$1("span", null, this.value || this.placeholder))), this.error && (h$1("nv-icon", { name: "alert-circle", class: "validation", size: "md" })), h$1("nv-iconbutton", { "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.togglePopoverSlots })), h$1("slot", { name: "after-input" })), h$1("div", { slot: "content", role: "listbox", "aria-multiselectable": "true", style: { 'max-height': this.maxHeight, 'overflow-y': 'auto' } }, h$1("slot", { name: "content" }))), this.renderDescriptions()));
         };
     }
     //#endregion PROPERTIES
@@ -19327,14 +19367,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         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(() => {
@@ -19378,12 +19410,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      */
     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.
@@ -19393,15 +19419,13 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         // 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();
         }
     }
     /**
@@ -19479,14 +19503,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         // Handle value change and update the corresponding multiselect item if it exists
         this.setInitialSelection();
     }
-    /**
-     * Emitted when the filterable property changes.
-     * @param {boolean} newValue - The new value of the filterable property.
-     */
-    watchFilterableHandler(newValue) {
-        this.isFilterable = newValue;
-        this.filterable = newValue;
-    }
     // Add a listener for the slot content
     handleSlotChange(event) {
         // Check: we only want to reorder if it's the "content" slot
@@ -19825,8 +19841,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             (this.inputElement && this.inputElement.contains(event.target))) {
             return;
         }
-        // Use handlePopoverClose for all cases
-        this.handlePopoverClose();
+        this.open = false;
     }
     /**
      * Handle keyboard events & arrow key navigation.
@@ -19838,7 +19853,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         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(() => {
@@ -19901,7 +19915,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
                 setTimeout(() => {
                     this.isHandlingEscape = false;
                     this.open = false;
-                    this.popoverElement.hide();
                 }, 150);
                 if (this.inputElement) {
                     this.inputElement.blur();
@@ -20010,8 +20023,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
     get el() { return this; }
     static get watchers() { return {
         "options": ["handleOptionsChange"],
-        "value": ["watchValueHandler"],
-        "filterable": ["watchFilterableHandler"]
+        "value": ["watchValueHandler"]
     }; }
     static get style() { return NvFieldmultiselectStyle0; }
 }, [68, "nv-fieldmultiselect", {
@@ -20029,7 +20041,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         "readonly": [516],
         "disabled": [516],
         "autocomplete": [513],
-        "filterable": [1540],
+        "filterable": [516],
         "value": [1537],
         "open": [1540],
         "options": [513],
@@ -20039,7 +20051,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         "selectedValues": [32],
         "sortedOptions": [32],
         "filterText": [32],
-        "isFilterable": [32],
         "modeState": [32],
         "isHandlingEscape": [32],
         "getFilterText": [64],
@@ -20047,8 +20058,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         "getSelectedValues": [64]
     }, [[0, "openChanged", "handleOpenChanged"], [0, "itemChecked", "handleItemChecked"], [0, "slotchange", "handleSlotChange"], [0, "keydown", "handleKeyDown"]], {
         "options": ["handleOptionsChange"],
-        "value": ["watchValueHandler"],
-        "filterable": ["watchFilterableHandler"]
+        "value": ["watchValueHandler"]
     }]);
 function defineCustomElement$1$d() {
     if (typeof customElements === "undefined") {
@@ -20341,10 +20351,6 @@ const NvFieldpassword$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldpassword
          * Show/hide the password programmatically.
          */
         this.showPassword = false;
-        /**
-         * Defines whether the password is visible or not.
-         */
-        this.showPasswordState = this.showPassword;
         /**
          * Applies focus to the input field as soon as the component is mounted. This
          * is equivalent to setting the native autofocus attribute on an <input>
@@ -20371,11 +20377,17 @@ const NvFieldpassword$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldpassword
     }
     //#endregion METHODS
     /****************************************************************************/
+    //#region LIFECYCLE
+    componentWillLoad() {
+        this.showPasswordState = this.showPassword;
+    }
+    //#endregion LIFECYCLE
+    /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'd3cac7eec8e7a907dfce492104c8527025b2a2dd' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'e7c15eb694878bd5c8deeb99f0eb355126221e86', htmlFor: this.inputId }, h$1("slot", { key: '5fe60e879c4f932791ce0eb118f83141cdd61624', name: "label" }, this.label))), h$1("div", { key: '6af9e58ac31b36a46caa4ea93afd81faa5628ba3', class: "input-wrapper" }, h$1("slot", { key: '6c5ade77fe6a50b3155540a6255f02cb73ef0228', name: "before-input" }), h$1("div", { key: '179af5fde37ce4915e93408bb9658814606bdc16', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '00f53715bf90f3b95a2388e5d39dc984a7e466b2', name: "leading-input" }), h$1("input", { key: '5a8eb7e23369c78f1deb1ecabefcc91551a19c10', 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) && (h$1("nv-icon", { key: '7998690cdc77e68ef2bec06aebb414f864204576', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (h$1("nv-iconbutton", { key: '667e7bcbb19b4853995b15ee59f5dc4881fee368', 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() }))), h$1("slot", { key: '5049d70e2aece7815b5af7299352f351395a9c88', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '9e5a539347d751f30796784cc9e2b76a9e05ba35', class: "description" }, h$1("slot", { key: '38e039c7d7a61d4c017525109c4b0dafe3a05f45', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'b878d426aa96429a249c2658419bbe8de3d5eb46', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '687e2d5bf96e54df2cba8b4eb01a60267bf0b79b', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: '79c87deb52017b4500b695a513dc4100e7359d97' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'bd4785278a21ea61de41ed694e429228286f853b', htmlFor: this.inputId }, h$1("slot", { key: '7c3cd8188e35aa00c0377ffdefb1d5e9c380ac59', name: "label" }, this.label))), h$1("div", { key: '61f0e04b056ba1b08e9e3ede89d5975b4549705f', class: "input-wrapper" }, h$1("slot", { key: '96070a1d584277de90962700a9e6764f0bd36a38', name: "before-input" }), h$1("div", { key: 'ea04afadccfb828f5d081b1f30ef3d4619659b80', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: 'cfd54cbdf3d9d03c31cdd781491097cc6db405bd', name: "leading-input" }), h$1("input", { key: '04bf191014aef621d314973d531533ffa50d8b2f', 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) && (h$1("nv-icon", { key: 'b2e57a5f496bda92dbb877850e67ffb921a288df', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (h$1("nv-iconbutton", { key: '2664cbcbfd7aa04a5292a6821fa79a1cb12e1578', 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() }))), h$1("slot", { key: '959a8d098548c85db4b1a8f9c0d2d8a8cdc5e386', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'c7b85cb8d2f1f42d133e9937bccb8d3edd9d1cf8', class: "description" }, h$1("slot", { key: 'fd41c7389e871ad4d57df283f9872c6964176bb3', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '014db98dbf132a493b8842ffcc45ced808e9f52c', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '3909a8e0ac73dae4731e23806875f26bfb2185ff', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -20913,7 +20925,7 @@ const NvFieldselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldselect ext
                 ? `${this.inputId}-error`
                 : `${this.inputId}-description` })), h$1("select", { key: '9a8b48a7a41522b09b65a5c76b7e861b5d6eef49', 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 => (h$1("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (h$1("slot", null))), h$1("div", { key: '7ecac0a159ca2b4925b8a940c80f8aef94a2ca1d', class: "select-icons" }, this.error && (h$1("nv-icon", { key: 'fd3d75a5c621a49f45550d9596f4910ef01a56b2', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '45b3e11a48f5f700ac9c21ba276ee9c93640d0d9', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h$1("nv-iconbutton", { key: '07171fbe1fc88f4c7af0513ed718376ce1a1aeb3', name: "chevron-down", size: "md", emphasis: "lower", tabIndex: -1 })))), h$1("slot", { key: '096bf49c55359062fc790d31660b331a5988ad22', name: "after-input" })), (this.description ||
+                : `${this.inputId}-description` }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (h$1("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (h$1("slot", null))), h$1("div", { key: '7ecac0a159ca2b4925b8a940c80f8aef94a2ca1d', class: "select-icons" }, this.error && (h$1("nv-icon", { key: 'fd3d75a5c621a49f45550d9596f4910ef01a56b2', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '45b3e11a48f5f700ac9c21ba276ee9c93640d0d9', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h$1("nv-iconbutton", { key: '07171fbe1fc88f4c7af0513ed718376ce1a1aeb3', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), h$1("slot", { key: '096bf49c55359062fc790d31660b331a5988ad22', name: "after-input" })), (this.description ||
             this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '7b292eeb3a1ca29b7cb1b631926b591183ab50fc', class: "description", id: `${this.inputId}-description` }, h$1("slot", { key: 'a2fdc1929f7aa2571cd11d01e2c1ed165afb856c', name: "description" }, this.description))), (this.errorDescription ||
             this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '3d189e87ff7cee9a43ccad85c6e84fcdb3343f1f', class: "error-description", id: `${this.inputId}-error` }, h$1("slot", { key: '515059b75c8e2c1e600a28124135cbd7af87ccbf', name: "error-description" }, this.errorDescription)))));
     }
@@ -22552,8 +22564,8 @@ const NvMenu$1 = /*@__PURE__*/ proxyCustomElement(class NvMenu extends H {
          */
         this.disableCloseOnSelect = false;
         /**
-         * Decides where the menu shows up next to the button it’s linked to (above,
-         * below, to the sides). If there isn’t enough room, it will adjust its
+         * Decides where the menu shows up next to the button it's linked to (above,
+         * below, to the sides). If there isn't enough room, it will adjust its
          * position on the axis to fit on the screen, so users can always see it.
          */
         this.placement = 'bottom-end';
@@ -22738,7 +22750,7 @@ const NvMenu$1 = /*@__PURE__*/ proxyCustomElement(class NvMenu extends H {
         });
     }
     render() {
-        return (h$1(Host$1, { key: 'acc2b78005a96fcd2e6c9e48d17134fcaa6c1e6e' }, h$1("slot", { key: '5eaa8c9d60eacf51e5da09804f0fcd7ef93b8249', name: "trigger" }), h$1("nv-popover", { key: 'd5e1dbe20c617b6d72abbc12f7fe578396690f69', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.parsedItems.length > 0 ? (h$1("ul", { slot: "content" }, this.renderMenuItems(this.parsedItems))) : (h$1("slot", { name: "content" })))));
+        return (h$1(Host$1, { key: '8334eee36cadee43d5d78d227841b43da86a46c6' }, h$1("slot", { key: 'a4f260a9161dc239eabfc9c43178b1394721f37d', name: "trigger" }), h$1("nv-popover", { key: '6f163bc5c02afba3af1e9bb43cf3b6bfec1e9374', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.parsedItems.length > 0 ? (h$1("ul", { slot: "content" }, this.renderMenuItems(this.parsedItems))) : (h$1("slot", { name: "content" })))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -23281,7 +23293,7 @@ defineCustomElement$1$1();
 const NvTablecolumn$2 = NvTablecolumn$1;
 const defineCustomElement$3 = defineCustomElement$1$1;
 
-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}";
 const NvToggleStyle0 = nvToggleCss;
 
 const NvToggle$1 = /*@__PURE__*/ proxyCustomElement(class NvToggle extends H {
@@ -23514,7 +23526,7 @@ const NvDialog = E({
     tagName: 'nv-dialog',
     elementClass: NvDialog$2,
     react: React,
-    events: { onClose: 'close' },
+    events: { onOpenChanged: 'openChanged' },
     defineCustomElement: defineCustomElement$x
 });
 const NvDialogfooter = E({
@@ -23795,151 +23807,151 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                 case 'nv-alert':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-alert.entry-B-P-Fgdo.js'); }).then(processMod, consoleError);
+                      './nv-alert.entry-C9DnCn0Q.js'); }).then(processMod, consoleError);
                 case 'nv-avatar':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-avatar.entry-DWOADxdQ.js'); }).then(processMod, consoleError);
+                      './nv-avatar.entry-Cj_bK7KY.js'); }).then(processMod, consoleError);
                 case 'nv-base':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-base.entry-D7gUvPIG.js'); }).then(processMod, consoleError);
+                      './nv-base.entry-DdLnS1hF.js'); }).then(processMod, consoleError);
                 case 'nv-breadcrumb':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-breadcrumb.entry-BtM_AHRC.js'); }).then(processMod, consoleError);
+                      './nv-breadcrumb.entry-BOyjRSxM.js'); }).then(processMod, consoleError);
                 case 'nv-breadcrumbs':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-breadcrumbs.entry-_w38BddR.js'); }).then(processMod, consoleError);
+                      './nv-breadcrumbs.entry-DkffTj6Z.js'); }).then(processMod, consoleError);
                 case 'nv-col':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-col.entry-Bx1VZSMw.js'); }).then(processMod, consoleError);
+                      './nv-col.entry-CGNiCKta.js'); }).then(processMod, consoleError);
                 case 'nv-datagrid':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-datagrid.entry-D6p67Pa6.js'); }).then(processMod, consoleError);
+                      './nv-datagrid.entry-YSL7aTz5.js'); }).then(processMod, consoleError);
                 case 'nv-datagridcolumn':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-datagridcolumn.entry-BodICzof.js'); }).then(processMod, consoleError);
+                      './nv-datagridcolumn.entry-7whgB5iS.js'); }).then(processMod, consoleError);
                 case 'nv-dialog':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-dialog.entry-Cy71tlWz.js'); }).then(processMod, consoleError);
+                      './nv-dialog.entry-CLANnPw3.js'); }).then(processMod, consoleError);
                 case 'nv-fielddate':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddate.entry-Bofdd2rE.js'); }).then(processMod, consoleError);
+                      './nv-fielddate.entry--KEcXuio.js'); }).then(processMod, consoleError);
                 case 'nv-fielddaterange':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddaterange.entry-BtPwfRw-.js'); }).then(processMod, consoleError);
+                      './nv-fielddaterange.entry-Bctzvr40.js'); }).then(processMod, consoleError);
                 case 'nv-fielddropdown':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddropdown.entry-CX2Ycn2i.js'); }).then(processMod, consoleError);
+                      './nv-fielddropdown.entry-DJPARQ0F.js'); }).then(processMod, consoleError);
                 case 'nv-fieldmultiselect':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldmultiselect.entry-5jdK36m6.js'); }).then(processMod, consoleError);
+                      './nv-fieldmultiselect.entry-DDKtC-sR.js'); }).then(processMod, consoleError);
                 case 'nv-fieldnumber':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldnumber.entry-CEmPQK-3.js'); }).then(processMod, consoleError);
+                      './nv-fieldnumber.entry-FzcOQMWp.js'); }).then(processMod, consoleError);
                 case 'nv-fieldpassword':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldpassword.entry-B9-QFEsB.js'); }).then(processMod, consoleError);
+                      './nv-fieldpassword.entry-ZgJKgEWo.js'); }).then(processMod, consoleError);
                 case 'nv-fieldradio':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldradio.entry-CnasQlEx.js'); }).then(processMod, consoleError);
+                      './nv-fieldradio.entry-B6vwI0oH.js'); }).then(processMod, consoleError);
                 case 'nv-fieldselect':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldselect.entry-DgmnHnOR.js'); }).then(processMod, consoleError);
+                      './nv-fieldselect.entry-Dpb1RR2D.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtext':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtext.entry-BfQrX8ft.js'); }).then(processMod, consoleError);
+                      './nv-fieldtext.entry-WhMFksEn.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtextarea':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtextarea.entry-DqzeITCG.js'); }).then(processMod, consoleError);
+                      './nv-fieldtextarea.entry-Cpqi_pE7.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtime':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtime.entry-j-Fliiqj.js'); }).then(processMod, consoleError);
+                      './nv-fieldtime.entry-BApGHC9K.js'); }).then(processMod, consoleError);
                 case 'nv-row':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-row.entry-OYGKTXhV.js'); }).then(processMod, consoleError);
+                      './nv-row.entry-AQGhBTGs.js'); }).then(processMod, consoleError);
                 case 'nv-stack':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-stack.entry-BNyPxECg.js'); }).then(processMod, consoleError);
+                      './nv-stack.entry-Bb6k4Yob.js'); }).then(processMod, consoleError);
                 case 'nv-table':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-table.entry-DzOGLNUx.js'); }).then(processMod, consoleError);
+                      './nv-table.entry-C4DY5CRF.js'); }).then(processMod, consoleError);
                 case 'nv-tablecolumn':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-tablecolumn.entry-DvO0JxdY.js'); }).then(processMod, consoleError);
+                      './nv-tablecolumn.entry-jJAoHJnt.js'); }).then(processMod, consoleError);
                 case 'nv-toggle':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-toggle.entry-Bv0DrF-x.js'); }).then(processMod, consoleError);
+                      './nv-toggle.entry-P76L0fsx.js'); }).then(processMod, consoleError);
                 case 'nv-badge_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-badge_2.entry-BQXL0ZhP.js'); }).then(processMod, consoleError);
+                      './nv-badge_2.entry-H664ASUM.js'); }).then(processMod, consoleError);
                 case 'nv-dialogfooter_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-dialogfooter_2.entry-DKvzkpt3.js'); }).then(processMod, consoleError);
+                      './nv-dialogfooter_2.entry-cHevwuGs.js'); }).then(processMod, consoleError);
                 case 'nv-fielddropdownitem':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddropdownitem.entry-CS1Ejbc9.js'); }).then(processMod, consoleError);
+                      './nv-fielddropdownitem.entry-DAlnhF7-.js'); }).then(processMod, consoleError);
                 case 'nv-menu':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-menu.entry-Ci3I7PDt.js'); }).then(processMod, consoleError);
+                      './nv-menu.entry-4P44Bom1.js'); }).then(processMod, consoleError);
                 case 'nv-menuitem':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-menuitem.entry-sRx1fD0O.js'); }).then(processMod, consoleError);
+                      './nv-menuitem.entry-pYkLIeY9.js'); }).then(processMod, consoleError);
                 case 'nv-tooltip':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-tooltip.entry-ChQpdQn_.js'); }).then(processMod, consoleError);
+                      './nv-tooltip.entry-DC7XngcD.js'); }).then(processMod, consoleError);
                 case 'nv-calendar':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-calendar.entry-DSWhDnEC.js'); }).then(processMod, consoleError);
+                      './nv-calendar.entry-DSoKDy9Q.js'); }).then(processMod, consoleError);
                 case 'nv-fieldcheckbox':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldcheckbox.entry-dxhUZiEg.js'); }).then(processMod, consoleError);
+                      './nv-fieldcheckbox.entry-BV8M8SyS.js'); }).then(processMod, consoleError);
                 case 'nv-button':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-button.entry-B3rEQuGV.js'); }).then(processMod, consoleError);
+                      './nv-button.entry-Dv4bG9oE.js'); }).then(processMod, consoleError);
                 case 'nv-popover':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-popover.entry-CjTPZYkq.js'); }).then(processMod, consoleError);
+                      './nv-popover.entry-DJzEjs-d.js'); }).then(processMod, consoleError);
                 case 'nv-iconbutton_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-iconbutton_2.entry-D8hZ51H-.js'); }).then(processMod, consoleError);
+                      './nv-iconbutton_2.entry-D5Wjr6mr.js'); }).then(processMod, consoleError);
                 case 'nv-icon':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-icon.entry-B0Y3rgBQ.js'); }).then(processMod, consoleError);
+                      './nv-icon.entry-DTbgrNDQ.js'); }).then(processMod, consoleError);
           }
       }
   return import(
@@ -26317,7 +26329,7 @@ const globalScripts = () => {};
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"nv-fieldmultiselect\",[[68,\"nv-fieldmultiselect\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"maxHeight\":[513,\"max-height\"],\"badgeLabel\":[513,\"badge-label\"],\"emptyResult\":[513,\"empty-result\"],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"readonly\":[516],\"disabled\":[516],\"autocomplete\":[513],\"filterable\":[1540],\"value\":[1537],\"open\":[1540],\"options\":[513],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"parsedOptions\":[32],\"selectedValues\":[32],\"sortedOptions\":[32],\"filterText\":[32],\"isFilterable\":[32],\"modeState\":[32],\"isHandlingEscape\":[32],\"getFilterText\":[64],\"resetFilter\":[64],\"getSelectedValues\":[64]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"itemChecked\",\"handleItemChecked\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[\"handleOptionsChange\"],\"value\":[\"watchValueHandler\"],\"filterable\":[\"watchFilterableHandler\"]}]]],[\"nv-fielddate\",[[4,\"nv-fielddate\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"autofocus\":[516],\"value\":[513],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[513],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[513,\"disabled-dates\"],\"singleValue\":[32],\"open\":[32]},[[0,\"singleDateChange\",\"handleSingleDateChange\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"]}]]],[\"nv-fielddaterange\",[[4,\"nv-fielddaterange\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"description\":[513],\"startPlaceholder\":[513,\"start-placeholder\"],\"endPlaceholder\":[513,\"end-placeholder\"],\"startName\":[513,\"start-name\"],\"endName\":[513,\"end-name\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"shouldAutoFocus\":[516,\"should-auto-focus\"],\"value\":[513],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[513],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[513,\"disabled-dates\"],\"startValue\":[32],\"endValue\":[32],\"open\":[32]},[[0,\"rangeDateChange\",\"handleRangeDateChange\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"applyDateRange\",\"handleApplyDateRange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"]}]]],[\"nv-dialog\",[[4,\"nv-dialog\",{\"triggerElement\":[1040],\"headerElement\":[1040],\"footerElement\":[1040],\"open\":[1540],\"undismissable\":[516],\"clickOutside\":[516,\"click-outside\"],\"controlled\":[516],\"full\":[516],\"show\":[64],\"hide\":[64]},[[4,\"keydown\",\"handleKeyDown\"],[4,\"click\",\"handleDocumentClick\"],[5,\"touchstart\",\"handleDocumentTouch\"]],{\"open\":[\"handleDialogOpenChange\"]}]]],[\"nv-fielddropdown\",[[68,\"nv-fielddropdown\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"name\":[513],\"open\":[1540],\"autocomplete\":[513],\"value\":[1537],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"readonly\":[516],\"disabled\":[516],\"emptyResult\":[513,\"empty-result\"],\"filterable\":[1540],\"options\":[513],\"autofocus\":[516],\"filterText\":[32],\"isFilterable\":[32],\"selectedValues\":[32],\"parsedOptions\":[32],\"getFilterText\":[64]},[[0,\"dropdownItemSelected\",\"handleDropdownItemSelected\"],[0,\"openChanged\",\"handleOpenChanged\"],[2,\"blur\",\"handleBlur\"],[0,\"keydown\",\"handleKeyDown\"]],{\"filterable\":[\"watchFilterableHandler\"],\"value\":[\"watchValueHandler\"],\"options\":[\"handleOptionsChange\"]}]]],[\"nv-fieldtime\",[[68,\"nv-fieldtime\",{\"value\":[1537],\"label\":[513],\"inputId\":[513,\"input-id\"],\"readonly\":[516],\"disabled\":[516],\"required\":[516],\"name\":[513],\"success\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"format\":[513],\"description\":[513],\"open\":[1540],\"step\":[514],\"max\":[513],\"min\":[513],\"autofocus\":[516],\"hours\":[32],\"minutes\":[32],\"seconds\":[32]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"]}]]],[\"nv-fieldnumber\",[[68,\"nv-fieldnumber\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"max\":[514],\"min\":[514],\"step\":[514],\"value\":[1538],\"autofocus\":[516]},null,{\"value\":[\"watchValueHandler\"]}]]],[\"nv-fieldpassword\",[[68,\"nv-fieldpassword\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"mode\":[513],\"autocomplete\":[513],\"hidePasswordIcon\":[516,\"hide-password-icon\"],\"showPassword\":[516,\"show-password\"],\"autofocus\":[516],\"showPasswordState\":[32]},null,{\"showPassword\":[\"handleShowPasswordChange\"]}]]],[\"nv-fieldselect\",[[68,\"nv-fieldselect\",{\"message\":[513],\"validation\":[513],\"options\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"multiple\":[516],\"value\":[1537],\"displayValue\":[516,\"display-value\"],\"autofocus\":[516],\"computedDisplayValue\":[32],\"internalReadonly\":[32],\"parsedOptions\":[32]},null,{\"value\":[\"updateDisplayValueWatcher\"],\"displayValue\":[\"handleDisplayValueChange\"],\"readonly\":[\"handleReadonlyChange\"],\"options\":[\"handleOptionsChange\"]}]]],[\"nv-breadcrumb\",[[4,\"nv-breadcrumb\",{\"type\":[513],\"tooltip\":[513],\"current\":[516]}]]],[\"nv-alert\",[[4,\"nv-alert\",{\"color\":[513],\"feedback\":[1537],\"message\":[513],\"heading\":[513],\"icon\":[513],\"dismissible\":[516],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"hidden\":[1540],\"hasNoAnimations\":[516,\"has-no-animations\"]},null,{\"hidden\":[\"handleHiddenChange\"]}]]],[\"nv-avatar\",[[4,\"nv-avatar\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"text\":[513],\"url\":[513],\"alt\":[513],\"src\":[1537],\"initials\":[1537],\"size\":[1537],\"color\":[513]}]]],[\"nv-fieldtext\",[[68,\"nv-fieldtext\",{\"message\":[513],\"validation\":[513],\"textInputType\":[513,\"text-input-type\"],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"type\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"autocomplete\":[513],\"multiple\":[516],\"autofocus\":[516]}]]],[\"nv-base\",[[4,\"nv-base\"]]],[\"nv-breadcrumbs\",[[4,\"nv-breadcrumbs\"]]],[\"nv-col\",[[4,\"nv-col\",{\"size\":[514]}]]],[\"nv-datagrid\",[[4,\"nv-datagrid\",{\"data\":[16],\"columns\":[16],\"dataJson\":[513,\"data-json\"],\"columnsJson\":[513,\"columns-json\"],\"fallbackValue\":[513,\"fallback-value\"],\"noDataMessage\":[513,\"no-data-message\"],\"noColumnsNoDataMessage\":[513,\"no-columns-no-data-message\"],\"enableGlobalFilter\":[516,\"enable-global-filter\"],\"table\":[32],\"parsedColumns\":[32],\"parsedData\":[32],\"globalFilter\":[32]},null,{\"columns\":[\"parseColumns\"],\"columnsJson\":[\"parseJsonColumns\"],\"data\":[\"parseData\"],\"dataJson\":[\"parseJsonData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"],\"globalFilter\":[\"handleGlobalFilter\"]}]]],[\"nv-datagridcolumn\",[[4,\"nv-datagridcolumn\",{\"header\":[513],\"accessor\":[513]}]]],[\"nv-fieldradio\",[[68,\"nv-fieldradio\",{\"message\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"description\":[1537],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"checked\":[1540],\"disabled\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"handleCheckedChange\"]}]]],[\"nv-fieldtextarea\",[[68,\"nv-fieldtextarea\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"rows\":[514],\"resize\":[513],\"autosize\":[516],\"autofocus\":[516]},null,{\"rows\":[\"rowsChanged\"],\"autosize\":[\"autosizeChanged\"],\"value\":[\"handleValueChange\"]}]]],[\"nv-row\",[[4,\"nv-row\"]]],[\"nv-stack\",[[4,\"nv-stack\",{\"gutter\":[514],\"fill\":[516],\"flex\":[516],\"full\":[516],\"vertical\":[516]}]]],[\"nv-table\",[[4,\"nv-table\",{\"data\":[16],\"columnsConfig\":[16],\"dataJson\":[513,\"data-json\"],\"columnsConfigJson\":[513,\"columns-config-json\"],\"fallbackValue\":[513,\"fallback-value\"],\"noDataMessage\":[513,\"no-data-message\"],\"noColumnsNoDataMessage\":[513,\"no-columns-no-data-message\"],\"parsedColumns\":[32],\"parsedData\":[32],\"table\":[32]},null,{\"columnsConfig\":[\"parseColumns\"],\"columnsConfigJson\":[\"parseJsonColumns\"],\"data\":[\"parseData\"],\"dataJson\":[\"parseJsonData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"]}]]],[\"nv-tablecolumn\",[[0,\"nv-tablecolumn\",{\"name\":[513],\"header\":[513]}]]],[\"nv-toggle\",[[68,\"nv-toggle\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[513,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"checked\":[1540],\"disabled\":[516],\"readonly\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-icon\",[[0,\"nv-icon\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"color\":[513],\"name\":[513],\"size\":[1537]}]]],[\"nv-menu\",[[4,\"nv-menu\",{\"open\":[1540],\"nested\":[516],\"disableCloseOnSelect\":[516,\"disable-close-on-select\"],\"placement\":[513],\"items\":[513],\"parsedItems\":[32],\"show\":[64],\"close\":[64]},[[0,\"menuitemSelected\",\"handleMenuItemSelect\"],[0,\"keydown\",\"handleKeydown\"],[0,\"openChanged\",\"handleOpenChanged\"]],{\"items\":[\"handleItemsChange\"]}]]],[\"nv-fielddropdownitem\",[[4,\"nv-fielddropdownitem\",{\"disabled\":[516],\"selected\":[516],\"value\":[1537],\"label\":[513]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-menuitem\",[[4,\"nv-menuitem\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"shortcut\":[513],\"hasSubmenu\":[516,\"has-submenu\"],\"name\":[513]},[[2,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-tooltip\",[[4,\"nv-tooltip\",{\"triggerElement\":[1040],\"message\":[513],\"placement\":[513],\"enterDelay\":[514,\"enter-delay\"]}]]],[\"nv-iconbutton_2\",[[68,\"nv-iconbutton\",{\"size\":[513],\"emphasis\":[513],\"loading\":[1540],\"disabled\":[1540],\"active\":[516],\"name\":[513],\"type\":[513],\"shape\":[513]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"touchstart\",\"handleTouchStart\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}],[0,\"nv-loader\",{\"size\":[513],\"color\":[513]}]]],[\"nv-button\",[[68,\"nv-button\",{\"size\":[513],\"emphasis\":[513],\"active\":[516],\"danger\":[516],\"loading\":[1540],\"disabled\":[1540],\"fluid\":[516],\"type\":[513],\"form\":[513]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"touchstart\",\"handleTouchStart\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"nv-calendar\",[[4,\"nv-calendar\",{\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[1538,\"number-of-calendars\"],\"singleValue\":[1537,\"single-value\"],\"rangeValue\":[1537,\"range-value\"],\"min\":[513],\"max\":[513],\"disabledDates\":[513,\"disabled-dates\"],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"selectionType\":[513,\"selection-type\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[513],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"currentDate\":[32],\"selectedDate\":[32],\"startDate\":[32],\"endDate\":[32],\"months\":[32]},null,{\"numberOfCalendars\":[\"validateNumberOfCalendars\"],\"rangeValue\":[\"onRangeValueChange\"],\"disabledDates\":[\"handleDisabledDatesChange\"],\"singleValue\":[\"onSingleValueChange\"]}]]],[\"nv-dialogfooter_2\",[[68,\"nv-dialogfooter\",{\"disabled\":[516],\"undismissable\":[516],\"leadingIcon\":[513,\"leading-icon\"],\"trailingIcon\":[513,\"trailing-icon\"],\"danger\":[516],\"cancelLabel\":[513,\"cancel-label\"],\"primaryLabel\":[513,\"primary-label\"],\"primaryButtonType\":[513,\"primary-button-type\"],\"form\":[513]}],[4,\"nv-dialogheader\",{\"heading\":[513],\"subheading\":[513]}]]],[\"nv-fieldcheckbox\",[[68,\"nv-fieldcheckbox\",{\"message\":[513],\"validation\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[1537],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-badge_2\",[[4,\"nv-badge\",{\"dismissal\":[516],\"icon\":[513],\"iconLocation\":[513,\"icon-location\"],\"color\":[513],\"label\":[513],\"leadIcon\":[1537,\"lead-icon\"],\"dismissible\":[1540],\"hidden\":[1540],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"_isHidden\":[32]},null,{\"dismissal\":[\"handleDismissalChange\"],\"icon\":[\"handleIconChange\"],\"hidden\":[\"handleHiddenChange\"]}],[0,\"nv-fielddropdownitemcheck\",{\"checked\":[1540],\"value\":[513],\"label\":[513],\"description\":[513],\"group\":[513],\"disabled\":[516]}]]],[\"nv-popover\",[[4,\"nv-popover\",{\"triggerElement\":[1040],\"open\":[1540],\"triggerMode\":[513,\"trigger-mode\"],\"placement\":[513],\"groupName\":[513,\"group-name\"],\"offset\":[514],\"hasArrow\":[516,\"has-arrow\"],\"disableFlip\":[516,\"disable-flip\"],\"shiftPadding\":[514,\"shift-padding\"],\"enterDelay\":[514,\"enter-delay\"],\"nested\":[516],\"show\":[64],\"hide\":[64],\"toggle\":[64]},[[4,\"openChanged\",\"handleOpenChanged\"]],{\"open\":[\"handleOpenChange\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"nv-fieldmultiselect\",[[68,\"nv-fieldmultiselect\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"maxHeight\":[513,\"max-height\"],\"badgeLabel\":[513,\"badge-label\"],\"emptyResult\":[513,\"empty-result\"],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"readonly\":[516],\"disabled\":[516],\"autocomplete\":[513],\"filterable\":[516],\"value\":[1537],\"open\":[1540],\"options\":[513],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"parsedOptions\":[32],\"selectedValues\":[32],\"sortedOptions\":[32],\"filterText\":[32],\"modeState\":[32],\"isHandlingEscape\":[32],\"getFilterText\":[64],\"resetFilter\":[64],\"getSelectedValues\":[64]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"itemChecked\",\"handleItemChecked\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[\"handleOptionsChange\"],\"value\":[\"watchValueHandler\"]}]]],[\"nv-fielddate\",[[4,\"nv-fielddate\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"autofocus\":[516],\"value\":[513],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[513],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[513,\"disabled-dates\"],\"singleValue\":[32],\"open\":[32]},[[0,\"singleDateChange\",\"handleSingleDateChange\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"]}]]],[\"nv-fielddaterange\",[[4,\"nv-fielddaterange\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"description\":[513],\"startPlaceholder\":[513,\"start-placeholder\"],\"endPlaceholder\":[513,\"end-placeholder\"],\"startName\":[513,\"start-name\"],\"endName\":[513,\"end-name\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"shouldAutoFocus\":[516,\"should-auto-focus\"],\"value\":[513],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[513],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[513,\"disabled-dates\"],\"startValue\":[32],\"endValue\":[32],\"open\":[32]},[[0,\"rangeDateChange\",\"handleRangeDateChange\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"applyDateRange\",\"handleApplyDateRange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"]}]]],[\"nv-dialog\",[[4,\"nv-dialog\",{\"triggerElement\":[1040],\"headerElement\":[1040],\"footerElement\":[1040],\"open\":[1540],\"undismissable\":[516],\"clickOutside\":[516,\"click-outside\"],\"controlled\":[516],\"full\":[516],\"show\":[64],\"close\":[64]},[[4,\"keydown\",\"handleKeyDown\"],[4,\"click\",\"handleDocumentClick\"],[5,\"touchstart\",\"handleDocumentTouch\"]],{\"open\":[\"handleDialogOpenChange\"]}]]],[\"nv-fielddropdown\",[[68,\"nv-fielddropdown\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"name\":[513],\"open\":[1540],\"autocomplete\":[513],\"value\":[1537],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"readonly\":[516],\"disabled\":[516],\"emptyResult\":[513,\"empty-result\"],\"filterable\":[516],\"options\":[513],\"autofocus\":[516],\"filterText\":[32],\"selectedValues\":[32],\"parsedOptions\":[32],\"getFilterText\":[64]},[[0,\"dropdownItemSelected\",\"handleDropdownItemSelected\"],[0,\"openChanged\",\"handleOpenChanged\"],[2,\"blur\",\"handleBlur\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"watchValueHandler\"],\"options\":[\"handleOptionsChange\"]}]]],[\"nv-fieldtime\",[[68,\"nv-fieldtime\",{\"value\":[1537],\"label\":[513],\"inputId\":[513,\"input-id\"],\"readonly\":[516],\"disabled\":[516],\"required\":[516],\"name\":[513],\"success\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"format\":[513],\"description\":[513],\"open\":[1540],\"step\":[514],\"max\":[513],\"min\":[513],\"autofocus\":[516],\"hours\":[32],\"minutes\":[32],\"seconds\":[32]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"]}]]],[\"nv-fieldnumber\",[[68,\"nv-fieldnumber\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"max\":[514],\"min\":[514],\"step\":[514],\"value\":[1538],\"autofocus\":[516]},null,{\"value\":[\"watchValueHandler\"]}]]],[\"nv-fieldpassword\",[[68,\"nv-fieldpassword\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"mode\":[513],\"autocomplete\":[513],\"hidePasswordIcon\":[516,\"hide-password-icon\"],\"showPassword\":[516,\"show-password\"],\"autofocus\":[516],\"showPasswordState\":[32]},null,{\"showPassword\":[\"handleShowPasswordChange\"]}]]],[\"nv-fieldselect\",[[68,\"nv-fieldselect\",{\"message\":[513],\"validation\":[513],\"options\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"multiple\":[516],\"value\":[1537],\"displayValue\":[516,\"display-value\"],\"autofocus\":[516],\"computedDisplayValue\":[32],\"internalReadonly\":[32],\"parsedOptions\":[32]},null,{\"value\":[\"updateDisplayValueWatcher\"],\"displayValue\":[\"handleDisplayValueChange\"],\"readonly\":[\"handleReadonlyChange\"],\"options\":[\"handleOptionsChange\"]}]]],[\"nv-breadcrumb\",[[4,\"nv-breadcrumb\",{\"type\":[513],\"tooltip\":[513],\"current\":[516]}]]],[\"nv-alert\",[[4,\"nv-alert\",{\"color\":[513],\"feedback\":[1537],\"message\":[513],\"heading\":[513],\"icon\":[513],\"dismissible\":[516],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"hidden\":[1540],\"hasNoAnimations\":[516,\"has-no-animations\"]},null,{\"hidden\":[\"handleHiddenChange\"]}]]],[\"nv-avatar\",[[4,\"nv-avatar\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"text\":[513],\"url\":[513],\"alt\":[513],\"src\":[1537],\"initials\":[1537],\"size\":[1537],\"color\":[513]}]]],[\"nv-fieldtext\",[[68,\"nv-fieldtext\",{\"message\":[513],\"validation\":[513],\"textInputType\":[513,\"text-input-type\"],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"type\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"autocomplete\":[513],\"multiple\":[516],\"autofocus\":[516]}]]],[\"nv-base\",[[4,\"nv-base\"]]],[\"nv-breadcrumbs\",[[4,\"nv-breadcrumbs\"]]],[\"nv-col\",[[4,\"nv-col\",{\"size\":[514]}]]],[\"nv-datagrid\",[[4,\"nv-datagrid\",{\"data\":[16],\"columns\":[16],\"dataJson\":[513,\"data-json\"],\"columnsJson\":[513,\"columns-json\"],\"fallbackValue\":[513,\"fallback-value\"],\"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],\"globalFilter\":[32],\"columnData\":[32]},null,{\"columns\":[\"parseColumns\"],\"columnsJson\":[\"parseJsonColumns\"],\"data\":[\"parseData\"],\"dataJson\":[\"parseJsonData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"],\"globalFilter\":[\"handleGlobalFilter\"]}]]],[\"nv-datagridcolumn\",[[4,\"nv-datagridcolumn\",{\"header\":[513],\"accessor\":[513],\"repeatTemplate\":[516,\"repeat-template\"]}]]],[\"nv-fieldradio\",[[68,\"nv-fieldradio\",{\"message\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"description\":[1537],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"checked\":[1540],\"disabled\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"handleCheckedChange\"]}]]],[\"nv-fieldtextarea\",[[68,\"nv-fieldtextarea\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"rows\":[514],\"resize\":[513],\"autosize\":[516],\"autofocus\":[516]},null,{\"rows\":[\"rowsChanged\"],\"autosize\":[\"autosizeChanged\"],\"value\":[\"handleValueChange\"]}]]],[\"nv-row\",[[4,\"nv-row\"]]],[\"nv-stack\",[[4,\"nv-stack\",{\"gutter\":[514],\"fill\":[516],\"flex\":[516],\"full\":[516],\"vertical\":[516]}]]],[\"nv-table\",[[4,\"nv-table\",{\"data\":[16],\"columnsConfig\":[16],\"dataJson\":[513,\"data-json\"],\"columnsConfigJson\":[513,\"columns-config-json\"],\"fallbackValue\":[513,\"fallback-value\"],\"noDataMessage\":[513,\"no-data-message\"],\"noColumnsNoDataMessage\":[513,\"no-columns-no-data-message\"],\"parsedColumns\":[32],\"parsedData\":[32],\"table\":[32]},null,{\"columnsConfig\":[\"parseColumns\"],\"columnsConfigJson\":[\"parseJsonColumns\"],\"data\":[\"parseData\"],\"dataJson\":[\"parseJsonData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"]}]]],[\"nv-tablecolumn\",[[0,\"nv-tablecolumn\",{\"name\":[513],\"header\":[513]}]]],[\"nv-toggle\",[[68,\"nv-toggle\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[513,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"checked\":[1540],\"disabled\":[516],\"readonly\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-icon\",[[0,\"nv-icon\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"color\":[513],\"name\":[513],\"size\":[1537]}]]],[\"nv-menu\",[[4,\"nv-menu\",{\"open\":[1540],\"nested\":[516],\"disableCloseOnSelect\":[516,\"disable-close-on-select\"],\"placement\":[513],\"items\":[513],\"parsedItems\":[32],\"show\":[64],\"close\":[64]},[[0,\"menuitemSelected\",\"handleMenuItemSelect\"],[0,\"keydown\",\"handleKeydown\"],[0,\"openChanged\",\"handleOpenChanged\"]],{\"items\":[\"handleItemsChange\"]}]]],[\"nv-fielddropdownitem\",[[4,\"nv-fielddropdownitem\",{\"disabled\":[516],\"selected\":[516],\"value\":[1537],\"label\":[513]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-menuitem\",[[4,\"nv-menuitem\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"shortcut\":[513],\"hasSubmenu\":[516,\"has-submenu\"],\"name\":[513]},[[2,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-tooltip\",[[4,\"nv-tooltip\",{\"triggerElement\":[1040],\"message\":[513],\"placement\":[513],\"enterDelay\":[514,\"enter-delay\"]}]]],[\"nv-iconbutton_2\",[[68,\"nv-iconbutton\",{\"size\":[513],\"emphasis\":[513],\"loading\":[1540],\"disabled\":[1540],\"active\":[516],\"name\":[513],\"type\":[513],\"shape\":[513]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"touchstart\",\"handleTouchStart\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}],[0,\"nv-loader\",{\"size\":[513],\"color\":[513]}]]],[\"nv-button\",[[68,\"nv-button\",{\"size\":[513],\"emphasis\":[513],\"active\":[516],\"danger\":[516],\"loading\":[1540],\"disabled\":[1540],\"fluid\":[516],\"type\":[513],\"form\":[513]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"touchstart\",\"handleTouchStart\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"nv-calendar\",[[4,\"nv-calendar\",{\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[1538,\"number-of-calendars\"],\"singleValue\":[1537,\"single-value\"],\"rangeValue\":[1537,\"range-value\"],\"min\":[513],\"max\":[513],\"disabledDates\":[513,\"disabled-dates\"],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"selectionType\":[513,\"selection-type\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[513],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"currentDate\":[32],\"selectedDate\":[32],\"startDate\":[32],\"endDate\":[32],\"months\":[32]},null,{\"numberOfCalendars\":[\"validateNumberOfCalendars\"],\"rangeValue\":[\"onRangeValueChange\"],\"disabledDates\":[\"handleDisabledDatesChange\"],\"singleValue\":[\"onSingleValueChange\"]}]]],[\"nv-dialogfooter_2\",[[68,\"nv-dialogfooter\",{\"disabled\":[516],\"undismissable\":[516],\"leadingIcon\":[513,\"leading-icon\"],\"trailingIcon\":[513,\"trailing-icon\"],\"danger\":[516],\"cancelLabel\":[513,\"cancel-label\"],\"primaryLabel\":[513,\"primary-label\"],\"primaryButtonType\":[513,\"primary-button-type\"],\"form\":[513]}],[4,\"nv-dialogheader\",{\"heading\":[513],\"subheading\":[513]}]]],[\"nv-fieldcheckbox\",[[68,\"nv-fieldcheckbox\",{\"message\":[513],\"validation\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[1537],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-badge_2\",[[4,\"nv-badge\",{\"dismissal\":[516],\"icon\":[513],\"iconLocation\":[513,\"icon-location\"],\"color\":[513],\"label\":[513],\"leadIcon\":[1537,\"lead-icon\"],\"dismissible\":[1540],\"hidden\":[1540],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"_isHidden\":[32]},null,{\"dismissal\":[\"handleDismissalChange\"],\"icon\":[\"handleIconChange\"],\"hidden\":[\"handleHiddenChange\"]}],[0,\"nv-fielddropdownitemcheck\",{\"checked\":[1540],\"value\":[513],\"label\":[513],\"description\":[513],\"group\":[513],\"disabled\":[516]}]]],[\"nv-popover\",[[4,\"nv-popover\",{\"triggerElement\":[1040],\"open\":[1540],\"triggerMode\":[513,\"trigger-mode\"],\"placement\":[513],\"groupName\":[513,\"group-name\"],\"offset\":[514],\"hasArrow\":[516,\"has-arrow\"],\"disableFlip\":[516,\"disable-flip\"],\"shiftPadding\":[514,\"shift-padding\"],\"enterDelay\":[514,\"enter-delay\"],\"nested\":[516],\"show\":[64],\"hide\":[64],\"toggle\":[64]},[[4,\"openChanged\",\"handleOpenChanged\"]],{\"open\":[\"handleOpenChange\"]}]]]]"), options);
 };
 
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a);}})();