@nova-design-system/nova-react 3.2.0 → 3.3.0

package/dist/cjs/{index-B2jv2KXv.js → index-BlWxX8x6.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 
 const NAMESPACE$1 = 'native';
-const BUILD$1 = /* native */ { experimentalSlotFixes: true, hydratedSelectorName: "hydrated", lazyLoad: false, shadowDom: false, slotRelocation: true, updatable: true};
+const BUILD$1 = /* native */ { experimentalSlotFixes: false, hydratedSelectorName: "hydrated", lazyLoad: false, shadowDom: false, slotRelocation: true, updatable: true};
 
 /*
  Stencil Client Platform v4.27.1 | MIT Licensed | https://stenciljs.com
@@ -234,9 +234,8 @@ function getHostSlotNodes$1(childNodes, hostName, slotName) {
   let childNode;
   for (; i2 < childNodes.length; i2++) {
     childNode = childNodes[i2];
-    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0 || getSlotName$1(childNode) === slotName)) {
+    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0)) {
       slottedNodes.push(childNode);
-      if (typeof slotName !== "undefined") return slottedNodes;
     }
     slottedNodes = [...slottedNodes, ...getHostSlotNodes$1(childNode.childNodes, hostName, slotName)];
   }
@@ -322,123 +321,6 @@ function patchSlotNode$1(node) {
   node.assignedElements = assignedFactory(true);
   node.assignedNodes = assignedFactory(false);
 }
-function dispatchSlotChangeEvent$1(elm) {
-  elm.dispatchEvent(new CustomEvent("slotchange", { bubbles: false, cancelable: false, composed: false }));
-}
-function findSlotFromSlottedNode$1(slottedNode, parentHost) {
-  var _a;
-  parentHost = parentHost || ((_a = slottedNode["s-ol"]) == null ? void 0 : _a.parentElement);
-  if (!parentHost) return { slotNode: null, slotName: "" };
-  const slotName = slottedNode["s-sn"] = getSlotName$1(slottedNode) || "";
-  const childNodes = internalCall$1(parentHost, "childNodes");
-  const slotNode = getHostSlotNodes$1(childNodes, parentHost.tagName, slotName)[0];
-  return { slotNode, slotName };
-}
-var patchSlottedNode$1 = (node) => {
-  if (!node || node.__nextSibling !== void 0 || !globalThis.Node) return;
-  patchNextSibling$1(node);
-  patchPreviousSibling$1(node);
-  patchParentNode$1(node);
-  if (node.nodeType === Node.ELEMENT_NODE) {
-    patchNextElementSibling$1(node);
-    patchPreviousElementSibling$1(node);
-  }
-};
-var patchNextSibling$1 = (node) => {
-  if (!node || node.__nextSibling) return;
-  patchHostOriginalAccessor$1("nextSibling", node);
-  Object.defineProperty(node, "nextSibling", {
-    get: function() {
-      var _a;
-      const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
-      const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
-      if (parentNodes && index > -1) {
-        return parentNodes[index + 1];
-      }
-      return this.__nextSibling;
-    }
-  });
-};
-var patchNextElementSibling$1 = (element) => {
-  if (!element || element.__nextElementSibling) return;
-  patchHostOriginalAccessor$1("nextElementSibling", element);
-  Object.defineProperty(element, "nextElementSibling", {
-    get: function() {
-      var _a;
-      const parentEles = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
-      const index = parentEles == null ? void 0 : parentEles.indexOf(this);
-      if (parentEles && index > -1) {
-        return parentEles[index + 1];
-      }
-      return this.__nextElementSibling;
-    }
-  });
-};
-var patchPreviousSibling$1 = (node) => {
-  if (!node || node.__previousSibling) return;
-  patchHostOriginalAccessor$1("previousSibling", node);
-  Object.defineProperty(node, "previousSibling", {
-    get: function() {
-      var _a;
-      const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
-      const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
-      if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
-      }
-      return this.__previousSibling;
-    }
-  });
-};
-var patchPreviousElementSibling$1 = (element) => {
-  if (!element || element.__previousElementSibling) return;
-  patchHostOriginalAccessor$1("previousElementSibling", element);
-  Object.defineProperty(element, "previousElementSibling", {
-    get: function() {
-      var _a;
-      const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
-      const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
-      if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
-      }
-      return this.__previousElementSibling;
-    }
-  });
-};
-var patchParentNode$1 = (node) => {
-  if (!node || node.__parentNode) return;
-  patchHostOriginalAccessor$1("parentNode", node);
-  Object.defineProperty(node, "parentNode", {
-    get: function() {
-      var _a;
-      return ((_a = this["s-ol"]) == null ? void 0 : _a.parentNode) || this.__parentNode;
-    },
-    set: function(value) {
-      this.__parentNode = value;
-    }
-  });
-};
-var validElementPatches$1 = ["children", "nextElementSibling", "previousElementSibling"];
-var validNodesPatches$1 = [
-  "childNodes",
-  "firstChild",
-  "lastChild",
-  "nextSibling",
-  "previousSibling",
-  "textContent",
-  "parentNode"
-];
-function patchHostOriginalAccessor$1(accessorName, node) {
-  let accessor;
-  if (validElementPatches$1.includes(accessorName)) {
-    accessor = Object.getOwnPropertyDescriptor(Element.prototype, accessorName);
-  } else if (validNodesPatches$1.includes(accessorName)) {
-    accessor = Object.getOwnPropertyDescriptor(Node.prototype, accessorName);
-  }
-  if (!accessor) {
-    accessor = Object.getOwnPropertyDescriptor(node, accessorName);
-  }
-  if (accessor) Object.defineProperty(node, "__" + accessorName, accessor);
-}
 function internalCall$1(node, method) {
   if ("__" + method in node) {
     const toReturn = node["__" + method];
@@ -658,9 +540,6 @@ var initializeClientHydrate$1 = (hostElm, tagName, hostId, hostRef) => {
           slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
         }
         addSlotRelocateNode$1(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-        {
-          patchSlottedNode$1(slottedItem.node);
-        }
       }
       if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
         hostEle.appendChild(slottedItem.node);
@@ -1272,44 +1151,17 @@ var createElm$1 = (oldParentVNode, newParentVNode, childIndex) => {
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
         {
-          relocateToHostRoot$1(oldParentVNode.$elm$);
+          putBackInOriginalLocation$1(oldParentVNode.$elm$, false);
         }
       }
     }
   }
   return elm;
 };
-var relocateToHostRoot$1 = (parentElm) => {
-  plt$1.$flags$ |= 1 /* isTmpDisconnected */;
-  const host = parentElm.closest(hostTagName$1.toLowerCase());
-  if (host != null) {
-    const contentRefNode = Array.from(host.__childNodes || host.childNodes).find(
-      (ref) => ref["s-cr"]
-    );
-    const childNodeArray = Array.from(
-      parentElm.__childNodes || parentElm.childNodes
-    );
-    for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
-      if (childNode["s-sh"] != null) {
-        insertBefore$1(host, childNode, contentRefNode != null ? contentRefNode : null);
-        childNode["s-sh"] = void 0;
-        checkSlotRelocate$1 = true;
-      }
-    }
-  }
-  plt$1.$flags$ &= -2 /* isTmpDisconnected */;
-};
 var putBackInOriginalLocation$1 = (parentElm, recursive) => {
   plt$1.$flags$ |= 1 /* isTmpDisconnected */;
   const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  if (parentElm["s-sr"] && BUILD$1.experimentalSlotFixes) {
-    let node = parentElm;
-    while (node = node.nextSibling) {
-      if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName$1) {
-        oldSlotChildNodes.push(node);
-      }
-    }
-  }
+  if (parentElm["s-sr"] && BUILD$1.experimentalSlotFixes) ;
   for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
     const childNode = oldSlotChildNodes[i2];
     if (childNode["s-hn"] !== hostTagName$1 && childNode["s-ol"]) {
@@ -1480,12 +1332,6 @@ var patch$1 = (oldVNode, newVNode2, isInitialRender = false) => {
       isSvgMode$1 = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode$1;
     }
     {
-      if (tag === "slot" && !useNativeShadowDom$1) {
-        if (oldVNode.$name$ !== newVNode2.$name$) {
-          newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
-          relocateToHostRoot$1(newVNode2.$elm$.parentElement);
-        }
-      }
       updateElement$1(oldVNode, newVNode2, isSvgMode$1, isInitialRender);
     }
     if (oldChildren !== null && newChildren !== null) {
@@ -1522,7 +1368,7 @@ var markSlotContentForRelocation$1 = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (true  )) {
           if (isNodeLocatedInSlot$1(node, slotName)) {
             let relocateNodeData = relocateNodes$1.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility$1 = true;
@@ -1567,23 +1413,12 @@ var nullifyVNodeRefs$1 = (vNode) => {
   }
 };
 var insertBefore$1 = (parent, newNode, reference) => {
-  if (typeof newNode["s-sn"] === "string") {
-    if (parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
-      patchParentNode$1(newNode);
-    }
-    parent.insertBefore(newNode, reference);
-    const { slotNode } = findSlotFromSlottedNode$1(newNode);
-    if (slotNode) dispatchSlotChangeEvent$1(slotNode);
-    return newNode;
-  }
-  if (parent.__insertBefore) {
-    return parent.__insertBefore(newNode, reference);
-  } else {
+  {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
   }
 };
 var renderVdom$1 = (hostRef, renderFnResults, isInitialLoad = false) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d;
   const hostElm = hostRef.$hostElement$;
   const cmpMeta = hostRef.$cmpMeta$;
   const oldVNode = hostRef.$vnode$ || newVNode$1(null, null);
@@ -1630,7 +1465,7 @@ var renderVdom$1 = (hostRef, renderFnResults, isInitialLoad = false) => {
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
-          if ((insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
+          {
             let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
             while (orgLocationNode) {
               let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
@@ -1651,6 +1486,9 @@ var renderVdom$1 = (hostRef, renderFnResults, isInitialLoad = false) => {
           const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
           if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
             if (nodeToRelocate !== insertBeforeNode) {
+              if (!nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
+                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
+              }
               insertBefore$1(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
                 nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
@@ -1674,17 +1512,6 @@ var renderVdom$1 = (hostRef, renderFnResults, isInitialLoad = false) => {
     plt$1.$flags$ &= -2 /* isTmpDisconnected */;
     relocateNodes$1.length = 0;
   }
-  if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
-    const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
-    for (const childNode of children) {
-      if (childNode["s-hn"] !== hostTagName$1 && !childNode["s-sh"]) {
-        if (isInitialLoad && childNode["s-ih"] == null) {
-          childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
-        }
-        childNode.hidden = true;
-      }
-    }
-  }
   contentRef$1 = void 0;
 };
 
@@ -7360,167 +7187,6 @@ defineCustomElement$J();
 const NvButton$1 = NvButton$2;
 const defineCustomElement$I = defineCustomElement$J;
 
-const nvIconbuttonCss = "nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:500;font-family:\"TT Norms Pro\", sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:var(--button-xs-icon-button-padding);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:var(--button-sm-icon-button-padding);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:var(--button-md-icon-button-padding);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:var(--button-lg-icon-button-padding);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}";
-const NvIconbuttonStyle0 = nvIconbuttonCss;
-
-const NvIconbutton$2 = /*@__PURE__*/ proxyCustomElement(class NvIconbutton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.internals = this.attachInternals();
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Determines how large or small the button appears, allowing for
-         * customization of the button's dimensions to fit different design
-         * specifications and user needs.
-         */
-        this.size = 'md';
-        /**
-         * Adjusts the button’s emphasis to make it more or less visually prominent
-         * to users. Use this to draw attention to important actions or reduce focus
-         * on less critical ones.
-         */
-        this.emphasis = 'high';
-        /**
-         * Set this to true to show a spinner on the button, letting users know that
-         * their action is being processed. It helps improve user experience by
-         * indicating ongoing activities. The icon is not displayed when the button
-         * is loading. Also, the button is disabled. If you want to disable the
-         * button, it is not possible. It is automatically disabled when loading.
-         */
-        this.loading = false;
-        /**
-         * Disables the button, preventing user interaction.
-         */
-        this.disabled = false;
-        /**
-         * Makes the button look active when it’s within a compatible component
-         * like a button group.
-         */
-        this.active = false;
-        /**
-         * Sets the button type to control its function in forms. Use 'submit' to send
-         * form data, 'reset' to clear the form, or 'button' for a standard button
-         * that doesn’t interact with form submission by default.
-         */
-        this.type = 'button';
-        /**
-         * Sets the shape of the button. Choose between square and rounded.
-         */
-        this.shape = 'square';
-        //#endregion PROPERTIES
-        /****************************************************************************/
-        //#region METHODS
-        /**
-         * Handles form-related actions when the button is clicked.
-         * - Submits the form if the button type is 'submit'.
-         * - Resets the form if the button type is 'reset'.
-         * @param {Event} event - The click event.
-         */
-        this.handleClick = (event) => {
-            var _a, _b, _c, _d;
-            if (this.disabled) {
-                event.preventDefault();
-                return;
-            }
-            if (this.type === 'submit') {
-                (_b = (_a = this.internals) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.requestSubmit();
-            }
-            if (this.type === 'reset') {
-                (_d = (_c = this.internals) === null || _c === void 0 ? void 0 : _c.form) === null || _d === void 0 ? void 0 : _d.reset();
-            }
-        };
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region WATCHERS
-    handleLoadingChange(loading) {
-        this.loading = loading;
-        this.disabled = loading;
-    }
-    handleDisabledChange(disabled) {
-        if (this.loading) {
-            this.disabled = this.loading;
-        }
-        else {
-            this.disabled = disabled;
-        }
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region EVENTS
-    handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
-            event.preventDefault();
-            this.el.click();
-        }
-    }
-    handleTouchStart(event) {
-        if (event.touches.length > 1)
-            return;
-        event.preventDefault();
-        this.el.click();
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        if (this.loading) {
-            this.disabled = this.loading;
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h$1(Host$1, { key: 'eb27cfea5e30fa97e9950d76f3038dc9ff4f4116', 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: '6f24a71b7ecab3168567a76b67f0b226f3afa9c3', size: this.size }), !this.loading && h$1("nv-icon", { key: 'f4a0eb19d8bc08a0c8dbc8cedca249bf417eeb1b', name: this.name, size: this.size }), h$1("slot", { key: '2994118659b1ad184a42ea4b20ea754427dae279' })));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "loading": ["handleLoadingChange"],
-        "disabled": ["handleDisabledChange"]
-    }; }
-    static get style() { return NvIconbuttonStyle0; }
-}, [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"]
-    }]);
-function defineCustomElement$H() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-iconbutton", "nv-icon", "nv-loader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-iconbutton":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvIconbutton$2);
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$T();
-            }
-            break;
-        case "nv-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$K();
-            }
-            break;
-    } });
-}
-defineCustomElement$H();
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -7681,9 +7347,18 @@ function isSameOrAfter(date, compareDate, options) {
  * @returns {number} Week number
  */
 function getWeekNumber(date) {
-    const startOfYear = new Date(date.getFullYear(), 0, 1);
-    const pastDaysOfYear = (date.getTime() - startOfYear.getTime()) / 86400000;
-    return Math.ceil((pastDaysOfYear + startOfYear.getDay() + 1) / 7);
+    // Create a copy of the date to avoid modifying the original
+    const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+    // Adjust to the same week Thursday (ISO 8601)
+    d.setUTCDate(d.getUTCDate() + 3 - ((d.getUTCDay() + 6) % 7));
+    // Calculate the first Thursday of the year
+    const week1 = new Date(Date.UTC(d.getUTCFullYear(), 0, 4));
+    // Calculate the week number
+    return (1 +
+        Math.round(((d.getTime() - week1.getTime()) / 86400000 -
+            3 +
+            ((week1.getUTCDay() + 6) % 7)) /
+            7));
 }
 /**
  * Convert a date string/Date to a Date without timezone offset
@@ -7757,6 +7432,175 @@ function parseDate(dateInput, dateFormat) {
     return parsed.toDate();
 }
 
+/**
+ * Renders a single day cell in the calendar grid
+ * @param {DayCellProps} props - Component properties
+ * @returns {JSX.Element} JSX element representing a day cell
+ */
+const DayCell = props => {
+    const { date, dayOfMonth, isCurrentMonth, isSelected, isInRange, isStart, isEnd, isToday, isDisabled, onClick, } = props;
+    // Build CSS classes for the day cell
+    const dayClasses = [
+        'day',
+        isSelected ? 'selected' : '',
+        isStart ? 'range-start' : '',
+        isEnd ? 'range-end' : '',
+        isInRange ? 'in-range' : '',
+        isDisabled ? 'disabled' : '',
+        !isCurrentMonth ? 'outside-month' : '',
+        isToday ? 'is-today' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const handleClick = () => {
+        if (!isDisabled && onClick) {
+            onClick(date);
+        }
+    };
+    return (
+    // eslint-disable-next-line react/jsx-no-bind
+    h$1("div", { class: dayClasses, onClick: handleClick, "aria-disabled": isDisabled }, dayOfMonth));
+};
+
+/**
+ * Renders the action buttons for the calendar (Cancel/OK)
+ * @param {CalendarActionsProps} props - Component properties
+ * @returns {JSX.Element} JSX element representing the action buttons
+ */
+const CalendarActions = props => {
+    const { onReset, onConfirm, useSlot = false } = props;
+    return (h$1("div", { class: "datepicker-actions" }, useSlot ? (h$1("slot", { name: "actions" },
+        h$1("nv-button", { emphasis: "low", size: "xs", onClick: onReset }, "Cancel"),
+        h$1("nv-button", { size: "xs", onClick: onConfirm }, "OK"))) : (h$1("div", null,
+        h$1("nv-button", { emphasis: "low", size: "xs", onClick: onReset }, "Cancel"),
+        h$1("nv-button", { size: "xs", onClick: onConfirm }, "OK")))));
+};
+
+/**
+ * Renders the week numbers column for the calendar
+ * @param {WeekNumbersProps} props - Component properties
+ * @returns {JSX.Element} JSX element representing the week numbers
+ */
+const WeekNumbers = props => {
+    const { weeks, localizedWeekText, selectionType, onWeekSelect, calendarIndex, } = props;
+    /**
+     * Handles click on a week number for range selection
+     * @param {Array<WeekData>} week - Week data
+     */
+    const handleWeekClick = (week) => {
+        if (selectionType === 'range') {
+            const dates = week.map(d => d.date);
+            onWeekSelect(dates, calendarIndex);
+        }
+    };
+    /**
+     * Creates a click handler for a specific week
+     * @param {Array<WeekData>} week - Week data
+     * @returns {() => void} Click handler function
+     */
+    const createWeekHandler = (week) => {
+        return () => handleWeekClick(week);
+    };
+    return (h$1("div", { class: "week-numbers" },
+        h$1("div", { class: "week-header" }, localizedWeekText),
+        weeks.map((week, weekIndex) => {
+            var _a;
+            const firstDayWithDate = ((_a = week.find(d => d.date)) === null || _a === void 0 ? void 0 : _a.date) || new Date();
+            const weekNumber = getWeekNumber(firstDayWithDate);
+            const isClickable = selectionType === 'range';
+            return (h$1("div", { class: `week-number ${isClickable ? 'clickable' : ''}`, onClick: createWeekHandler(week), key: `week-${weekIndex}`, role: isClickable ? 'button' : undefined, tabindex: isClickable ? 0 : undefined }, weekNumber));
+        })));
+};
+
+/**
+ * Renders the shortcuts for quick date selection
+ * @param {CalendarShortcutsProps} props - Component properties
+ * @returns {JSX.Element | null} JSX element representing the shortcuts or null if no shortcuts
+ */
+const CalendarShortcuts = props => {
+    const { shortcuts, placement, onShortcutClick } = props;
+    if (!shortcuts || shortcuts.length === 0) {
+        return null;
+    }
+    /**
+     * Creates a click handler for a specific shortcut
+     * @param {ShortcutData} shortcut - The shortcut data
+     * @returns {() => void} Click handler function
+     */
+    const createShortcutHandler = (shortcut) => {
+        return () => onShortcutClick(shortcut);
+    };
+    return (h$1("div", { class: `shortcuts-container shortcuts-placement-${placement}` }, shortcuts.map((shortcut, index) => (h$1("nv-button", { key: `shortcut-${index}`, emphasis: "lower", size: "xs", "aria-label": shortcut.label, onClick: createShortcutHandler(shortcut) }, shortcut.label)))));
+};
+
+/**
+ * Renders the calendar header with navigation and date controls
+ * @param {CalendarHeaderProps} props - Component properties
+ * @returns {JSX.Element} JSX element representing the calendar header
+ */
+const CalendarHeader = props => {
+    const { currentDate, months, numberOfCalendars, calendarIndex, monthOffset, onMonthChange, onMonthSelect, onYearChange, } = props;
+    /**
+     * Creates navigation handler for month change
+     * @param {number} direction - Direction of navigation (-1 or 1)
+     * @returns {() => void} Navigation handler function
+     */
+    const createNavigationHandler = (direction) => {
+        return () => onMonthChange(direction);
+    };
+    /**
+     * Creates month selection handler
+     * @param {number} offset - Month offset
+     * @returns {(event: Event) => void} Month selection handler function
+     */
+    const createMonthSelectHandler = (offset) => {
+        return (event) => onMonthSelect(event, offset);
+    };
+    /**
+     * Creates year change handler
+     * @param {number} offset - Month offset
+     * @returns {(event: Event) => void} Year change handler function
+     */
+    const createYearChangeHandler = (offset) => {
+        return (event) => onYearChange(event, offset);
+    };
+    const currentMonth = (currentDate.getUTCMonth() + monthOffset) % 12;
+    const currentYear = currentDate.getUTCFullYear() +
+        Math.floor((currentDate.getUTCMonth() + monthOffset) / 12);
+    return (h$1("div", { class: "header" },
+        numberOfCalendars > 1 && calendarIndex === 0 && (h$1("nv-iconbutton", { class: "nav-left", emphasis: "lower", name: "chevron-left", onClick: createNavigationHandler(-1) })),
+        h$1("div", { class: "date-controls" },
+            h$1("select", { class: "month-select mr-4", onChange: createMonthSelectHandler(monthOffset) }, months.map(month => (h$1("option", { key: month.value, value: month.value, selected: month.value === currentMonth }, month.label)))),
+            h$1("input", { type: "number", class: "year-input", min: "1950", max: "2100", value: currentYear, onChange: createYearChangeHandler(monthOffset) })),
+        numberOfCalendars === 1 && (h$1("div", { class: "nav-buttons" },
+            h$1("nv-iconbutton", { emphasis: "lower", name: "chevron-left", onClick: createNavigationHandler(-1) }),
+            h$1("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: createNavigationHandler(1) }))),
+        numberOfCalendars > 1 && calendarIndex === numberOfCalendars - 1 && (h$1("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: createNavigationHandler(1), class: "nav-right" }))));
+};
+
+/**
+ * Renders the calendar grid with day headers and day cells
+ * @param {CalendarGridProps} props - Component properties
+ * @returns {JSX.Element} JSX element representing the calendar grid
+ */
+const CalendarGrid = props => {
+    const { days, dayNames, selectionType, selectedDate, startDate, endDate, isUTCMode, onDayClick, isDateInRange, isToday, } = props;
+    return (h$1("div", { class: "days-container" },
+        h$1("div", { class: "days-header" }, dayNames.map((day, index) => (h$1("div", { class: "day-header", key: `day-header-${index}` }, day)))),
+        h$1("div", { class: "days-grid" }, days.map(day => {
+            const date = day.date;
+            if (!date)
+                return null;
+            const isSelected = selectionType === 'single' &&
+                isSameDate(date, selectedDate, { isUTCMode });
+            const isInRange = isDateInRange(date);
+            const isStart = isSameDate(date, startDate, { isUTCMode });
+            const isEnd = isSameDate(date, endDate, { isUTCMode });
+            const isTodayDate = isToday(date);
+            return (h$1(DayCell, { date: date, dayOfMonth: day.dayOfMonth, isCurrentMonth: day.isCurrentMonth, isSelected: isSelected, isInRange: isInRange, isStart: isStart, isEnd: isEnd, isToday: isTodayDate, isDisabled: day.isDisabled, selectionType: selectionType, onClick: onDayClick }));
+        }))));
+};
+
 const nvCalendarCss = "nv-calendar{display:block}.datepicker-root{display:flex;justify-content:center;align-items:flex-start;width:auto}.datepicker-container{font-family:system-ui, sans-serif;display:flex;flex-direction:column;align-items:stretch;background:var(--components-calendar-background);border-radius:var(--calendar-radius);padding:var(--calendar-padding);box-shadow:0px var(--shadow-y-axis-md-1) var(--shadow-blur-md-1) var(--shadow-spread-md, 0) var(--shadow-color-opacity-0), 0px var(--shadow-y-axis-md-2) var(--shadow-blur-md-2) var(--shadow-spread-md, 0) var(--shadow-color-opacity-2);border:1px solid var(--components-calendar-border);width:auto;max-width:100%}.datepicker-container-single{max-width:300px}.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-left),.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-container-single:has(.shortcuts-placement-left),.datepicker-container-single:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:var(--calendar-gap-x);width:auto;overflow-x:hidden}.datepicker-wrapper::-webkit-scrollbar{width:6px;height:6px}.datepicker-wrapper::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}.datepicker-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}.datepicker-wrapper.single{justify-content:center}.calendar-container{display:flex;flex-direction:column;align-items:center;padding:var(--calendar-padding);width:auto;position:relative}.calendar-separator{width:1px;background:var(--components-calendar-border);height:auto;min-height:100%;margin:0 10px}.header{display:flex;justify-content:start;align-items:center;margin-bottom:var(--calendar-header-margin-bottom);width:100%}.header nv-iconbutton{width:var(--calendar-header-button-size);height:var(--calendar-header-button-size)}.nav-buttons{display:flex;gap:var(--spacing-0);margin-left:auto}.nav-left{order:-1}.date-controls{display:flex;gap:var(--spacing-1);align-items:center;min-height:34px;justify-content:center}.datepicker-container-single .date-controls{justify-content:flex-start}.datepicker-container:not(.datepicker-container-single) .date-controls{justify-content:start;flex-grow:1}.date-controls .month-select,.date-controls .year-input{background:transparent !important}.calendar-wrapper:nth-child(n+2) .datepicker-container{margin-left:42px}.calendar-grid{display:grid;grid-template-columns:auto 1fr;column-gap:var(--calendar-weeks-calendar-gap-x);position:relative}.calendar-grid.slide-left{animation:slideLeft 0.3s ease-out}.calendar-grid.slide-right{animation:slideRight 0.3s ease-out}.week-numbers{display:grid;grid-template-rows:var(--calendar-cell-size) repeat(6, var(--calendar-cell-size));background:var(--components-calendar-weeks-background);color:var(--components-calendar-weeks-text);border-radius:var(--calendar-weeks-radius);width:var(--calendar-weeks-size);row-gap:var(--calendar-grid-gap-y)}.week-numbers .clickable{cursor:pointer}.week-numbers .clickable:hover{background-color:var(--components-calendar-weeks-background-hover);color:var(--components-calendar-weeks-text-hover);border-radius:var(--calendar-radius)}.week-header,.week-number{display:grid;place-items:center;font-size:var(--calendar-cell-font-size)}.week-header{font-weight:700;color:var(--components-calendar-weeks-text)}.week-number{color:var(--components-calendar-cell-text)}.days-container{display:grid;grid-template-rows:auto 1fr;row-gap:var(--calendar-grid-gap-y)}.days-header{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));height:var(--calendar-cell-size)}.day-header{display:grid;place-items:center;font-size:var(--calendar-cell-font-size);color:var(--components-calendar-cell-text)}.days-grid{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));grid-template-rows:repeat(6, var(--calendar-cell-size));animation:fadeIn 0.2s ease-in;row-gap:var(--calendar-grid-gap-y);z-index:0}.day{display:grid;place-items:center;width:var(--calendar-cell-size);height:var(--calendar-cell-size);font-size:var(--calendar-cell-font-size);border-radius:var(--calendar-cell-radius);cursor:pointer;border:none;background:transparent;transition:all 0.2s ease;text-align:center;animation:scaleIn 0.2s ease-out}.day:hover:not(.disabled,.empty,.selected){background:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}.day.selected,.day.selected:hover .day.is-today.selected,.day.is-today.selected:hover{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected) !important}.day.disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.day.outside-month{color:var(--components-calendar-cell-text);opacity:var(--opacity-disabled)}.day.outside-month.selected{opacity:1 !important;color:var(--components-calendar-cell-text-selected)}.day.outside-month.in-range{opacity:0.5 !important;background-color:var(--components-calendar-cell-background-in-range);color:var(--components-calendar-cell-text-in-range)}.day.outside-month.in-range:hover{opacity:0.7 !important;background-color:var(--components-calendar-cell-background-in-range)}.day.in-range{background:var(--components-calendar-cell-background-in-range);color:var(--components-calendar-cell-text-in-range);border-radius:0;position:relative}.day.range-start,.day.range-start:focus,.day.range-start:hover,.day.range-end,.day.range-end:focus,.day.range-end:hover{background-color:var(--components-calendar-cell-background-selected) !important;color:var(--components-calendar-cell-text-selected) !important}.day.range-start,.day.range-end,.day.range-start.is-today,.day.range-end.is-today{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected);position:relative;border-radius:var(--radius-rounded-full)}.day.range-start:hover,.day.range-end:hover,.day.range-start.is-today:hover,.day.range-end.is-today:hover{color:var(--components-calendar-cell-text-today)}.day.range-start:before,.day.range-end:before,.day.range-start.is-today:before,.day.range-end.is-today:before{content:\"\";position:absolute;bottom:0;left:0;right:0;top:0;z-index:-1;background-color:var(--components-calendar-cell-background-in-range);border-radius:var(--radius-rounded-full);width:auto;height:auto}.day.range-start:has(~.range-end):before,.day.range-start:has(+.in-range):before{border-top-right-radius:0;border-bottom-right-radius:0}.day.range-end:before{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.day.outside-month.range-start,.day.outside-month.range-end{opacity:1 !important;background:var(--components-calendar-cell-background-selected) !important;color:var(--components-calendar-cell-text-selected)}.day.is-today{font-weight:700;position:relative;color:var(--components-calendar-cell-text-today)}.day.is-today.range-start,.day.is-today.range-end{color:var(--components-calendar-cell-text-selected)}.day.is-today.range-start:hover,.day.is-today.range-end:hover{color:var(--components-calendar-cell-text-today)}.day.is-today::after{content:\"\";position:absolute;bottom:var(--spacing-1);left:50%;transform:translateX(-50%);width:var(--calendar-cell-dot-size);height:var(--calendar-cell-dot-size);background-color:currentColor;border-radius:50%}.day.is-today.selected::after{color:var(--components-calendar-cell-text-selected)}.day.is-today.selected::after::after{background-color:var(--components-calendar-cell-dot-selected)}.calendar-footer{display:flex;gap:var(--spacing-1);justify-content:flex-start;width:100%;flex-wrap:wrap}.footer-placement-left{justify-content:flex-start}.footer-placement-right{justify-content:flex-end}.footer-placement-center{justify-content:center}.datepicker-controls{display:flex;flex-direction:column;border-top:1px solid var(--components-calendar-border);padding:var(--calendar-controls-padding-top) var(--calendar-padding) var(--calendar-padding);gap:var(--calendar-grid-gap-y);margin-top:var(--calendar-controls-margin-top)}.datepicker-actions{display:flex;justify-content:flex-end;gap:var(--spacing-1);width:100%}.datepicker-actions slot-fb{display:contents !important}.calendar-footer+.datepicker-actions{margin-top:0}.shortcuts-placement-left,.shortcuts-placement-right{display:flex;flex-direction:column;gap:var(--spacing-1);margin-top:var(--spacing-4)}.shortcuts-placement-left{align-items:flex-end}.shortcuts-placement-right{align-items:flex-start}@keyframes slideLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}";
 const NvCalendarStyle0 = nvCalendarCss;
 
@@ -7766,18 +7610,28 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
         this.__registerHost();
         this.singleDateChange = createEvent$1(this, "singleDateChange");
         this.rangeDateChange = createEvent$1(this, "rangeDateChange");
+        this.valueChanged = createEvent$1(this, "valueChanged");
         /****************************************************************************/
         //#region PROPERTIES
         /**
          * First day of the week (0 = Sunday, 1 = Monday, etc.)
-         * @default 0
+         * @default 1
          */
-        this.firstDayOfWeek = 0;
+        this.firstDayOfWeek = 1;
         /**
          * Number of calendars to display
          * @default 1
          */
         this.numberOfCalendars = 1;
+        /**
+         * Selected date value. For single mode: ISO date string. For range mode: comma-separated ISO date strings.
+         * Examples:
+         * - Single: "2025-03-15"
+         * - Range: "2025-03-15,2025-03-20"
+         * @default ""
+         */
+        // eslint-disable-next-line @stencil-community/strict-mutable
+        this.value = '';
         /**
          * Locale for date formatting
          * @default 'en-BE'
@@ -7815,6 +7669,75 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
         this.endDate = null;
         /** List of formatted months for the selector */
         this.months = [];
+        /**
+         * Parses the unified value prop and synchronizes with internal state
+         * @param {string} value - Value to parse
+         */
+        this.parseUnifiedValue = (value) => {
+            if (!value) {
+                // Reset all selections
+                this.selectedDate = null;
+                this.startDate = null;
+                this.endDate = null;
+                return;
+            }
+            const values = value
+                .split(',')
+                .map(v => v.trim())
+                .filter(Boolean);
+            if (this.selectionType === 'single' && values.length >= 1) {
+                const parsedDate = parseDate(values[0], this.dateFormat);
+                if (parsedDate) {
+                    this.selectedDate = parsedDate;
+                    // Only sync with legacy prop if not using actions (immediate mode)
+                    if (!this.showActions) {
+                        this.singleValue = values[0];
+                    }
+                    // Navigate to the date if not prevented
+                    const preventNavigation = this.el.getAttribute('data-prevent-navigation') === 'true';
+                    if (!preventNavigation) {
+                        this.currentDate = parsedDate;
+                    }
+                }
+                else {
+                    // Handle malformed date gracefully - reset state
+                    console.warn(`Invalid date format: ${values[0]}`);
+                    this.selectedDate = null;
+                    if (!this.showActions) {
+                        this.singleValue = '';
+                    }
+                }
+            }
+            else if (this.selectionType === 'range' && values.length >= 2) {
+                const startDate = parseDate(values[0], this.dateFormat);
+                const endDate = parseDate(values[1], this.dateFormat);
+                if (startDate && endDate) {
+                    this.startDate = startDate;
+                    this.endDate = endDate;
+                    // Only sync with legacy prop if not using actions (immediate mode)
+                    if (!this.showActions) {
+                        this.rangeValue = {
+                            start: values[0],
+                            end: values[1],
+                        };
+                    }
+                    // Navigate to start date if not prevented
+                    const preventNavigation = this.el.getAttribute('data-prevent-navigation') === 'true';
+                    if (!preventNavigation) {
+                        this.currentDate = startDate;
+                    }
+                }
+                else {
+                    // Handle malformed dates gracefully - reset state
+                    console.warn(`Invalid date range format: ${values[0]}, ${values[1]}`);
+                    this.startDate = null;
+                    this.endDate = null;
+                    if (!this.showActions) {
+                        this.rangeValue = { start: '', end: '' };
+                    }
+                }
+            }
+        };
         /**
          * Change the displayed month
          * @param {number} offset - Month offset (-1 for previous, 1 for next)
@@ -7862,7 +7785,14 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
                 return;
             const formattedDate = formatDate(date, { dateFormat: this.dateFormat });
             this.selectedDate = date;
-            this.singleDateChange.emit(formattedDate);
+            // Update the unified value prop (like nv-fieldslider)
+            this.value = formattedDate;
+            this.valueChanged.emit(formattedDate);
+            // Legacy support (deprecated) - only sync props if not using actions
+            if (!this.showActions) {
+                this.singleValue = formattedDate;
+                this.singleDateChange.emit(formattedDate);
+            }
         };
         /**
          * Handles range date selection
@@ -7870,18 +7800,32 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
          */
         this.handleRangeSelection = (date) => {
             if (!this.startDate || (this.startDate && this.endDate)) {
+                // Start new range selection
                 this.startDate = date;
                 this.endDate = null;
             }
             else {
+                // Complete range selection
                 this.endDate = date;
+                // Ensure correct order
                 if (this.startDate > this.endDate) {
                     [this.startDate, this.endDate] = [this.endDate, this.startDate];
                 }
-                this.rangeDateChange.emit({
-                    start: formatDate(this.startDate, { dateFormat: this.dateFormat }),
-                    end: formatDate(this.endDate, { dateFormat: this.dateFormat }),
+                const startFormatted = formatDate(this.startDate, {
+                    dateFormat: this.dateFormat,
                 });
+                const endFormatted = formatDate(this.endDate, {
+                    dateFormat: this.dateFormat,
+                });
+                // Update the unified value prop (like nv-fieldslider)
+                this.value = `${startFormatted},${endFormatted}`;
+                this.valueChanged.emit(this.value);
+                // Legacy support (deprecated) - only sync props if not using actions
+                if (!this.showActions) {
+                    const legacyRange = { start: startFormatted, end: endFormatted };
+                    this.rangeDateChange.emit(legacyRange);
+                    this.rangeValue = legacyRange;
+                }
             }
         };
         /**
@@ -7940,23 +7884,35 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
          * @returns {string[]} Array of short day names
          */
         this.getDayNames = () => {
+            let days;
             // If we have custom day names for this locale
             if (CUSTOM_DAY_NAMES[this.locale]) {
-                const days = [...CUSTOM_DAY_NAMES[this.locale]];
-                // Reorganize the days based on the first day of the week
-                const firstDays = days.slice(0, this.firstDayOfWeek);
-                const remainingDays = days.slice(this.firstDayOfWeek);
-                return [...remainingDays, ...firstDays];
+                // Custom day names are expected to start with Monday (index 0 = Monday)
+                days = [...CUSTOM_DAY_NAMES[this.locale]];
+            }
+            else {
+                // Generate days using Intl.DateTimeFormat, starting from Monday
+                const formatter = new Intl.DateTimeFormat(this.locale, {
+                    weekday: 'short',
+                });
+                // Generate days starting from Monday (2023-01-02 was a Monday)
+                days = [...Array(7)].map((_, i) => formatter.format(new Date(2023, 0, i + 2)).toUpperCase());
+            }
+            // Now reorganize based on firstDayOfWeek
+            // 0 = Sunday, 1 = Monday (default), 2 = Tuesday, etc.
+            if (this.firstDayOfWeek === 0) {
+                // If Sunday is first day, move Sunday (last element) to the beginning
+                return [days[6], ...days.slice(0, 6)];
+            }
+            else if (this.firstDayOfWeek === 1) {
+                // If Monday is first day, return as-is (since our array starts with Monday)
+                return days;
+            }
+            else {
+                // For other first days (Tuesday=2, Wednesday=3, etc.)
+                const offset = this.firstDayOfWeek - 1; // Convert to 0-based offset from Monday
+                return [...days.slice(offset), ...days.slice(0, offset)];
             }
-            // Otherwise, use the default behavior
-            const formatter = new Intl.DateTimeFormat(this.locale, {
-                weekday: 'short',
-            });
-            const days = [...Array(7)].map((_, i) => formatter.format(new Date(2023, 0, i + 1)).toUpperCase());
-            // Reorganize the days based on the first day of the week
-            const firstDays = days.slice(0, this.firstDayOfWeek);
-            const remainingDays = days.slice(this.firstDayOfWeek);
-            return [...remainingDays, ...firstDays];
         };
         /**
          * Generates the days of the current month
@@ -8137,8 +8093,15 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
             if (shortcut.singleValue) {
                 const newDate = parseDate(shortcut.singleValue, this.dateFormat);
                 this.selectedDate = newDate;
-                this.singleDateChange.emit(formatDate(newDate, { dateFormat: this.dateFormat }));
-                this.singleValue = formatDate(newDate, { dateFormat: this.dateFormat });
+                const formattedDate = formatDate(newDate, {
+                    dateFormat: this.dateFormat,
+                });
+                // Update the unified value prop (like nv-fieldslider)
+                this.value = formattedDate;
+                this.valueChanged.emit(formattedDate);
+                // Legacy support (deprecated) - sync props
+                this.singleValue = formattedDate;
+                this.singleDateChange.emit(formattedDate);
                 if (!this.showActions) {
                     const event = new CustomEvent('closePopover', {
                         bubbles: true,
@@ -8153,14 +8116,18 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
                 const end = parseDate(shortcut.rangeValue.end, this.dateFormat);
                 this.startDate = start;
                 this.endDate = end;
-                this.rangeDateChange.emit({
-                    start: formatDate(start, { dateFormat: this.dateFormat }),
-                    end: formatDate(end, { dateFormat: this.dateFormat }),
+                const startFormatted = formatDate(start, {
+                    dateFormat: this.dateFormat,
                 });
-                this.rangeValue = {
-                    start: formatDate(start, { dateFormat: this.dateFormat }),
-                    end: formatDate(end, { dateFormat: this.dateFormat }),
-                };
+                const endFormatted = formatDate(end, { dateFormat: this.dateFormat });
+                // Update the unified value prop (like nv-fieldslider)
+                this.value = `${startFormatted},${endFormatted}`;
+                this.valueChanged.emit(this.value);
+                // Legacy support (deprecated) - sync props
+                const legacyRange = { start: startFormatted, end: endFormatted };
+                this.rangeDateChange.emit(legacyRange);
+                // eslint-disable-next-line @stencil-community/strict-mutable
+                this.rangeValue = legacyRange;
                 if (!this.showActions) {
                     const event = new CustomEvent('closePopover', {
                         bubbles: true,
@@ -8178,79 +8145,28 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
         this.forceCalendarUpdate = newDate => {
             this.currentDate = new Date(newDate);
         };
-        /**
-         * Handles month change with an offset
-         * @param {number} direction - Direction (-1 for previous, 1 for next)
-         * @returns {Function} Change month handler
-         */
-        this.getChangeMonthHandler = (direction) => {
-            return () => this.changeMonth(direction);
-        };
-        /**
-         * Handles month change from an event (ex: dropdown)
-         * @param {number} offset - Month offset (0 by default)
-         * @returns {Function} Change month handler
-         */
-        this.getHandleMonthChange = (offset) => {
-            return (event) => this.handleMonthChange(event, offset);
-        };
-        /**
-         * Handles year change from an event (ex: dropdown)
-         * @param {number} offset - Year offset (0 by default)
-         * @returns {Function} Change year handler
-         */
-        this.getHandleYearChange = (offset) => {
-            return (event) => this.handleYearChange(event, offset);
-        };
-        /**
-         * Handles day click
-         * @param {Date} date - Date to handle
-         * @param {boolean} isDisabled - Whether the date is disabled
-         * @returns {Function} Day click handler
-         */
-        this.getDayClickHandler = (date, isDisabled) => {
-            return isDisabled ? undefined : () => this.handleDateSelection(date);
-        };
-        /**
-         * Handles shortcut selection
-         * @param {Object} shortcut - Shortcut to handle
-         * @param {string | Date} shortcut.singleValue - Selected date value
-         * @param {Object} shortcut.rangeValue - Start and end date values
-         * @param {string | Date} shortcut.rangeValue.start - Start date value
-         * @param {string | Date} shortcut.rangeValue.end - End date value
-         * @param {string} shortcut.label - Label
-         * @returns {Function} Shortcut selection handler
-         */
-        this.getShortcutHandler = (shortcut) => {
-            return () => this.applyShortcut(shortcut);
-        };
-        /**
-         * Handles week selection
-         * @param {Date[]} dates - Dates to handle
-         * @param {number} index - Calendar index
-         * @returns {Function} Week selection handler
-         */
-        this.getWeekSelectionHandler = (dates, index) => {
-            return () => {
-                if (this.selectionType === 'range') {
-                    this.handleWeekSelection(dates, index);
-                }
-            };
-        };
         /**
          * Resets the current selection
          */
         this.resetSelection = () => {
             if (this.selectionType === 'single') {
                 this.selectedDate = null;
+                // eslint-disable-next-line @stencil-community/strict-mutable
                 this.singleValue = null;
+                // eslint-disable-next-line @stencil-community/strict-mutable
+                this.value = '';
                 this.singleDateChange.emit('');
+                this.valueChanged.emit('');
             }
             else {
                 this.startDate = null;
                 this.endDate = null;
+                // eslint-disable-next-line @stencil-community/strict-mutable
                 this.rangeValue = null;
+                // eslint-disable-next-line @stencil-community/strict-mutable
+                this.value = '';
                 this.rangeDateChange.emit({ start: '', end: '' });
+                this.valueChanged.emit('');
             }
         };
         /**
@@ -8262,6 +8178,7 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
                     dateFormat: this.dateFormat,
                 });
                 this.singleDateChange.emit(dateStr);
+                // eslint-disable-next-line @stencil-community/strict-mutable
                 this.singleValue = dateStr;
                 const event = new CustomEvent('closePopover', {
                     bubbles: true,
@@ -8276,6 +8193,7 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
                     start: formatDate(this.startDate, { dateFormat: this.dateFormat }),
                     end: formatDate(this.endDate, { dateFormat: this.dateFormat }),
                 });
+                // eslint-disable-next-line @stencil-community/strict-mutable
                 this.rangeValue = {
                     start: formatDate(this.startDate, { dateFormat: this.dateFormat }),
                     end: formatDate(this.endDate, { dateFormat: this.dateFormat }),
@@ -8298,8 +8216,7 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
          * @description Renders the header of the calendar
          */
         this.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) })), 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" }))));
+            return (h$1(CalendarHeader, { currentDate: this.currentDate, months: this.months, numberOfCalendars: this.numberOfCalendars, calendarIndex: index, monthOffset: offset, onMonthChange: this.changeMonth, onMonthSelect: this.handleMonthChange, onYearChange: this.handleYearChange }));
         };
         /**
          * Renders the week numbers
@@ -8313,42 +8230,7 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
         weeks, 
         /** Calendar index */
         index) => {
-            return (h$1("div", { class: "week-numbers" }, h$1("div", { class: "week-header" }, this.getLocalizedWeekText()), weeks.map((week, weekIndex) => {
-                var _a;
-                const dates = week.map(d => d.date);
-                return (h$1("div", { class: `week-number ${this.selectionType === 'range' ? 'clickable' : ''}`, onClick: this.getWeekSelectionHandler(dates, index), key: `week-${weekIndex}` }, getWeekNumber(((_a = week.find(d => d.date)) === null || _a === void 0 ? void 0 : _a.date) || new Date())));
-            })));
-        };
-        this.renderDaysGrid = (
-        /** Days to render */
-        days) => {
-            return (h$1("div", { class: "days-grid" }, days.map(day => {
-                const date = day.date;
-                if (!date)
-                    return null;
-                const isSelected = this.selectionType === 'single' &&
-                    isSameDate(date, this.selectedDate, { isUTCMode: this.isUTCMode });
-                const isInRange = this.isDateInRange(date);
-                const isStart = isSameDate(date, this.startDate, {
-                    isUTCMode: this.isUTCMode,
-                });
-                const isEnd = isSameDate(date, this.endDate, {
-                    isUTCMode: this.isUTCMode,
-                });
-                const isToday = this.isToday(date);
-                const isOutsideMonth = !day.isCurrentMonth;
-                const dayClasses = [
-                    'day',
-                    isSelected ? 'selected' : '',
-                    isStart ? 'range-start' : '',
-                    isEnd ? 'range-end' : '',
-                    isInRange ? 'in-range' : '',
-                    day.isDisabled ? 'disabled' : '',
-                    isOutsideMonth ? 'outside-month' : '',
-                    isToday ? 'is-today' : '',
-                ];
-                return (h$1("div", { class: dayClasses.filter(Boolean).join(' '), onClick: this.getDayClickHandler(date, day.isDisabled), "aria-disabled": day.isDisabled, key: `day-${date.toISOString()}` }, day.dayOfMonth));
-            })));
+            return (h$1(WeekNumbers, { weeks: weeks, localizedWeekText: this.getLocalizedWeekText(), selectionType: this.selectionType, onWeekSelect: this.handleWeekSelection, calendarIndex: index }));
         };
         /**
          * Renders the calendar
@@ -8367,7 +8249,7 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
             for (let i = 0; i < days.length; i += 7) {
                 weeks.push(days.slice(i, i + 7));
             }
-            return (h$1("div", { class: "calendar-wrapper" }, h$1("div", { class: "calendar-container", key: `calendar-${index}` }, this.renderHeader(offset, index), h$1("div", { class: "calendar-grid" }, this.showWeekNumbers && this.renderWeekNumbers(weeks, index), h$1("div", { class: "days-container" }, h$1("div", { class: "days-header" }, this.getDayNames().map(day => (h$1("div", { class: "day-header" }, day)))), this.renderDaysGrid(days)))), index < this.numberOfCalendars - 1 && (h$1("div", { class: "calendar-separator" }))));
+            return (h$1("div", { class: "calendar-wrapper" }, h$1("div", { class: "calendar-container", key: `calendar-${index}` }, this.renderHeader(offset, index), h$1("div", { class: "calendar-grid" }, this.showWeekNumbers && this.renderWeekNumbers(weeks, index), h$1(CalendarGrid, { days: days, dayNames: this.getDayNames(), selectionType: this.selectionType, selectedDate: this.selectedDate, startDate: this.startDate, endDate: this.endDate, isUTCMode: this.isUTCMode, onDayClick: this.handleDateSelection, isDateInRange: this.isDateInRange, isToday: this.isToday }))), index < this.numberOfCalendars - 1 && (h$1("div", { class: "calendar-separator" }))));
         };
         /**
          * Renders the shortcuts
@@ -8378,7 +8260,7 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
             if (!this.hasShortcuts) {
                 return null;
             }
-            return (h$1("div", { class: `shortcuts-container shortcuts-placement-${this.shortcutsPlacement}` }, this.shortcuts.map(shortcut => (h$1("nv-button", { emphasis: "lower", size: "xs", "aria-label": shortcut.label, onClick: this.getShortcutHandler(shortcut) }, shortcut.label)))));
+            return (h$1(CalendarShortcuts, { shortcuts: this.shortcuts, placement: this.shortcutsPlacement, onShortcutClick: this.applyShortcut }));
         };
         /**
          * Renders the actions
@@ -8387,7 +8269,7 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
          * @slot actions - Child content of the component.
          */
         this.renderActions = () => {
-            return (h$1("div", { class: "datepicker-actions" }, h$1("slot", { name: "actions" }, h$1("nv-button", { emphasis: "low", size: "xs", onClick: this.resetSelection }, "Cancel"), h$1("nv-button", { size: "xs", onClick: this.confirmSelection }, "OK"))));
+            return (h$1("div", { class: "datepicker-actions" }, h$1("slot", { name: "actions" }, h$1(CalendarActions, { onReset: this.resetSelection, onConfirm: this.confirmSelection, useSlot: false }))));
         };
     }
     //#endregion EVENTS
@@ -8451,12 +8333,26 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
             }
         }
     }
+    /**
+     * Watches the changes of the unified value prop
+     * @param {string} newValue - New value
+     * @param {string} oldValue - Old value
+     */
+    onValueChange(newValue, oldValue) {
+        if (newValue !== oldValue) {
+            this.parseUnifiedValue(newValue);
+        }
+    }
     //#endregion WATCHERS
     /****************************************************************************/
     //#region LIFECYCLE
     componentWillLoad() {
         this.parseDisabledDates();
-        if (this.selectionType === 'single' && this.singleValue) {
+        // Initialize from unified value prop if provided
+        if (this.value) {
+            this.parseUnifiedValue(this.value);
+        }
+        else if (this.selectionType === 'single' && this.singleValue) {
             this.selectedDate = parseDate(this.singleValue, this.dateFormat);
             this.currentDate = this.selectedDate;
         }
@@ -8469,6 +8365,7 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
                     this.currentDate = startDate;
                     if (swapped) {
                         // If dates were swapped, update the rangeValue property
+                        // eslint-disable-next-line @stencil-community/strict-mutable
                         this.rangeValue = {
                             start: formatDate(startDate, { dateFormat: this.dateFormat }),
                             end: formatDate(endDate, { dateFormat: this.dateFormat }),
@@ -8480,7 +8377,8 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
                 console.error('Invalid rangeValue:', error);
             }
         }
-        else {
+        // Ensure currentDate is always initialized
+        if (!this.currentDate) {
             this.currentDate = new Date();
         }
         this.initializeMonths();
@@ -8550,20 +8448,22 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
      * @slot default - Child content of the component.
      */
     render() {
-        return (h$1(Host$1, { key: '9804c486acf32e12f2d88f932a54ca6260365887' }, h$1("div", { key: '8503f585401191b904f2de248ed0c24b1fed1505', class: "datepicker-root" }, h$1("div", { key: '9da71618bd2031b44f5a3fd889d40b2580fcca58', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h$1("div", { key: 'fbf71a34b520ca48f1440d8caeec442773b1e57a', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
-            this.hasActions) && (h$1("div", { key: '4431e3f1221e9d47807d58af380dcaa91bf05c48', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h$1("slot", { key: '30386356bda72f4f12a28351084ab498ec95f5b9' })));
+        return (h$1(Host$1, { key: '43d4f3ab9199e9c5f15e853f15283fa59e4a436d' }, h$1("div", { key: 'b9956225cb2c16d997aa44266af8f8c8222ea968', class: "datepicker-root" }, h$1("div", { key: '05b63935bc5ebf500bb52d10688385f994b47fb4', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h$1("div", { key: 'd7af15b9ce051026cf841b3be361b32d8db41fc1', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
+            this.hasActions) && (h$1("div", { key: '1765334bf15564bc9886b210c54bddba64c7042e', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h$1("slot", { key: '0ac3446394b8c23b859e5f0065370b95b6fd05d2' })));
     }
     get el() { return this; }
     static get watchers() { return {
         "numberOfCalendars": ["validateNumberOfCalendars"],
         "rangeValue": ["onRangeValueChange"],
         "disabledDates": ["handleDisabledDatesChange"],
-        "singleValue": ["onSingleValueChange"]
+        "singleValue": ["onSingleValueChange"],
+        "value": ["onValueChange"]
     }; }
     static get style() { return NvCalendarStyle0; }
 }, [4, "nv-calendar", {
         "firstDayOfWeek": [514, "first-day-of-week"],
         "numberOfCalendars": [1538, "number-of-calendars"],
+        "value": [1537],
         "singleValue": [1537, "single-value"],
         "rangeValue": [1040],
         "min": [513],
@@ -8585,45 +8485,26 @@ const NvCalendar$2 = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H
         "numberOfCalendars": ["validateNumberOfCalendars"],
         "rangeValue": ["onRangeValueChange"],
         "disabledDates": ["handleDisabledDatesChange"],
-        "singleValue": ["onSingleValueChange"]
+        "singleValue": ["onSingleValueChange"],
+        "value": ["onValueChange"]
     }]);
-function defineCustomElement$G() {
+function defineCustomElement$H() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["nv-calendar", "nv-button", "nv-icon", "nv-iconbutton", "nv-loader"];
+    const components = ["nv-calendar"];
     components.forEach(tagName => { switch (tagName) {
         case "nv-calendar":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, NvCalendar$2);
             }
             break;
-        case "nv-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$J();
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$T();
-            }
-            break;
-        case "nv-iconbutton":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$H();
-            }
-            break;
-        case "nv-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$K();
-            }
-            break;
     } });
 }
-defineCustomElement$G();
+defineCustomElement$H();
 
 const NvCalendar$1 = NvCalendar$2;
-const defineCustomElement$F = defineCustomElement$G;
+const defineCustomElement$G = defineCustomElement$H;
 
 const nvColCss = "nv-col{display:block;flex:1 1 0%;padding-left:calc(var(--spacing-4) / 2);padding-right:calc(var(--spacing-4) / 2)}nv-col[class*=w-]{flex:none}nv-col.w-1\\/12{width:calc(100% * 1 / 12)}nv-col.w-2\\/12{width:calc(100% * 2 / 12)}nv-col.w-3\\/12{width:calc(100% * 3 / 12)}nv-col.w-4\\/12{width:calc(100% * 4 / 12)}nv-col.w-5\\/12{width:calc(100% * 5 / 12)}nv-col.w-6\\/12{width:calc(100% * 6 / 12)}nv-col.w-7\\/12{width:calc(100% * 7 / 12)}nv-col.w-8\\/12{width:calc(100% * 8 / 12)}nv-col.w-9\\/12{width:calc(100% * 9 / 12)}nv-col.w-10\\/12{width:calc(100% * 10 / 12)}nv-col.w-11\\/12{width:calc(100% * 11 / 12)}nv-col.w-12\\/12{width:calc(100% * 12 / 12)}";
 const NvColStyle0 = nvColCss;
@@ -8673,7 +8554,7 @@ function defineCustomElement$1$k() {
 defineCustomElement$1$k();
 
 const NvCol$2 = NvCol$1;
-const defineCustomElement$E = defineCustomElement$1$k;
+const defineCustomElement$F = defineCustomElement$1$k;
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
@@ -8892,7 +8773,7 @@ function v4(options, buf, offset) {
   return unsafeStringify(rnds);
 }
 
-const nvFieldtextCss = "nv-fieldtext{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtext[fluid]:not([fluid=false]){max-width:unset}nv-fieldtext[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtext[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldtext>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext>.input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext>.input-wrapper .input-container:focus-within,nv-fieldtext>.input-wrapper .input-container:focus-within:hover,nv-fieldtext>.input-wrapper .input-container:focus,nv-fieldtext>.input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext>.input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext>.input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext>.input-wrapper .input-container>[slot=leading-input]{display:block;margin-left:var(--form-field-padding-x)}nv-fieldtext>.input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%}nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}nv-fieldtext>.input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}nv-fieldtext>.input-wrapper .input-container>[slot=trailing-input]{display:block;margin-right:var(--form-field-padding-x)}nv-fieldtext>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtext>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
+const nvFieldtextCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtext{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtext[fluid]:not([fluid=false]){max-width:unset}nv-fieldtext[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtext[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldtext>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext>.input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext>.input-wrapper .input-container:focus-within,nv-fieldtext>.input-wrapper .input-container:focus-within:hover,nv-fieldtext>.input-wrapper .input-container:focus,nv-fieldtext>.input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext>.input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext>.input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext>.input-wrapper .input-container>[slot=leading-input]{display:block;margin-left:var(--form-field-padding-x)}nv-fieldtext>.input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;}nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}nv-fieldtext>.input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldtext>.input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}nv-fieldtext>.input-wrapper .input-container>[slot=trailing-input]{display:block;margin-right:var(--form-field-padding-x)}nv-fieldtext>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtext>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFieldtextStyle0 = nvFieldtextCss;
 
 const NvFieldtext$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldtext extends H {
@@ -9032,7 +8913,7 @@ const NvFieldtext$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldtext extends
         "autofocus": [516],
         "fluid": [516]
     }]);
-function defineCustomElement$D() {
+function defineCustomElement$E() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -9050,7 +8931,7 @@ function defineCustomElement$D() {
             break;
     } });
 }
-defineCustomElement$D();
+defineCustomElement$E();
 
 /**
    * table-core
@@ -13409,7 +13290,7 @@ function defineCustomElement$1$j() {
             break;
         case "nv-fieldtext":
             if (!customElements.get(tagName)) {
-                defineCustomElement$D();
+                defineCustomElement$E();
             }
             break;
         case "nv-icon":
@@ -13422,7 +13303,7 @@ function defineCustomElement$1$j() {
 defineCustomElement$1$j();
 
 const NvDatagrid$2 = NvDatagrid$1;
-const defineCustomElement$C = defineCustomElement$1$j;
+const defineCustomElement$D = defineCustomElement$1$j;
 
 const NvDatagridcolumn$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagridcolumn extends H {
     constructor() {
@@ -13461,7 +13342,7 @@ function defineCustomElement$1$i() {
 defineCustomElement$1$i();
 
 const NvDatagridcolumn$2 = NvDatagridcolumn$1;
-const defineCustomElement$B = defineCustomElement$1$i;
+const defineCustomElement$C = defineCustomElement$1$i;
 
 const nvDialogfooterCss = "nv-dialogfooter{display:flex;padding:var(--dialog-footer-padding-top) var(--dialog-footer-padding-x) var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);justify-content:flex-end;align-items:flex-end;gap:var(--dialog-footer-gap-y);align-self:stretch}";
 const NvDialogfooterStyle0 = nvDialogfooterCss;
@@ -13559,7 +13440,7 @@ const NvDialogfooter$2 = /*@__PURE__*/ proxyCustomElement(class NvDialogfooter e
         "primaryButtonType": [513, "primary-button-type"],
         "form": [513]
     }]);
-function defineCustomElement$A() {
+function defineCustomElement$B() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -13587,7 +13468,7 @@ function defineCustomElement$A() {
             break;
     } });
 }
-defineCustomElement$A();
+defineCustomElement$B();
 
 const nvDialogheaderCss = "nv-dialogheader{padding:var(--dialog-header-padding-top) var(--dialog-header-padding-x) var(--dialog-header-padding-bottom) var(--dialog-header-padding-x);justify-content:space-between;align-items:flex-start;align-self:stretch}nv-dialogheader .heading{color:var(--color-content-high-text);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--font-size-lg);font-style:normal;font-weight:500;line-height:var(--leading-px-6);letter-spacing:var(--letter-spacing-heading-xs)}nv-dialogheader .subheading{color:var(--color-content-low-text);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:400;line-height:var(--line-height-sm);}";
 const NvDialogheaderStyle0 = nvDialogheaderCss;
@@ -13626,7 +13507,7 @@ const NvDialogheader$2 = /*@__PURE__*/ proxyCustomElement(class NvDialogheader e
         "heading": [513],
         "subheading": [513]
     }]);
-function defineCustomElement$z() {
+function defineCustomElement$A() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -13639,7 +13520,7 @@ function defineCustomElement$z() {
             break;
     } });
 }
