@nova-design-system/nova-react 3.0.0-beta.45 → 3.0.0-beta.47

package/dist/cjs/{index-S09Gr7Tw.js → index-Byv3Vmev.js}

@@ -4435,7 +4435,7 @@ const NvIcon$2 = /*@__PURE__*/ proxyCustomElement(class NvIcon extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '75b6f4f23483a5a1974c683081f47d6382e37230', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h$1("svg", { key: 'bfc8a74c5a62ddf0f218fd55b108aecb2652343a', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h$1("use", { key: '627f3dd7d5348c1e7fe060e447e4d0d08a03b0c0', href: `#${this.name}` }))));
+        return (h$1(Host$1, { key: '5d5988e7c0f49781b57b86da6e46e38eeac5ddae', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h$1("svg", { key: 'ab4007e92d6a13245293dbbb7dc746ab21cdbe33', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h$1("use", { key: 'c9cb4fea1695e81c4e9e775c217dfb9ac3b7c9ec', href: `#${this.name}` }))));
     }
     static get style() { return NvIconStyle0; }
 }, [0, "nv-icon", {
@@ -4448,7 +4448,7 @@ const NvIcon$2 = /*@__PURE__*/ proxyCustomElement(class NvIcon extends H {
         "name": [513],
         "size": [1537]
     }]);
-function defineCustomElement$S() {
+function defineCustomElement$R() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -4461,7 +4461,7 @@ function defineCustomElement$S() {
             break;
     } });
 }
-defineCustomElement$S();
+defineCustomElement$R();
 
 const nvAlertCss = "nv-alert{display:flex !important;align-items:flex-start;position:relative;gap:var(--alert-gap-x);border-radius:var(--alert-radius);font-family:\"TT Norms Pro\", \"Montserrat\", sans-serif}nv-alert>nv-icon{margin-left:var(--alert-icon-position-x);margin-top:var(--alert-icon-position-y)}nv-alert.feedback-information{background-color:var(--components-alert-information-background);border:1px solid var(--components-alert-information-border) !important}nv-alert.feedback-information>.close:focus,nv-alert.feedback-information>.close:focus-within{outline:none}nv-alert.feedback-information>.close:focus-visible,nv-alert.feedback-information>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-warning{background-color:var(--components-alert-warning-background);border:1px solid var(--components-alert-warning-border) !important}nv-alert.feedback-warning>.close:focus,nv-alert.feedback-warning>.close:focus-within{outline:none}nv-alert.feedback-warning>.close:focus-visible,nv-alert.feedback-warning>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-error{background-color:var(--components-alert-error-background);border:1px solid var(--components-alert-error-border) !important}nv-alert.feedback-error>.close:focus,nv-alert.feedback-error>.close:focus-within{outline:none}nv-alert.feedback-error>.close:focus-visible,nv-alert.feedback-error>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-success{background-color:var(--components-alert-success-background);border:1px solid var(--components-alert-success-border) !important}nv-alert.feedback-success>.close:focus,nv-alert.feedback-success>.close:focus-within{outline:none}nv-alert.feedback-success>.close:focus-visible,nv-alert.feedback-success>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-neutral{background-color:var(--components-alert-neutral-background);border:1px solid var(--components-alert-neutral-border) !important}nv-alert.feedback-neutral>.close:focus,nv-alert.feedback-neutral>.close:focus-within{outline:none}nv-alert.feedback-neutral>.close:focus-visible,nv-alert.feedback-neutral>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert>nv-icon.icon-information{color:var(--components-alert-information-icon)}nv-alert>nv-icon.icon-warning{color:var(--components-alert-warning-icon)}nv-alert>nv-icon.icon-error{color:var(--components-alert-error-icon)}nv-alert>nv-icon.icon-success{color:var(--components-alert-success-icon)}nv-alert>nv-icon.icon-neutral{color:var(--components-alert-neutral-icon)}nv-alert>.content{display:flex;padding:var(--alert-padding);padding-left:0;flex-direction:column;gap:var(--alert-gap-y)}nv-alert>.content>.heading{color:var(--components-alert-content-title);font-size:var(--alert-heading-font-size);line-height:var(--alert-heading-line-height);font-weight:var(--alert-heading-font-weight)}nv-alert>.content>.message{color:var(--components-alert-content-description);font-size:var(--alert-message-font-size);line-height:var(--alert-message-line-height)}nv-alert>.close{border-radius:var(--alert-radius);position:absolute;display:flex;top:var(--alert-icon-position-y);right:var(--alert-icon-position-x);padding:0;border:none;background:none;cursor:pointer}";
 const NvAlertStyle0 = nvAlertCss;
@@ -4638,7 +4638,7 @@ const NvAlert$1 = /*@__PURE__*/ proxyCustomElement(class NvAlert extends H {
     }, undefined, {
         "hidden": ["handleHiddenChange"]
     }]);
-function defineCustomElement$1$p() {
+function defineCustomElement$1$o() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -4651,15 +4651,15 @@ function defineCustomElement$1$p() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
     } });
 }
-defineCustomElement$1$p();
+defineCustomElement$1$o();
 
 const NvAlert$2 = NvAlert$1;
-const defineCustomElement$R = defineCustomElement$1$p;
+const defineCustomElement$Q = defineCustomElement$1$o;
 
 const nvAvatarCss = "nv-avatar{align-items:center !important;background-color:var(--components-avatar-background-1);border-radius:var(--radius-rounded-full) !important;display:flex !important;flex-shrink:0 !important;font-family:\"TT Norms Pro\", sans-serif;font-style:normal;font-weight:var(--font-weight-medium-emphasis);justify-content:center !important;leading-trim:both;line-height:1 !important;text-align:center;text-edge:cap;text-transform:uppercase}nv-avatar.avatar-color-1{background-color:var(--components-avatar-background-1);color:var(--components-avatar-content-1)}nv-avatar.avatar-color-2{background-color:var(--components-avatar-background-2);color:var(--components-avatar-content-2)}nv-avatar.avatar-color-3{background-color:var(--components-avatar-background-3);color:var(--components-avatar-content-3)}nv-avatar.avatar-color-4{background-color:var(--components-avatar-background-4);color:var(--components-avatar-content-4)}nv-avatar.avatar-color-5{background-color:var(--components-avatar-background-5);color:var(--components-avatar-content-5)}nv-avatar.avatar-color-6{background-color:var(--components-avatar-background-6);color:var(--components-avatar-content-6)}nv-avatar.avatar-color-7{background-color:var(--components-avatar-background-7);color:var(--components-avatar-content-7)}nv-avatar.avatar-color-8{background-color:var(--components-avatar-background-8);color:var(--components-avatar-content-8)}nv-avatar.avatar-color-9{background-color:var(--components-avatar-background-9);color:var(--components-avatar-content-9)}nv-avatar.avatar-color-10{background-color:var(--components-avatar-background-10);color:var(--components-avatar-content-10)}nv-avatar img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:50%}nv-avatar.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size);line-height:var(--avatar-xs-font-size)}nv-avatar.avatar-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-avatar.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size);line-height:var(--avatar-sm-font-size)}nv-avatar.avatar-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-avatar.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size);line-height:var(--avatar-md-font-size)}nv-avatar.avatar-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-avatar.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size);line-height:var(--avatar-lg-font-size)}nv-avatar.avatar-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-avatar.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size);line-height:var(--avatar-xl-font-size)}nv-avatar.avatar-xl nv-icon>svg{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}";
 const NvAvatarStyle0 = nvAvatarCss;
@@ -4733,7 +4733,7 @@ const NvAvatar$1 = /*@__PURE__*/ proxyCustomElement(class NvAvatar extends H {
         "size": [1537],
         "color": [513]
     }]);
-function defineCustomElement$1$o() {
+function defineCustomElement$1$n() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -4746,15 +4746,15 @@ function defineCustomElement$1$o() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
     } });
 }
-defineCustomElement$1$o();
+defineCustomElement$1$n();
 
 const NvAvatar$2 = NvAvatar$1;
-const defineCustomElement$Q = defineCustomElement$1$o;
+const defineCustomElement$P = defineCustomElement$1$n;
 
 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;