-defineCustomElement$z();
+defineCustomElement$A();
 
 /*!
 * tabbable 6.2.0
@@ -14456,12 +14337,12 @@ function defineCustomElement$1$h() {
             break;
         case "nv-dialogfooter":
             if (!customElements.get(tagName)) {
-                defineCustomElement$A();
+                defineCustomElement$B();
             }
             break;
         case "nv-dialogheader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$z();
+                defineCustomElement$A();
             }
             break;
         case "nv-icon":
@@ -14479,13 +14360,13 @@ function defineCustomElement$1$h() {
 defineCustomElement$1$h();
 
 const NvDialog$2 = NvDialog$1;
-const defineCustomElement$y = defineCustomElement$1$h;
+const defineCustomElement$z = defineCustomElement$1$h;
 
 const NvDialogfooter$1 = NvDialogfooter$2;
-const defineCustomElement$x = defineCustomElement$A;
+const defineCustomElement$y = defineCustomElement$B;
 
 const NvDialogheader$1 = NvDialogheader$2;
-const defineCustomElement$w = defineCustomElement$z;
+const defineCustomElement$x = defineCustomElement$A;
 
 const nvFieldcheckboxCss = "nv-fieldcheckbox{--nv-fieldcheckbox-border-default:var(\n    --components-form-field-border-default\n  );--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(\n    --components-form-field-background-default\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-fieldcheckbox-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error>.input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled-error\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-error\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]:not([disabled=false]){opacity:0.5}nv-fieldcheckbox>.input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox>.input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox>.input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus,nv-fieldcheckbox>.input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox>.input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox>.input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldcheckbox>.input-container input[type=checkbox]:checked,nv-fieldcheckbox>.input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox>.input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox>.input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox>.text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}nv-fieldcheckbox>.text-container label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox>.text-container label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-fieldcheckbox>.text-container .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox>.text-container .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFieldcheckboxStyle0 = nvFieldcheckboxCss;
@@ -14637,7 +14518,7 @@ const NvFieldcheckbox$2 = /*@__PURE__*/ proxyCustomElement(class NvFieldcheckbox
     }, [[0, "change", "handleChange"]], {
         "checked": ["onCheckedChanged"]
     }]);
-function defineCustomElement$v() {
+function defineCustomElement$w() {
     if (typeof customElements === "undefined") {
         return;
     }
@@ -14650,10 +14531,10 @@ function defineCustomElement$v() {
             break;
     } });
 }
-defineCustomElement$v();
+defineCustomElement$w();
 
 const NvFieldcheckbox$1 = NvFieldcheckbox$2;
-const defineCustomElement$u = defineCustomElement$v;
+const defineCustomElement$v = defineCustomElement$w;
 
 var inputmask = {exports: {}};
 
@@ -18381,32 +18262,193 @@ var inputmask = {exports: {}};
             };
             return e[i](r, r.exports, n), r.exports;
         }
-        var i = {};
-        return function() {
-            var e = i;
-            Object.defineProperty(e, "__esModule", {
-                value: true
-            }), e.default = void 0, n(7149), n(3194), n(9302), n(4013), n(3851), n(219), n(207), 
-            n(5296);
-            var t, a = (t = n(2394)) && t.__esModule ? t : {
-                default: t
-            };
-            e.default = a.default;
-        }(), i;
-    }();
-}));
-}(inputmask));
-
-const Inputmask = /*@__PURE__*/getDefaultExportFromCjs(inputmask.exports);
+        var i = {};
+        return function() {
+            var e = i;
+            Object.defineProperty(e, "__esModule", {
+                value: true
+            }), e.default = void 0, n(7149), n(3194), n(9302), n(4013), n(3851), n(219), n(207), 
+            n(5296);
+            var t, a = (t = n(2394)) && t.__esModule ? t : {
+                default: t
+            };
+            e.default = a.default;
+        }(), i;
+    }();
+}));
+}(inputmask));
+
+const Inputmask = /*@__PURE__*/getDefaultExportFromCjs(inputmask.exports);
+
+const nvIconbuttonCss = "nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:500;font-family:\"TT Norms Pro\", sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:var(--button-xs-icon-button-padding);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:var(--button-sm-icon-button-padding);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:var(--button-md-icon-button-padding);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:var(--button-lg-icon-button-padding);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}";
+const NvIconbuttonStyle0 = nvIconbuttonCss;
+
+const NvIconbutton$2 = /*@__PURE__*/ proxyCustomElement(class NvIconbutton extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.internals = this.attachInternals();
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Determines how large or small the button appears, allowing for
+         * customization of the button's dimensions to fit different design
+         * specifications and user needs.
+         */
+        this.size = 'md';
+        /**
+         * Adjusts the button’s emphasis to make it more or less visually prominent
+         * to users. Use this to draw attention to important actions or reduce focus
+         * on less critical ones.
+         */
+        this.emphasis = 'high';
+        /**
+         * Set this to true to show a spinner on the button, letting users know that
+         * their action is being processed. It helps improve user experience by
+         * indicating ongoing activities. The icon is not displayed when the button
+         * is loading. Also, the button is disabled. If you want to disable the
+         * button, it is not possible. It is automatically disabled when loading.
+         */
+        this.loading = false;
+        /**
+         * Disables the button, preventing user interaction.
+         */
+        this.disabled = false;
+        /**
+         * Makes the button look active when it’s within a compatible component
+         * like a button group.
+         */
+        this.active = false;
+        /**
+         * Sets the button type to control its function in forms. Use 'submit' to send
+         * form data, 'reset' to clear the form, or 'button' for a standard button
+         * that doesn’t interact with form submission by default.
+         */
+        this.type = 'button';
+        /**
+         * Sets the shape of the button. Choose between square and rounded.
+         */
+        this.shape = 'square';
+        //#endregion PROPERTIES
+        /****************************************************************************/
+        //#region METHODS
+        /**
+         * Handles form-related actions when the button is clicked.
+         * - Submits the form if the button type is 'submit'.
+         * - Resets the form if the button type is 'reset'.
+         * @param {Event} event - The click event.
+         */
+        this.handleClick = (event) => {
+            var _a, _b, _c, _d;
+            if (this.disabled) {
+                event.preventDefault();
+                return;
+            }
+            if (this.type === 'submit') {
+                (_b = (_a = this.internals) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.requestSubmit();
+            }
+            if (this.type === 'reset') {
+                (_d = (_c = this.internals) === null || _c === void 0 ? void 0 : _c.form) === null || _d === void 0 ? void 0 : _d.reset();
+            }
+        };
+    }
+    //#endregion METHODS
+    /****************************************************************************/
+    //#region WATCHERS
+    handleLoadingChange(loading) {
+        this.loading = loading;
+        this.disabled = loading;
+    }
+    handleDisabledChange(disabled) {
+        if (this.loading) {
+            this.disabled = this.loading;
+        }
+        else {
+            this.disabled = disabled;
+        }
+    }
+    //#endregion WATCHERS
+    /****************************************************************************/
+    //#region EVENTS
+    handleKeyDown(event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.el.click();
+        }
+    }
+    handleTouchStart(event) {
+        if (event.touches.length > 1)
+            return;
+        event.preventDefault();
+        this.el.click();
+    }
+    //#endregion EVENTS
+    /****************************************************************************/
+    //#region LIFECYCLE
+    componentWillLoad() {
+        if (this.loading) {
+            this.disabled = this.loading;
+        }
+    }
+    //#endregion LIFECYCLE
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (h$1(Host$1, { key: 'eb27cfea5e30fa97e9950d76f3038dc9ff4f4116', 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: '6f24a71b7ecab3168567a76b67f0b226f3afa9c3', size: this.size }), !this.loading && h$1("nv-icon", { key: 'f4a0eb19d8bc08a0c8dbc8cedca249bf417eeb1b', name: this.name, size: this.size }), h$1("slot", { key: '2994118659b1ad184a42ea4b20ea754427dae279' })));
+    }
+    static get formAssociated() { return true; }
+    get el() { return this; }
+    static get watchers() { return {
+        "loading": ["handleLoadingChange"],
+        "disabled": ["handleDisabledChange"]
+    }; }
+    static get style() { return NvIconbuttonStyle0; }
+}, [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"]
+    }]);
+function defineCustomElement$u() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-iconbutton", "nv-icon", "nv-loader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-iconbutton":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvIconbutton$2);
+            }
+            break;
+        case "nv-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$T();
+            }
+            break;
+        case "nv-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$K();
+            }
+            break;
+    } });
+}
+defineCustomElement$u();
 