@@ -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: '63f256c6711546ca5304d46c2624e52f35dc2b46', 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: '181e608d22c697517ef55dbc4432ac06cdf6892e', name: "leading-icon" }, this.leadIcon && (h$1("nv-icon", { key: '914d75ef9d54e2c8c94c9c99a4efeb59aa654f1c', slot: "leading-icon", name: this.leadIcon, size: "sm" }))), this.label && h$1("span", { key: 'd32ff92840bba1cc983b24a4fee95af065ffef0e' }, this.label), this.dismissible && (h$1("button", { key: '1dbd1e432774e26936f93f7207e1f6eb93fa0819', onClick: this.handleClose, class: "close", type: "button" }, h$1("nv-icon", { key: '8372fb5ba1dafd5758807485a5be3880a009567d', 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 {
@@ -4904,7 +4904,7 @@ const NvBadge$2 = /*@__PURE__*/ proxyCustomElement(class NvBadge extends H {
         "icon": ["handleIconChange"],
         "hidden": ["handleHiddenChange"]
     }]);
-function defineCustomElement$P() {
+function defineCustomElement$O() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -4917,98 +4917,15 @@ function defineCustomElement$P() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
     } });
 }
-defineCustomElement$P();
+defineCustomElement$O();
 
 const NvBadge$1 = NvBadge$2;
-const defineCustomElement$O = defineCustomElement$P;
-
-const classes = {
-    'w-full': 'w-full',
-    'wFull': 'w-full',
-    'is-active': 'is-active',
-    'is-selected': 'is-selected',
-};
-const NvBaseComponent = /*@__PURE__*/ proxyCustomElement(class NvBaseComponent extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        this.applyClassesOnInitialRender();
-    }
-    componentDidLoad() {
-        this.mutationObserver = new MutationObserver(mutations => {
-            mutations.forEach(mutation => {
-                if (mutation.type === 'attributes') {
-                    const target = mutation.target;
-                    Object.keys(classes).forEach(attributeName => {
-                        if (target.hasAttribute(attributeName)) {
-                            target.classList.add(classes[attributeName]);
-                        }
-                        else {
-                            target.classList.remove(classes[attributeName]);
-                        }
-                    });
-                }
-            });
-        });
-        this.observeElements();
-    }
-    disconnectedCallback() {
-        if (this.mutationObserver) {
-            this.mutationObserver.disconnect();
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region METHODS
-    applyClassesOnInitialRender() {
-        Object.keys(classes).forEach(attributeName => {
-            const elements = this.el.querySelectorAll(`[${attributeName}]`);
-            elements.forEach(element => {
-                element.classList.add(classes[attributeName]);
-            });
-        });
-    }
-    observeElements() {
-        this.mutationObserver.observe(this.el, {
-            attributes: true,
-            attributeFilter: Object.keys(classes),
-            subtree: true,
-        });
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h$1(Host$1, { key: '81da4e7fd653192079ab22a607d1f525b504f3e4', style: { display: 'block' } }, h$1("slot", { key: 'e766e4b073b16d367c473b02c94448cf835a4921' })));
-    }
-    get el() { return this; }
-}, [4, "nv-base"]);
-function defineCustomElement$1$n() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-base"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-base":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvBaseComponent);
-            }
-            break;
-    } });
-}
-defineCustomElement$1$n();
-
-const NvBase$1 = NvBaseComponent;
-const defineCustomElement$N = defineCustomElement$1$n;
+const defineCustomElement$N = defineCustomElement$O;
 
 const useGrow = (node, { duration = 200, amount = 0.8, hasFade = true } = {}) => {
     const nodeStyler = index(node);
@@ -6975,7 +6892,7 @@ const NvPopover$2 = /*@__PURE__*/ proxyCustomElement(class NvPopover extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '6c72a8b8adc53dea2bd79b4b68afbeebc0281453' }, h$1("slot", { key: 'c9b7c7327346a53a5e0183785c2ae7f908a46826', name: "trigger" }), h$1("div", { key: 'd95998b8efc7e3f1c346d4dc516ccdf08bcceb48', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h$1("div", { key: '59a84c8daa368251b10a1f64a4e1335b9f5716dd', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h$1("slot", { key: '1ab56763bc4ff602d83042a10c67d633b81e5ae9', name: "content" }))));
+        return (h$1(Host$1, { key: '830051c35f7e10dfa4e31d401663bd5727ac988f' }, h$1("slot", { key: 'a49852a712bf6ab9c8557035ca4618d007939f03', name: "trigger" }), h$1("div", { key: '6d9cd4bd873cb92b1716a8ea88a3877a029cbe9c', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h$1("div", { key: 'f935c9248b602aa1c39e7d28c5503a24067fb744', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h$1("slot", { key: '6b682de05037b2d3b60c9139c448620fab963ea1', name: "content" }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -7048,7 +6965,7 @@ const NvTooltip$2 = /*@__PURE__*/ proxyCustomElement(class NvTooltip extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '8cd2c98bb131f251183acb9af66c9f6f9756ea95' }, h$1("slot", { key: 'fe6b19ecbf81c75579d2eda7f420dba67d17f6b1' }), h$1("nv-popover", { key: '4bb59ab06f861d3892de8122ef12eacacb8b4ad5', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h$1("p", { key: '1f6eca5114ef857086f1263adb806894d5e8e49e', slot: "content" }, this.message), h$1("slot", { key: '7a359b89785621df4fb4f1c499d4a295f4112aed', name: "content" }))));
+        return (h$1(Host$1, { key: '8309e08944469fad76997a6dfcb8b434461aa5a3' }, h$1("slot", { key: 'f3da94e2f2f581f7b8c93f4b3e70de67e305508a' }), h$1("nv-popover", { key: 'a28c50f59f9a781afd8a8ab60260d065dcadf96d', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h$1("p", { key: '76f63a5f220de640f4eeada8aeba97e9ead73fc9', slot: "content" }, this.message), h$1("slot", { key: 'f55f71b357b23c29b40b9c022a5a1718c4c8c8fb', name: "content" }))));
     }
     get el() { return this; }
     static get style() { return NvTooltipStyle0; }
@@ -7111,7 +7028,7 @@ const NvBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class NvBreadcrumb exten
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'c985863a0ffdcd051abd712c357110cfa056c382', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (h$1("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (h$1("slot", null)), this.tooltip && (h$1("nv-tooltip", { key: '4f7ad5175285ea442cd42581e292d2d430eb8770', message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (h$1("nv-popover", { key: '29aba9e64f0d1785852dc4b830959dcbbd7dfc8b', triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, h$1("ul", { key: '0fde9dac023e6a77cb1524cbfcdf58d11e5a21f3', slot: "content" }, h$1("slot", { key: 'c263990647dc304a37971168669ced00bf46c588' })))), h$1("span", { key: 'f9f96fb13c67e4d3844007342c931ccd690ca7f5', "data-scope": "separator" }, "/")));
+        return (h$1(Host$1, { key: '50f858dc015ef2cd51f54a08fa53ec88ee42ac41', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (h$1("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (h$1("slot", null)), this.tooltip && (h$1("nv-tooltip", { key: '1df40faa4a483d4abf8895def5db87696cf0d08e', message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (h$1("nv-popover", { key: '90174908cdcf1b3e1f8a8a82a01cfa505311c930', triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, h$1("ul", { key: '72282abd41c80bb8edf0c6b19506be32bf5ed688', slot: "content" }, h$1("slot", { key: '4b9c325c0d27162c4856796f6a7d7c9b39edf993' })))), h$1("span", { key: '62316fc8efc09067a0a64d4e90e76d57b329ee81', "data-scope": "separator" }, "/")));
     }
     get el() { return this; }
     static get style() { return NvBreadcrumbStyle0; }
@@ -7158,7 +7075,7 @@ const NvBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class NvBreadcrumbs ext
     }
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'd54bb25f9f34ea0f5ea58da6a60261aed57fefef', role: "navigation", "aria-label": "breadcrumbs" }, h$1("ol", { key: '660c31fbb8860ce0639b475875dd720f3876549b' }, h$1("slot", { key: 'c77828910bfb759839d04b5ac28e11cebec7c937' }))));
+        return (h$1(Host$1, { key: '19ad2bb41f4254a98a571cbadb50ba5ed7d29f62', role: "navigation", "aria-label": "breadcrumbs" }, h$1("ol", { key: '11b77f0f11c6b1dc2ce5ab3f4f7b23e8ec728b61' }, h$1("slot", { key: 'c0c683f93c6874aa5f84fb735d13c1b5eabcd951' }))));
     }
     static get style() { return NvBreadcrumbsStyle0; }
 }, [4, "nv-breadcrumbs"]);
@@ -7201,7 +7118,7 @@ const NvLoader$2 = /*@__PURE__*/ proxyCustomElement(class NvLoader extends H {
     //#region RENDER
     /* <slot> empty to force rendering change */
     render() {
-        return (h$1(Host$1, { key: 'b6b029b8231c2d4a1a6a7f074f42a27b85dff71b', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
+        return (h$1(Host$1, { key: 'f3094e46eb7072534f497694d3c28030f0118acc', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
     }
     static get style() { return NvLoaderStyle0; }
 }, [0, "nv-loader", {
@@ -7364,7 +7281,7 @@ const NvButton$2 = /*@__PURE__*/ proxyCustomElement(class NvButton extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '2e0084462020783fc79f59bb8f9700efde5326f9', role: "button", tabindex: "0", onClick: this.handleButtonClick }, this.loading && (h$1("nv-loader", { key: '71f6b82ad0a48bd1e80f12685e0513acdb2b5431', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), h$1("slot", { key: 'eaeb55591a8f5e25707e12e62c0a85d6bd869fad', name: "leading-icon" }), h$1("slot", { key: 'ad6e7d861a3becdf31643c6cbc49a122f89d36eb' }), h$1("slot", { key: '6c3eeecc5a2c99d01a7b555b8f7d314d6f985012', name: "trailing-icon" })));
+        return (h$1(Host$1, { key: 'f8b20f9052d71f93eaf03f98550a7237225cadf2', role: "button", tabindex: "0", onClick: this.handleButtonClick }, this.loading && (h$1("nv-loader", { key: 'c1cefa72ee24dad9ce16bbfe1f51e6cec6dc7fbc', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), h$1("slot", { key: '36a311494e45ebc23b1133923a676d58e87f3800', name: "leading-icon" }), h$1("slot", { key: 'f6fea826cda9a09f7152f4e30cc6981c89e73ebe' }), h$1("slot", { key: 'd59c23ff85ea7efc16c69c5adbeb0e91786f1f68', name: "trailing-icon" })));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -7524,7 +7441,7 @@ const NvIconbutton$2 = /*@__PURE__*/ proxyCustomElement(class NvIconbutton exten
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '4c8d155b8feb2c43c71075facd4aba91187859e0', role: "button", type: this.type, tabindex: "0", disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && h$1("nv-loader", { key: '98e022b368e278aed21335cf593aeea19dba29ee', size: this.size }), !this.loading && h$1("nv-icon", { key: '5298a3d0a85e97826693e47e04ed9eddcb4f9cd3', name: this.name, size: this.size }), h$1("slot", { key: '7e239aacae35715d4dc309919a21f0def9c0fa5d' })));
+        return (h$1(Host$1, { key: 'f678bd976942aa35ae36c536fdd86cd65a43263a', role: "button", type: this.type, tabindex: "0", disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && h$1("nv-loader", { key: 'b874de8701de163c1f4235c2034a13da30279191', size: this.size }), !this.loading && h$1("nv-icon", { key: '222ccc93e3af3dcec81308b3b90ca724ecdfa2fb', name: this.name, size: this.size }), h$1("slot", { key: 'c7a257f7715a9320ffe46e09b59a2d570d1f052c' })));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -7559,7 +7476,7 @@ function defineCustomElement$F() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-loader":
@@ -7798,11 +7715,11 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
     /**
      * Change the displayed month
      * @param {number} offset - Month offset (-1 for previous, 1 for next)
-     * @param {number} calendarOffset - Month offset for the calendar (0 by default)
      */
-    changeMonth(offset, calendarOffset = 0) {
+    changeMonth(offset) {
         const newDate = new Date(this.currentDate);
-        newDate.setUTCMonth(newDate.getUTCMonth() + offset + calendarOffset);
+        // Ensure we only move by one month at a time
+        newDate.setUTCMonth(newDate.getUTCMonth() + offset);
         // Add the appropriate animation class
         const containers = this.el.querySelectorAll('.calendar-grid');
         containers.forEach(container => {
@@ -7960,10 +7877,13 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
         const firstDay = new Date(Date.UTC(year, month, 1));
         const lastDay = new Date(Date.UTC(year, month + 1, 0));
         const days = [];
-        // Calculate the offset to include the days of the previous month only for the first calendar
-        const offsetDays = offset === 0 ? (firstDay.getUTCDay() - this.firstDayOfWeek + 7) % 7 : 0;
+        // Correct calculation of offset for previous month days
+        // Use getUTCDay to stay consistent with UTC timezone
+        const dayOfWeekIndex = firstDay.getUTCDay(); // 0 = Sunday, 1 = Monday, etc.
+        // Adjust based on firstDayOfWeek (if week starts on Monday, offset is different)
+        const offsetDays = (dayOfWeekIndex - this.firstDayOfWeek + 7) % 7;
         // Add the days of the previous month for the first calendar
-        if (offset === 0) {
+        if (offset === 0 && offsetDays > 0) {
             const prevMonthLastDay = new Date(Date.UTC(year, month, 0)).getUTCDate();
             for (let i = offsetDays; i > 0; i--) {
                 const date = new Date(Date.UTC(year, month - 1, prevMonthLastDay - i + 1));
@@ -8153,6 +8073,21 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
     parseDate(dateInput) {
         if (dateInput instanceof Date)
             return dateInput;
+        // Attempt to automatically detect ISO 8601 format (generated by toISOString())
+        // The regex checks the standard ISO format: YYYY-MM-DDTHH:mm:ss.sssZ
+        if (typeof dateInput === 'string' &&
+            /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/.test(dateInput)) {
+            try {
+                const parsedDate = new Date(dateInput);
+                if (!isNaN(parsedDate.getTime())) {
+                    return parsedDate;
+                }
+            }
+            catch (error) {
+                // If it fails, continue with other methods
+                console.error('Error parsing ISO date:', error);
+            }
+        }
         // Handling Unix Seconds ("X") formats
         if (this.dateFormat === 'X') {
             const unixSeconds = Number(dateInput);
@@ -8199,6 +8134,20 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
         }
         return parsed.toDate();
     }
+    /**
+     * Checks if the date format is in UTC mode
+     * @returns {boolean} true if the date format is in UTC mode
+     */
+    get isUTCMode() {
+        return this.dateFormat.includes('Z');
+    }
+    /**
+     * Checks if the date format is ISO 8601
+     * @returns {boolean} true if the format is ISO 8601
+     */
+    get isISO8601Format() {
+        return this.dateFormat === 'YYYY-MM-DD[T]HH:mm:ss[Z]';
+    }
     /**
      * Formats a date to a string according to the format
      * @param {Date} date - Date to format
@@ -8207,6 +8156,11 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
     formatDate(date) {
         if (!date)
             return '';
+        // Special case for ISO 8601
+        if (this.isISO8601Format) {
+            // For the ISO 8601 format, use directly toISOString() which is standard
+            return date.toISOString();
+        }
         // If the format is "Ticks", convert the time to C# ticks
         if (this.dateFormat === 'Ticks') {
             const ticks = date.getTime() * 10000 + 621355968000000000;
@@ -8402,11 +8356,10 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
     /**
      * Handles month change with an offset
      * @param {number} direction - Direction (-1 for previous, 1 for next)
-     * @param {number} offset - Month offset (0 by default)
      * @returns {Function} Change month handler
      */
-    getChangeMonthHandler(direction, offset) {
-        return () => this.changeMonth(direction, offset);
+    getChangeMonthHandler(direction) {
+        return () => this.changeMonth(direction);
     }
     /**
      * Handles month change from an event (ex: dropdown)
@@ -8468,13 +8421,6 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
             return [];
         }
     }
-    /**
-     * Checks if the date format is in UTC mode
-     * @returns {boolean} true if the date format is in UTC mode
-     */
-    get isUTCMode() {
-        return this.dateFormat.includes('Z');
-    }
     /**
      * Checks if shortcuts are visible
      * @returns {boolean} true if shortcuts are visible
@@ -8500,8 +8446,8 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
      * @description Renders the header of the calendar
      */
     renderHeader(offset, index) {
-        return (h$1("div", { class: "header" }, this.numberOfCalendars > 1 && index === 0 && (h$1("nv-iconbutton", { class: "nav-left", emphasis: "lower", name: "chevron-left", onClick: this.getChangeMonthHandler(-1, offset) })), h$1("div", { class: "date-controls" }, h$1("select", { class: "month-select mr-4", onChange: this.getHandleMonthChange(offset) }, this.months.map(month => (h$1("option", { key: month.value, value: month.value, selected: month.value === (this.currentDate.getUTCMonth() + offset) % 12 }, month.label)))), h$1("input", { type: "number", class: "year-input", min: "1950", max: "2100", value: this.currentDate.getUTCFullYear() +
-                Math.floor((this.currentDate.getUTCMonth() + offset) / 12), onChange: this.getHandleYearChange(offset) })), this.numberOfCalendars === 1 && (h$1("div", { class: "nav-buttons" }, h$1("nv-iconbutton", { emphasis: "lower", name: "chevron-left", onClick: this.getChangeMonthHandler(-1, offset) }), h$1("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: this.getChangeMonthHandler(1, offset) }))), this.numberOfCalendars > 1 && index === this.numberOfCalendars - 1 && (h$1("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: this.getChangeMonthHandler(1, offset), class: "nav-right" }))));
+        return (h$1("div", { class: "header" }, this.numberOfCalendars > 1 && index === 0 && (h$1("nv-iconbutton", { class: "nav-left", emphasis: "lower", name: "chevron-left", onClick: this.getChangeMonthHandler(-1) })), h$1("div", { class: "date-controls" }, h$1("select", { class: "month-select mr-4", onChange: this.getHandleMonthChange(offset) }, this.months.map(month => (h$1("option", { key: month.value, value: month.value, selected: month.value === (this.currentDate.getUTCMonth() + offset) % 12 }, month.label)))), h$1("input", { type: "number", class: "year-input", min: "1950", max: "2100", value: this.currentDate.getUTCFullYear() +
+                Math.floor((this.currentDate.getUTCMonth() + offset) / 12), onChange: this.getHandleYearChange(offset) })), this.numberOfCalendars === 1 && (h$1("div", { class: "nav-buttons" }, h$1("nv-iconbutton", { emphasis: "lower", name: "chevron-left", onClick: this.getChangeMonthHandler(-1) }), h$1("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: this.getChangeMonthHandler(1) }))), this.numberOfCalendars > 1 && index === this.numberOfCalendars - 1 && (h$1("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: this.getChangeMonthHandler(1), class: "nav-right" }))));
     }
     /**
      * Renders the week numbers
@@ -8594,7 +8540,7 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
      * @slot default - Child content of the component.
      */
     render() {
-        return (h$1(Host$1, { key: '43c78a6ec3df4b8e8c909a84ba11172081c87757' }, h$1("div", { key: 'd60d2695e78a5361af1365d10482d74734adc35e', class: "datepicker-root" }, h$1("div", { key: '6fd36abda10808660474a9473e45344162f5f34a', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h$1("div", { key: '443a6ca08d7ba5d7cc1f3a261f9173e7aa3ab037', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), (this.hasShortcuts || this.hasActions) && (h$1("div", { key: '3fddbf390693d2f291f1a834447c24e26a2900cc', class: "datepicker-controls" }, this.hasShortcuts && this.renderShortcuts(), this.hasActions && this.renderActions())))), h$1("slot", { key: 'ec40ab4d4ac408554b700deff08d1b202718963a' })));
+        return (h$1(Host$1, { key: '89300da9f694aa926855452414e7e036f75f2de6' }, h$1("div", { key: '467ef9fc9d6523eec3712bf779d49fdf50c55617', class: "datepicker-root" }, h$1("div", { key: '990f2cb18dcad96cab0f8dfb62e6c57049475440', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h$1("div", { key: 'c0dedf1007cbc6a87bd591925c9994474c876afc', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), (this.hasShortcuts || this.hasActions) && (h$1("div", { key: 'ef81eaf952fbe569be7e1d3ee6cb59de0e137fe4', class: "datepicker-controls" }, this.hasShortcuts && this.renderShortcuts(), this.hasActions && this.renderActions())))), h$1("slot", { key: 'e1281217950b5cb02952a69b081d4fcce5863b4d' })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -8648,7 +8594,7 @@ function defineCustomElement$E() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-iconbutton":
@@ -8694,7 +8640,7 @@ const NvCol$1 = /*@__PURE__*/ proxyCustomElement(class NvCol extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'f9a8dd28d7675648ecb3b9cf4d1e196040f4237f', class: clsx(this.getColSize()) }, h$1("slot", { key: '94c16b6e2df73cb21263423d378ab5fe285a7859' })));
+        return (h$1(Host$1, { key: '8f7112dc8ce8896d9e7265741f06b7449dd508df', class: clsx(this.getColSize()) }, h$1("slot", { key: '3bedff11752d04db2615a5f26d4d910d95dee76c' })));
     }
     static get style() { return NvColStyle0; }
 }, [4, "nv-col", {
@@ -11834,6 +11780,22 @@ function getCoreRowModel() {
     return rowModel;
   }, getMemoOptions(table.options, 'debugTable', 'getRowModel', () => table._autoResetPageIndex()));
 }
+function expandRows(rowModel) {
+  const expandedRows = [];
+  const handleRow = row => {
+    var _row$subRows;
+    expandedRows.push(row);
+    if ((_row$subRows = row.subRows) != null && _row$subRows.length && row.getIsExpanded()) {
+      row.subRows.forEach(handleRow);
+    }
+  };
+  rowModel.rows.forEach(handleRow);
+  return {
+    rows: expandedRows,
+    flatRows: rowModel.flatRows,
+    rowsById: rowModel.rowsById
+  };
+}
 
 function filterRows(rows, filterRowImpl, table) {
   if (table.options.filterFromLeafRows) {
@@ -12021,6 +11983,49 @@ function getFilteredRowModel() {
   }, getMemoOptions(table.options, 'debugTable', 'getFilteredRowModel', () => table._autoResetPageIndex()));
 }
 
+function getPaginationRowModel(opts) {
+  return table => memo(() => [table.getState().pagination, table.getPrePaginationRowModel(), table.options.paginateExpandedRows ? undefined : table.getState().expanded], (pagination, rowModel) => {
+    if (!rowModel.rows.length) {
+      return rowModel;
+    }
+    const {
+      pageSize,
+      pageIndex
+    } = pagination;
+    let {
+      rows,
+      flatRows,
+      rowsById
+    } = rowModel;
+    const pageStart = pageSize * pageIndex;
+    const pageEnd = pageStart + pageSize;
+    rows = rows.slice(pageStart, pageEnd);
+    let paginatedRowModel;
+    if (!table.options.paginateExpandedRows) {
+      paginatedRowModel = expandRows({
+        rows,
+        flatRows,
+        rowsById
+      });
+    } else {
+      paginatedRowModel = {
+        rows,
+        flatRows,
+        rowsById
+      };
+    }
+    paginatedRowModel.flatRows = [];
+    const handleRow = row => {
+      paginatedRowModel.flatRows.push(row);
+      if (row.subRows.length) {
+        row.subRows.forEach(handleRow);
+      }
+    };
+    paginatedRowModel.rows.forEach(handleRow);
+    return paginatedRowModel;
+  }, getMemoOptions(table.options, 'debugTable'));
+}
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Debounce function to prevent multiple calls in a short
@@ -12051,12 +12056,15 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         this.action = createEvent$1(this, "action");
         this.templateCache = new Map();
         this.headerTemplateCache = new Map();
+        this.minPageIndex = 1;
         /****************************************************************************/
         //#region STATES
         this.table = null;
         this.parsedColumns = []; // Parsed array
         this.parsedData = []; // Parsed array
-        this.globalFilter = '';
+        this.globalFilterSearchTerm = '';
+        this.columnData = [];
+        this.paginationState = null;
         //#endregion STATES
         /****************************************************************************/
         //#region PROPERTIES
@@ -12106,8 +12114,24 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
          * @default false
          */
         this.autoGenerateColumns = false;
+        /**
+         * Whether to enable pagination for the data grid.
+         * @default false
+         */
+        this.enablePagination = false;
+        /**
+         * The number of rows to display per page.
+         * @default 10
+         */
+        this.pageSize = 10;
+        /**
+         * The array of page sizes to display in the pagination dropdown.
+         * @default [10, 20, 30, 40, 50]
+         */
+        this.pageSizes = [10, 20, 30, 40, 50];
         this.debouncedFilter = debounce((value) => {
-            this.globalFilter = value;
+            var _a;
+            (_a = this.table) === null || _a === void 0 ? void 0 : _a.setGlobalFilter(value);
         }, 300);
         /**
          * Handles global filtering on input event for the search input.
@@ -12123,6 +12147,23 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
                 this.debouncedFilter(value);
             }
         };
+        this.flexRender = (comp, props) => {
+            if (typeof comp === 'function') {
+                return comp(props);
+            }
+            return comp;
+        };
+        this.handlePageIndexChange = (event) => {
+            const target = event.target;
+            const page = target.value ? Number(target.value) - 1 : 0;
+            // Simply use `setPageIndex` to update the page index directly
+            this.paginationState = Object.assign(Object.assign({}, this.paginationState), { pageIndex: page }); // This triggers the paginationState watcher
+        };
+        this.handlePageSizeChange = (event) => {
+            const target = event.target;
+            // Simply use `setPageSize` to update the page size directly
+            this.paginationState = Object.assign(Object.assign({}, this.paginationState), { pageSize: Number(target.value) }); // This triggers the paginationState watcher
+        };
     }
     //#endregion PROPERTIES
     /****************************************************************************/
@@ -12132,6 +12173,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"]');
@@ -12152,6 +12194,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() {
@@ -12217,6 +12265,7 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         this.parsedColumns = safeNewValue;
     }
     initializeTable() {
+        var _a, _b, _c, _d;
         // Clear the previous table instance (if any)
         this.table = null;
         // Set default options for the table
@@ -12250,26 +12299,9 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
                 }, // Default: no column sizing info
             },
         };
-        if (this.enableGlobalFilter) {
-            tableOptions.getFilteredRowModel = getFilteredRowModel();
-            // Set the initial global filter value
-            tableOptions.state.globalFilter = this.globalFilter;
-            // Define the callback for global filter changes
-            tableOptions.onGlobalFilterChange = value => {
-                this.globalFilter = value;
-            };
-            tableOptions.globalFilterFn = (row, columnId, filterValue) => {
-                const response = row
-                    .getValue(columnId)
-                    .toString()
-                    .toLowerCase()
-                    .includes(filterValue.toLowerCase());
-                return response;
-            };
-        }
         if (this.parsedColumns.length > 0) {
             // Validate and generate column definitions
-            const validColumns = this.parsedColumns.filter(column => (column === null || column === void 0 ? void 0 : column.accessor) && (column === null || column === void 0 ? void 0 : column.header));
+            const validColumns = this.parsedColumns.filter(column => column === null || column === void 0 ? void 0 : column.accessor);
             // Update tableOptions based on parsed data and columns
             const hasColumns = validColumns && Array.isArray(validColumns) && validColumns.length > 0;
             const hasData = this.parsedData &&
@@ -12277,22 +12309,22 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
                 this.parsedData.length > 0;
             if (!hasColumns && !hasData) ;
             else if (hasColumns && !hasData) {
+                // Has columns but no data
                 tableOptions.columns = this.generateColumns(validColumns, tableOptions);
             }
             else {
                 // Both columns and data are available
-                // No columns and data is available
                 tableOptions.data = this.getTableData();
                 tableOptions.columns = this.generateColumns(validColumns, tableOptions);
             }
         }
         else {
-            // No columns and data is available
+            // No parsed 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
+                // No parsed columns and data is available
                 const firstRow = this.parsedData[0];
                 const arrayColumnsConfig = Object.keys(firstRow).map(key => ({
                     accessor: key,
@@ -12305,26 +12337,116 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
                 tableOptions.columns = this.generateColumns(arrayColumnsConfig, tableOptions);
             }
         }
+        if (this.enableGlobalFilter) {
+            tableOptions.getFilteredRowModel = getFilteredRowModel();
+            const globalFilter = this.globalFilterSearchTerm;
+            // Set the initial global filter value
+            tableOptions.state.globalFilter = globalFilter;
+            // Define the callback for global filter changes
+            tableOptions.onGlobalFilterChange = updater => {
+                const newFilter = typeof updater === 'function'
+                    ? updater(this.globalFilterSearchTerm)
+                    : updater;
+                this.globalFilterSearchTerm = newFilter; // Will automatically trigger the searchTerm watcher and update the table
+            };
+            tableOptions.globalFilterFn = this.globalFilterFn;
+        }
+        if (this.enablePagination) {
+            tableOptions.getPaginationRowModel = getPaginationRowModel();
+            const pagination = {
+                pageIndex: (_b = (_a = this.paginationState) === null || _a === void 0 ? void 0 : _a.pageIndex) !== null && _b !== void 0 ? _b : 0,
+                pageSize: (_d = (_c = this.paginationState) === null || _c === void 0 ? void 0 : _c.pageSize) !== null && _d !== void 0 ? _d : 10,
+            };
+            // Set the initial pagination value with safeguards
+            tableOptions.state.pagination = pagination;
+            tableOptions.onPaginationChange = updater => {
+                const newPagination = typeof updater === 'function'
+                    ? updater(this.paginationState)
+                    : updater;
+                this.paginationState = newPagination;
+            };
+        }
         // Initialize the table
         this.table = createTable(tableOptions);
     }
+    /**
+     * Global filter function for the table.
+     * This function checks if the specified filter value is present in any of the row's original values,
+     * including nested objects and arrays. It is used to filter the rows based on the global filter value,
+     * allowing for case-insensitive matching.
+     *
+     * @param {Row<any>} row - The row object containing the data to be filtered.
+     * @param {string} _columnId - The ID of the column being filtered (not used in this function).
+     * @param {string} filterValue - The value to filter the rows by. This value is checked against the row's data.
+     * @returns {boolean} - Returns true if the row should be included in the filtered results, false otherwise.
+     *                     If the filter value is empty, all rows are included.
+     */
+    globalFilterFn(row, _columnId, filterValue) {
+        const safeFilterValue = String(filterValue).toLowerCase().trim();
+        // If no filter value, return true for all rows
+        if (!safeFilterValue)
+            return true;
+        // More robust filtering across all columns
+        const checkValue = (value) => {
+            if (typeof value === 'object' && value !== null) {
+                // If it's an array, check each item
+                if (Array.isArray(value)) {
+                    return value.some(item => checkValue(item));
+                }
+                // If it's an object, check each property
+                return Object.values(value).some(val => checkValue(val));
+            }
+            return String(value).toLowerCase().includes(safeFilterValue);
+        };
+        return checkValue(row.original);
+    }
     // Helper function to generate column definitions
     generateColumns(validColumns, tableOptions) {
         const columnHelper = createColumnHelper();
         if (validColumns.length > 0) {
             // Use defined columns
-            return validColumns.map(column => columnHelper.accessor(column.accessor, {
-                header: column.header,
-                cell: info => info.getValue(),
-                enableGlobalFilter: this.enableGlobalFilter,
-            }));
+            return validColumns.map(column => {
+                var _a, _b;
+                return columnHelper.accessor(column.accessor, {
+                    header: (_b = (this.renderTemplate(this.headerTemplateCache.get(column.accessor), (_a = column.header) !== null && _a !== void 0 ? _a : column.accessor, null) ||
+                        column.header)) !== null && _b !== void 0 ? _b : column.accessor,
+                    cell: (info) => {
+                        var _a, _b, _c;
+                        const value = info.getValue();
+                        const cellAccessors = column.accessor;
+                        const row = info.row;
+                        return ((_a = this.columnData.find(x => x.accessor === cellAccessors)) === null || _a === void 0 ? void 0 : _a.repeatTemplate) && Array.isArray(value)
+                            ? value.map((item) => {
+                                var _a, _b;
+                                return (_b = (_a = (this.renderTemplate(this.templateCache.get(cellAccessors), item, row) ||
+                                    item)) !== null && _a !== void 0 ? _a : value) !== null && _b !== void 0 ? _b : this.fallbackValue;
+                            })
+                            : (_c = (_b = (this.renderTemplate(this.templateCache.get(cellAccessors), value, row) ||
+                                value)) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : this.fallbackValue;
+                    },
+                    enableGlobalFilter: this.enableGlobalFilter,
+                });
+            });
         }
         else if (tableOptions.data && tableOptions.data.length > 0) {
             // Generate columns from data keys
             const sampleRow = tableOptions.data[0];
             return Object.keys(sampleRow).map(key => columnHelper.accessor(key, {
-                header: key.charAt(0).toUpperCase() + key.slice(1), // Capitalize key for header
-                cell: info => info.getValue(),
+                header: this.renderTemplate(this.headerTemplateCache.get(key), key.charAt(0).toUpperCase() + key.slice(1), null) || key.charAt(0).toUpperCase() + key.slice(1), // Capitalize key for header
+                cell: (info) => {
+                    var _a, _b, _c;
+                    const value = info.getValue();
+                    const cellAccessors = key;
+                    const row = info.row;
+                    return ((_a = this.columnData.find(x => x.accessor === cellAccessors)) === null || _a === void 0 ? void 0 : _a.repeatTemplate) && Array.isArray(value)
+                        ? value.map((item) => {
+                            var _a, _b;
+                            return (_b = (_a = (this.renderTemplate(this.templateCache.get(cellAccessors), item, row) ||
+                                item)) !== null && _a !== void 0 ? _a : value) !== null && _b !== void 0 ? _b : this.fallbackValue;
+                        })
+                        : (_c = (_b = (this.renderTemplate(this.templateCache.get(cellAccessors), value, row) ||
+                            value)) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : this.fallbackValue;
+                },
                 enableGlobalFilter: this.enableGlobalFilter,
             }));
         }
@@ -12353,11 +12475,11 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         // Replace placeholders in text content, attributes, and properties
         element.querySelectorAll('*').forEach(el => {
             // Replace placeholders in text content
-            this.replacePlaceholdersTextContent(el, cellValue);
+            this.replacePlaceholdersTextContent(el, cellValue, row);
             // Replace placeholders in attributes
-            this.replacePlaceholdersAttributes(el, cellValue);
+            this.replacePlaceholdersAttributes(el, cellValue, row);
             // Replace placeholders in properties
-            this.replacePlaceholdersProperties(el, cellValue);
+            this.replacePlaceholdersProperties(el, cellValue, row);
         });
         // Handle `data-bind-event`
         element.querySelectorAll('[data-bind-event]').forEach(el => {
@@ -12433,56 +12555,151 @@ 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;
     }
-    replacePlaceholdersTextContent(element, cellValue) {
-        // ✅ Replace placeholders in text content
-        element.childNodes.forEach(node => {
-            if (node.nodeType === Node.TEXT_NODE) {
-                node.textContent = node.textContent.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(key, cellValue));
-            }
-        });
-    }
-    replacePlaceholdersAttributes(element, cellValue) {
-        // ✅ Replace placeholders in attributes
-        Array.from(element.attributes).forEach(attr => {
-            if (attr.value.includes('__')) {
-                attr.value = attr.value.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(key, cellValue));
-            }
-        });
+    replacePlaceholdersTextContent(element, cellValue, row) {
+        if (!cellValue) {
+            // ✅ Replace placeholders in text content with the row original value
+            // but first get the original value
+            const originalValue = row.original;
+            element.childNodes.forEach(node => {
+                if (node.nodeType === Node.TEXT_NODE) {
+                    node.textContent = node.textContent.replace(/__([\w.]+)__/g, (_, key) => {
+                        if (key in originalValue) {
+                            return this.replaceKeyWithValue(key, originalValue[key]);
+                        }
+                        else {
+                            console.warn(`Key ${key} not found in originalValue`);
+                            return '';
+                        }
+                    });
+                }
+            });
+        }
+        else {
+            // ✅ Replace placeholders in text content
+            element.childNodes.forEach(node => {
+                if (node.nodeType === Node.TEXT_NODE) {
+                    node.textContent = node.textContent.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(key, cellValue));
+                }
+            });
+        }
     }
-    replacePlaceholdersProperties(element, cellValue) {
-        // ✅ Dynamically extract relevant properties
-        const properties = new Set();
-        // Collect only own enumerable properties
-        Object.keys(element).forEach(key => properties.add(key));
-        // Collect inherited properties from prototypes (HTMLElement -> Element -> Node)
-        let proto = Object.getPrototypeOf(element);
-        while (proto && proto !== H.prototype) {
-            Object.keys(proto).forEach(key => properties.add(key));
-            proto = Object.getPrototypeOf(proto);
+    replacePlaceholdersAttributes(element, cellValue, row) {
+        if (!cellValue) {
+            // ✅ Replace placeholders in attributes with the row original value
+            // but first get the original value
+            const originalValue = row.original;
+            Array.from(element.attributes).forEach(attr => {
+                if (attr.value.includes('__')) {
+                    attr.value = attr.value.replace(/__([\w.]+)__/g, (_, key) => {
+                        if (key in originalValue) {
+                            return this.replaceKeyWithValue(key, originalValue[key]);
+                        }
+                        else {
+                            console.warn(`Key ${key} not found in originalValue`);
+                            return '';
+                        }
+                    });
+                }
+            });
         }
-        // ✅ Filter and copy only non-function properties and exclude irrelevant ones
-        properties.forEach(prop => {
-            if (typeof element[prop] !== 'function' && // Ignore methods
-                !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)
-                !excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props
-            ) {
-                try {
+        else {
+            // ✅ Replace placeholders in attributes
+            Array.from(element.attributes).forEach(attr => {
+                if (attr.value.includes('__')) {
+                    attr.value = attr.value.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(key, cellValue));
+                }
+            });
+        }
+    }
+    replacePlaceholdersProperties(element, cellValue, row) {
+        if (!cellValue) {
+            // ✅ Replace placeholders in properties with the row original value
+            // but first get the original value
+            const originalValue = row.original;
+            // ✅ Dynamically extract relevant properties
+            const properties = new Set();
+            // Collect only own enumerable properties
+            Object.keys(originalValue).forEach(key => properties.add(key));
+            // Collect inherited properties from prototypes (HTMLElement -> Element -> Node)
+            let proto = Object.getPrototypeOf(originalValue);
+            while (proto && proto !== H.prototype) {
+                Object.keys(proto).forEach(key => properties.add(key));
+                proto = Object.getPrototypeOf(proto);
+            }
+            // ✅ Filter and copy only non-function properties and exclude irrelevant ones
+            properties.forEach(prop => {
+                if (typeof element[prop] !== 'function' && // Ignore methods
+                    !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)
+                    !excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props
+                ) {
                     const propValue = element[prop];
-                    // ✅ Replace placeholders only if the value is a string
                     if (typeof propValue === 'string' && propValue.includes('__')) {
-                        element[prop] = propValue.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(key, cellValue)); // ✅ TypeScript safe
+                        element[prop] = propValue.replace(/__([\w.]+)__/g, (_, key) => {
+                            if (key in originalValue) {
+                                return this.replaceKeyWithValue(key, originalValue[key]);
+                            }
+                            else {
+                                console.warn(`Key ${key} not found in originalValue`);
+                                return '';
+                            }
+                        });
                     }
                 }
-                catch (error) {
-                    console.warn(`Could not assign property ${prop}:`, error.message);
+            });
+        }
+        else {
+            // ✅ Dynamically extract relevant properties
+            const properties = new Set();
+            // Collect only own enumerable properties
+            Object.keys(element).forEach(key => properties.add(key));
+            // Collect inherited properties from prototypes (HTMLElement -> Element -> Node)
+            let proto = Object.getPrototypeOf(element);
+            while (proto && proto !== H.prototype) {
+                Object.keys(proto).forEach(key => properties.add(key));
+                proto = Object.getPrototypeOf(proto);
+            }
+            // ✅ Filter and copy only non-function properties and exclude irrelevant ones
+            properties.forEach(prop => {
+                if (typeof element[prop] !== 'function' && // Ignore methods
+                    !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)
+                    !excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props
+                ) {
+                    try {
+                        const propValue = element[prop];
+                        // ✅ Replace placeholders only if the value is a string
+                        if (typeof propValue === 'string' && propValue.includes('__')) {
+                            element[prop] = propValue.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(key, cellValue)); // ✅ TypeScript safe
+                        }
+                    }
+                    catch (error) {
+                        console.warn(`Could not assign property ${prop}:`, error.message);
+                    }
                 }
-            }
-        });
+            });
+        }
     }
     //#endregion METHODS
     /****************************************************************************/
@@ -12516,14 +12733,30 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
     handleParsedChange() {
         this.initializeTable();
     }
-    handleGlobalFilter(newValue) {
+    handleGlobalFilterSearchTerm(newValue) {
         if (!this.table) {
             console.warn('Table is not initialized yet.');
             return;
         }
-        // 🚨 Manually update state before calling filter
-        this.table.options.state = Object.assign(Object.assign({}, this.table.options.state), { globalFilter: newValue });
-        this.table.setGlobalFilter(newValue);
+        // Not working
+        /*// Set the global filter for the table
+        this.table.setGlobalFilter(newValue);*/
+        // Manually update the globalFilter state
+        this.table.options.state.globalFilter = newValue;
+    }
+    handlePaginationState(newValue, oldValue) {
+        if (!this.table) {
+            console.warn('Table is not initialized yet.');
+            return;
+        }
+        // Only update if there is a meaningful change
+        if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
+            // Not working
+            /*// Set the pagination for the table
+            this.table.setPagination(newValue);*/
+            // Manually update the pagination state
+            this.table.options.state.pagination = newValue;
+        }
     }
     //#endregion WATCHERS
     /****************************************************************************/
@@ -12532,34 +12765,39 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         this.cacheTemplates();
         this.parseDataAndColumns();
         this.initializeTable();
+        if (this.enablePagination) {
+            // Ensure a valid page size
+            const effectivePageSize = this.pageSize > 0 ? this.pageSize : 10;
+            this.paginationState = {
+                pageIndex: Math.max(0, this.minPageIndex - 1),
+                pageSize: effectivePageSize,
+            };
+        }
     }
     //#endregion EVENTS
     /****************************************************************************/
     //#region RENDER
     render() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const headerGroups = !this.table || this.table === undefined || this.parsedColumns.length === 0
             ? []
             : (_a = this.table) === null || _a === void 0 ? void 0 : _a.getHeaderGroups();
         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: '6768db58f6a19cbb64e2206957ca27c18c408e46' }, h$1("div", { key: 'e262922097ae61025e13f8fe685ed7b38063e82c', class: "hidden" }, h$1("slot", { key: '9025f410bc3e6b409d6225a53a97d13aa3629200' })), h$1("slot", { key: '684876205d7092a4edf325c8897e97a491b77c6a', name: "before" }), this.enableGlobalFilter && this.table && (h$1("div", { key: 'b2fe6dd4a97d978617d404134286e6048eb8ddc2', class: "search-container" }, h$1("input", { key: '82c5d3b73b0bff0c2415ad896a6a4504bb1bb92c', type: "text", value: (_d = this.globalFilter) !== null && _d !== void 0 ? _d : '', onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns...", class: "search-input", "aria-label": "Search all columns" }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (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: 'b3886397a5e6694611636d4da7d61ae5ccbe1903' }, h$1("div", { key: '8fa71d83f4cfa79cf7fb334bcf6115e4cf253c5d', class: "hidden" }, h$1("slot", { key: '9aad5956b5973cafc486f3a854a66ae86038ef4a' })), h$1("slot", { key: '7a1ca93223567faffabb3473df2176cd02654247', name: "before" }), this.enableGlobalFilter && this.table && (h$1("div", { key: '0020880c229d8ed9070c15182191e86b8b3fed1d', class: "search-container" }, h$1("input", { key: 'cefc47330a7d770c3668d1406930b9ac50992a10', type: "text", value: (_d = this.globalFilterSearchTerm) !== 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("div", null, 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
-                    : this.renderTemplate(this.headerTemplateCache.get(header.id), {}) || header.column.columnDef.header));
+                    : this.flexRender(header.column.columnDef.header, header.getContext())));
             }))))
             : null)), h$1("tbody", null, !rows || rows.length === 0 || this.parsedData.length === 0 ? (h$1("tr", null, h$1("td", { colSpan: this.parsedColumns.length || 12, class: "no-data" }, this.noDataMessage))) : (rows.map(row => {
             const rowId = row.id;
             const visibleCells = row === null || row === void 0 ? void 0 : row.getVisibleCells();
             return (h$1("tr", { key: rowId }, visibleCells.map(cell => {
-                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 }, this.flexRender(cell.column.columnDef.cell, cell.getContext())));
             })));
-        }))))), h$1("slot", { key: '4bda5737d7917a508b97cf38b764000f8c5d368d', name: "after" })));
+        })))), this.enablePagination && (h$1("div", { class: "flex items-center gap-2" }, h$1("button", { class: "border rounded p-1", disabled: !this.table.getCanPreviousPage(), onClick: this.table.firstPage }, "<<"), h$1("button", { class: "border rounded p-1", disabled: !this.table.getCanPreviousPage(), onClick: this.table.previousPage }, "<"), h$1("button", { class: "border rounded p-1", disabled: !this.table.getCanNextPage(), onClick: this.table.nextPage }, ">"), h$1("button", { class: "border rounded p-1", disabled: !this.table.getCanNextPage(), onClick: this.table.lastPage }, ">>"), h$1("span", { class: "flex items-center gap-1" }, h$1("div", null, "Page"), h$1("strong", null, this.table.getState().pagination.pageIndex + 1, " of", ' ', this.table.getPageCount().toLocaleString())), h$1("span", { class: "flex items-center gap-1" }, "| Go to page:", ' ', h$1("input", { type: "number", min: this.minPageIndex, max: this.table.getPageCount(), value: this.table.getState().pagination.pageIndex + 1, class: "border p-1 rounded w-16", "aria-label": "Go to page", onInput: this.handlePageIndexChange })), (_e = this.pageSizes) !== null && _e !== void 0 ? _e : (h$1("select", { "aria-label": "Rows per page", onChange: this.handlePageSizeChange }, this.pageSizes.map(pageSize => (h$1("option", { value: String(pageSize), selected: this.table.getState().pagination.pageSize === pageSize }, "Show ", pageSize))))))))), h$1("slot", { key: '2030fdc2b38a293e749f2ffd4645987e834fee76', name: "after" })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -12569,7 +12807,8 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         "dataJson": ["parseJsonData"],
         "parsedColumns": ["handleParsedChange"],
         "parsedData": ["handleParsedChange"],
-        "globalFilter": ["handleGlobalFilter"]
+        "globalFilterSearchTerm": ["handleGlobalFilterSearchTerm"],
+        "paginationState": ["handlePaginationState"]
     }; }
     static get style() { return NvDatagridStyle0; }
 }, [4, "nv-datagrid", {
@@ -12582,10 +12821,15 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         "noColumnsNoDataMessage": [513, "no-columns-no-data-message"],
         "enableGlobalFilter": [516, "enable-global-filter"],
         "autoGenerateColumns": [516, "auto-generate-columns"],
+        "enablePagination": [516, "enable-pagination"],
+        "pageSize": [514, "page-size"],
+        "pageSizes": [16],
         "table": [32],
         "parsedColumns": [32],
         "parsedData": [32],
-        "globalFilter": [32]
+        "globalFilterSearchTerm": [32],
+        "columnData": [32],
+        "paginationState": [32]
     }, undefined, {
         "columns": ["parseColumns"],
         "columnsJson": ["parseJsonColumns"],
@@ -12593,7 +12837,8 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
         "dataJson": ["parseJsonData"],
         "parsedColumns": ["handleParsedChange"],
         "parsedData": ["handleParsedChange"],
-        "globalFilter": ["handleGlobalFilter"]
+        "globalFilterSearchTerm": ["handleGlobalFilterSearchTerm"],
+        "paginationState": ["handlePaginationState"]
     }]);
 function defineCustomElement$1$j() {
     if (typeof customElements === "undefined") {
@@ -12617,16 +12862,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: '2152d749763187f6b423094fd7f9bffeea9e5581' }, h$1("slot", { key: '101690ca4e853b28543796c5e74a38e142c38978', name: "header" }), h$1("slot", { key: '78ad0c0a78ad12418d3fcba33ae8ec476af8f6b9', name: "cell" })));
+        return (h$1(Host$1, { key: '20839d4a0abfa07e55a49b434ad26e3ddaebb66b' }, h$1("slot", { key: '2c1b24aef73e9be8e500d48741e4dc6a42ed6f06', name: "header" }), h$1("slot", { key: 'cbc4bcbb080f8647c6f702e4a52411fe9be1f6ca', name: "cell" })));
     }
 }, [4, "nv-datagridcolumn", {
         "header": [513],
-        "accessor": [513]
+        "accessor": [513],
+        "repeatTemplate": [516, "repeat-template"]
     }]);
 function defineCustomElement$1$i() {
     if (typeof customElements === "undefined") {
@@ -12726,7 +12976,7 @@ const NvDialogfooter$2 = /*@__PURE__*/ proxyCustomElement(class NvDialogfooter e
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'eda5ae29872e57688e5557f17baa87ea6f0cab87' }, !this.hasSlot ? (h$1(Fragment$1, null, !this.undismissable && (h$1("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h$1("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h$1("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h$1("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (h$1("slot", null))));
+        return (h$1(Host$1, { key: '5756a0cc697188c3fdee2930b1c6ae7922af71cc' }, !this.hasSlot ? (h$1(Fragment$1, null, !this.undismissable && (h$1("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h$1("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h$1("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h$1("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (h$1("slot", null))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -12760,7 +13010,7 @@ function defineCustomElement$z() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-loader":
@@ -12801,7 +13051,7 @@ const NvDialogheader$2 = /*@__PURE__*/ proxyCustomElement(class NvDialogheader e
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '539e18fe0cca582002a55fbf4a72f1dccdc09a06' }, !this.hasSlot ? (h$1(Fragment$1, null, h$1("div", { class: "heading" }, this.heading), h$1("div", { class: "subheading" }, this.subheading))) : (h$1("slot", null))));
+        return (h$1(Host$1, { key: '850e2408cb7a35903be3bc51fbee000fc58f4a76' }, !this.hasSlot ? (h$1(Fragment$1, null, h$1("div", { class: "heading" }, this.heading), h$1("div", { class: "subheading" }, this.subheading))) : (h$1("slot", null))));
     }
     get el() { return this; }
     static get style() { return NvDialogheaderStyle0; }
@@ -13647,7 +13897,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: '0d1971821d9b2246e34266f14a5ac5b821fac49f' }, h$1("slot", { key: 'a606aad42659ca51f37a06e1a423e1ecab1d11d3', name: "trigger" }), h$1("dialog", { key: '08eb4d75656c6b231bbeb5e9e9e769f923cd8827', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, h$1("div", { key: '4b0a03d468ef0a9abac1ed023ba6c98998a5166d', class: "content" }, !this.undismissable && (h$1("nv-button", { key: '3e18e13147d82594a3ce690dd34b600240bebc0a', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, h$1("nv-icon", { key: '7e1ac2679a70e5c0c256bdbe3b6ea85ed02cb1d3', name: "x", size: "sm" }))), this.headerElement ? (h$1("slot", { name: "header" })) : (h$1("nv-dialogheader", { id: "dialog-header" })), h$1("div", { key: '440b69a2e068c233aad49876a70c03ed49a9f6ea', class: "content-body", id: "dialog-content" }, h$1("slot", { key: 'a959c6e941613e150372891a5e5ca4a5ff19f4d7' })), 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: '97fcd67a39e1ade8b2c85280d98aa756e693fdaf' }, h$1("slot", { key: 'cd2126fc88215305b1229e03c70ee8efbd4bd518', name: "trigger" }), h$1("dialog", { key: 'f7d40530e0f0646e1d8c415c0ec341e959e142e6', 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: '44c81193f1946a1ae0819e96d0217bf986c6e99a', class: "content" }, !this.undismissable && (h$1("nv-button", { key: '5c2cf4e7434903f72ba814af716ce93826caaa3a', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, h$1("nv-icon", { key: '97b57d2340aaf1cd04e49d0f4e594b2de5295809', name: "x", size: "sm" }))), this.headerElement ? (h$1("slot", { name: "header" })) : (h$1("nv-dialogheader", { id: "dialog-header" })), h$1("div", { key: '27cd8b2058505be1e0ee0e380bf44582c37c525f', class: "content-body", id: "dialog-content" }, h$1("slot", { key: 'cef88d8a7fe28518842c206761adc2fd753b2648' })), 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 {
@@ -13696,7 +13946,7 @@ function defineCustomElement$1$h() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-loader":
@@ -13831,13 +14081,13 @@ const NvFieldcheckbox$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldcheckbox
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'b116295489cba9239b5d6392c6518b0c57af5191', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h$1("div", { key: 'b769f372a3f69899ec1cc76a4d4b2dbc7766252f', class: "input-container" }, h$1("input", { key: 'd35876f83b8a57bfd19243de1e0db8202270e3c5', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !this.required, required: this.required, indeterminate: this.indeterminate, ref: el => {
+        return (h$1(Host$1, { key: '98f9dfdadab534193e7076f929c9820a231fecba', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h$1("div", { key: '5a4d02d46b7c8c8930c24f794452180d58604ffe', class: "input-container" }, h$1("input", { key: 'f7a4002a5fb9800ed4036638773ac42c49d4ae0f', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !this.required, required: this.required, indeterminate: this.indeterminate, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } }), h$1("span", { key: '1ee167d0b2ce274d04d1e4b2be6413073b22c8c6', class: "icon" }, this.checked && !this.indeterminate && (h$1("slot", { key: 'c30cb3412f622ef77eb063818f5a3747f9d17978', name: "checked-icon" }, h$1("svg", { key: 'ae0629aac32ecd36393c2de7e492ede9d040ae78', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h$1("path", { key: '882eef5ea011863ebe1c48a0b2b08e409f248b99', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (h$1("slot", { key: '5776848166e3f332eb010739fa6406fb23820f6b', name: "indeterminate-icon" }, h$1("svg", { key: '8668230cf4c31efb7c314bb32e22b3e7062184c1', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, h$1("path", { key: '7b2cd078b8eabcd3c45c7dfd71754ed1f5c3a77d', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h$1("div", { key: 'ace39a1b99e5eb521b6612bd9d52d788d77815e3', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '2361d3fef97b97b07c96243d56b6f3d86703347e', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h$1("slot", { key: '8f49928ebf77fd0ee1eda81640a57d5d4788440b', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'f0555ef436450adcad6cce6037f69d40403e99d1', class: "description" }, h$1("slot", { key: 'bb18fbebf918d035f3eb42ac4d58c631d4146261', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '804306abacc16d0fdf79fc7826d19a3934ee1e3f', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '8288bc5c84368072278d5ad61d0b0b09f455749d', name: "error-description" }, this.errorDescription))))));
+            } }), h$1("span", { key: '56a2547ecf96ef3f7f28054592471323497cb94f', class: "icon" }, this.checked && !this.indeterminate && (h$1("slot", { key: 'af4e10bd52b42850c8348e0aed8c90a7e700d64a', name: "checked-icon" }, h$1("svg", { key: '105847f526c391566cef42fa35d94fbaba0e8984', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h$1("path", { key: '41e221d5f3eab7a4cc88d4ed9454f198d69ec815', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (h$1("slot", { key: '3a1f5ffdc34a1ecdc1bb7f1b5347e1f12f5f690d', name: "indeterminate-icon" }, h$1("svg", { key: '1b68c27172d5b6b9ba2419d278c0ac0299d7a4b7', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, h$1("path", { key: '7b2f4e5fe1d961fad290aade639b9807446f34ba', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h$1("div", { key: 'd472d7d8901ff7de37fe370bf5d637fc8ae6069d', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'c8dbda4d6f9cb757476c9a96934599171f6ea7ae', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h$1("slot", { key: '3c0ec17aeb856457b63981fd0e21ead69ca3af0f', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'dff6c3a69496324cabcf25ae7639c98a7d908769', class: "description" }, h$1("slot", { key: '498c8216c9a0a537f1aa2a542b3caa688b76e55d', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '6c584da0ad93e7f0ad62610d760c36d77b1a6fc6', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '93df382e666707cdde3133daae7aa66914215149', name: "error-description" }, this.errorDescription))))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -17885,12 +18135,12 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'df11f4f395a48f6288b20a242cccdacc9d7b397c' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'bebb3787dcef1ea73bada36586bdd678f0ce0556', htmlFor: this.inputId }, h$1("slot", { key: '52be6fb452bcd9471708376e708e9a8126af73c2', name: "label" }, this.label))), h$1("nv-popover", { key: '6e1cc0a602641ec43be99ca990d64f175ff7bac8', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '7cc0bcc9df49252d209caa22b61358c230d2f0dd', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: '13037bdfe258561afd35c23fd1cb94ed96bbba9d', name: "before-input" }), h$1("div", { key: '5a0c1bce690feb834f6183c57772d7b2eed0a8a6', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '73842b222ba5059f1f09a4ce57b662710a1e341a', name: "leading-input" }), h$1("input", { key: '2e4de521b0d1d735fd4170eefacfe4e8f5bbcf33', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.singleValue, onInput: this.handleInput, onFocus: this.handleFocus }), h$1("nv-iconbutton", { key: 'dff7fe7f4a49a3da8ed44235ef719e726a40db87', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
+        return (h$1(Host$1, { key: '817d7baa3525b53962f9afe3d1eb56d7fcbcaf0e' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '00faded19c22c4883b7ef4de71d90c13c287d60d', htmlFor: this.inputId }, h$1("slot", { key: '48b7e470d654b9f07c3eba400145b8936c9eb27e', name: "label" }, this.label))), h$1("nv-popover", { key: '5b8e57124c0a08097874ac9ad0280908c3f2e330', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '902097ce5a7f208ac97f72a847d68b80cd16419a', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: '909ff8453e9e48516582c64dae0762987cbd5986', name: "before-input" }), h$1("div", { key: 'e62714e613e9bffc5a6a302d72cdfea75555756a', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '9d4e6bd15fe09bee974676032d4b75a73f733674', name: "leading-input" }), h$1("input", { key: '4565589e720150706096cbdeeadefb84ee836c39', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.singleValue, onInput: this.handleInput, onFocus: this.handleFocus }), h$1("nv-iconbutton", { key: '115ba5c4e9bbd502c51d04894a5cf88f98167231', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
             ,
-            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: 'aafa39739ae3f907cef45d95094ef643833d50ad', name: "after-input" })), h$1("div", { key: '38cbef48ee7b053ad7c277e8125fcbf6d11c636c', slot: "content" }, h$1("nv-calendar", { key: 'dd5f1b3f1d7fcb17a47d90be58949fffe89e3ad4', dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '92526d3d8ed3bce713a5b30097df182b0ea22d4f', class: "description" }, h$1("slot", { key: 'd2a3a35577c08e3dd21c1c48eb6c6e3959abb7da', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'd4ba884604a01e2376691d382fb530576c02f029', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: '443c990302fa9aaef0e6fe732738d4f8e4570717' })));
+            size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: '3df2883ebe71fa1dd437f5dc62d82019b3550b88', name: "after-input" })), h$1("div", { key: '61241669d9599d23f2cf024d8e65becdafe58847', slot: "content" }, h$1("nv-calendar", { key: 'dd3c67a46e8addbf1017eaf578447a09a3dd9e66', dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'f835c89363c45529512e156b313cb35f71ef5264', class: "description" }, h$1("slot", { key: '738d49ee6e525310375eba5da057573104d3c2ed', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '7c5c07db1af3423efc9a1b1127c1b3cbdede0a28', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: 'ccfd311cbbb56b9b336317d0e543fc57676a60d3' })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -17950,7 +18200,7 @@ function defineCustomElement$1$g() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-iconbutton":
@@ -18305,15 +18555,15 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '47a61852ed7771a2248727193570aa2c4654b3bc' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'a32f8796a15c40712bc0b751ab89fcf84c81dfa3', htmlFor: this.startInputId }, h$1("slot", { key: '549420faa870d7e8f37c4c864de00aae1682f1f9', name: "label" }, this.label))), h$1("nv-popover", { key: 'c93290824f1e7179f7777ef2d9d42146015ec10a', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '67d798f2c57bf7cd979386fa2c3d0eb836253af6', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: '53f700e97f16b40cb3e077460d41ab955cf4e86e', name: "before-input" }), h$1("div", { key: '5829a9716c09fc65b8300b0fe5d590a3e4d1af40', class: "input-container" }, h$1("slot", { key: '401508780bbac13d792d62d8368c47b4fe9fb0c1', name: "leading-input" }), h$1("div", { key: '2e29bd53c161d7bdf5a20e17f7b114f421bf2684', class: "range-inputs" }, h$1("input", { key: 'd1fed6969b96a950e6c73779ac31e7f197cdf122', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.shouldAutoFocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus }), h$1("svg", { key: '04aefcadb20a07f023c973a8ee0ce1c90e2eecd4', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal" }, h$1("path", { key: '372bb4b2ea27cf6aba7d9753dc25b3c9217a05c0', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), h$1("path", { key: 'ae5d178f8d00efc52317b8e44df3225c48f50571', d: "M18 9l3 3l-3 3" }), h$1("path", { key: '2669cb7bca3c10769fa8b7907d722e6892744dce', d: "M15 12h6" }), h$1("path", { key: '835d2de77d676af9806d93f9ec0e9a4a451b2463', d: "M6 9l-3 3l3 3" }), h$1("path", { key: '8aef1d99e102825729c4466bf57166529e927c09', d: "M3 12h6" })), h$1("input", { key: 'e40d1202015132524aa3d485641b9cd34d8a20a6', id: this.endInputId, type: "text", placeholder: this.endPlaceholder, name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus })), h$1("nv-iconbutton", { key: '8ec3ebfb4647e5fb9d89ea9f1e6a60eaa5bb1214', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: 'e6ff4ed90757947d58dfde04c7063d123a3fd9e2', name: "after-input" })), h$1("div", { key: 'cf7a11988d84dac287b2c524e6005aee29f05ca3', slot: "content" }, h$1("nv-calendar", { key: '3c896e58ba52b0dd82f73f37beb8f70b6ac3f426', dateFormat: this.dateFormat, rangeValue: this.startValue && this.endValue
+        return (h$1(Host$1, { key: '965223047219ae767b07ccecb0a00580ea39c232' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '096d6a34148da30d61686024b5891e7e15cd92e2', htmlFor: this.startInputId }, h$1("slot", { key: 'ee6e84ef1927ad809e7dddb2f4ad5ef7380d0bca', name: "label" }, this.label))), h$1("nv-popover", { key: '1a0549e85ab73157b379fcbcee014a7d85be9752', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: 'd9fc4c8f379e3c1884867c87bcaa67b2da1c64ae', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: '4189696f3e877c19d4c24b09377b2ab0ce9aa437', name: "before-input" }), h$1("div", { key: '98025c8fc29121c736deb3042e961ef0eb1442fe', class: "input-container" }, h$1("slot", { key: '897481f836e33fd70a7c3b083a4e9b3db87637f2', name: "leading-input" }), h$1("div", { key: '788df58693fafaf8c78645b81d1b09a828138ccf', class: "range-inputs" }, h$1("input", { key: '7966b844668ca4cb02ac34886b62ee24cb7b1399', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.shouldAutoFocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus }), h$1("svg", { key: '67c0b68f0fb32ce122f9d4e5b1240440f3b649d0', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal" }, h$1("path", { key: 'eb68f32a768c1c48b51a45ddba3f85357b8045e6', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), h$1("path", { key: 'b8ccaf592dc2d36719a8418800a736b06d1c1775', d: "M18 9l3 3l-3 3" }), h$1("path", { key: 'c4b8d8e8ffad9a339abcde63a9a0feb2ddc771d3', d: "M15 12h6" }), h$1("path", { key: '7a28c7086d7085163ff8d885acd7434b4e5ea69a', d: "M6 9l-3 3l3 3" }), h$1("path", { key: '39917978c25b13a270f0852818b31868f2034832', d: "M3 12h6" })), h$1("input", { key: 'aaad42e407d1fe8e31a7e7c153e2d4cd35d8d2df', id: this.endInputId, type: "text", placeholder: this.endPlaceholder, name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus })), h$1("nv-iconbutton", { key: '04701e7bdf80a869f8a5f519141ac99c0077c20b', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: 'cf1a48dcd20b4e363a746c9f26ecae8085e8ebbd', name: "after-input" })), h$1("div", { key: 'a36a223b6d5edd30bb9a4590d059caede5412b6a', slot: "content" }, h$1("nv-calendar", { key: '1ff22f214d648c4bb35455cf477529251c436e2d', dateFormat: this.dateFormat, rangeValue: this.startValue && this.endValue
                 ? JSON.stringify({
                     start: this.startValue,
                     end: this.endValue,
                 })
                 : '', firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range" }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'f3a968ed2314ec6b0b8f1f5fed8e901e3df10402', class: "description" }, h$1("slot", { key: 'bdfb89b5f462046c1bcbcffdbe46b067868bb077', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'b7a01679e7d1315e3040c8b166f79affbe74d409', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: 'b318420f0dba209ec8dcebc06f37d94ade46ccea' })));
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '780f82060de810eb394285f4799511d2223312a3', class: "description" }, h$1("slot", { key: '326cbf626387738b9997f3b4d452c50ea2b3d5b2', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '6043f611a60f14976b8572e975621fac57b18f89', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: '129fe5bcd6c5bd9449242dc6b4f0e1c90ae31082' })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -18377,7 +18627,7 @@ function defineCustomElement$1$f() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-iconbutton":
@@ -18459,7 +18709,7 @@ const NvFielddropdownitem$2 = /*@__PURE__*/ proxyCustomElement(class NvFielddrop
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '8f867e8c456eae541561024d5194e1582504e85b', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, h$1("slot", { key: '2f26847b783458cde7a99d69269b0e15f381cdb8' }), !this.composed && (h$1("div", { key: '22229450f3e1492d1f71cbd9e89c6e0204cee201', class: "text-wrapper" }, h$1("span", { key: 'a5c691f3addf577acd848b6fe72c23388d116584', "data-scope": "text" }, this.label))), this.selected && (h$1("nv-icon", { key: '02232856ec60e9b741ced372a9d05def5d822cc6', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
+        return (h$1(Host$1, { key: '86699901e52c35392ae5e60013f542427973a626', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, h$1("slot", { key: 'f2d893f0692821fc0e918da9283eb174c3429173' }), !this.composed && (h$1("div", { key: '5e62842ee3b0e79333f99a3ec8d92dd843ebd96e', class: "text-wrapper" }, h$1("span", { key: 'baa00ac59b5d85d912f34fc16fbf82d87af849e2', "data-scope": "text" }, this.label))), this.selected && (h$1("nv-icon", { key: 'f9a5082e4cee6b68531809f9861e3da83b3001d6', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
     }
     get el() { return this; }
     static get style() { return NvFielddropdownitemStyle0; }
@@ -18482,7 +18732,7 @@ function defineCustomElement$q() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
     } });
@@ -18560,12 +18810,7 @@ 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.
-         */
-        this.parsedOptions = [];
         this.handleInputContainerClick = (event) => {
             if (this.disabled || this.readonly) {
                 return;
@@ -18608,17 +18853,17 @@ const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown
             this.open = !this.open;
         };
         this.getSelectedLabel = () => {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f;
             if (!this.value)
                 return '';
-            if (this.parsedOptions.length > 1) {
-                const matchingItem = this.parsedOptions.find(option => option.value === this.value);
-                return (_b = (_a = matchingItem === null || matchingItem === void 0 ? void 0 : matchingItem.label) !== null && _a !== void 0 ? _a : matchingItem === null || matchingItem === void 0 ? void 0 : matchingItem.value) !== null && _b !== void 0 ? _b : this.value;
+            if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) > 1) {
+                const matchingItem = this.options.find(option => option.value === this.value);
+                return (_c = (_b = matchingItem === null || matchingItem === void 0 ? void 0 : matchingItem.label) !== null && _b !== void 0 ? _b : matchingItem === null || matchingItem === void 0 ? void 0 : matchingItem.value) !== null && _c !== void 0 ? _c : this.value;
             }
             const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitem'));
             const matchingItem = items.find(item => item.value === this.value);
             const selectedLabel = matchingItem
-                ? (_e = (_c = matchingItem.label) !== null && _c !== void 0 ? _c : (_d = matchingItem.textContent) === null || _d === void 0 ? void 0 : _d.trim()) !== null && _e !== void 0 ? _e : matchingItem.value
+                ? (_f = (_d = matchingItem.label) !== null && _d !== void 0 ? _d : (_e = matchingItem.textContent) === null || _e === void 0 ? void 0 : _e.trim()) !== null && _f !== void 0 ? _f : matchingItem.value
                 : '';
             return selectedLabel;
         };
@@ -18650,32 +18895,17 @@ 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);
     }
     handleOptionsChange(newValue) {
         var _a;
-        if (newValue) {
-            try {
-                const parsedOpts = JSON.parse(newValue);
-                this.parsedOptions = [...parsedOpts];
-                if (!this.value) {
-                    const defaultValue = parsedOpts.find(option => option.selected);
-                    this.value = (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) !== null && _a !== void 0 ? _a : '';
-                    this.updateSelectedItem(this.value);
-                }
-            }
-            catch (error) {
-                console.error('nv-fielddropdown: error parsing options:', error);
-                this.parsedOptions = [];
-            }
-        }
-        else {
-            this.parsedOptions = [];
+        if (!newValue)
+            return;
+        if (!this.value) {
+            const defaultValue = newValue.find(option => option.selected);
+            this.value = (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) !== null && _a !== void 0 ? _a : '';
+            this.updateSelectedItem(this.value);
         }
     }
     handleBlur(event) {
@@ -18830,14 +19060,14 @@ const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '0fb1d2326cefd85ffd337307a0a0dd74acda8a14', 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: 'bf6f4116b86cca549e7f9b65a17e1cb35b06ef60', htmlFor: this.inputId }, h$1("slot", { key: 'a81ad465e6a08e1bc9463c9d91c5d2cd05805e39', name: "label" }, this.label))), h$1("nv-popover", { key: '8c90cf3f3f08455b41b31681c4377d5404dd4b31', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '756eb9ff31134ece738ea9748a88837ec4979ddf', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: '1853a781eedfeea6aae57ed94c452524e4e69e83', name: "before-input" }), h$1("div", { key: '26c839ffc62cb1747de5099725695de6c213a220', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '8685a92ee488f99dda4cbfe6bdd59e347e3ce0ce', 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: '1fa4ea0ef878980847d667431c9e52b18de1a4b1', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter, "aria-label": "Clear input" })), this.error && (h$1("nv-icon", { key: '77aa0f468d8c6488595ffc2305480174c18d3069', name: "alert-circle", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: '9954a5b1910693b0be417d27da8f9005467d99f3', "data-scope": "toggle-dropdown", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopover, tabIndex: this.disabled ? -1 : 0 })), h$1("slot", { key: '0e258c9b03e4dbcfe94b577ffaf77f2379a9c9a3', name: "after-input" })), h$1("div", { key: 'b697df1d8c64c9d2eaf09e427cd49c9d5ec0a323', 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: '7a783fcd4da5623ad478e4a03fb454e093e7fc8e', class: "description" }, h$1("slot", { key: '93c4c95ca8e8e4bf50086fb861b126aa7f5f828a', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '8a0de0edb2a7855d478a40059e19f2f26f2ed681', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '93b87131ac4e8371815e7c82ef6e15ebcff2bc88', name: "error-description" }, this.errorDescription)))));
+        var _a;
+        return (h$1(Host$1, { key: '6c23d4cfd361e1f40a2181db66692eb0d6326bfe', 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: 'db9a30ece9e669c70b18193b3cc7d14967a5e071', htmlFor: this.inputId }, h$1("slot", { key: 'b7a721b25b82646d34ce141526775f24a9849f4b', name: "label" }, this.label))), h$1("nv-popover", { key: '724756cb69b4b6ef8837e6f7f53a65eb42a43b5e', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '0092cd2b78234ec2e0cdc70433246a2985b7e57f', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: '519c1a407c8309861673b9eadb723edb0c70ae68', name: "before-input" }), h$1("div", { key: 'd88af43846337d9bfd6aeb4f28ab2dc7e56de4e8', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '8e91459d89acbf7a1cde5e75c520b11b109e810d', 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: '55efb1100997af6b9b4ee41c489a9e628d36b749', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter, "aria-label": "Clear input" })), this.error && (h$1("nv-icon", { key: '69cfcac7b21d0e9faf9bad7f306bab187a761758', name: "alert-circle", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: '5b773edca6a5028eb8cedb42632a9c5b6e8b3d36', "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: 'c225279e1ec938e2fbe672ce02e8d2a79cb7ff1e', name: "after-input" })), h$1("div", { key: '94905d2f6a0b7faae17540139c0bd2458e4c98ae', slot: "content" }, ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (h$1("ul", null, this.options.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: '5d0b74de616aefa056d17cb70fab0d36ab9b41c3', class: "description" }, h$1("slot", { key: 'bab9d8222164d2227c6024ac2bd5675142ccb964', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '58596e0c753e8bb90f9d21432607427b0a029d64', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '6062d632aee6e825cd2d17a22180cb24d66e2864', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
     static get watchers() { return {
-        "filterable": ["watchFilterableHandler"],
         "value": ["watchValueHandler"],
         "options": ["handleOptionsChange"]
     }; }
@@ -18857,16 +19087,13 @@ const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown
         "readonly": [516],
         "disabled": [516],
         "emptyResult": [513, "empty-result"],
-        "filterable": [1540],
-        "options": [513],
+        "filterable": [516],
+        "options": [16],
         "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"]
     }]);
@@ -18888,7 +19115,7 @@ function defineCustomElement$1$e() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-iconbutton":
@@ -18963,7 +19190,7 @@ const NvFielddropdownitemcheck$2 = /*@__PURE__*/ proxyCustomElement(class NvFiel
         };
     }
     render() {
-        return (h$1(Host$1, { key: 'f9445369d2703e0a5fe4417b1968f9a25dc94743', onClick: this.handleClick }, h$1("nv-fieldcheckbox", { key: 'a64195d14834b2a83d3b4c3f1451272fb97ff46a', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
+        return (h$1(Host$1, { key: '93a97fb36d69bd837b27cdbfa31adc5a7a71dab4', onClick: this.handleClick }, h$1("nv-fieldcheckbox", { key: '7afd9b55ce6911c327fae658304fa313fc908d45', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
     }
     get el() { return this; }
     static get style() { return NvFielddropdownitemcheckStyle0; }
@@ -19058,10 +19285,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
          * State of the multiselect popover.
          */
         this.open = false;
-        /**
-         * Options configuration for the multiselect items.
-         */
-        this.parsedOptions = [];
         /**
          * List of selected values in the multiselect.
          */
@@ -19074,21 +19297,11 @@ 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
          */
         this.debounceDelay = 300;
-        /**
-         * State for the mode of the multiselect.
-         * @type {'options' | 'slots'}
-         * @default 'options'
-         */
-        this.modeState = 'options'; // Default value
         this.isHandlingEscape = false;
         /**
          * Applies focus to the input field as soon as the component is mounted. This
@@ -19109,7 +19322,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
                 item.style.display = '';
             });
             // Reorder options without the divider since there are no selected elements
-            this.parsedOptions = this.parsedOptions.filter(option => !option.isDivider);
+            this.options = this.options.filter(option => !option.isDivider);
             // Reorder options without the divider since there are no selected elements
             this.reorderOptionsContent();
         };
@@ -19137,13 +19350,6 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
                 return;
             }
             this.filterText = '';
-            // Only reorder based on the mode
-            if (this.modeState === 'options') {
-                this.reorderOptionsContent();
-            }
-            else {
-                this.reorderSlotContent();
-            }
             // Reset filter if needed
             if (this.filterable) {
                 this.resetFilter();
@@ -19312,14 +19518,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.options.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
@@ -19335,13 +19541,13 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      * Set the mode state and handle options change.
      */
     componentWillLoad() {
-        this.modeState = this.options ? 'options' : 'slots';
+        var _a;
         // Don't call handleOptionsChange if we are in slots mode
-        if (this.modeState === 'options') {
+        if (this.options) {
             this.handleOptionsChange(this.options);
         }
         // Specific initialization for slots mode
-        if (this.modeState === 'slots') {
+        if (!this.options) {
             Promise.resolve().then(() => {
                 const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck'));
                 // Initialize selectedValues with checked items
@@ -19355,8 +19561,8 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             });
         }
         // Initialize the sorted options array with the parsed options for initial rendering
-        if (this.modeState === 'options') {
-            this.sortedOptions = [...this.parsedOptions];
+        if (this.options) {
+            this.sortedOptions = [...((_a = this.options) !== null && _a !== void 0 ? _a : [])];
         }
         // Apply filtering if the multiselect is filterable and there is a value
         if (this.filterable && this.value) {
@@ -19372,10 +19578,8 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      * Force reorder if options mode in componentDidLoad because of the initial render not trigger @watch
      */
     componentDidLoad() {
-        if (this.modeState === 'options') {
-            requestAnimationFrame(() => {
-                this.reorderOptionsContent();
-            });
+        if (this.options) {
+            this.handleOptionsChange(this.options);
         }
     }
     /**
@@ -19400,6 +19604,12 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         else {
             this.handlePopoverClose();
         }
+        if (this.options) {
+            this.reorderOptionsContent();
+        }
+        else {
+            this.reorderSlotContent();
+        }
     }
     /**
      * Listen for the `itemChecked` event emitted by child items.
@@ -19433,41 +19643,13 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             console.warn('Received itemChecked event with undefined or null value'); // Warning log
         }
     }
-    /**
-     * Emitted when the options change.
-     * @param {string | Array<{label: string, value: string, isDivider?: boolean, disabled?: boolean, description?: string, checked?: boolean}>} newValue - The new value of the options.
-     */
     handleOptionsChange(newValue) {
-        if (typeof newValue === 'string') {
-            try {
-                const parsedOpts = JSON.parse(newValue);
-                this.selectedValues = parsedOpts
-                    .filter(option => option.checked)
-                    .map(option => option.value);
-                this.parsedOptions = [...parsedOpts];
-            }
-            catch (error) {
-                console.error('Error parsing options:', error);
-                this.parsedOptions = [];
-            }
-        }
-        else if (Array.isArray(newValue)) {
-            this.selectedValues = newValue
-                .filter(option => option.checked)
-                .map(option => option.value);
-            this.parsedOptions = [...newValue];
-        }
-        else {
-            this.parsedOptions = [];
-        }
-        // Wait for the options to be fully loaded
-        Promise.resolve().then(() => {
-            requestAnimationFrame(() => {
-                if (this.modeState === 'options') {
-                    this.reorderOptionsContent();
-                }
-            });
-        });
+        if (!newValue)
+            return;
+        this.selectedValues = newValue
+            .filter(option => option.checked)
+            .map(option => option.value);
+        this.reorderOptionsContent();
     }
     /**
      * Emitted when the value changes.
@@ -19476,14 +19658,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
@@ -19572,7 +19746,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      * Reorder the content of the slot.
      */
     reorderSlotContent() {
-        if (this.modeState === 'options')
+        if (this.options)
             return;
         const ul = this.el.querySelector('ul');
         if (!ul)
@@ -19636,7 +19810,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             existingEmptyMessage.remove();
         }
         if (!this.filterText.trim()) {
-            if (this.parsedOptions && this.parsedOptions.length > 0) {
+            if (this.options && this.options.length > 0) {
                 // Reset options display
                 const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));
                 items.forEach(item => {
@@ -19659,11 +19833,11 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         }
         const normalizedFilter = this.normalizeText(this.filterText);
         let hasVisibleItems = false;
-        if (this.parsedOptions && this.parsedOptions.length > 0) {
+        if (this.options && this.options.length > 0) {
             // Filter options mode
             const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));
             items.forEach(item => {
-                const option = this.parsedOptions.find(opt => opt.value === item.getAttribute('value'));
+                const option = this.options.find(opt => opt.value === item.getAttribute('value'));
                 if (option && !option.isDivider) {
                     const matchesFilter = this.normalizeText(option.label).includes(normalizedFilter) ||
                         this.normalizeText(option.value).includes(normalizedFilter);
@@ -19748,7 +19922,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      * Filter multiselect items in slots mode
      */
     filterSlotsItems() {
-        if (this.modeState === 'options')
+        if (this.options)
             return;
         const ul = this.el.querySelector('ul');
         if (!ul)
@@ -19884,7 +20058,7 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
             // Do the reorder and wait a bit before closing
             const handleEscape = async () => {
                 this.isHandlingEscape = true; // Disable the hide listener
-                if (this.modeState === 'options') {
+                if (this.options) {
                     this.reorderOptionsContent();
                 }
                 else {
@@ -19996,16 +20170,13 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
      * @returns {any} The JSX for the component
      */
     render() {
-        return this.modeState === 'options'
-            ? this.renderOptionsMode()
-            : this.renderSlotsMode();
+        return this.options ? this.renderOptionsMode() : this.renderSlotsMode();
     }
     static get formAssociated() { return true; }
     get el() { return this; }
     static get watchers() { return {
         "options": ["handleOptionsChange"],
-        "value": ["watchValueHandler"],
-        "filterable": ["watchFilterableHandler"]
+        "value": ["watchValueHandler"]
     }; }
     static get style() { return NvFieldmultiselectStyle0; }
 }, [68, "nv-fieldmultiselect", {
@@ -20023,26 +20194,22 @@ const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmulti
         "readonly": [516],
         "disabled": [516],
         "autocomplete": [513],
-        "filterable": [1540],
+        "filterable": [516],
         "value": [1537],
         "open": [1540],
-        "options": [513],
+        "options": [1040],
         "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"]
+        "value": ["watchValueHandler"]
     }]);
 function defineCustomElement$1$d() {
     if (typeof customElements === "undefined") {
@@ -20057,7 +20224,7 @@ function defineCustomElement$1$d() {
             break;
         case "nv-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$P();
+                defineCustomElement$O();
             }
             break;
         case "nv-fieldcheckbox":
@@ -20072,7 +20239,7 @@ function defineCustomElement$1$d() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-iconbutton":
@@ -20205,9 +20372,9 @@ const NvFieldnumber$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldnumber ext
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '14de76d6ddda9977fa3ad28d6e9d2acf613565fa' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '22131a183df8f9612d7d1fc4c7904f7e9e3fba71', htmlFor: this.inputId }, h$1("slot", { key: '48cca38b15579499662018d593bd9e73129565da', name: "label" }, this.label))), h$1("div", { key: '9a0a40a370f879f0685a62fb7360419db1245738', class: "input-wrapper" }, h$1("slot", { key: '05bcbc8bd7311f3e6ae467b40af269e373e7ef26', name: "before-input" }), h$1("div", { key: '81861b40c527dde0b7629914e70f7ee1b3389f06', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: 'dc64fe00dd75120daedfdc51fc2d5d955f3e3348', name: "leading-input" }), h$1("input", { key: '01593dfe3c0331acec3ec765cb1673d6a0536f1f', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: this.required, max: this.max, min: this.min, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), this.error && (h$1("nv-icon", { key: 'f253f726e6ad61e0b49389f38d1b6c519bd7ade6', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '11968ad93087be6813e99e2b781fa8d3d7f7b772', name: "circle-check", class: "validation", size: "md" })), h$1("div", { key: '900d860455ced0a97dbdad044c83578f680e2d1c', class: "stepper" }, h$1("nv-iconbutton", { key: '1c6f95596b862dad92ca2006e983fbf4b45fa9ee', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabIndex: -1 }), h$1("nv-iconbutton", { key: '2f08e682805b4c9cf6f09b71c885460ca697de5f', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabIndex: -1 }))), h$1("slot", { key: 'b63dbbaeb358b73105f552de15a0226906f5e547', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '43c3f1bd58a36095e69283151ac4d7edcd0eef4a', class: "description" }, h$1("slot", { key: '0c91c8198be73d7285065d86c1ca1340d3517e0d', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'ecb9e02f67241294215ee3e570006dcf98539537', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '763ddc2a238b85022d72e046d9665fbb433f8476', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: 'e054d1e05c0623bf3d5d78c2bafb6d096dbcbd08' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '0743432faff56e8256b2a30fab68ced0592bbf6a', htmlFor: this.inputId }, h$1("slot", { key: '709f68c3f4bf6ade475cd6afbee5c9912c782c43', name: "label" }, this.label))), h$1("div", { key: '5798b0faf23bc671aeda3273dcfff7c1d1ca4109', class: "input-wrapper" }, h$1("slot", { key: '47b9f0ef000d2d98e2e3ad1c1f4191ce91c69266', name: "before-input" }), h$1("div", { key: '082d2ab64b892cc994955b723d1ab342414061fb', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '34511207a7ebc1cc5fe8cc91d05f4fa549fda316', name: "leading-input" }), h$1("input", { key: '20f96b319b6e7528d738bdc31152649575409dd1', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: this.required, max: this.max, min: this.min, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), this.error && (h$1("nv-icon", { key: '2b05afbbc94bd39dd82a270511e4372536ee80ba', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '95d74e6298e49d422b19bf080d3e2de25c2ad8e2', name: "circle-check", class: "validation", size: "md" })), h$1("div", { key: '5c665de10e9650003b127997cd6010e35d7d0b7a', class: "stepper" }, h$1("nv-iconbutton", { key: '9702ee4778623862e67d29a56f7790af364786bf', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), h$1("nv-iconbutton", { key: '20fc509c42230f6768d98e4144db12afae3649ef', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), h$1("slot", { key: 'd432d4e6fb8c4fd67c6c972b5c967e093cadfe68', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'e1d585c32f4cff50d84f5d1b6696856c8c875ef7', class: "description" }, h$1("slot", { key: '860b5fb8ba3e24fc728021b238b371178ae54ead', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'aaa707753b98415ca4e329fab9b45bfc3b42525a', hidden: !this.error, class: "error-description" }, h$1("slot", { key: 'f8c0910451550baa82663500a7c0339064720428', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -20250,7 +20417,7 @@ function defineCustomElement$1$c() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-iconbutton":
@@ -20335,10 +20502,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>
@@ -20365,11 +20528,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: 'a41ed0f04b926fc622c76487c3108d7ee43209bc' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '3550a9382c0a5ca66251a364e05b75f0ed6f42ef', htmlFor: this.inputId }, h$1("slot", { key: 'cb5970e496815804ebdc3ed2cb56a5a8b6b4cb7a', name: "label" }, this.label))), h$1("div", { key: 'a84fa1d8b7d42a2c3bdd0a4b9baef0a62cb6ff10', class: "input-wrapper" }, h$1("slot", { key: '18a93e01e9ae700c4bc634cc75dc15b48f1467de', name: "before-input" }), h$1("div", { key: '902ecacf5d73e9014bffbb3cab058317142d73bc', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '65bacd0ae1d74bf24492961707338b42de8db414', name: "leading-input" }), h$1("input", { key: '0ee6c86114923f170bd4733d966901c4eaec096a', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (h$1("nv-icon", { key: '366cd1b889f59207bf6d4969a993b259281e8155', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (h$1("nv-iconbutton", { key: '6f1d513c9320436d7f362a6323591925817ec7b1', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), h$1("slot", { key: 'a427f1476ffc5070de6e6ce6158d7d50ce08ab59', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '069e32d0137aef7aa8ccb6a56d26aceb1d9f91d6', class: "description" }, h$1("slot", { key: 'e2cef4e7859979f807b05bdedc0324563313c962', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'e38bba2cd6d438544b883c4e51149039f099faa9', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '1c972064f301444e5774bce210b8868ed01c320b', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: '4a6de90f24bd6607293d616d60f6d742c46b04a9' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '715f5935de3aa0f0f7b6aa9aa72c409a3875a849', htmlFor: this.inputId }, h$1("slot", { key: 'da11187833b12acfae578024bb67d717efbafaa1', name: "label" }, this.label))), h$1("div", { key: 'a669823e6c5aea5b4e0aacf0bfc1c8f7dbe67bab', class: "input-wrapper" }, h$1("slot", { key: '98b2b6eaaa867228a667bec2920c640ff0b829c7', name: "before-input" }), h$1("div", { key: 'fc896f9018563e80ea0f2aa1e2eb7992fd4a854c', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '715814e77d1ba40463253d12751129f2c0d05407', name: "leading-input" }), h$1("input", { key: '8101af836f80da56ac9e2b859ab9fd5b6d254b91', 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: 'fdf5caa936a43961bd3f00f5d50635124b57ff0b', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (h$1("nv-iconbutton", { key: '9b9e70d855fca2ea1ff2769609af05fc7d3fd1c2', 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: '4458e83104562509b53b05faf3a316a5502b76b7', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '91dcddd8a80abccaaffda9cd583759bebf376456', class: "description" }, h$1("slot", { key: 'fe6da6eb725b3866faf138e848f89152f0f24a00', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'bfe57a6b0f199c3b371a2036a7b8787f40f639a4', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '529e34f2197c64ac768df11251bb285fec1f2cd5', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -20415,7 +20584,7 @@ function defineCustomElement$1$b() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-iconbutton":
@@ -20518,9 +20687,9 @@ const NvFieldradio$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldradio exten
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'cab4d25a83792d8f0d3f5de48073a621f8b1823e', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h$1("input", { key: 'a923e6ad8e76b90c5e00ae17a353614b8f7390b1', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), h$1("div", { key: '585cc5389b0190e2291447d188637e8325d937aa', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '7e16f9cd7078e11661685a141afbd46472683e0f', htmlFor: this.inputId }, h$1("slot", { key: '3e9aab3f47e1a0c96a6e3b6f2495428bce324962', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '0c2b8b8e49dd877131c37bb23d450e254c58fcdc', class: "description" }, h$1("slot", { key: 'fd3d99a005667b46260dde7d84f4c6b82e4e4853', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'd524f91210f3e28627e68f380484d1c28ab962d9', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '416222f3b3db021de57b35697a64270582f6bad7', name: "error-description" }, this.errorDescription))))));
+        return (h$1(Host$1, { key: 'e1a92204a7d3e07de9485873906ed57dc2f4dfb1', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, h$1("input", { key: '8161b36c31b960a4ca4f7a1291a9cdbdd830429c', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), h$1("div", { key: '8d5ff5b5742a96dc9d1167298859a7a97347eeab', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '7417fe1c5041e20fd63abca907fd75fe7d3b49d2', htmlFor: this.inputId }, h$1("slot", { key: 'e29a092dbd19c912c496e1ae56d9f46bcb44208c', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'a894108a6e5235010d18547a39daf526e066e432', class: "description" }, h$1("slot", { key: 'c67b5b5a5d2ef1f27e69eb251e9a15c98909db85', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '18ea2ae58994289900f28c0e6220e113b45b2a92', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '52a10763fb7bf688e5a1de5e854aa0d80bc996f4', name: "error-description" }, this.errorDescription))))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -20903,13 +21072,13 @@ const NvFieldselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldselect ext
      * @returns {HTMLStencilElement} The HTML element to render.
      */
     render() {
-        return (h$1(Host$1, { key: 'e447f10faacbd9107b3636b711745655b234daaf' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '6949ffbfa4a3d055689aa384521456277336eb31', htmlFor: this.inputId }, h$1("slot", { key: 'c46be62ffca373acaa64555dd055d0e506731ff8', name: "label" }, this.label))), h$1("div", { key: '73173b60885c479e76c9d089f40033ac73641597', class: "select-wrapper" }, h$1("slot", { key: 'a64bbdef05fd860d1534bea9c5d8143abe2aa688', name: "before-input" }), h$1("div", { key: 'c8d5503afd194397a0385959fbe557544208f7e9', class: "select-container", onClick: this.handleSelectContainerClick }, h$1("slot", { key: '82456f7f21d552459af03787b26363acb9d77cb8', name: "leading-input" }), this.internalReadonly && (h$1("input", { key: '2b02c5f82fd43d2f12d2473ebe68704e7aac2c52', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
+        return (h$1(Host$1, { key: '38cb85c6698c5541793a1e5d34b36417cd743759' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'd81b9837c43c1a19a2d87b51cede9e7c32bda50c', htmlFor: this.inputId }, h$1("slot", { key: '9d7c10281b117f2006ca1997f91e4e0b99fc5ab5', name: "label" }, this.label))), h$1("div", { key: '2796a31f2aac0604054c4542564fca77c2ac4272', class: "select-wrapper" }, h$1("slot", { key: '0407c6379597b09e1bb11ee6b43110b1d5fb98ea', name: "before-input" }), h$1("div", { key: 'c0ae999fc017fb0352b0a1cfe2ff75e313955f23', class: "select-container", onClick: this.handleSelectContainerClick }, h$1("slot", { key: 'ea2b63ddb3b70521b63e15efd1c3daf06c38cc0a', name: "leading-input" }), this.internalReadonly && (h$1("input", { key: 'f543f67c0360ac315ed873eb14a93af35dd90670', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
                 ? `${this.inputId}-error`
-                : `${this.inputId}-description` })), h$1("select", { key: '597815200ff13a3a94c5f8cf2f31f292630831a1', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
+                : `${this.inputId}-description` })), h$1("select", { key: 'b2ae3854c40ea798069417127cd763c8a0db040e', 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: 'e7315331865264cfceefc37333f29f503cfaca60', class: "select-icons" }, this.error && (h$1("nv-icon", { key: '20b2a3b436a31b4528c0a6336433baa20f1dade7', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '6ddb9ce572a0e66670ea3a3f084c08b465a1054f', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h$1("nv-iconbutton", { key: '7df5645e762451036ba84e8ae7e533f6d9c9e89e', name: "chevron-down", size: "md", emphasis: "lower", tabIndex: -1 })))), h$1("slot", { key: '43220cb3c92d9876e2f22645ed695c076439999a', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '7ca06f0ec81f82cce825045bef226bdaeaa2774d', class: "description", id: `${this.inputId}-description` }, h$1("slot", { key: '008a54ac423cfe534214d0f32d5b557419d60aaf', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '1c5d34d7441cdaa28c463f062c74070b8193433e', class: "error-description", id: `${this.inputId}-error` }, h$1("slot", { key: '98a88b41c33a87541d2b3833ca95fc5dff7a8d2e', name: "error-description" }, this.errorDescription)))));
+                : `${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: 'dd59af14105272eaa77218136f5b7b0b40a5b40b', class: "select-icons" }, this.error && (h$1("nv-icon", { key: '719e239472f6b697298682cc8d1b10933d3504ec', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '5d63d5ddbcd8f46296bc067afd45f3921f4f3917', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (h$1("nv-iconbutton", { key: '978a540682409a88ce55d2219dbeb9f2fc82cd51', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), h$1("slot", { key: '3483846a9f38be08caaf6f2b02332caefae0cbed', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '5b47c05942549b6e2238696132ab2f3c9af5b7f0', class: "description", id: `${this.inputId}-description` }, h$1("slot", { key: '46b7f053ae343949b540240e1ec438850bb9a015', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '6126ab6967fc430c6a1d3ddfb191a98a8c2ecce9', class: "error-description", id: `${this.inputId}-error` }, h$1("slot", { key: 'afc6a0443c6fe1175213d36a2c59ffefe2923eab', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -20960,7 +21129,7 @@ function defineCustomElement$1$9() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-iconbutton":
@@ -21084,9 +21253,9 @@ const NvFieldtext$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtext extends
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '9979c9c835f414965a4ae1ee3db398ee6223c3a9' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '899abb4f3faaa65e1f32738e7ab91440dcc32fd2', htmlFor: this.inputId }, h$1("slot", { key: 'f82bb9e2e63d56afb8078ffcdaee8da6d2b3df87', name: "label" }, this.label))), h$1("div", { key: 'b75dfdfc0c875db7019a23c084133b90d957ed8e', class: "input-wrapper" }, h$1("slot", { key: 'cf4cd32cd106bee88c662fd0960e67ba87dddbc9', name: "before-input" }), h$1("div", { key: '2f005ef34a722424dcf86c9e189d1ab001bd2495', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '0d554159f716ed6a4dae76a6b0befd05cdf97173', name: "leading-input" }), h$1("input", { key: '8dbba6bce4617cbd3d9168b897c0101c83fb6e1e', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), this.error && (h$1("nv-icon", { key: 'cb4a0028e53aefcaf9b3127488811ea9d66cd305', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '307fa39a19684d92b5e64ce83301dac337948822', name: "circle-check", class: "validation", size: "md" }))), h$1("slot", { key: 'a8eb4186286fd472b7c0d515be544e6331bad33c', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'f5bd9926035d6d8829382adea3f68eb633bbf738', class: "description" }, h$1("slot", { key: '561c28cc04225e9d84a86b161714efde4882debe', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '09e08c344f477d70f698a9c11e38c737667c4ef6', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '117cd688cb63f5411225d468ca2071b19c1be39f', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: 'e4891525becd4b0757ec380d45d9694ebc6c3318' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '1157e609be8150d014e9190dcf53f74bcee20119', htmlFor: this.inputId }, h$1("slot", { key: '888fb12e994f6f4f47bc2be496cd74aeedb628c0', name: "label" }, this.label))), h$1("div", { key: '0555b12dbbe5fa81f5af464d3b48c35b243aec32', class: "input-wrapper" }, h$1("slot", { key: '5210a9b903c560775453741d8815286dbe8bbb53', name: "before-input" }), h$1("div", { key: '7bc11232dfa46706982bf3645054a7a1f67832f9', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '87abc6976b432a3dc51246c97564108f9baccff8', name: "leading-input" }), h$1("input", { key: 'b0c3e30bc5363f6b49ea1361005e125826184016', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), this.error && (h$1("nv-icon", { key: '5e359bc40906bbf2c63eb7d196dd8294b15dd672', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '4812b31e512bf388fa84f9d35a949de5f9b86d59', name: "circle-check", class: "validation", size: "md" }))), h$1("slot", { key: '06922c63f02470be6c74ee6ba4bf93baabd03e57', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '960bcb53a55aed3e1b8cd1b193ad26f5c6b151fd', class: "description" }, h$1("slot", { key: '07c09b8543e9b91928821a100869943de94a65a7', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '456d00a47f01f70938d99faa774da1a9e51b036d', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '590aef8c37efd2fa472c9b7b92fd82d29c4e6d39', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -21128,7 +21297,7 @@ function defineCustomElement$1$8() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
     } });
@@ -21311,9 +21480,9 @@ const NvFieldtextarea$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtextarea
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '967dc1eda269d0e3df1351d3e34b8be14f9cb639' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '4337acb56fc6712eb0a3e509b2a551043b43eadf', htmlFor: this.inputId }, h$1("slot", { key: 'c7229aad2d78f79fad1f103908976efefe282b01', name: "label" }, this.label))), h$1("div", { key: 'a33155dbb4d6b5d481503225136435690eebf819', class: "textarea-wrapper" }, h$1("div", { key: '14dbd33038acef44773bcf925dcb1fa9531bb6e9', class: "textarea-container", onClick: this.handleTextareaContainerClick }, h$1("textarea", { key: 'eee274bac197d25f99114f95684996e1fa933b57', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'f3f214c3a3e3ee03b3ac44d7dcf6224f3d58585d', class: "description" }, h$1("slot", { key: '803bf10aec909ab4c55098818df6bcd3e22a1957', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'aefd1d3ed4ed2535b06cd314ffe0b19506f7510d', hidden: !this.error, class: "error-description" }, h$1("slot", { key: 'e43344938bda4acb4523998e9d21f5b6d8300d1a', name: "error-description" }, this.errorDescription)))));
+        return (h$1(Host$1, { key: '606902cda67b3f523ab32d8e9c6fd11b6bc0f3a7' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '3167dfd5f17028ad20a82b5646ccfa788a5bbb86', htmlFor: this.inputId }, h$1("slot", { key: 'ae98d87f3e1b7cb2864b6b7e7183d3a37c1a7e14', name: "label" }, this.label))), h$1("div", { key: '8f25bdadd8f94938dc9b6c631b0586fc6bcbc37c', class: "textarea-wrapper" }, h$1("div", { key: '6568df9f332e8bca84445ba596d6eceaaed64b9e', class: "textarea-container", onClick: this.handleTextareaContainerClick }, h$1("textarea", { key: 'fca9ba5bd6925cc1a201625e5785ad451fc8849b', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'c5c8c1999105df446a603a3e02f431ad37de4c5e', class: "description" }, h$1("slot", { key: 'bbcea14c7585e1ff1c995eb4f21cb532a160ed40', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '2d43d92b5c9b93faeac45bdcfa142d4dfd70511a', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '33514ea705969b353f11c49ca65090706e6aadf8', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -22342,26 +22511,26 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
             }, key: `${option}-${index}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
     }
     render() {
-        return (h$1(Host$1, { key: '1ef0b47c6886db0b91833d4680638eeafe886894', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '7f0c658c7ad89e2f0fb5100a4de46d368b8edf85', htmlFor: this.inputId }, h$1("slot", { key: '2378b6f07660bb1c536e52a9e48b7a633f9d8bca', name: "label" }, this.label))), h$1("nv-popover", { key: 'cc543c978adc3a58c343688b3b579240abfd244d', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '776927c5aec228f04c0079cc51d7772e50425dae', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: '9d5324592d1a1e9aed17a4bcdcdfcd0e5be88632', name: "before-input" }), h$1("div", { key: 'ed804b5a42ac0bff1c142f2374d5b32c45d3f5bb', class: "input-container" }, h$1("slot", { key: 'a2085ff4c458cd9cbf5d5824bd2f3624b71560b3', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
-            h$1("input", { key: 'a21fb6c62075b878dd849d9860bdee7cf8d56e61', ref: el => (this.inputElements[TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Hours), name: this.name
+        return (h$1(Host$1, { key: 'fb5bc4740731089bf81ab7b24e57f24f966c5f92', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'd9f44f4ab94a13a620df743979d95b1f59572bfe', htmlFor: this.inputId }, h$1("slot", { key: 'fbc8176ea3443511764b2993939d1110fd932a5a', name: "label" }, this.label))), h$1("nv-popover", { key: 'ea376ec38db428db158c998e8963e27048ef03b0', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: 'fa825918cea4a64db76324f953645f6db7cb81b9', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: '37d7fd2eae40e4f47e9b626c226d060cf5e350e2', name: "before-input" }), h$1("div", { key: '6b73d8c9598bfaf470b5c5a455db0b08397cc8c8', class: "input-container" }, h$1("slot", { key: '88f20151d7ccc1e3ad6f6aba4b5926cccc22c19c', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
+            h$1("input", { key: '292ee8c62fd248b28fb46275ba06846d69b3b602', ref: el => (this.inputElements[TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Hours), name: this.name
                     ? `${TimeType.Hours}-${this.name}`
                     : TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('mm') && [
-            h$1("span", { key: 'cb0a76c804e60fb918980271cc2e19c389f6ffbc' }, ":"),
-            h$1("input", { key: '5ea428290a17350d74e3038728d0992c6fdad28e', ref: el => (this.inputElements[TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Minutes), name: this.name
+            h$1("span", { key: 'c7de2283771d60e1e9f756257e34da0eefcf27f3' }, ":"),
+            h$1("input", { key: '521fad8cc60c9ced2ba634441b789fba15340ae7', ref: el => (this.inputElements[TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Minutes), name: this.name
                     ? `${TimeType.Minutes}-${this.name}`
                     : TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
         ], this.format.includes('ss') && [
-            h$1("span", { key: '68c7d188eee595668066e82fbfa60f387d1078f6' }, ":"),
-            h$1("input", { key: '23345802e5b7b9ea2e98fc47ca0ed88fec1f2176', ref: el => (this.inputElements[TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Seconds), name: this.name
+            h$1("span", { key: 'ceef993e3efdc2fa01d466033522e09ee78683b1' }, ":"),
+            h$1("input", { key: '9c51f0fcecb86a913e9ae4cd3c5bcfbf34ac4ab8', ref: el => (this.inputElements[TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Seconds), name: this.name
                     ? `${TimeType.Seconds}-${this.name}`
                     : TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
-        ], h$1("nv-iconbutton", { key: '103fc264c69cf3f8cac073d7815d24b3fdf9a821', name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (h$1("nv-icon", { key: 'c78ec167b3f228a03172eee52fe888a8456f5851', name: "alert-circle", class: "validation", size: "sm" })), this.success && (h$1("nv-icon", { key: '845802ea8ebe47b66701a11663c1b5052a51a7e8', name: "circle-check", class: "validation", size: "sm" }))), h$1("slot", { key: 'd07b15d6baf4960bf12dec9cc883e89a969c08ea', name: "after-input" })), h$1("div", { key: 'c165f47781a106f0b586f7e39e30902c873faa07', class: "time-dropdown", slot: "content" }, h$1("div", { key: '2c544ba696b3ed2dc1db98ecc99b00d00f7b1531', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
+        ], h$1("nv-iconbutton", { key: '7a5516b7d91dc99f6963ee9daacee9305b16dfb0', name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (h$1("nv-icon", { key: 'a9a9a02e312caf25a52b91e1d4db6b6ee9d850d6', name: "alert-circle", class: "validation", size: "sm" })), this.success && (h$1("nv-icon", { key: '93a69f343771dbdb8c6bd694ea9f5ddeeba39801', name: "circle-check", class: "validation", size: "sm" }))), h$1("slot", { key: '678d9af754b860ac99a50d70cb9b975e79f164c9', name: "after-input" })), h$1("div", { key: '2bd255e97d8b34b66fa0af2f209d5175e67b62a3', class: "time-dropdown", slot: "content" }, h$1("div", { key: '017b58a9a7ccb44918a408fb680fa1c18d8f5672', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
             this.RenderTimeOptionsColumn(TimeType.Hours), this.format.includes('mm') &&
             this.RenderTimeOptionsColumn(TimeType.Minutes), this.format.includes('ss') &&
             this.RenderTimeOptionsColumn(TimeType.Seconds)))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'f096bace0439c56e5707e385df02cd0c8d76665c', class: "description" }, h$1("slot", { key: '2a90719cfeb9f95ca9f298a1dce3383bbbb99f47', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '62d7d553ac6ad2f1d86d241a3042093a1b95d5d0', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '03ff68aae8a2433f791da59721fd090f2573eebf', name: "error-description" }, this.errorDescription)))));
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '35f5fb47bfeb9cde2c3551df391cf52ccaf10c72', class: "description" }, h$1("slot", { key: 'b450124765db5b2337f03a5f68c4a9466c80ca85', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '87d441f595f7ba8be04ca749235ec3918e9a80b0', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '35717f533b4a4c310f4fb805c3989398f340b8b1', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -22406,7 +22575,7 @@ function defineCustomElement$1$6() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-iconbutton":
@@ -22432,7 +22601,7 @@ const NvFieldtime$2 = NvFieldtime$1;
 const defineCustomElement$e = defineCustomElement$1$6;
 
 const NvIcon$1 = NvIcon$2;
-const defineCustomElement$d = defineCustomElement$S;
+const defineCustomElement$d = defineCustomElement$R;
 
 const NvIconbutton$1 = NvIconbutton$2;
 const defineCustomElement$c = defineCustomElement$F;
@@ -22487,7 +22656,7 @@ const NvMenuitem$2 = /*@__PURE__*/ proxyCustomElement(class NvMenuitem extends H
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '2b59ea1b8582c9d5beac1e22c9547bebca9a19c0', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && h$1("nv-icon", { key: 'bd72a3c8ffb0f2bfcecb11017493ee7476a8b34a', name: this.icon }), h$1("slot", { key: 'a3f396ca95fcb14fba1861f641e11abac06c7fe8' }), this.label && h$1("span", { key: 'ffffe933ab348dc617bb2d76f96e6e11e6ea5900', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && h$1("kbd", { key: 'cc76611b2a113cfa309ba3655d5c335d996380b3' }, this.shortcut), this.hasSubmenu && h$1("nv-icon", { key: '3e90fdb722f845e24d6588b604f292dd7ee2ea4a', name: "chevron-right" })));
+        return (h$1(Host$1, { key: 'd736bc00759cb97fe52d2d6dc091667057a5585c', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && h$1("nv-icon", { key: 'cf29c75feedcb61d16d33433f834751c821a4256', name: this.icon }), h$1("slot", { key: '0ebe8b2faac9981023c224e3c5cd4f131e088c0e' }), this.label && h$1("span", { key: 'd2659aceb0ecc1cad794ae16d15432379677012c', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && h$1("kbd", { key: '7d7772b6efda6faccafc425772c905d4aabd2ef5' }, this.shortcut), this.hasSubmenu && h$1("nv-icon", { key: 'c756d3ceffc907fa0c37338595a7fd09f8238a7b', name: "chevron-right" })));
     }
     get el() { return this; }
     static get style() { return NvMenuitemStyle0; }
@@ -22512,7 +22681,7 @@ function defineCustomElement$a() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
     } });
@@ -22546,30 +22715,28 @@ 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';
+        //#endregion LIFECYCLE
+        /****************************************************************************/
+        //#region RENDER
         /**
-         * Parsed items stored in state.
+         * Generates menu items from the `items` property.
+         * @param {MenuItem[]} items - The items to display in the menu.
+         * @returns {HTMLElement[]} The rendered items.
          */
-        this.parsedItems = [];
-    }
-    /**
-     * Watcher to parse the items when the `items` property changes.
-     * @param {string} newValue - The new value of the `items` property.
-     */
-    handleItemsChange(newValue) {
-        if (typeof newValue === 'string') {
-            try {
-                this.parsedItems = JSON.parse(newValue);
-            }
-            catch (error) {
-                console.error('Error parsing menu items:', error);
-                this.parsedItems = [];
-            }
-        }
+        this.renderMenuItems = () => {
+            return this.items.map(item => {
+                var _a;
+                if (item.hasSubmenu && ((_a = item.submenuItems) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                    return (h$1("nv-menu", { nested: true, placement: "right-start", items: item.submenuItems }, h$1("nv-menuitem", { slot: "trigger", hasSubmenu: true, disabled: item.disabled, icon: item.icon, shortcut: item.shortcut, id: item.value, name: item.label, label: item.label })));
+                }
+                return (h$1("nv-menuitem", { disabled: item.disabled, icon: item.icon, shortcut: item.shortcut, id: item.value, name: item.label, label: item.label }));
+            });
+        };
     }
     //#endregion PROPERTIES
     /****************************************************************************/
@@ -22709,48 +22876,21 @@ const NvMenu$1 = /*@__PURE__*/ proxyCustomElement(class NvMenu extends H {
         this.triggerElement = Array.from(this.el.children).find(child => {
             return child.getAttribute('slot') === 'trigger';
         });
-        // If the items attribute is provided, parse its value.
-        if (this.items) {
-            this.handleItemsChange(this.items);
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    /**
-     * Generates menu items from the `items` property.
-     * @param {MenuItem[]} items - The items to display in the menu.
-     * @returns {HTMLElement[]} The rendered items.
-     */
-    renderMenuItems(items) {
-        return items.map(item => {
-            var _a;
-            if (item.hasSubmenu && ((_a = item.submenuItems) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                return (h$1("nv-menu", { nested: true, placement: "right-start", items: JSON.stringify(item.submenuItems) }, h$1("nv-menuitem", { slot: "trigger", "has-submenu": true, disabled: item.disabled, icon: item.icon, shortcut: item.shortcut, id: item.value, name: item.label, label: item.label })));
-            }
-            return (h$1("nv-menuitem", { disabled: item.disabled, icon: item.icon, shortcut: item.shortcut, id: item.value, name: item.label, label: item.label }));
-        });
     }
     render() {
-        return (h$1(Host$1, { key: '848044034b707f29f791fa984cc51b606498b162' }, h$1("slot", { key: '385c9081f84034215745ea79d096cf8e3cebbf8e', name: "trigger" }), h$1("nv-popover", { key: 'b47a09258a76f608e0eba173039ec8ec49b6186a', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.parsedItems.length > 0 ? (h$1("ul", { slot: "content" }, this.renderMenuItems(this.parsedItems))) : (h$1("slot", { name: "content" })))));
+        return (h$1(Host$1, { key: 'b66fd4f51c7f754d2d49265fe6175cc1a2c0b03a' }, h$1("slot", { key: 'acd3dc4ad3ed94a4bcbef735049e59bf37a8f67d', name: "trigger" }), h$1("nv-popover", { key: '28218c78f3fa21a9dcfd5ea13d3416eda11efc49', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.items ? (h$1("ul", { slot: "content" }, this.renderMenuItems())) : (h$1("slot", { name: "content" })))));
     }
     get el() { return this; }
-    static get watchers() { return {
-        "items": ["handleItemsChange"]
-    }; }
     static get style() { return NvMenuStyle0; }
 }, [4, "nv-menu", {
         "open": [1540],
         "nested": [516],
         "disableCloseOnSelect": [516, "disable-close-on-select"],
         "placement": [513],
-        "items": [513],
-        "parsedItems": [32],
+        "items": [16],
         "show": [64],
         "close": [64]
-    }, [[0, "menuitemSelected", "handleMenuItemSelect"], [0, "keydown", "handleKeydown"], [0, "openChanged", "handleOpenChanged"]], {
-        "items": ["handleItemsChange"]
-    }]);
+    }, [[0, "menuitemSelected", "handleMenuItemSelect"], [0, "keydown", "handleKeydown"], [0, "openChanged", "handleOpenChanged"]]]);
 function defineCustomElement$1$5() {
     if (typeof customElements === "undefined") {
         return;
@@ -22764,7 +22904,7 @@ function defineCustomElement$1$5() {
             break;
         case "nv-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$R();
             }
             break;
         case "nv-menu":
@@ -22806,7 +22946,7 @@ const NvRow$1 = /*@__PURE__*/ proxyCustomElement(class NvRow extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'd6f9bbc1ed59bfc59a97728896c0443c8e104e59' }, h$1("slot", { key: '3d9c1c809524d0a4b9d8ad541ead8978d246c998' })));
+        return (h$1(Host$1, { key: '7daaa109808165553e69707c72550f284e087011' }, h$1("slot", { key: 'a00fd8c81352b485d8508f9bd68af4dd81d959e1' })));
     }
     static get style() { return NvRowStyle0; }
 }, [4, "nv-row"]);
@@ -22847,7 +22987,7 @@ const NvStack$1 = /*@__PURE__*/ proxyCustomElement(class NvStack extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'aef0e6f873f68880d20b5ae9f4f56ece40e8a0ee', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, h$1("slot", { key: 'd003e23ec3c9b4a5c4496bc9f4c170af467b311e' })));
+        return (h$1(Host$1, { key: '02e184fbc9e9ddd4b02b107baf093047fa3697b0', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, h$1("slot", { key: '1a501fcc419f97f2714be822120072b49590e5ea' })));
     }
     static get style() { return NvStackStyle0; }
 }, [4, "nv-stack", {
@@ -23186,14 +23326,14 @@ const NvTable$1 = /*@__PURE__*/ proxyCustomElement(class NvTable extends H {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : this.table.data;
-        return (h$1(Host$1, { key: 'bf96a7c40a0960fc68778c33ec63a1d574993408' }, h$1("div", { key: '77e4ace0a9925ef6f5f7e1f51a2abc0c381d8ba5', class: "hidden" }, h$1("slot", { key: 'cdeb4abdd65d0e5de7064af63b1a39e661d4b49b' })), h$1("slot", { key: '4322aeb2858716be200a8d6851ef1d47ee0c44bb', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h$1("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h$1("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h$1("thead", { class: "table-header" }, h$1("tr", null, headerGroups &&
+        return (h$1(Host$1, { key: 'b2962fba4d5a12aa660d0c0f69298c93947ef592' }, h$1("div", { key: 'f60e5c09d57c0ccf5cb9996ca85fcc8792270b85', class: "hidden" }, h$1("slot", { key: '9c4aefff542478535b3f342b1c75f68d717c3bf8' })), h$1("slot", { key: 'bfd0f5406187bcad69d9ed41e2f294314a3572f1', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h$1("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h$1("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h$1("thead", { class: "table-header" }, h$1("tr", null, headerGroups &&
             headerGroups.map(col => {
                 return (h$1("th", { key: col.name }, this.renderTemplate(this.headerTemplateCache.get(col.name), {}) || col.header));
             })))), h$1("tbody", { class: "table-body" }, !rows || rows.length === 0 ? (h$1("tr", null, h$1("td", { colSpan: headerGroups.length || 12, class: "no-data" }, this.noDataMessage))) : (rows.map(row => (h$1("tr", { key: JSON.stringify(row) }, headerGroups.map(col => {
             var _a;
             return (h$1("td", null, this.renderTemplate(this.templateCache.get(col.name), row) ||
                 ((_a = row[col.name]) !== null && _a !== void 0 ? _a : this.fallbackValue)));
-        })))))))), h$1("slot", { key: 'e5e490de2ff568c962368f39dbcd5c119e814b0d', name: "after" })));
+        })))))))), h$1("slot", { key: 'e0039c9af9506bc8f2ded8cc81bbd2667ee1f2c1', name: "after" })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -23336,8 +23476,8 @@ const NvToggle$1 = /*@__PURE__*/ proxyCustomElement(class NvToggle extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '6728159c0c7f622fbcc5017a116ec0dd1fe28b39', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h$1("div", { key: '2155eacf39771790ca730f264f9c490f6e93794b', class: "input-container" }, h$1("input", { key: '588a638b678c7d26fd0050a54fbd86ab029c18d0', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h$1("div", { key: 'ba543a1282f8244449c3682bc43c8481d0c588dd', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'beab39ef75d445e43bf4d127ea9f0c7130bae25f', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h$1("slot", { key: 'fd60c679cf1514fc2d01c39a8e13e6dc6fd3287e', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '42582783ac08557d55bf8f80fa68f2f565f7208f', class: "description" }, h$1("slot", { key: '889f7408fd401816ffb6dff0c264e265911e3b79', name: "description" }, this.description))))));
+        return (h$1(Host$1, { key: 'e80390a43bab3d55373f6b05db1516210f90c3b5', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h$1("div", { key: '66156f05cc18bb63a8625cdff72d9c177e4cf86b', class: "input-container" }, h$1("input", { key: 'db0c2c078c23431605befb8dd972a29bfdefb16f', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h$1("div", { key: '576df464b48fa11bf8a46bede5f1d822db569636', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'f529b009876a5de5061747f78372a66ccfdcac61', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h$1("slot", { key: '3ace029242d920b783fe0038f8721b416f54633f', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '2eeb41266ee52ef40c1600750084fda0fac8dc6f', class: "description" }, h$1("slot", { key: '605541594fcc7f3192766a5395c5a81f42de7728', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -23425,14 +23565,14 @@ const NvAlert = E({
         onHiddenChangedComplete: 'hiddenChangedComplete',
         onCloseClicked: 'closeClicked'
     },
-    defineCustomElement: defineCustomElement$R
+    defineCustomElement: defineCustomElement$Q
 });
 const NvAvatar = E({
     tagName: 'nv-avatar',
     elementClass: NvAvatar$2,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$Q
+    defineCustomElement: defineCustomElement$P
 });
 const NvBadge = E({
     tagName: 'nv-badge',
@@ -23443,13 +23583,6 @@ const NvBadge = E({
         onHiddenChanged: 'hiddenChanged',
         onHiddenChangedComplete: 'hiddenChangedComplete'
     },
-    defineCustomElement: defineCustomElement$O
-});
-const NvBase = E({
-    tagName: 'nv-base',
-    elementClass: NvBase$1,
-    react: React,
-    events: {},
     defineCustomElement: defineCustomElement$N
 });
 const NvBreadcrumb = E({
@@ -23789,151 +23922,147 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                 case 'nv-alert':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-alert.entry-DH8Qd2s2.js'); }).then(processMod, consoleError);
+                      './nv-alert.entry-BXY4KXbF.js'); }).then(processMod, consoleError);
                 case 'nv-avatar':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-avatar.entry-B3-elLZC.js'); }).then(processMod, consoleError);
-                case 'nv-base':
-                    return Promise.resolve().then(function () { return require(
-                      /* webpackMode: "lazy" */
-                      './nv-base.entry-D-_RUZTX.js'); }).then(processMod, consoleError);
+                      './nv-avatar.entry-BnPSKkJJ.js'); }).then(processMod, consoleError);
                 case 'nv-breadcrumb':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-breadcrumb.entry-DG49Nj1L.js'); }).then(processMod, consoleError);
+                      './nv-breadcrumb.entry-D5vGHLOG.js'); }).then(processMod, consoleError);
                 case 'nv-breadcrumbs':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-breadcrumbs.entry-BqJO5pbN.js'); }).then(processMod, consoleError);
+                      './nv-breadcrumbs.entry-CsaqAsnb.js'); }).then(processMod, consoleError);
                 case 'nv-col':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-col.entry-wcZ9HHAb.js'); }).then(processMod, consoleError);
+                      './nv-col.entry-Cng8NaTW.js'); }).then(processMod, consoleError);
                 case 'nv-datagrid':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-datagrid.entry-GCLeN2qT.js'); }).then(processMod, consoleError);
+                      './nv-datagrid.entry-BbAOzpiO.js'); }).then(processMod, consoleError);
                 case 'nv-datagridcolumn':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-datagridcolumn.entry-lgIz71UU.js'); }).then(processMod, consoleError);
+                      './nv-datagridcolumn.entry-CRogHbVM.js'); }).then(processMod, consoleError);
                 case 'nv-dialog':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-dialog.entry-DfY0TaYp.js'); }).then(processMod, consoleError);
+                      './nv-dialog.entry-BSIZGYGF.js'); }).then(processMod, consoleError);
                 case 'nv-fielddate':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddate.entry-DJePv6tR.js'); }).then(processMod, consoleError);
+                      './nv-fielddate.entry-qAvLX_Ru.js'); }).then(processMod, consoleError);
                 case 'nv-fielddaterange':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddaterange.entry--YC750sX.js'); }).then(processMod, consoleError);
+                      './nv-fielddaterange.entry-DVB8Rwxk.js'); }).then(processMod, consoleError);
                 case 'nv-fielddropdown':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddropdown.entry-BPlTlc_S.js'); }).then(processMod, consoleError);
+                      './nv-fielddropdown.entry-DKXmoXeW.js'); }).then(processMod, consoleError);
                 case 'nv-fieldmultiselect':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldmultiselect.entry-Bg_v0LUF.js'); }).then(processMod, consoleError);
+                      './nv-fieldmultiselect.entry-DrTbd3Dj.js'); }).then(processMod, consoleError);
                 case 'nv-fieldnumber':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldnumber.entry-BLNaq7yr.js'); }).then(processMod, consoleError);
+                      './nv-fieldnumber.entry-DegbEHRL.js'); }).then(processMod, consoleError);
                 case 'nv-fieldpassword':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldpassword.entry-iSEdS5R8.js'); }).then(processMod, consoleError);
+                      './nv-fieldpassword.entry-gqjlEl7a.js'); }).then(processMod, consoleError);
                 case 'nv-fieldradio':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldradio.entry-Dov4vZkh.js'); }).then(processMod, consoleError);
+                      './nv-fieldradio.entry-CVEY4v6F.js'); }).then(processMod, consoleError);
                 case 'nv-fieldselect':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldselect.entry-NmpesarX.js'); }).then(processMod, consoleError);
+                      './nv-fieldselect.entry-BrCUuRWa.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtext':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtext.entry-r6oQajRS.js'); }).then(processMod, consoleError);
+                      './nv-fieldtext.entry-q9NnqL5c.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtextarea':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtextarea.entry-CJ2yQkfi.js'); }).then(processMod, consoleError);
+                      './nv-fieldtextarea.entry-B4qiLmX1.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtime':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtime.entry-Bxoj6N53.js'); }).then(processMod, consoleError);
+                      './nv-fieldtime.entry-Bp2IWjhN.js'); }).then(processMod, consoleError);
                 case 'nv-row':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-row.entry-D6FeFpzG.js'); }).then(processMod, consoleError);
+                      './nv-row.entry-Cs2GDrcu.js'); }).then(processMod, consoleError);
                 case 'nv-stack':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-stack.entry-zjJmztkO.js'); }).then(processMod, consoleError);
+                      './nv-stack.entry-Ci7pxGSo.js'); }).then(processMod, consoleError);
                 case 'nv-table':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-table.entry-CGX0jsR3.js'); }).then(processMod, consoleError);
+                      './nv-table.entry-N4MV8Y6E.js'); }).then(processMod, consoleError);
                 case 'nv-tablecolumn':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-tablecolumn.entry-Cwdmo_RY.js'); }).then(processMod, consoleError);
+                      './nv-tablecolumn.entry-CTz4jsZl.js'); }).then(processMod, consoleError);
                 case 'nv-toggle':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-toggle.entry-BvToMkI2.js'); }).then(processMod, consoleError);
+                      './nv-toggle.entry-m10-ncYR.js'); }).then(processMod, consoleError);
                 case 'nv-badge_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-badge_2.entry-D15EDzX0.js'); }).then(processMod, consoleError);
+                      './nv-badge_2.entry-BsI3B8Rr.js'); }).then(processMod, consoleError);
                 case 'nv-dialogfooter_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-dialogfooter_2.entry-OByWsulH.js'); }).then(processMod, consoleError);
+                      './nv-dialogfooter_2.entry-Q4_li_QU.js'); }).then(processMod, consoleError);
                 case 'nv-fielddropdownitem':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddropdownitem.entry-zwoGySum.js'); }).then(processMod, consoleError);
+                      './nv-fielddropdownitem.entry-BVLVXi0e.js'); }).then(processMod, consoleError);
                 case 'nv-menu':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-menu.entry-wC7oSruP.js'); }).then(processMod, consoleError);
+                      './nv-menu.entry-BiWiIZAm.js'); }).then(processMod, consoleError);
                 case 'nv-menuitem':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-menuitem.entry-BVSa1vrS.js'); }).then(processMod, consoleError);
+                      './nv-menuitem.entry-CFkXoZ_r.js'); }).then(processMod, consoleError);
                 case 'nv-tooltip':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-tooltip.entry-DZ7_lB-p.js'); }).then(processMod, consoleError);
+                      './nv-tooltip.entry-B6aRDto3.js'); }).then(processMod, consoleError);
                 case 'nv-calendar':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-calendar.entry-CMEgSU64.js'); }).then(processMod, consoleError);
+                      './nv-calendar.entry-CGKv_-gO.js'); }).then(processMod, consoleError);
                 case 'nv-fieldcheckbox':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldcheckbox.entry-Bqpe9BK3.js'); }).then(processMod, consoleError);
+                      './nv-fieldcheckbox.entry-DmgzfmRd.js'); }).then(processMod, consoleError);
                 case 'nv-button':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-button.entry-CN9kB98T.js'); }).then(processMod, consoleError);
+                      './nv-button.entry-DzZfGZGy.js'); }).then(processMod, consoleError);
                 case 'nv-popover':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-popover.entry-ChP1we3l.js'); }).then(processMod, consoleError);
+                      './nv-popover.entry-KT1iQUJk.js'); }).then(processMod, consoleError);
                 case 'nv-iconbutton_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-iconbutton_2.entry-CnbscpNn.js'); }).then(processMod, consoleError);
+                      './nv-iconbutton_2.entry-BRPAGl2S.js'); }).then(processMod, consoleError);
                 case 'nv-icon':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-icon.entry-CWKRt8F0.js'); }).then(processMod, consoleError);
+                      './nv-icon.entry-B1ax9cJS.js'); }).then(processMod, consoleError);
           }
       }
   return import(
@@ -26311,7 +26440,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],\"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\":[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\"],\"autoGenerateColumns\":[516,\"auto-generate-columns\"],\"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\":[1040],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"selectedValues\":[32],\"sortedOptions\":[32],\"filterText\":[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\":[16],\"autofocus\":[516],\"filterText\":[32],\"selectedValues\":[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-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\"],\"enablePagination\":[516,\"enable-pagination\"],\"pageSize\":[514,\"page-size\"],\"pageSizes\":[16],\"table\":[32],\"parsedColumns\":[32],\"parsedData\":[32],\"globalFilterSearchTerm\":[32],\"columnData\":[32],\"paginationState\":[32]},null,{\"columns\":[\"parseColumns\"],\"columnsJson\":[\"parseJsonColumns\"],\"data\":[\"parseData\"],\"dataJson\":[\"parseJsonData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"],\"globalFilterSearchTerm\":[\"handleGlobalFilterSearchTerm\"],\"paginationState\":[\"handlePaginationState\"]}]]],[\"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\":[16],\"show\":[64],\"close\":[64]},[[0,\"menuitemSelected\",\"handleMenuItemSelect\"],[0,\"keydown\",\"handleKeydown\"],[0,\"openChanged\",\"handleOpenChanged\"]]]]],[\"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);}})();
@@ -26321,7 +26450,6 @@ exports.Host = Host;
 exports.NvAlert = NvAlert;
 exports.NvAvatar = NvAvatar;
 exports.NvBadge = NvBadge;
-exports.NvBase = NvBase;
 exports.NvBreadcrumb = NvBreadcrumb;
 exports.NvBreadcrumbs = NvBreadcrumbs;
 exports.NvButton = NvButton;