-const nvFielddateCss = "nv-fielddate{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddate[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddate[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddate[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddate .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
+const nvFielddateCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddate{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddate[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddate[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddate[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddate .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFielddateStyle0 = nvFielddateCss;
 
 const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends H {
     constructor() {
         super();
         this.__registerHost();
-        this.dateChange = createEvent$1(this, "dateChange");
+        this.valueChanged = createEvent$1(this, "valueChanged");
         this.popoverId = v4();
         /****************************************************************************/
         //#region PROPERTIES
@@ -18441,7 +18483,10 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
         this.autofocus = false;
         /**
          * The initial value of the input (date in string format).
+         * @bind value
          */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        // eslint-disable-next-line @stencil-community/strict-mutable
         this.value = '';
         /**
          * The current value of the input date in string format.
@@ -18527,7 +18572,7 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
         };
         /**
          * Handles the input event on the input element.
-         * Updates the singleValue and emits the dateChange event.
+         * Updates the singleValue and emits the valueChanged event.
          * @param {Event} event - The input event.
          */
         this.handleInput = (event) => {
@@ -18536,8 +18581,13 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
                 return;
             }
             const input = event.target;
+            const previousValue = this.value;
             this.singleValue = input.value;
-            this.dateChange.emit({ value: input.value });
+            this.value = input.value;
+            // Only emit valueChanged if the value actually changed
+            if (previousValue !== input.value) {
+                this.valueChanged.emit(input.value);
+            }
         };
         /**
          * Toggles the opening/closing of the popover.
@@ -18559,6 +18609,27 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
                 return;
             }
         };
+        /**
+         * Prevents the valueChanged event from the calendar from propagating up.
+         * @param {CustomEvent} event - The valueChanged event from nv-calendar.
+         */
+        this.handleCalendarValueChanged = (event) => {
+            event.stopPropagation();
+        };
+        /**
+         * Sets the reference to the popover element.
+         * @param {HTMLNvPopoverElement} el - The popover element.
+         */
+        this.setPopoverRef = (el) => {
+            this.popoverElement = el;
+        };
+        /**
+         * Sets the reference to the input element.
+         * @param {HTMLInputElement} el - The input element.
+         */
+        this.setInputRef = (el) => {
+            this.inputElement = el;
+        };
     }
     //#endregion PROPERTIES
     /****************************************************************************/
@@ -18615,8 +18686,13 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
      */
     handleSingleDateChange(event) {
         const value = event.detail;
+        const previousValue = this.value;
         this.singleValue = value;
-        this.dateChange.emit({ value });
+        this.value = value;
+        // Only emit valueChanged if the value actually changed
+        if (previousValue !== value) {
+            this.valueChanged.emit(value);
+        }
         if (!this.showActions) {
             this.open = false;
         }
@@ -18646,12 +18722,12 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: 'e59d967d20d9f1ab584058795f30a52e50ec2933' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'e159c6731265e73b436093b1aceaf354451245c9', htmlFor: this.inputId }, h$1("slot", { key: '9fc823ee41ec9fc7c8f9a42021277b4729ff0544', name: "label" }, this.label))), h$1("nv-popover", { key: 'cd0e133d5c62b00d4ade7a08184942e0bacc54fe', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '66b96d21779fd6a8f335af3d2d2bc4df117516d8', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: 'e2c0e7c249cc4b213afc858281db0a84ab9c4827', name: "before-input" }), h$1("div", { key: '585283bf8880c4d8be911167d27abe34c2f4e21f', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: '9c15ffe741369e54fca3a8aeb844e4fbcc93fd5d', name: "leading-input" }), h$1("input", { key: 'bca0e7c19b1081a2849a2a36843628c6f65a4eb2', 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, "data-scope": "date" }), this.error && (h$1("nv-icon", { key: 'd610fdea33086a737ef99ab4e4ed69f09dd40045', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: 'cce665f259ef8134cc8737f8077c05915b4f7dcc', name: "circle-check", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: 'd27bcd437f35f5445fb9994fd7283c2339bc7ea8', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
+        return (h$1(Host$1, { key: '4af4649cc8fdc95f2f12d1c495549a006c82c742' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'c4905c94c62c8eb01120b30e3b5c16c2dafec20d', htmlFor: this.inputId }, h$1("slot", { key: 'b8e952b9a6acb9f136d3461514b82a6767723c3c', name: "label" }, this.label))), h$1("nv-popover", { key: 'de6620c60eb3db3c6f0f435977f257636be81a80', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: 'e2189ad3476f3d088c07153bc4c1e63357317ded', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: 'a35e545f1379c479734719d8460d5031631f5730', name: "before-input" }), h$1("div", { key: '01338c24dfff69e019ff6d2344f176effb2dac06', class: "input-container", onClick: this.handleInputContainerClick }, h$1("slot", { key: 'f6552d188174e77e8f75a9b0554e3ea78c57056d', name: "leading-input" }), h$1("input", { key: '1b9ad6226166b6bf08afda41f0f6b789fe12dd27', id: this.inputId, ref: this.setInputRef, 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, "data-scope": "date" }), this.error && (h$1("nv-icon", { key: '0527f051261672a8df205d26dcb253c20b3dfd4b', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: 'ed83a0a0b7a88f392f16bf97f20885261f88665d', name: "circle-check", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: '6abf3dff6a1bcc0759bea91ab3674d61f4c016c2', 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: '7708b24f9f569094b6f4f850413edd46e210b7e8', name: "after-input" })), h$1("div", { key: '194a99a83c9978691130d17e981c61be742315cf', slot: "content" }, h$1("nv-calendar", { key: '4dc6b2afb3890c5bfb08f070f5b5daac07a76929', 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: '623af8e048bfb7aef8919fa64a0f1baf04608b69', class: "description" }, h$1("slot", { key: 'cd3eecb2488e19ba1faf139ab4546e6db10468d2', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'eafcfc3c9bb584c78d7f8d6437bbfab269fdaca9', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: '4b5c23e00f8edb7c0d0d40a5ae89bbb322190c5d' })));
+            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: '76d584ac756b228e356a17ad36e4558f9a497ea3', name: "after-input" })), h$1("div", { key: '4914e6fa5046fb287bedb841f2a0b71f1f86e5a3', slot: "content" }, h$1("nv-calendar", { key: 'fcfb949ee9c378aac2d7c792ed79fcb3cbf8e987', 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, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '52ffcb5f41161b9dc95c0fc18a252b6568817ffb', class: "description" }, h$1("slot", { key: '91c68f28fe31f5ecfa58d80e5decb018890f18fe', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '0c0b8c65f261c2439446dd05014d172e6b829244', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: 'cf9410ad858faf59d7ada7ce70b18aa768e30a65' })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -18671,7 +18747,7 @@ const NvFielddate$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddate extends
         "errorDescription": [513, "error-description"],
         "success": [516],
         "autofocus": [516],
-        "value": [513],
+        "value": [1537],
         "firstDayOfWeek": [514, "first-day-of-week"],
         "numberOfCalendars": [514, "number-of-calendars"],
         "min": [513],
@@ -18693,21 +18769,16 @@ function defineCustomElement$1$g() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["nv-fielddate", "nv-button", "nv-calendar", "nv-icon", "nv-iconbutton", "nv-loader", "nv-popover"];
+    const components = ["nv-fielddate", "nv-calendar", "nv-icon", "nv-iconbutton", "nv-loader", "nv-popover"];
     components.forEach(tagName => { switch (tagName) {
         case "nv-fielddate":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, NvFielddate$1);
             }
             break;
-        case "nv-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$J();
-            }
-            break;
         case "nv-calendar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$G();
+                defineCustomElement$H();
             }
             break;
         case "nv-icon":
@@ -18717,7 +18788,7 @@ function defineCustomElement$1$g() {
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$u();
             }
             break;
         case "nv-loader":
@@ -18737,7 +18808,7 @@ defineCustomElement$1$g();
 const NvFielddate$2 = NvFielddate$1;
 const defineCustomElement$t = defineCustomElement$1$g;
 
-const nvFielddaterangeCss = "nv-fielddaterange{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddaterange[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddaterange[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddaterange[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fielddaterange label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddaterange .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddaterange .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;width:100%}nv-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddaterange .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:8px}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0;text-align:center}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}";
+const nvFielddaterangeCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddaterange{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddaterange[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddaterange[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddaterange[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fielddaterange label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddaterange .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddaterange .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;width:100%}nv-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddaterange .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:8px}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0;text-align:center}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}";
 const NvFielddaterangeStyle0 = nvFielddaterangeCss;
 
 const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddaterange extends H {
@@ -18745,6 +18816,7 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
         super();
         this.__registerHost();
         this.dateRangeChange = createEvent$1(this, "dateRangeChange");
+        this.valueChanged = createEvent$1(this, "valueChanged");
         this.popoverId = v4();
         /****************************************************************************/
         //#region PROPERTIES
@@ -18785,6 +18857,7 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
         /**
          * The initial value of the date range (in string format).
          */
+        // eslint-disable-next-line @stencil-community/strict-mutable
         this.value = '';
         /**
          * The current value of the start date in string format.
@@ -18798,10 +18871,6 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
          * Controls the opening of the popover.
          */
         this.open = false;
-        /**
-         * Current calendar state to prevent unwanted navigation
-         */
-        this.calendarState = null;
         /**
          * First day of the week 0 = Sunday, 1 = Monday, etc.
          * @default 1
@@ -18842,6 +18911,35 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
          * Allows the field to stretch and fill the entire width of its container.
          */
         this.fluid = false;
+        //#endregion PROPERTIES
+        /****************************************************************************/
+        //#region METHODS
+        /**
+         * Parses the unified value prop and synchronizes with internal state
+         * @param {string} value - Value to parse
+         */
+        this.parseUnifiedValue = (value) => {
+            if (!value) {
+                // Reset all selections
+                this.startValue = '';
+                this.endValue = '';
+                return;
+            }
+            const values = value
+                .split(',')
+                .map(v => v.trim())
+                .filter(Boolean);
+            if (values.length >= 2) {
+                this.startValue = values[0];
+                this.endValue = values[1];
+            }
+            else {
+                // Handle malformed value gracefully
+                console.warn(`Invalid date range format: ${value}`);
+                this.startValue = '';
+                this.endValue = '';
+            }
+        };
         /**
          * Closes the popover when a click is detected outside the component.
          * @param {MouseEvent} event - The mouse event
@@ -18862,6 +18960,10 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
             }
             const input = event.target;
             this.startValue = input.value;
+            // Update unified value prop
+            this.value = `${input.value},${this.endValue}`;
+            this.valueChanged.emit(this.value);
+            // Legacy support (deprecated)
             this.dateRangeChange.emit({ start: input.value, end: this.endValue });
             // Temporarily enable navigation for keyboard input
             if (this.calendarElement) {
@@ -18886,6 +18988,10 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
             }
             const input = event.target;
             this.endValue = input.value;
+            // Update unified value prop
+            this.value = `${this.startValue},${input.value}`;
+            this.valueChanged.emit(this.value);
+            // Legacy support (deprecated)
             this.dateRangeChange.emit({ start: this.startValue, end: input.value });
             // Temporarily enable navigation for keyboard input
             if (this.calendarElement) {
@@ -18931,9 +19037,6 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
             this.open = !this.open;
         };
     }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
     /**
      * Converts the nv-calendar date format to the format expected by Inputmask.
      * @param {string} format - The date format to convert
@@ -18957,13 +19060,6 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
      * Update the calendar's rangeValue property without forcing month change
      */
     updateCalendarValue() {
-        if (this.calendarElement && this.startValue && this.endValue) {
-            // Store the current calendar state
-            this.calendarState = {
-                start: this.startValue,
-                end: this.endValue,
-            };
-        }
     }
     //#endregion METHODS
     /****************************************************************************/
@@ -18973,21 +19069,8 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
     }
     componentWillLoad() {
         if (this.value) {
-            try {
-                const range = JSON.parse(this.value);
-                this.startValue = range.start || '';
-                this.endValue = range.end || '';
-                if (range.start && range.end) {
-                    this.calendarState = {
-                        start: range.start,
-                        end: range.end,
-                    };
-                }
-            }
-            catch (error) {
-                console.error('Invalid JSON for value:');
-                console.error(error);
-            }
+            // Use the unified parsing method
+            this.parseUnifiedValue(this.value);
         }
     }
     componentDidLoad() {
@@ -19057,7 +19140,10 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
         if (start && end) {
             this.startValue = start;
             this.endValue = end;
-            this.calendarState = { start, end };
+            // Update unified value prop (like nv-calendar)
+            this.value = `${start},${end}`;
+            this.valueChanged.emit(this.value);
+            // Legacy support (deprecated)
             this.dateRangeChange.emit({
                 start: this.startValue,
                 end: this.endValue,
@@ -19067,6 +19153,24 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
             }
         }
     }
+    /**
+     * Handles the unified value change event from nv-calendar
+     * @param {CustomEvent<string>} event - The custom event
+     */
+    handleCalendarValueChanged(event) {
+        const newValue = event.detail || '';
+        if (newValue !== this.value) {
+            this.value = newValue;
+            this.valueChanged.emit(newValue);
+            // Parse and update internal state
+            this.parseUnifiedValue(newValue);
+            // Legacy support - emit dateRangeChange
+            this.dateRangeChange.emit({
+                start: this.startValue,
+                end: this.endValue,
+            });
+        }
+    }
     handleClosePopover() {
         this.open = false;
     }
@@ -19086,10 +19190,14 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
         if (isResetSingle || isResetRange) {
             this.startValue = '';
             this.endValue = '';
+            // Update unified value prop
+            this.value = '';
+            this.valueChanged.emit('');
             const inputs = this.el.querySelectorAll('.input-wrapper input');
             inputs.forEach((input) => {
                 input.value = '';
             });
+            // Legacy support (deprecated)
             this.dateRangeChange.emit({ start: '', end: '' });
         }
     }
@@ -19112,23 +19220,17 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
         }
     }
     handleValueChange(newValue) {
-        try {
-            const range = JSON.parse(newValue);
-            this.startValue = range.start || '';
-            this.endValue = range.end || '';
-        }
-        catch (error) {
-            console.error('Invalid JSON for value:', error);
-        }
+        // Use the unified parsing method instead of JSON.parse
+        this.parseUnifiedValue(newValue);
     }
     //#endregion EVENTS
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '152a588b815a0f3846c5b0c8b9da8d3dbc8f4768' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '786269a2bd4a50559cfad72c61f80797e4afc902', htmlFor: this.startInputId }, h$1("slot", { key: 'e1c6ed7d288d21889e1ebdfdf0595d4f43e551f7', name: "label" }, this.label))), h$1("nv-popover", { key: '228966569f5670f1b283c2e45f1c1057811e699d', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: 'ee39e8da7367bceb1fdcaf7f008d780652471e8e', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: '0555695d16ae919327771c586a291dc1767ed98f', name: "before-input" }), h$1("div", { key: '106aec6a9be06a03497f66407ea8038d5e4be899', class: "input-container" }, h$1("slot", { key: 'e448f8bacd3b383944f862b9dc1b7ea64feb565e', name: "leading-input" }), h$1("div", { key: '52ef48b4d76f063c65daa43865da607273ba6410', class: "range-inputs" }, h$1("input", { key: '899e309f7e100b7b6d12603b229aa4c429ddc1d2', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), h$1("svg", { key: '083bef93159b08aaf5c9f7637fbe459c2017e82f', 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: '2946dbfae81e0b3cdd62f77bb928617d182ae5c1', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), h$1("path", { key: 'afcf53514d22c9f8bb5d7d09294808f3ca053cc9', d: "M18 9l3 3l-3 3" }), h$1("path", { key: '53fe61cf1c1a5206f22d4c065292680f28fa3c59', d: "M15 12h6" }), h$1("path", { key: '1e138be2146498fa127922dcba9646e2e960a7e3', d: "M6 9l-3 3l3 3" }), h$1("path", { key: '3e324bf333bd69374fccac278386f6cc966fc3bd', d: "M3 12h6" })), h$1("input", { key: 'b7eeab7a9e0071c862528e8fa47c543d0295d331', 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, "data-scope": "date-range" })), this.error && (h$1("nv-icon", { key: 'f2ab540736820a8fcf7f4dbb973bc3a16b14fa8d', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '91e75c515c4a44a3e499240e4d3c45b7a736429a', name: "circle-check", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: 'a471cb1db59673f07ce493bae59e54ee8ecd8968', 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: '375a0c1848445652c2ef5f20ded877223774f792', name: "after-input" })), h$1("div", { key: '7427c51a78cf38a979b9f7eb4e9a7f49a36279d5', slot: "content" }, h$1("nv-calendar", { key: '1f9ad9bed53d9496f17544c6381824490431c342', ref: el => (this.calendarElement = el), dateFormat: this.dateFormat, rangeValue: this.calendarState, 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", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'c964928de34f26fc82619601d0964079b061048f', class: "description" }, h$1("slot", { key: 'f409a5286e1c0ba16f36f062df3df5531dad6296', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '5e8a1b48da516f801372a59e379c5ade77f9761a', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: '68f37bddcd3208217a26eb230d1f8afdd3552eff' })));
+        return (h$1(Host$1, { key: 'a451ea256b0149d8c49676f764832a2fb0f751e1' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '8b5dfcffa03da62b728b121705213a5dbc61dc6c', htmlFor: this.startInputId }, h$1("slot", { key: 'f55bf5e98ac77ab4781956ed98f2e327f0806df6', name: "label" }, this.label))), h$1("nv-popover", { key: 'c818788df088dd87bce8e0f3f7dfadf282675981', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '2208b4f6033232fde9c149bd7ec7096a7b5bf36c', slot: "trigger", class: "input-wrapper" }, h$1("slot", { key: 'c32096e78b3b1846e8aac664770310f3e2a658c7', name: "before-input" }), h$1("div", { key: '478355cdb09432c84c44811f048ff832a58b7c21', class: "input-container" }, h$1("slot", { key: '4703b43ce78daec5c249cb64e2d5c6ea239e9682', name: "leading-input" }), h$1("div", { key: '02e39ceb5d680fe73b4e701162b12fdf6d351128', class: "range-inputs" }, h$1("input", { key: '54548154537b4f9661b2bc07cfa1e8fbdc587788', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), h$1("svg", { key: 'b32d842470237bdb1d846b61ed165d2d1587a491', 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: '7281b2de95391d3dc04ffdbfbc5da81a4b3f2fc3', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), h$1("path", { key: '13f2cfe57b9eaadc9317bd489f6abfc472addd0e', d: "M18 9l3 3l-3 3" }), h$1("path", { key: '646dbf9fe81981c93a4ad70a7cf75d485b573e42', d: "M15 12h6" }), h$1("path", { key: '753699e6aa5325cd91b27af5ede8d316adaa7727', d: "M6 9l-3 3l3 3" }), h$1("path", { key: 'aab52481a7846a400bd0274f197b5c29c71fa15c', d: "M3 12h6" })), h$1("input", { key: '9c441f448382dd4f5c73c94d7ebaff80c6bcec2a', 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, "data-scope": "date-range" })), this.error && (h$1("nv-icon", { key: 'f16264bdc82de90a1c8e7b5acf25687ed31a0a49', name: "alert-circle", class: "validation", size: "md" })), this.success && (h$1("nv-icon", { key: '9b1a0f81dc60bbcf68e53bc1c6ff33be515d3689', name: "circle-check", class: "validation", size: "md" })), h$1("nv-iconbutton", { key: '5e898f106896aa5496b9f243c8e4896d007dea65', 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: 'f1ab4a033654907143750a47ab44acf0b5293def', name: "after-input" })), h$1("div", { key: '55d69c575b8630b08a90334c7b65190d398ebec8', slot: "content" }, h$1("nv-calendar", { key: 'a3f9d43a961d7a8c38ffc7d7bd8fcbe7e0b544f8', ref: el => (this.calendarElement = el), dateFormat: this.dateFormat, value: this.value, 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", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'b58241fe9c321b2c55aab00235e07627d4aae5a8', class: "description" }, h$1("slot", { key: '4450872685fbb82838f5bc920fd0fd1b867347c5', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '947701fd9a14ef6e564460cd73bafb510883692a', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h$1("slot", { name: "error-description" })) : (this.errorDescription))), h$1("slot", { key: '95dc7827c626e92a74067ffb7759dcca63cc4102' })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -19151,7 +19253,7 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
         "errorDescription": [513, "error-description"],
         "success": [516],
         "autofocus": [516],
-        "value": [513],
+        "value": [1537],
         "firstDayOfWeek": [514, "first-day-of-week"],
         "numberOfCalendars": [514, "number-of-calendars"],
         "min": [513],
@@ -19166,30 +19268,24 @@ const NvFielddaterange$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddateran
         "fluid": [516],
         "startValue": [32],
         "endValue": [32],
-        "open": [32],
-        "calendarState": [32]
-    }, [[0, "rangeDateChange", "handleRangeDateChange"], [0, "closePopover", "handleClosePopover"], [0, "applyDateRange", "handleApplyDateRange"], [0, "singleDateChange", "handleDateReset"], [0, "rangeDateChange", "handleDateReset"], [0, "keydown", "handleKeyDown"]], {
+        "open": [32]
+    }, [[0, "rangeDateChange", "handleRangeDateChange"], [0, "valueChanged", "handleCalendarValueChanged"], [0, "closePopover", "handleClosePopover"], [0, "applyDateRange", "handleApplyDateRange"], [0, "singleDateChange", "handleDateReset"], [0, "rangeDateChange", "handleDateReset"], [0, "keydown", "handleKeyDown"]], {
         "value": ["handleValueChange"]
     }]);
 function defineCustomElement$1$f() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["nv-fielddaterange", "nv-button", "nv-calendar", "nv-icon", "nv-iconbutton", "nv-loader", "nv-popover"];
+    const components = ["nv-fielddaterange", "nv-calendar", "nv-icon", "nv-iconbutton", "nv-loader", "nv-popover"];
     components.forEach(tagName => { switch (tagName) {
         case "nv-fielddaterange":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, NvFielddaterange$1);
             }
             break;
-        case "nv-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$J();
-            }
-            break;
         case "nv-calendar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$G();
+                defineCustomElement$H();
             }
             break;
         case "nv-icon":
@@ -19199,7 +19295,7 @@ function defineCustomElement$1$f() {
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$u();
             }
             break;
         case "nv-loader":
@@ -19306,7 +19402,7 @@ function defineCustomElement$r() {
 }
 defineCustomElement$r();
 
-const nvFielddropdownCss = "nv-fielddropdown{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddropdown[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddropdown[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{width:100%;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
+const nvFielddropdownCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddropdown{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddropdown[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddropdown[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{width:100%;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFielddropdownStyle0 = nvFielddropdownCss;
 
 const NvFielddropdown$1 = /*@__PURE__*/ proxyCustomElement(class NvFielddropdown extends H {
@@ -19721,7 +19817,7 @@ function defineCustomElement$1$e() {
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$u();
             }
             break;
         case "nv-loader":
@@ -19816,7 +19912,7 @@ function defineCustomElement$o() {
             break;
         case "nv-fieldcheckbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
     } });
@@ -19826,7 +19922,7 @@ defineCustomElement$o();
 const NvFielddropdownitemcheck$1 = NvFielddropdownitemcheck$2;
 const defineCustomElement$n = defineCustomElement$o;
 
-const nvFieldmultiselectCss = "nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldmultiselect[required]:not([required=false])>label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldmultiselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{width:100%;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px;}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}.no-results-message{text-align:center;padding:10px;color:var(--components-form-text-description-error)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0}";
+const nvFieldmultiselectCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldmultiselect[required]:not([required=false])>label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldmultiselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{width:100%;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px;}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}.no-results-message{text-align:center;padding:10px;color:var(--components-form-text-description-error)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0}";
 const NvFieldmultiselectStyle0 = nvFieldmultiselectCss;
 
 const NvFieldmultiselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldmultiselect extends H {
@@ -20849,7 +20945,7 @@ function defineCustomElement$1$d() {
             break;
         case "nv-fieldcheckbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "nv-fielddropdownitemcheck":
@@ -20864,7 +20960,7 @@ function defineCustomElement$1$d() {
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$u();
             }
             break;
         case "nv-loader":
@@ -20884,7 +20980,7 @@ defineCustomElement$1$d();
 const NvFieldmultiselect$2 = NvFieldmultiselect$1;
 const defineCustomElement$m = defineCustomElement$1$d;
 
-const nvFieldnumberCss = "nv-fieldnumber {\n  --nv-field-border-default: var(--components-form-field-border-default);\n  --nv-field-border-hover: var(--components-form-field-border-hover);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--components-form-field-border-default);\n  --nv-field-border-readonly: var(--components-form-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-brand);\n  --nv-field-background: var(--components-form-field-background-default);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--form-gap-y);\n  box-sizing: border-box;\n  max-width: 480px;\n}\nnv-fieldnumber[fluid]:not([fluid=false]) {\n  max-width: unset;\n}\nnv-fieldnumber[readonly]:not([readonly=false]) {\n  --nv-field-border-default: var(--components-form-field-border-readonly);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-background: var(--components-form-field-background-readonly);\n}\nnv-fieldnumber[error]:not([error=false]) {\n  --nv-field-border-default: var(--components-form-field-border-error);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n}\nnv-fieldnumber[success]:not([success=false]) {\n  --nv-field-border-default: var(--components-form-field-border-success);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-success);\n}\nnv-fieldnumber[required]:not([required=false]) label::after {\n  content: \"*\";\n  color: var(--components-form-text-required);\n  font-weight: 700;\n}\nnv-fieldnumber label {\n  display: flex;\n  align-items: center;\n  gap: var(--form-label-gap);\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-label-line-height);\n}\nnv-fieldnumber .input-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\nnv-fieldnumber .input-wrapper .input-container {\n  display: flex;\n  flex-grow: 1;\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default, 1);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n  container-type: inline-size;\n  container-name: field-number-input-container;\n  overflow: hidden;\n  position: relative;\n}\nnv-fieldnumber .input-wrapper .input-container:hover {\n  border-color: var(--nv-field-border-hover);\n}\nnv-fieldnumber .input-wrapper .input-container:focus-within, nv-fieldnumber .input-wrapper .input-container:focus-within:hover, nv-fieldnumber .input-wrapper .input-container:focus, nv-fieldnumber .input-wrapper .input-container:focus:hover {\n  border-color: var(--nv-field-border-focus);\n  box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:read-only) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-readonly);\n  border-color: var(--nv-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:disabled) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-disabled);\n  border-color: var(--nv-field-border-disabled);\n}\nnv-fieldnumber .input-wrapper .input-container input {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  padding: var(--form-field-padding-y) var(--form-field-padding-x);\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-field-line-height);\n  width: 100%;\n  width: 100%;\n  appearance: textfield;\n}\nnv-fieldnumber .input-wrapper .input-container input:focus {\n  outline: none;\n}\nnv-fieldnumber .input-wrapper .input-container input::placeholder {\n  overflow: hidden;\n  color: var(--components-form-field-content-placeholder);\n  text-overflow: ellipsis;\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--form-field-line-height);\n}\nnv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button, nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button {\n  appearance: none;\n  margin: 0;\n}\nnv-fieldnumber .input-wrapper .input-container nv-icon.validation {\n  color: var(--nv-field-border-default);\n  margin-right: var(--form-field-gap);\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton {\n  border: 0px;\n  border-radius: 0px;\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton:focus-visible {\n  border-radius: var(--button-md-border-radius);\n  outline-offset: -3px;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper {\n  display: flex;\n  border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton {\n  border: 0px;\n  border-radius: 0px;\n  border-radius: 0px;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton:focus-visible {\n  border-radius: var(--button-md-border-radius);\n  outline-offset: -3px;\n}\n@container field-number-input-container (width < 150px) {\n  nv-fieldnumber .input-wrapper .input-container .stepper-spacer {\n    display: none;\n  }\n  nv-fieldnumber .input-wrapper .input-container .stepper {\n    display: none;\n  }\n}\nnv-fieldnumber .description {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  gap: var(--spacing-1);\n  color: var(--components-form-text-description-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  line-height: var(--form-description-line-height);\n}\nnv-fieldnumber .error-description {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  gap: var(--spacing-1);\n  color: var(--components-form-text-description-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  line-height: var(--form-description-line-height);\n  color: var(--components-form-text-description-error);\n}";
+const nvFieldnumberCss = "/* TODO: integrate this logic in the proper structure */\nnv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range {\n  background: var(--components-slider-track-filled-hover);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb {\n  border-color: var(--components-slider-track-filled-hover);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range {\n  background: var(--components-slider-track-filled-focus);\n}\nnv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb {\n  border-color: var(--components-slider-track-filled-focus);\n}\nnv-fieldslider[error] .slider-container .track-container .track .track-range {\n  background: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb {\n  border-color: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb:hover {\n  border-color: var(--components-slider-track-filled-error);\n  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n  outline-offset: calc(var(--focus-outline-offset) * 1);\n  background-color: var(--components-slider-handler-background-error);\n}\nnv-fieldslider[error] .slider-container .track-container .track .thumb:focus {\n  border-color: var(--components-slider-track-filled-error);\n  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n  outline-offset: calc(var(--focus-outline-offset) * 1);\n  background-color: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range {\n  background: var(--components-slider-track-filled-error);\n}\nnv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb {\n  border-color: var(--components-slider-track-filled-error);\n}\n\nnv-fieldnumber {\n  --nv-field-border-default: var(--components-form-field-border-default);\n  --nv-field-border-hover: var(--components-form-field-border-hover);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--components-form-field-border-default);\n  --nv-field-border-readonly: var(--components-form-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-brand);\n  --nv-field-background: var(--components-form-field-background-default);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--form-gap-y);\n  box-sizing: border-box;\n  max-width: 480px;\n}\nnv-fieldnumber[fluid]:not([fluid=false]) {\n  max-width: unset;\n}\nnv-fieldnumber[readonly]:not([readonly=false]) {\n  --nv-field-border-default: var(--components-form-field-border-readonly);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--components-form-field-border-focus);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-background: var(--components-form-field-background-readonly);\n}\nnv-fieldnumber[error]:not([error=false]) {\n  --nv-field-border-default: var(--components-form-field-border-error);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n}\nnv-fieldnumber[success]:not([success=false]) {\n  --nv-field-border-default: var(--components-form-field-border-success);\n  --nv-field-border-hover: var(--nv-field-border-default);\n  --nv-field-border-focus: var(--nv-field-border-default);\n  --nv-field-border-disabled: var(--nv-field-border-default);\n  --nv-field-border-readonly: var(--nv-field-border-default);\n  --nv-field-focus-box-shadow: var(--color-focus-success);\n}\nnv-fieldnumber[required]:not([required=false]) label::after {\n  content: \"*\";\n  color: var(--components-form-text-required);\n  font-weight: 700;\n}\nnv-fieldnumber label {\n  display: flex;\n  align-items: center;\n  gap: var(--form-label-gap);\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-label-line-height);\n}\nnv-fieldnumber .input-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\nnv-fieldnumber .input-wrapper .input-container {\n  display: flex;\n  flex-grow: 1;\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default, 1);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n  container-type: inline-size;\n  container-name: field-number-input-container;\n  overflow: hidden;\n  position: relative;\n}\nnv-fieldnumber .input-wrapper .input-container:hover {\n  border-color: var(--nv-field-border-hover);\n}\nnv-fieldnumber .input-wrapper .input-container:focus-within, nv-fieldnumber .input-wrapper .input-container:focus-within:hover, nv-fieldnumber .input-wrapper .input-container:focus, nv-fieldnumber .input-wrapper .input-container:focus:hover {\n  border-color: var(--nv-field-border-focus);\n  box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:read-only) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-readonly);\n  border-color: var(--nv-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container:has(input:disabled) {\n  opacity: 0.5;\n  background-color: var(--components-form-field-background-disabled);\n  border-color: var(--nv-field-border-disabled);\n}\nnv-fieldnumber .input-wrapper .input-container input {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  padding: var(--form-field-padding-y) var(--form-field-padding-x);\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-field-line-height);\n  width: 100%;\n  /* Hide Edge built-in password reveal and clear icons */\n  width: 100%;\n  appearance: textfield;\n}\nnv-fieldnumber .input-wrapper .input-container input:focus {\n  outline: none;\n}\nnv-fieldnumber .input-wrapper .input-container input::placeholder {\n  overflow: hidden;\n  color: var(--components-form-field-content-placeholder);\n  text-overflow: ellipsis;\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--form-field-line-height);\n}\nnv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-clear, nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-reveal {\n  display: none;\n  width: 0;\n  height: 0;\n}\nnv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button, nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button {\n  appearance: none;\n  margin: 0;\n}\nnv-fieldnumber .input-wrapper .input-container nv-icon.validation {\n  color: var(--nv-field-border-default);\n  margin-right: var(--form-field-gap);\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton {\n  border: 0px;\n  border-radius: 0px;\n}\nnv-fieldnumber .input-wrapper .input-container > nv-iconbutton:focus-visible {\n  border-radius: var(--button-md-border-radius);\n  outline-offset: -3px;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper {\n  display: flex;\n  border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton {\n  border: 0px;\n  border-radius: 0px;\n  border-radius: 0px;\n}\nnv-fieldnumber .input-wrapper .input-container .stepper > nv-iconbutton:focus-visible {\n  border-radius: var(--button-md-border-radius);\n  outline-offset: -3px;\n}\n@container field-number-input-container (width < 150px) {\n  nv-fieldnumber .input-wrapper .input-container .stepper-spacer {\n    display: none;\n  }\n  nv-fieldnumber .input-wrapper .input-container .stepper {\n    display: none;\n  }\n}\nnv-fieldnumber .description {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  gap: var(--spacing-1);\n  color: var(--components-form-text-description-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  line-height: var(--form-description-line-height);\n}\nnv-fieldnumber .error-description {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  gap: var(--spacing-1);\n  color: var(--components-form-text-description-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  line-height: var(--form-description-line-height);\n  color: var(--components-form-text-description-error);\n}";
 const NvFieldnumberStyle0 = nvFieldnumberCss;
 
 const NvFieldnumber$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldnumber extends H {
@@ -21047,7 +21143,7 @@ function defineCustomElement$1$c() {
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$u();
             }
             break;
         case "nv-loader":
@@ -21062,7 +21158,7 @@ defineCustomElement$1$c();
 const NvFieldnumber$2 = NvFieldnumber$1;
 const defineCustomElement$l = defineCustomElement$1$c;
 
-const nvFieldpasswordCss = "nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
+const nvFieldpasswordCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFieldpasswordStyle0 = nvFieldpasswordCss;
 
 const NvFieldpassword$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldpassword extends H {
@@ -21219,7 +21315,7 @@ function defineCustomElement$1$b() {
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$u();
             }
             break;
         case "nv-loader":
@@ -21362,7 +21458,7 @@ defineCustomElement$1$a();
 const NvFieldradio$2 = NvFieldradio$1;
 const defineCustomElement$j = defineCustomElement$1$a;
 
-const nvFieldselectCss = "nv-fieldselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[display-value]:not([display-value=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldselect[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldselect[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>.select-icons{top:var(--form-field-padding-y);right:var(--form-field-padding-x)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>select{height:100%;box-sizing:border-box}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container>.select-icons{position:absolute;right:0;top:0;pointer-events:none}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton{border:0px;border-radius:0px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input:read-only{opacity:0.5;background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;height:var(--form-field-line-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select option{font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:500;line-height:var(--form-field-line-height, 24px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
+const nvFieldselectCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[display-value]:not([display-value=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldselect[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldselect[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>.select-icons{top:var(--form-field-padding-y);right:var(--form-field-padding-x)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>select{height:100%;box-sizing:border-box}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container>.select-icons{position:absolute;right:0;top:0;pointer-events:none}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton{border:0px;border-radius:0px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-clear,nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldselect .select-wrapper .select-container input:read-only{opacity:0.5;background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;height:var(--form-field-line-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select option{font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:500;line-height:var(--form-field-line-height, 24px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFieldselectStyle0 = nvFieldselectCss;
 
 const NvFieldselect$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldselect extends H {
@@ -21769,7 +21865,7 @@ function defineCustomElement$1$9() {
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$u();
             }
             break;
         case "nv-loader":
@@ -21972,7 +22068,7 @@ const FieldInput = props => {
         labelAfterValue && h$1("span", { class: "label-after" }, labelAfterValue))) : (h$1("input", { id: inputId, type: "hidden", value: fieldValue, disabled: disabled, readonly: readonly, name: inputName }));
 };
 
-const nvFieldsliderCss = "nv-fieldslider{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(16px + 0.25rem);padding:calc(16px / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:4px;background:#e5e7eb;border-radius:4px;cursor:pointer}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:4px;background:var(--nv-field-border-focus);border-radius:4px;pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:16px;height:16px;background:#ffffff;border:2px solid var(--nv-field-border-focus);border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transform:translate(-50%, -50%);z-index:1;cursor:grab;transition:box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:focus{box-shadow:0 4px 6px rgba(0, 0, 0, 0.15);outline:6px solid color-mix(in srgb, var(--nv-field-border-focus) 50%, transparent);transition:outline}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background-color:#e6f7ff}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:\"\";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:6px;height:6px;background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(6px + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}nv-fieldslider .slider-container .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;width:64px;flex-grow:unset}nv-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldslider .slider-container .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%}nv-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldslider[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldslider[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldslider>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldslider>.error-description[hidden]{display:none}";
+const nvFieldsliderCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:\"\";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;width:70px;flex-grow:unset}nv-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldslider .slider-container .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;}nv-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldslider[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldslider[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldslider>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldslider>.error-description[hidden]{display:none}";
 const NvFieldsliderStyle0 = nvFieldsliderCss;
 
 const NvFieldslider$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldslider extends H {
@@ -22030,10 +22126,11 @@ const NvFieldslider$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldslider ext
          */
         this.success = false;
         /**
-         * Numeric value of the slider as a string, if range mode is on, the values
-         * will be a comma-separated string.
+         * Numeric value of the slider as an array of numbers. When in single mode,
+         * the value should be a an array of one number. When in range mode, the value
+         * should be an array of two numbers.
          */
-        this.value = '0';
+        this.value = [0, 0];
         /**
          * Defines the interval between selectable values on the slider. Controls how
          * much the value increases or decreases with each keyboard interaction, drag
@@ -22089,16 +22186,20 @@ const NvFieldslider$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldslider ext
          * Parses the value string into a number or array of numbers for internal use.
          */
         this.parseValue = () => {
-            const values = this.value.replace(/\s/g, '').split(',');
-            if (values.length === 1) {
-                this.valueInternal = parseFloat(values[0]);
-            }
-            else if (values.length === 2) {
-                values.forEach((value, index) => {
-                    this.valueInternal = parseFloat(value);
-                    this.rangeValueInternal[index] = this.valueInternal;
-                });
+            if (typeof this.value === 'string') {
+                console.error('Sliders require a number or array of numbers to be passed in the value prop.');
+                return;
+            }
+            if (this.range && this.value.length !== 2) {
+                console.error('Range sliders require an array of two values to be passed in the value prop.');
+                return;
             }
+            if (!this.range && this.value.length !== 1) {
+                console.error('Single sliders require a single value as an array to be passed in the value prop.');
+                return;
+            }
+            this.valueInternal = this.value[0];
+            this.rangeValueInternal = [this.value[0], this.value[1]];
         };
         /**
          * Handles pointer events on the track.
@@ -22308,8 +22409,8 @@ const NvFieldslider$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldslider ext
                 if (validatedValues[0] !== this.rangeValueInternal[0] ||
                     validatedValues[1] !== this.rangeValueInternal[1]) {
                     this.rangeValueInternal = validatedValues;
-                    this.value = this.rangeValueInternal.join(',');
-                    this.valueChanged.emit(this.rangeValueInternal.join(','));
+                    this.value = this.rangeValueInternal;
+                    this.valueChanged.emit(this.rangeValueInternal);
                 }
             }
         }
@@ -22319,8 +22420,8 @@ const NvFieldslider$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldslider ext
                 const validatedValue = this.validateValue(newValue);
                 if (validatedValue !== this.valueInternal) {
                     this.valueInternal = validatedValue;
-                    this.value = String(this.valueInternal);
-                    this.valueChanged.emit(String(this.valueInternal));
+                    this.value = [this.valueInternal];
+                    this.valueChanged.emit([this.valueInternal]);
                 }
             }
         }
@@ -22416,11 +22517,11 @@ const NvFieldslider$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldslider ext
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h$1(Host$1, { key: '69cded86eeaff3470f970d8c5e359d467cea1762' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'd6725108d8cfc35d4722e5761592b08f20c390b2', htmlFor: this.startInputId }, h$1("slot", { key: 'a13207c702baa4ea95073da3db56419c50114de2', name: "label" }, this.label))), h$1("div", { key: 'a771db3df06edf4ca150db4f66f42a6816e32bc8', class: "slider-container" }, this.range ? (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 0, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : null, h$1("div", { key: '705fe70c9d5ebba5dc9b877532936d301df0baf6', class: "track-container" }, h$1("div", { key: '1f9a691c278e88160319699ff91d925dfd8184c2', class: "track", onPointerDown: this.onTrackInteraction }, this.range ? (h$1(RangeThumb, { rangeValue: this.rangeValueInternal, rawRangePosition: this.rawRangePosition, activeDragThumb: this.activeDragThumb, isDragging: this.isDragging, snap: this.snap, min: this.min, max: this.max, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue })) : (h$1(SingleThumb, { value: this.valueInternal, min: this.min, max: this.max, rawPosition: this.rawPosition, isDragging: this.isDragging, snap: this.snap, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue }))), h$1(TickMarks, { key: 'b80cf4eeb492587ca44ebc6512ded331ec5619ef', ticks: this.internalTicks, min: this.min, max: this.max })), this.range ? (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 1, inputId: this.endInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name }))), (this.success ||
+        return (h$1(Host$1, { key: '5625de672648fc737a3c463241621c96e3f5678c' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: 'c9bb829857daf1f38a07ba8d851a126b8e1014d0', htmlFor: this.startInputId }, h$1("slot", { key: '86daceb63a9467395bd576ee8e2a1fd335dab8a9', name: "label" }, this.label))), h$1("div", { key: 'a2f9fcfd6f201926d59b1542cfb6aecb9995bfe6', class: "slider-container" }, this.range ? (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 0, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : null, h$1("div", { key: 'c217e21c05160391608196c689a506332cdd2c6a', class: "track-container" }, h$1("div", { key: 'eff5a66ed65ca210e66138dfcf345843e4947fe9', class: "track", onPointerDown: this.onTrackInteraction }, this.range ? (h$1(RangeThumb, { rangeValue: this.rangeValueInternal, rawRangePosition: this.rawRangePosition, activeDragThumb: this.activeDragThumb, isDragging: this.isDragging, snap: this.snap, min: this.min, max: this.max, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue })) : (h$1(SingleThumb, { value: this.valueInternal, min: this.min, max: this.max, rawPosition: this.rawPosition, isDragging: this.isDragging, snap: this.snap, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue }))), h$1(TickMarks, { key: 'a1168d80e444702014631c51770f81bc66c42c7e', ticks: this.internalTicks, min: this.min, max: this.max })), this.range ? (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 1, inputId: this.endInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : (h$1(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name }))), (this.success ||
             this.description ||
-            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '97a111d5b194aeb4f1fcf1049489ddcf30527157', class: "description" }, this.success && (h$1("nv-icon", { key: 'cc549945c9a330892c69826867f4279e039944e8', name: "circle-check", class: "validation", size: "md" })), h$1("slot", { key: '54b3e872439763a15595d6bf4f9c5e129aeae386', name: "description" }, this.description))), (this.error ||
+            this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'f92bc3bba0d12897563532d18873ed00cd01107c', class: "description" }, this.success && (h$1("nv-icon", { key: 'bbe9253cf1a560d1e5e398cece3bdc1dc65c5edc', name: "circle-check", class: "validation", size: "md" })), h$1("slot", { key: '52396d459eca326fd6e0e1587e79c5b1ab0f8e74', name: "description" }, this.description))), (this.error ||
             this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'cd5702e6819a11782a634d522a2dccd992af00f3', class: "error-description", hidden: !this.error }, this.error && (h$1("nv-icon", { key: '1641a68da28b0963d61b74e69c2c32f566ffeff3', name: "alert-circle", class: "validation", size: "md" })), h$1("slot", { key: 'a969cc7e37c4a21024790a5603a44365e135693d', name: "error-description" }, this.errorDescription)))));
+            this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '2da1fec9cf6c1c5a2f5c0aa16c18d4b45f0758d9', class: "error-description", hidden: !this.error }, this.error && (h$1("nv-icon", { key: '9b97a3cc6d56971b6dda8263316f83ea4e35d257', name: "alert-circle", class: "validation", size: "md" })), h$1("slot", { key: 'f2a96d286c53529ebee99606bee0c43f9ff21b74', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }
@@ -22449,7 +22550,7 @@ const NvFieldslider$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldslider ext
         "error": [516],
         "errorDescription": [513, "error-description"],
         "success": [516],
-        "value": [1537],
+        "value": [1040],
         "step": [514],
         "snap": [516],
         "snapTicks": [516, "snap-ticks"],
@@ -22504,9 +22605,9 @@ const NvFieldslider$2 = NvFieldslider$1;
 const defineCustomElement$h = defineCustomElement$1$8;
 
 const NvFieldtext$1 = NvFieldtext$2;
-const defineCustomElement$g = defineCustomElement$D;
+const defineCustomElement$g = defineCustomElement$E;
 
-const nvFieldtextareaCss = "nv-fieldtextarea{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtextarea[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtextarea[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtextarea[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldtextarea label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtextarea .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
+const nvFieldtextareaCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtextarea{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtextarea[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtextarea[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtextarea[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldtextarea label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtextarea .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
 const NvFieldtextareaStyle0 = nvFieldtextareaCss;
 
 const NvFieldtextarea$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtextarea extends H {
@@ -22754,7 +22855,7 @@ function startsWithIgnoreCase(str, prefix) {
     return str.toLowerCase().startsWith(prefix.toLowerCase());
 }
 
-const nvFieldtimeCss = "nv-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px;margin-left:auto}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center;padding-right:2px;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);text-align:center;cursor:pointer;transition:background-color 0.2s;height:40px;border-radius:var(--list-dropdown-item-radius);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-list-dropdown-item-label-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-list-dropdown-item-label-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-list-dropdown-item-background-active);color:var(--components-list-dropdown-item-label-active);border-width:1px;border-style:solid;border-color:var(--components-list-dropdown-item-border-active)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}";
+const nvFieldtimeCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px;margin-left:auto}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center;padding-right:2px;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);text-align:center;cursor:pointer;transition:background-color 0.2s;height:40px;border-radius:var(--list-dropdown-item-radius);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-list-dropdown-item-label-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-list-dropdown-item-label-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-list-dropdown-item-background-active);color:var(--components-list-dropdown-item-label-active);border-width:1px;border-style:solid;border-color:var(--components-list-dropdown-item-border-active)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}";
 const NvFieldtimeStyle0 = nvFieldtimeCss;
 
 const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends H {
@@ -23787,7 +23888,7 @@ function defineCustomElement$1$6() {
             break;
         case "nv-iconbutton":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$u();
             }
             break;
         case "nv-loader":
@@ -23811,7 +23912,7 @@ const NvIcon$1 = NvIcon$2;
 const defineCustomElement$d = defineCustomElement$T;
 
 const NvIconbutton$1 = NvIconbutton$2;
-const defineCustomElement$c = defineCustomElement$H;
+const defineCustomElement$c = defineCustomElement$u;
 
 const NvLoader$1 = NvLoader$2;
 const defineCustomElement$b = defineCustomElement$K;
@@ -24821,16 +24922,17 @@ const NvCalendar = E({
     react: React,
     events: {
         onSingleDateChange: 'singleDateChange',
-        onRangeDateChange: 'rangeDateChange'
+        onRangeDateChange: 'rangeDateChange',
+        onValueChanged: 'valueChanged'
     },
-    defineCustomElement: defineCustomElement$F
+    defineCustomElement: defineCustomElement$G
 });
 const NvCol = E({
     tagName: 'nv-col',
     elementClass: NvCol$2,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$E
+    defineCustomElement: defineCustomElement$F
 });
 const NvDatagrid = E({
     tagName: 'nv-datagrid',
@@ -24840,21 +24942,21 @@ const NvDatagrid = E({
         onAction: 'action',
         onSelectedRows: 'selectedRows'
     },
-    defineCustomElement: defineCustomElement$C
+    defineCustomElement: defineCustomElement$D
 });
 const NvDatagridcolumn = E({
     tagName: 'nv-datagridcolumn',
     elementClass: NvDatagridcolumn$2,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$B
+    defineCustomElement: defineCustomElement$C
 });
 const NvDialog = E({
     tagName: 'nv-dialog',
     elementClass: NvDialog$2,
     react: React,
     events: { onOpenChanged: 'openChanged' },
-    defineCustomElement: defineCustomElement$y
+    defineCustomElement: defineCustomElement$z
 });
 const NvDialogfooter = E({
     tagName: 'nv-dialogfooter',
@@ -24864,34 +24966,37 @@ const NvDialogfooter = E({
         onDialogCanceled: 'dialogCanceled',
         onDialogPrimaryClicked: 'dialogPrimaryClicked'
     },
-    defineCustomElement: defineCustomElement$x
+    defineCustomElement: defineCustomElement$y
 });
 const NvDialogheader = E({
     tagName: 'nv-dialogheader',
     elementClass: NvDialogheader$1,
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$w
+    defineCustomElement: defineCustomElement$x
 });
 const NvFieldcheckbox = E({
     tagName: 'nv-fieldcheckbox',
     elementClass: NvFieldcheckbox$1,
     react: React,
     events: { onCheckedChanged: 'checkedChanged' },
-    defineCustomElement: defineCustomElement$u
+    defineCustomElement: defineCustomElement$v
 });
 const NvFielddate = E({
     tagName: 'nv-fielddate',
     elementClass: NvFielddate$2,
     react: React,
-    events: { onDateChange: 'dateChange' },
+    events: { onValueChanged: 'valueChanged' },
     defineCustomElement: defineCustomElement$t
 });
 const NvFielddaterange = E({
     tagName: 'nv-fielddaterange',
     elementClass: NvFielddaterange$2,
     react: React,
-    events: { onDateRangeChange: 'dateRangeChange' },
+    events: {
+        onDateRangeChange: 'dateRangeChange',
+        onValueChanged: 'valueChanged'
+    },
     defineCustomElement: defineCustomElement$s
 });
 const NvFielddropdown = E({
@@ -25070,7 +25175,7 @@ const NvTooltip = E({
 });
 
 const NAMESPACE = 'native';
-const BUILD = /* native */ { experimentalSlotFixes: true, hydratedSelectorName: "hydrated", lazyLoad: true, shadowDom: false, slotRelocation: true, updatable: true};
+const BUILD = /* native */ { experimentalSlotFixes: false, hydratedSelectorName: "hydrated", lazyLoad: true, shadowDom: false, slotRelocation: true, updatable: true};
 
 /*
  Stencil Client Platform v4.27.1 | MIT Licensed | https://stenciljs.com
@@ -25141,151 +25246,151 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                 case 'nv-alert':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-alert.entry-pxBJfmIm.js'); }).then(processMod, consoleError);
+                      './nv-alert.entry-BLGSitrm.js'); }).then(processMod, consoleError);
                 case 'nv-avatar':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-avatar.entry-CHtVctSK.js'); }).then(processMod, consoleError);
+                      './nv-avatar.entry-CRcLMbEx.js'); }).then(processMod, consoleError);
                 case 'nv-breadcrumb':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-breadcrumb.entry-7azRtyl5.js'); }).then(processMod, consoleError);
+                      './nv-breadcrumb.entry-PVDZoF9i.js'); }).then(processMod, consoleError);
                 case 'nv-breadcrumbs':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-breadcrumbs.entry-DfZVMKpY.js'); }).then(processMod, consoleError);
+                      './nv-breadcrumbs.entry-BY169s5F.js'); }).then(processMod, consoleError);
                 case 'nv-col':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-col.entry-C6oEkSbI.js'); }).then(processMod, consoleError);
+                      './nv-col.entry-B4BJXJw-.js'); }).then(processMod, consoleError);
                 case 'nv-datagrid':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-datagrid.entry-xhQP6JJP.js'); }).then(processMod, consoleError);
+                      './nv-datagrid.entry-D5UVDiYl.js'); }).then(processMod, consoleError);
                 case 'nv-datagridcolumn':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-datagridcolumn.entry-CjYmo4fM.js'); }).then(processMod, consoleError);
+                      './nv-datagridcolumn.entry-dmpcmCIT.js'); }).then(processMod, consoleError);
                 case 'nv-dialog':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-dialog.entry-mxETaZbc.js'); }).then(processMod, consoleError);
+                      './nv-dialog.entry-BYovzkco.js'); }).then(processMod, consoleError);
                 case 'nv-fielddate':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddate.entry-BlNily-X.js'); }).then(processMod, consoleError);
+                      './nv-fielddate.entry-CSpAcEXW.js'); }).then(processMod, consoleError);
                 case 'nv-fielddaterange':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddaterange.entry-CycpKoJd.js'); }).then(processMod, consoleError);
+                      './nv-fielddaterange.entry-C14o96dd.js'); }).then(processMod, consoleError);
                 case 'nv-fielddropdown':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddropdown.entry-BPwviyCp.js'); }).then(processMod, consoleError);
+                      './nv-fielddropdown.entry-C3VzNRhh.js'); }).then(processMod, consoleError);
                 case 'nv-fieldmultiselect':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldmultiselect.entry-Lrxr1gsi.js'); }).then(processMod, consoleError);
+                      './nv-fieldmultiselect.entry-Ci43ZvzC.js'); }).then(processMod, consoleError);
                 case 'nv-fieldnumber':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldnumber.entry-B1VySoWj.js'); }).then(processMod, consoleError);
+                      './nv-fieldnumber.entry-nvUi-64H.js'); }).then(processMod, consoleError);
                 case 'nv-fieldpassword':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldpassword.entry-D7Qlx7Bh.js'); }).then(processMod, consoleError);
+                      './nv-fieldpassword.entry-C2uqwDah.js'); }).then(processMod, consoleError);
                 case 'nv-fieldradio':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldradio.entry-CDu8xs0p.js'); }).then(processMod, consoleError);
+                      './nv-fieldradio.entry-DL2GdKqO.js'); }).then(processMod, consoleError);
                 case 'nv-fieldselect':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldselect.entry-NEdv8bQK.js'); }).then(processMod, consoleError);
+                      './nv-fieldselect.entry-D4AIRE24.js'); }).then(processMod, consoleError);
                 case 'nv-fieldslider':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldslider.entry-51gF9XPz.js'); }).then(processMod, consoleError);
+                      './nv-fieldslider.entry-BNge4J69.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtextarea':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtextarea.entry-D44HbsVQ.js'); }).then(processMod, consoleError);
+                      './nv-fieldtextarea.entry-Ct0g9Qtb.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtime':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtime.entry-MbaWbVtc.js'); }).then(processMod, consoleError);
+                      './nv-fieldtime.entry-CmO96Py1.js'); }).then(processMod, consoleError);
                 case 'nv-row':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-row.entry-BUheLufV.js'); }).then(processMod, consoleError);
+                      './nv-row.entry-CDTv7ikK.js'); }).then(processMod, consoleError);
                 case 'nv-stack':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-stack.entry-DNPce51E.js'); }).then(processMod, consoleError);
+                      './nv-stack.entry-A78c6BVf.js'); }).then(processMod, consoleError);
                 case 'nv-table':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-table.entry-DXQM8l3t.js'); }).then(processMod, consoleError);
+                      './nv-table.entry-DkwcfdJM.js'); }).then(processMod, consoleError);
                 case 'nv-tablecolumn':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-tablecolumn.entry-DROQK_0c.js'); }).then(processMod, consoleError);
+                      './nv-tablecolumn.entry-C8VNSpDf.js'); }).then(processMod, consoleError);
                 case 'nv-toggle':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-toggle.entry-fMzTrdte.js'); }).then(processMod, consoleError);
+                      './nv-toggle.entry-vxSyUDKZ.js'); }).then(processMod, consoleError);
                 case 'nv-badge_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-badge_2.entry-BO88KO1O.js'); }).then(processMod, consoleError);
+                      './nv-badge_2.entry-BtDAr7_d.js'); }).then(processMod, consoleError);
                 case 'nv-dialogfooter_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-dialogfooter_2.entry-DnLg2DHy.js'); }).then(processMod, consoleError);
+                      './nv-dialogfooter_2.entry-C9dhLKRM.js'); }).then(processMod, consoleError);
                 case 'nv-fielddropdownitem':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fielddropdownitem.entry-BGuUR9KP.js'); }).then(processMod, consoleError);
+                      './nv-fielddropdownitem.entry-D4G4Ytus.js'); }).then(processMod, consoleError);
                 case 'nv-fieldtext':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldtext.entry-Bug9zMgo.js'); }).then(processMod, consoleError);
+                      './nv-fieldtext.entry-BI-fdkdX.js'); }).then(processMod, consoleError);
                 case 'nv-menu':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-menu.entry-D5_lj9XB.js'); }).then(processMod, consoleError);
+                      './nv-menu.entry-DHrRi_37.js'); }).then(processMod, consoleError);
                 case 'nv-menuitem':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-menuitem.entry-fhnYI91K.js'); }).then(processMod, consoleError);
+                      './nv-menuitem.entry-B_D1pSYa.js'); }).then(processMod, consoleError);
                 case 'nv-tooltip':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-tooltip.entry-yB2Ek1Cz.js'); }).then(processMod, consoleError);
+                      './nv-tooltip.entry-BQKXRp4d.js'); }).then(processMod, consoleError);
+                case 'nv-button':
+                    return Promise.resolve().then(function () { return require(
+                      /* webpackMode: "lazy" */
+                      './nv-button.entry-BpxpxFJP.js'); }).then(processMod, consoleError);
                 case 'nv-calendar':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-calendar.entry-BeayRRor.js'); }).then(processMod, consoleError);
+                      './nv-calendar.entry-BobyjFdK.js'); }).then(processMod, consoleError);
                 case 'nv-fieldcheckbox':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-fieldcheckbox.entry-Be9__i15.js'); }).then(processMod, consoleError);
-                case 'nv-button':
+                      './nv-fieldcheckbox.entry-BvFqY2dM.js'); }).then(processMod, consoleError);
+                case 'nv-iconbutton_2':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-button.entry-DW9SblsY.js'); }).then(processMod, consoleError);
+                      './nv-iconbutton_2.entry-B7Xyut9H.js'); }).then(processMod, consoleError);
                 case 'nv-popover':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-popover.entry-CYqBaVbr.js'); }).then(processMod, consoleError);
-                case 'nv-iconbutton_2':
-                    return Promise.resolve().then(function () { return require(
-                      /* webpackMode: "lazy" */
-                      './nv-iconbutton_2.entry-DMaO-JWz.js'); }).then(processMod, consoleError);
+                      './nv-popover.entry-DyQPEQ4I.js'); }).then(processMod, consoleError);
                 case 'nv-icon':
                     return Promise.resolve().then(function () { return require(
                       /* webpackMode: "lazy" */
-                      './nv-icon.entry-BSSHr-ud.js'); }).then(processMod, consoleError);
+                      './nv-icon.entry-TepdQ1jA.js'); }).then(processMod, consoleError);
           }
       }
   return import(
@@ -25329,8 +25434,6 @@ var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
   "formStateRestoreCallback"
 ];
 var win = typeof window !== "undefined" ? window : {};
-win.HTMLElement || class {
-};
 var plt = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -25498,9 +25601,8 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
   let childNode;
   for (; i2 < childNodes.length; i2++) {
     childNode = childNodes[i2];
-    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0 || getSlotName(childNode) === slotName)) {
+    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0)) {
       slottedNodes.push(childNode);
-      if (typeof slotName !== "undefined") return slottedNodes;
     }
     slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
   }
@@ -25586,123 +25688,6 @@ function patchSlotNode(node) {
   node.assignedElements = assignedFactory(true);
   node.assignedNodes = assignedFactory(false);
 }
-function dispatchSlotChangeEvent(elm) {
-  elm.dispatchEvent(new CustomEvent("slotchange", { bubbles: false, cancelable: false, composed: false }));
-}
-function findSlotFromSlottedNode(slottedNode, parentHost) {
-  var _a;
-  parentHost = parentHost || ((_a = slottedNode["s-ol"]) == null ? void 0 : _a.parentElement);
-  if (!parentHost) return { slotNode: null, slotName: "" };
-  const slotName = slottedNode["s-sn"] = getSlotName(slottedNode) || "";
-  const childNodes = internalCall(parentHost, "childNodes");
-  const slotNode = getHostSlotNodes(childNodes, parentHost.tagName, slotName)[0];
-  return { slotNode, slotName };
-}
-var patchSlottedNode = (node) => {
-  if (!node || node.__nextSibling !== void 0 || !globalThis.Node) return;
-  patchNextSibling(node);
-  patchPreviousSibling(node);
-  patchParentNode(node);
-  if (node.nodeType === Node.ELEMENT_NODE) {
-    patchNextElementSibling(node);
-    patchPreviousElementSibling(node);
-  }
-};
-var patchNextSibling = (node) => {
-  if (!node || node.__nextSibling) return;
-  patchHostOriginalAccessor("nextSibling", node);
-  Object.defineProperty(node, "nextSibling", {
-    get: function() {
-      var _a;
-      const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
-      const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
-      if (parentNodes && index > -1) {
-        return parentNodes[index + 1];
-      }
-      return this.__nextSibling;
-    }
-  });
-};
-var patchNextElementSibling = (element) => {
-  if (!element || element.__nextElementSibling) return;
-  patchHostOriginalAccessor("nextElementSibling", element);
-  Object.defineProperty(element, "nextElementSibling", {
-    get: function() {
-      var _a;
-      const parentEles = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
-      const index = parentEles == null ? void 0 : parentEles.indexOf(this);
-      if (parentEles && index > -1) {
-        return parentEles[index + 1];
-      }
-      return this.__nextElementSibling;
-    }
-  });
-};
-var patchPreviousSibling = (node) => {
-  if (!node || node.__previousSibling) return;
-  patchHostOriginalAccessor("previousSibling", node);
-  Object.defineProperty(node, "previousSibling", {
-    get: function() {
-      var _a;
-      const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
-      const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
-      if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
-      }
-      return this.__previousSibling;
-    }
-  });
-};
-var patchPreviousElementSibling = (element) => {
-  if (!element || element.__previousElementSibling) return;
-  patchHostOriginalAccessor("previousElementSibling", element);
-  Object.defineProperty(element, "previousElementSibling", {
-    get: function() {
-      var _a;
-      const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
-      const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
-      if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
-      }
-      return this.__previousElementSibling;
-    }
-  });
-};
-var patchParentNode = (node) => {
-  if (!node || node.__parentNode) return;
-  patchHostOriginalAccessor("parentNode", node);
-  Object.defineProperty(node, "parentNode", {
-    get: function() {
-      var _a;
-      return ((_a = this["s-ol"]) == null ? void 0 : _a.parentNode) || this.__parentNode;
-    },
-    set: function(value) {
-      this.__parentNode = value;
-    }
-  });
-};
-var validElementPatches = ["children", "nextElementSibling", "previousElementSibling"];
-var validNodesPatches = [
-  "childNodes",
-  "firstChild",
-  "lastChild",
-  "nextSibling",
-  "previousSibling",
-  "textContent",
-  "parentNode"
-];
-function patchHostOriginalAccessor(accessorName, node) {
-  let accessor;
-  if (validElementPatches.includes(accessorName)) {
-    accessor = Object.getOwnPropertyDescriptor(Element.prototype, accessorName);
-  } else if (validNodesPatches.includes(accessorName)) {
-    accessor = Object.getOwnPropertyDescriptor(Node.prototype, accessorName);
-  }
-  if (!accessor) {
-    accessor = Object.getOwnPropertyDescriptor(node, accessorName);
-  }
-  if (accessor) Object.defineProperty(node, "__" + accessorName, accessor);
-}
 function internalCall(node, method) {
   if ("__" + method in node) {
     const toReturn = node["__" + method];
@@ -25929,9 +25914,6 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
           slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-        {
-          patchSlottedNode(slottedItem.node);
-        }
       }
       if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
         hostEle.appendChild(slottedItem.node);
@@ -26543,44 +26525,17 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
         {
-          relocateToHostRoot(oldParentVNode.$elm$);
+          putBackInOriginalLocation(oldParentVNode.$elm$, false);
         }
       }
     }
   }
   return elm;
 };
-var relocateToHostRoot = (parentElm) => {
-  plt.$flags$ |= 1 /* isTmpDisconnected */;
-  const host = parentElm.closest(hostTagName.toLowerCase());
-  if (host != null) {
-    const contentRefNode = Array.from(host.__childNodes || host.childNodes).find(
-      (ref) => ref["s-cr"]
-    );
-    const childNodeArray = Array.from(
-      parentElm.__childNodes || parentElm.childNodes
-    );
-    for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
-      if (childNode["s-sh"] != null) {
-        insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
-        childNode["s-sh"] = void 0;
-        checkSlotRelocate = true;
-      }
-    }
-  }
-  plt.$flags$ &= -2 /* isTmpDisconnected */;
-};
 var putBackInOriginalLocation = (parentElm, recursive) => {
   plt.$flags$ |= 1 /* isTmpDisconnected */;
   const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  if (parentElm["s-sr"] && BUILD.experimentalSlotFixes) {
-    let node = parentElm;
-    while (node = node.nextSibling) {
-      if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
-        oldSlotChildNodes.push(node);
-      }
-    }
-  }
+  if (parentElm["s-sr"] && BUILD.experimentalSlotFixes) ;
   for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
     const childNode = oldSlotChildNodes[i2];
     if (childNode["s-hn"] !== hostTagName && childNode["s-ol"]) {
@@ -26751,12 +26706,6 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
     }
     {
-      if (tag === "slot" && !useNativeShadowDom) {
-        if (oldVNode.$name$ !== newVNode2.$name$) {
-          newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
-          relocateToHostRoot(newVNode2.$elm$.parentElement);
-        }
-      }
       updateElement(oldVNode, newVNode2, isSvgMode, isInitialRender);
     }
     if (oldChildren !== null && newChildren !== null) {
@@ -26793,7 +26742,7 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (true  )) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -26838,23 +26787,12 @@ var nullifyVNodeRefs = (vNode) => {
   }
 };
 var insertBefore = (parent, newNode, reference) => {
-  if (typeof newNode["s-sn"] === "string") {
-    if (parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
-      patchParentNode(newNode);
-    }
-    parent.insertBefore(newNode, reference);
-    const { slotNode } = findSlotFromSlottedNode(newNode);
-    if (slotNode) dispatchSlotChangeEvent(slotNode);
-    return newNode;
-  }
-  if (parent.__insertBefore) {
-    return parent.__insertBefore(newNode, reference);
-  } else {
+  {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
   }
 };
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d;
   const hostElm = hostRef.$hostElement$;
   const cmpMeta = hostRef.$cmpMeta$;
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -26901,7 +26839,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
-          if ((insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
+          {
             let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
             while (orgLocationNode) {
               let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
@@ -26922,6 +26860,9 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
           const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
           if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
             if (nodeToRelocate !== insertBeforeNode) {
+              if (!nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
+                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
+              }
               insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
                 nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
@@ -26945,17 +26886,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     plt.$flags$ &= -2 /* isTmpDisconnected */;
     relocateNodes.length = 0;
   }
-  if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
-    const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
-    for (const childNode of children) {
-      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
-        if (isInitialLoad && childNode["s-ih"] == null) {
-          childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
-        }
-        childNode.hidden = true;
-      }
-    }
-  }
   contentRef = void 0;
 };
 
@@ -27675,7 +27605,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],\"autocomplete\":[513],\"value\":[1537],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"open\":[1540],\"emptyResult\":[513,\"empty-result\"],\"filterable\":[516],\"options\":[1040],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"fluid\":[516],\"badgeLabel\":[513,\"badge-label\"],\"filterText\":[32],\"selectedValues\":[32],\"sortedOptions\":[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\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"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],\"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\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"startValue\":[32],\"endValue\":[32],\"open\":[32],\"calendarState\":[32]},[[0,\"rangeDateChange\",\"handleRangeDateChange\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"applyDateRange\",\"handleApplyDateRange\"],[0,\"singleDateChange\",\"handleDateReset\"],[0,\"rangeDateChange\",\"handleDateReset\"],[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\"],\"name\":[513],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"autocomplete\":[513],\"value\":[1537],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"open\":[1540],\"emptyResult\":[513,\"empty-result\"],\"filterable\":[516],\"options\":[16],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"fluid\":[516],\"filterText\":[32],\"selectedValues\":[32],\"getFilterText\":[64]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"dropdownItemSelected\",\"handleDropdownItemSelected\"],[2,\"blur\",\"handleBlur\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[\"handleOptionsChange\"],\"value\":[\"watchValueHandler\"]}]]],[\"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],\"fluid\":[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],\"fluid\":[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],\"fluid\":[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-datagrid\",[[4,\"nv-datagrid\",{\"data\":[16],\"columns\":[16],\"fallbackValue\":[513,\"fallback-value\"],\"noDataMessage\":[513,\"no-data-message\"],\"noColumnsNoDataMessage\":[513,\"no-columns-no-data-message\"],\"autoGenerateColumns\":[516,\"auto-generate-columns\"],\"enableGlobalFilter\":[516,\"enable-global-filter\"],\"globalFilterPosition\":[513,\"global-filter-position\"],\"enablePagination\":[516,\"enable-pagination\"],\"pageSize\":[514,\"page-size\"],\"pageSizes\":[16],\"enableSorting\":[516,\"enable-sorting\"],\"enableRowSelection\":[516,\"enable-row-selection\"],\"table\":[32],\"parsedColumns\":[32],\"parsedData\":[32],\"globalFilterSearchTerm\":[32],\"columnData\":[32],\"paginationState\":[32],\"sorting\":[32],\"rowSelectionState\":[32]},null,{\"columns\":[\"parseColumns\"],\"data\":[\"parseData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"],\"globalFilterSearchTerm\":[\"handleGlobalFilterSearchTerm\"],\"paginationState\":[\"handlePaginationState\"],\"sorting\":[\"handleSorting\"],\"pageSize\":[\"handlePageSize\"],\"rowSelectionState\":[\"handleRowSelectionState\"]}]]],[\"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-fieldslider\",[[68,\"nv-fieldslider\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"hasField\":[516,\"has-field\"],\"range\":[516],\"disabled\":[516],\"readonly\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"value\":[1537],\"step\":[514],\"snap\":[516],\"snapTicks\":[516,\"snap-ticks\"],\"name\":[513],\"endName\":[513,\"end-name\"],\"min\":[514],\"max\":[514],\"showTicks\":[516,\"show-ticks\"],\"ticks\":[16],\"fluid\":[516],\"labelBeforeValue\":[513,\"label-before-value\"],\"labelAfterValue\":[513,\"label-after-value\"],\"isDragging\":[32],\"activeDragThumb\":[32],\"internalTicks\":[32],\"rawPosition\":[32],\"rawRangePosition\":[32],\"valueInternal\":[32],\"rangeValueInternal\":[32]},null,{\"value\":[\"onValueChange\"],\"min\":[\"onConfigChange\"],\"max\":[\"onConfigChange\"],\"step\":[\"onConfigChange\"],\"ticks\":[\"onConfigChange\"],\"showTicks\":[\"onConfigChange\"],\"snap\":[\"onConfigChange\"],\"snapTicks\":[\"onConfigChange\"],\"range\":[\"onRangeChange\"]}]]],[\"nv-breadcrumbs\",[[4,\"nv-breadcrumbs\"]]],[\"nv-col\",[[4,\"nv-col\",{\"size\":[514]}]]],[\"nv-datagridcolumn\",[[4,\"nv-datagridcolumn\",{\"header\":[513],\"accessor\":[513],\"repeatTemplate\":[516,\"repeat-template\"],\"group\":[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],\"fluid\":[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-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],\"fluid\":[516]}]]],[\"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\":[1040],\"min\":[513],\"max\":[513],\"disabledDates\":[16],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"selectionType\":[513,\"selection-type\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"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\"],\"isIconOnly\":[516,\"is-icon-only\"],\"_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],\"autocomplete\":[513],\"value\":[1537],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"open\":[1540],\"emptyResult\":[513,\"empty-result\"],\"filterable\":[516],\"options\":[1040],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"fluid\":[516],\"badgeLabel\":[513,\"badge-label\"],\"filterText\":[32],\"selectedValues\":[32],\"sortedOptions\":[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-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-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\":[1537],\"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\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"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],\"autofocus\":[516],\"value\":[1537],\"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\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"startValue\":[32],\"endValue\":[32],\"open\":[32]},[[0,\"rangeDateChange\",\"handleRangeDateChange\"],[0,\"valueChanged\",\"handleCalendarValueChanged\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"applyDateRange\",\"handleApplyDateRange\"],[0,\"singleDateChange\",\"handleDateReset\"],[0,\"rangeDateChange\",\"handleDateReset\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"]}]]],[\"nv-fielddropdown\",[[68,\"nv-fielddropdown\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"autocomplete\":[513],\"value\":[1537],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"open\":[1540],\"emptyResult\":[513,\"empty-result\"],\"filterable\":[516],\"options\":[16],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"fluid\":[516],\"filterText\":[32],\"selectedValues\":[32],\"getFilterText\":[64]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"dropdownItemSelected\",\"handleDropdownItemSelected\"],[2,\"blur\",\"handleBlur\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[\"handleOptionsChange\"],\"value\":[\"watchValueHandler\"]}]]],[\"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],\"fluid\":[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],\"fluid\":[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],\"fluid\":[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-datagrid\",[[4,\"nv-datagrid\",{\"data\":[16],\"columns\":[16],\"fallbackValue\":[513,\"fallback-value\"],\"noDataMessage\":[513,\"no-data-message\"],\"noColumnsNoDataMessage\":[513,\"no-columns-no-data-message\"],\"autoGenerateColumns\":[516,\"auto-generate-columns\"],\"enableGlobalFilter\":[516,\"enable-global-filter\"],\"globalFilterPosition\":[513,\"global-filter-position\"],\"enablePagination\":[516,\"enable-pagination\"],\"pageSize\":[514,\"page-size\"],\"pageSizes\":[16],\"enableSorting\":[516,\"enable-sorting\"],\"enableRowSelection\":[516,\"enable-row-selection\"],\"table\":[32],\"parsedColumns\":[32],\"parsedData\":[32],\"globalFilterSearchTerm\":[32],\"columnData\":[32],\"paginationState\":[32],\"sorting\":[32],\"rowSelectionState\":[32]},null,{\"columns\":[\"parseColumns\"],\"data\":[\"parseData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"],\"globalFilterSearchTerm\":[\"handleGlobalFilterSearchTerm\"],\"paginationState\":[\"handlePaginationState\"],\"sorting\":[\"handleSorting\"],\"pageSize\":[\"handlePageSize\"],\"rowSelectionState\":[\"handleRowSelectionState\"]}]]],[\"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-fieldslider\",[[68,\"nv-fieldslider\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"hasField\":[516,\"has-field\"],\"range\":[516],\"disabled\":[516],\"readonly\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"value\":[1040],\"step\":[514],\"snap\":[516],\"snapTicks\":[516,\"snap-ticks\"],\"name\":[513],\"endName\":[513,\"end-name\"],\"min\":[514],\"max\":[514],\"showTicks\":[516,\"show-ticks\"],\"ticks\":[16],\"fluid\":[516],\"labelBeforeValue\":[513,\"label-before-value\"],\"labelAfterValue\":[513,\"label-after-value\"],\"isDragging\":[32],\"activeDragThumb\":[32],\"internalTicks\":[32],\"rawPosition\":[32],\"rawRangePosition\":[32],\"valueInternal\":[32],\"rangeValueInternal\":[32]},null,{\"value\":[\"onValueChange\"],\"min\":[\"onConfigChange\"],\"max\":[\"onConfigChange\"],\"step\":[\"onConfigChange\"],\"ticks\":[\"onConfigChange\"],\"showTicks\":[\"onConfigChange\"],\"snap\":[\"onConfigChange\"],\"snapTicks\":[\"onConfigChange\"],\"range\":[\"onRangeChange\"]}]]],[\"nv-breadcrumbs\",[[4,\"nv-breadcrumbs\"]]],[\"nv-col\",[[4,\"nv-col\",{\"size\":[514]}]]],[\"nv-datagridcolumn\",[[4,\"nv-datagridcolumn\",{\"header\":[513],\"accessor\":[513],\"repeatTemplate\":[516,\"repeat-template\"],\"group\":[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],\"fluid\":[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-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],\"fluid\":[516]}]]],[\"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-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\"],\"isIconOnly\":[516,\"is-icon-only\"],\"_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-calendar\",[[4,\"nv-calendar\",{\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[1538,\"number-of-calendars\"],\"value\":[1537],\"singleValue\":[1537,\"single-value\"],\"rangeValue\":[1040],\"min\":[513],\"max\":[513],\"disabledDates\":[16],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"selectionType\":[513,\"selection-type\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"currentDate\":[32],\"selectedDate\":[32],\"startDate\":[32],\"endDate\":[32],\"months\":[32]},null,{\"numberOfCalendars\":[\"validateNumberOfCalendars\"],\"rangeValue\":[\"onRangeValueChange\"],\"disabledDates\":[\"handleDisabledDatesChange\"],\"singleValue\":[\"onSingleValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"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);}})();