@oub/fusion 0.2.95 → 0.2.96

package/dist/fusion.js

@@ -1,4 +1,4 @@
-import { defineComponent as ue, openBlock as d, createElementBlock as m, createStaticVNode as $s, ref as re, resolveComponent as se, normalizeClass as j, createBlock as de, renderSlot as Z, createTextVNode as Ct, toDisplayString as te, createElementVNode as g, createCommentVNode as C, withDirectives as ia, withKeys as Ae, vModelText as Ui, createVNode as pe, resolveDynamicComponent as ca, withCtx as be, getCurrentScope as Ii, onScopeDispose as Mi, unref as S, toRef as yn, readonly as el, customRef as tl, watch as Pt, h as Vi, computed as G, vModelDynamic as al, mergeProps as Ke, Fragment as Be, renderList as Ee, createSlots as ot, pushScopeId as so, popScopeId as lo, withScopeId as nl, Transition as Oa, vShow as fn, reactive as Fn, useSlots as Ua, onMounted as ht, nextTick as da, onUnmounted as uo, isRef as zo, normalizeProps as $e, guardReactiveProps as pt, Teleport as rl, render as jo, withModifiers as Le, normalizeStyle as kt, onBeforeUpdate as ol, useCssVars as il } from "vue";
+import { defineComponent as ue, openBlock as d, createElementBlock as m, createStaticVNode as $s, ref as re, resolveComponent as se, normalizeClass as z, createBlock as de, renderSlot as Z, createTextVNode as Ct, toDisplayString as te, createElementVNode as g, createCommentVNode as C, withDirectives as ia, withKeys as Ae, vModelText as Ui, createVNode as pe, resolveDynamicComponent as ca, withCtx as be, getCurrentScope as Ii, onScopeDispose as Mi, unref as S, toRef as yn, readonly as el, customRef as tl, watch as Pt, h as Vi, computed as G, vModelDynamic as al, mergeProps as Ke, Fragment as Be, renderList as Ee, createSlots as ot, pushScopeId as so, popScopeId as lo, withScopeId as nl, Transition as Oa, vShow as fn, reactive as Fn, useSlots as Ua, onMounted as ht, nextTick as da, onUnmounted as uo, isRef as zo, normalizeProps as $e, guardReactiveProps as pt, Teleport as rl, render as jo, withModifiers as Le, normalizeStyle as kt, onBeforeUpdate as ol, useCssVars as il } from "vue";
 const sl = ue({
   name: "FusionLoadingSpinner",
   props: {
@@ -149,7 +149,7 @@ function ml(e, t, a, r, n, o) {
     id: "fusion-btn",
     ref: "fusionButtonEl",
     disabled: e.isDisabled || e.isLoading,
-    class: j(["fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass, e.buttonHasIcon, e.isLoadingClass]]),
+    class: z(["fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass, e.buttonHasIcon, e.isLoadingClass]]),
     "data-test": e.dataTest,
     type: e.type,
     onFocus: t[0] || (t[0] = (s) => e.focus = !0),
@@ -324,20 +324,20 @@ function Ol(e, t, a, r, n, o) {
   }, [
     g("div", Cl, [
       g("label", {
-        class: j(["fusion-textarea label", e.stateClasses]),
+        class: z(["fusion-textarea label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
       }, te(e.label), 11, Pl),
       e.helperLabel ? (d(), m("div", {
         key: 0,
-        class: j(["fusion-textarea helper-label", e.stateClasses]),
+        class: z(["fusion-textarea helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, te(e.helperLabel), 3)) : C("", !0)
     ]),
     ia(g("textarea", {
       id: e.id,
       "onUpdate:modelValue": t[0] || (t[0] = (s) => e.inputValue = s),
-      class: j(["fusion-textarea field", [e.disabled, e.stateClasses]]),
+      class: z(["fusion-textarea field", [e.disabled, e.stateClasses]]),
       name: e.name,
       rows: e.rows,
       cols: e.cols,
@@ -359,18 +359,18 @@ function Ol(e, t, a, r, n, o) {
     ]),
     e.disabled ? C("", !0) : (d(), m("div", Fl, [
       g("div", {
-        class: j(e.errorLabel && e.showCharLength ? "fusion-textarea-error-wrapper" : "")
+        class: z(e.errorLabel && e.showCharLength ? "fusion-textarea-error-wrapper" : "")
       }, [
         e.errorLabel ? (d(), m("div", {
           key: 0,
-          class: j(["fusion-textarea error-label-wrapper", e.stateClasses])
+          class: z(["fusion-textarea error-label-wrapper", e.stateClasses])
         }, [
           pe(i, { "data-test": "error-icon" }),
           g("span", Dl, te(e.errorLabel), 1)
         ], 2)) : C("", !0),
         !e.disabled && e.showCharLength ? (d(), m("div", {
           key: 1,
-          class: j(["fusion-textarea text-count-label", !e.disabled && e.showCharLength ? "fusion-textarea-character-amount-wrapper" : ""]),
+          class: z(["fusion-textarea text-count-label", !e.disabled && e.showCharLength ? "fusion-textarea-character-amount-wrapper" : ""]),
           "data-test": "text-count-label"
         }, [
           g("span", Bl, te(e.inputValue.length), 1),
@@ -380,7 +380,7 @@ function Ol(e, t, a, r, n, o) {
     ]))
   ], 8, Sl);
 }
-const I3 = /* @__PURE__ */ me(wl, [["render", Ol], ["__scopeId", "data-v-012698c6"]]), Ul = ue({
+const U3 = /* @__PURE__ */ me(wl, [["render", Ol], ["__scopeId", "data-v-012698c6"]]), Ul = ue({
   name: "SVGTick"
 }), Il = {
   width: "20",
@@ -503,12 +503,12 @@ const Ql = ["data-test"], El = { class: "fusion-checkbox-input-wrapper" }, Rl =
 function Jl(e, t, a, r, n, o) {
   const i = se("SVGTick");
   return d(), m("label", {
-    class: j(["fusion-checkbox-wrapper", e.stateClasses]),
+    class: z(["fusion-checkbox-wrapper", e.stateClasses]),
     "data-test": e.dataTest
   }, [
     g("span", El, [
       g("input", {
-        class: j(["fusion-checkbox-input", e.stateClasses]),
+        class: z(["fusion-checkbox-input", e.stateClasses]),
         checked: e.defaultValue,
         disabled: e.disabled,
         type: "checkbox",
@@ -616,13 +616,13 @@ const Wl = ["data-test"], Kl = { class: "fusion-radio-input-container" }, Yl = [
 };
 function $l(e, t, a, r, n, o) {
   return d(), m("div", {
-    class: j(["fusion-radio-wrapper", e.stateClasses]),
+    class: z(["fusion-radio-wrapper", e.stateClasses]),
     "data-test": e.dataTest
   }, [
     g("div", Kl, [
       g("input", {
         id: e.id,
-        class: j(["fusion-radio input", e.stateClasses]),
+        class: z(["fusion-radio input", e.stateClasses]),
         type: "radio",
         name: e.name,
         required: e.required,
@@ -637,12 +637,12 @@ function $l(e, t, a, r, n, o) {
       }, null, 42, Yl)
     ]),
     g("div", {
-      class: j(["fusion-radio label-container", e.stateClasses])
+      class: z(["fusion-radio label-container", e.stateClasses])
     }, [
       g("div", Gl, [
         g("label", {
           id: `label-${e.id}`,
-          class: j(["fusion-radio label", e.stateClasses]),
+          class: z(["fusion-radio label", e.stateClasses]),
           for: e.id,
           "data-test": "label"
         }, te(e.label), 11, Zl),
@@ -725,7 +725,7 @@ const eu = /* @__PURE__ */ me(Xl, [["render", $l], ["__scopeId", "data-v-ee8a32d
 const au = ["data-test"];
 function nu(e, t, a, r, n, o) {
   return d(), m("span", {
-    class: j(["fusion-text-link-container", e.disabled ? "disabled" : ""]),
+    class: z(["fusion-text-link-container", e.disabled ? "disabled" : ""]),
     "data-test": e.dataTest
   }, [
     (d(), de(ca(e.elementType), {
@@ -733,7 +733,7 @@ function nu(e, t, a, r, n, o) {
       href: e.isButton ? null : e.href,
       target: e.isButton ? null : e.target,
       type: e.isButton ? "button" : null,
-      class: j(["fusion-text-link", [{ disabled: e.disabled }, e.variationClasses, e.sizeClasses, e.iconClasses, e.buttonClasses]]),
+      class: z(["fusion-text-link", [{ disabled: e.disabled }, e.variationClasses, e.sizeClasses, e.iconClasses, e.buttonClasses]]),
       tabindex: e.disabled ? -1 : e.tabIndex,
       "data-test": "link",
       onBlur: t[0] || (t[0] = (i) => e.$emit("input:blur", i)),
@@ -743,7 +743,7 @@ function nu(e, t, a, r, n, o) {
         Ct(te(e.label) + " ", 1),
         e.$slots.icon ? (d(), m("span", {
           key: 0,
-          class: j(["fusion-text-link-icon", e.size === "small" ? "small-icon" : "regular-icon"]),
+          class: z(["fusion-text-link-icon", e.size === "small" ? "small-icon" : "regular-icon"]),
           "data-test": "link-icon"
         }, [
           Z(e.$slots, "icon", {}, void 0, !0)
@@ -753,7 +753,7 @@ function nu(e, t, a, r, n, o) {
     }, 40, ["id", "href", "target", "type", "class", "tabindex"]))
   ], 10, au);
 }
-const M3 = /* @__PURE__ */ me(tu, [["render", nu], ["__scopeId", "data-v-83aa5bc6"]]);
+const I3 = /* @__PURE__ */ me(tu, [["render", nu], ["__scopeId", "data-v-83aa5bc6"]]);
 function ho(e) {
   return Ii() ? (Mi(e), !0) : !1;
 }
@@ -1184,19 +1184,19 @@ const Mu = ["data-test"], Vu = { class: "fusion-input-label-wrapper" }, Nu = ["f
 function qu(e, t, a, r, n, o) {
   const i = se("SVGExclamationTriangle");
   return d(), m("div", {
-    class: j(["fusion-input-container", e.stateClasses]),
+    class: z(["fusion-input-container", e.stateClasses]),
     "data-test": e.dataTest
   }, [
     g("div", Vu, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: j(["fusion-input label", e.stateClasses]),
+        class: z(["fusion-input label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
       }, te(e.label), 11, Nu)) : C("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: j(["fusion-input helper-label", e.stateClasses]),
+        class: z(["fusion-input helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, te(e.helperLabel), 3)) : C("", !0)
     ]),
@@ -1208,7 +1208,7 @@ function qu(e, t, a, r, n, o) {
         id: e.id,
         ref: "input",
         "onUpdate:modelValue": t[0] || (t[0] = (s) => e.inputValue = s),
-        class: j(["fusion-input field", e.stateClasses]),
+        class: z(["fusion-input field", e.stateClasses]),
         name: e.name,
         type: e.type,
         placeholder: e.placeholder,
@@ -1231,7 +1231,7 @@ function qu(e, t, a, r, n, o) {
     ]),
     e.errorLabel ? (d(), m("div", {
       key: 0,
-      class: j(["fusion-input error-wrapper", e.stateClasses])
+      class: z(["fusion-input error-wrapper", e.stateClasses])
     }, [
       pe(i, { "data-test": "error-icon" }),
       g("span", Ru, te(e.errorLabel), 1)
@@ -1782,19 +1782,19 @@ function Dd(e, t, a, r, n, o) {
     g("div", Ad, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: j(["fusion-select label", e.stateClasses]),
+        class: z(["fusion-select label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
       }, te(e.label), 11, wd)) : C("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: j(["fusion-select helper-label", e.stateClasses]),
+        class: z(["fusion-select helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, te(e.helperLabel), 3)) : C("", !0)
     ]),
     g("button", {
       id: e.id,
-      class: j(["fusion-select field", e.stateClasses]),
+      class: z(["fusion-select field", e.stateClasses]),
       "data-test": "select",
       tabindex: e.tabIndex,
       autofocus: e.autofocus,
@@ -1811,7 +1811,7 @@ function Dd(e, t, a, r, n, o) {
       g("span", Cd, [
         e.selected.label ? (d(), m("span", Td, te(e.selected.label), 1)) : (d(), m("span", Pd, te(e.placeholder), 1)),
         pe(i, {
-          class: j([[e.interactionStates.opened ? "open" : "", e.stateClasses], "fusion-select arrow-icon"])
+          class: z([[e.interactionStates.opened ? "open" : "", e.stateClasses], "fusion-select arrow-icon"])
         }, null, 8, ["class"])
       ])
     ], 42, Sd),
@@ -1832,14 +1832,14 @@ function Dd(e, t, a, r, n, o) {
     }, null, 8, ["select-id", "options", "search-text", "search-disabled", "search-placeholder", "search-loading", "search-error-title", "search-error-description", "selected", "onHandle:select", "onHandle:close"])) : C("", !0),
     e.errorLabel ? (d(), m("div", {
       key: 1,
-      class: j(["fusion-select error-wrapper", e.stateClasses])
+      class: z(["fusion-select error-wrapper", e.stateClasses])
     }, [
       pe(l, { "data-test": "error-icon" }),
       g("span", Fd, te(e.errorLabel), 1)
     ], 2)) : C("", !0)
   ], 8, kd);
 }
-const V3 = /* @__PURE__ */ me(bd, [["render", Dd], ["__scopeId", "data-v-728f74b0"]]), Bd = ue({
+const M3 = /* @__PURE__ */ me(bd, [["render", Dd], ["__scopeId", "data-v-728f74b0"]]), Bd = ue({
   name: "FusionPasswordInput",
   components: {
     FusionInput: yo,
@@ -1946,7 +1946,7 @@ function Ud(e, t, a, r, n, o) {
       placeholder: e.placeholder,
       autocomplete: e.autocomplete,
       required: e.required,
-      class: j(["fusion-password-input field", { disabled: e.disabled }]),
+      class: z(["fusion-password-input field", { disabled: e.disabled }]),
       "data-test": "password-input",
       disabled: e.disabled,
       label: e.label,
@@ -1979,7 +1979,7 @@ function Ud(e, t, a, r, n, o) {
     ]), 1032, ["id", "input", "type", "placeholder", "autocomplete", "required", "class", "disabled", "label", "helper-label", "name", "error-label", "onUpdate:input", "onBlur", "onFocus", "onKeydown"])
   ], 8, xd);
 }
-const N3 = /* @__PURE__ */ me(Bd, [["render", Ud], ["__scopeId", "data-v-0facf0fc"]]), An = {
+const V3 = /* @__PURE__ */ me(Bd, [["render", Ud], ["__scopeId", "data-v-0facf0fc"]]), An = {
   default: {
     code: "GB",
     dialCode: 44,
@@ -2661,7 +2661,7 @@ const jd = ["data-test"], Jd = {
 function Wd(e, t, a, r, n, o) {
   const i = se("CountryFlag"), s = se("SVGArrowDown");
   return d(), m("div", {
-    class: j(["country-selector-wrapper", { disabled: a.disabled }]),
+    class: z(["country-selector-wrapper", { disabled: a.disabled }]),
     "data-test": a.dataTest
   }, [
     g("div", Jd, [
@@ -2675,7 +2675,7 @@ function Wd(e, t, a, r, n, o) {
           class: "flag"
         }, null, 8, ["country"]),
         pe(s, {
-          class: j(["arrow-icon", { active: a.isOpen }])
+          class: z(["arrow-icon", { active: a.isOpen }])
         }, null, 8, ["class"])
       ]),
       g("div", Xd, "(+" + te(a.country.dialCode) + ")", 1)
@@ -2849,19 +2849,19 @@ function rc(e, t, a, r, n, o) {
     g("div", Zd, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: j(["fusion-phone-input label", e.stateClasses]),
+        class: z(["fusion-phone-input label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
       }, te(e.label), 11, _d)) : C("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: j(["fusion-phone-input helper-label", e.stateClasses]),
+        class: z(["fusion-phone-input helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, te(e.helperLabel), 3)) : C("", !0)
     ]),
     g("div", $d, [
       g("div", {
-        class: j(["field-wrapper", e.stateClasses])
+        class: z(["field-wrapper", e.stateClasses])
       }, [
         pe(i, {
           country: e.selectedCountryData,
@@ -2877,7 +2877,7 @@ function rc(e, t, a, r, n, o) {
           placeholder: e.placeholder || e.defaultPlaceholder,
           required: e.required,
           maxlength: "12",
-          class: j(["fusion-phone-input field", e.stateClasses]),
+          class: z(["fusion-phone-input field", e.stateClasses]),
           disabled: e.disabled || e.readonly,
           tabindex: e.tabIndex,
           autocomplete: e.autocomplete,
@@ -2918,7 +2918,7 @@ function rc(e, t, a, r, n, o) {
     ])) : C("", !0)
   ], 8, Gd);
 }
-const L3 = /* @__PURE__ */ me(Yd, [["render", rc], ["__scopeId", "data-v-aa7af1cf"]]), oc = ue({
+const N3 = /* @__PURE__ */ me(Yd, [["render", rc], ["__scopeId", "data-v-aa7af1cf"]]), oc = ue({
   name: "FusionRadioGroup",
   components: { SVGExclamationTriangle: Tt, FusionRadio: eu },
   props: {
@@ -2983,7 +2983,7 @@ function fc(e, t, a, r, n, o) {
     ])
   ]);
 }
-const Q3 = /* @__PURE__ */ me(oc, [["render", fc], ["__scopeId", "data-v-92546a39"]]), hc = ue({
+const L3 = /* @__PURE__ */ me(oc, [["render", fc], ["__scopeId", "data-v-92546a39"]]), hc = ue({
   name: "FusionCheckboxGroup",
   components: { SVGExclamationTriangle: Tt, FusionCheckbox: Ni },
   props: {
@@ -3042,7 +3042,7 @@ function wc(e, t, a, r, n, o) {
     ])
   ]);
 }
-const E3 = /* @__PURE__ */ me(hc, [["render", wc], ["__scopeId", "data-v-0961114b"]]), Sc = ue({
+const Q3 = /* @__PURE__ */ me(hc, [["render", wc], ["__scopeId", "data-v-0961114b"]]), Sc = ue({
   name: "SVGInformationCircle"
 }), Cc = {
   width: "24",
@@ -3254,7 +3254,7 @@ function jc(e, t, a, r, n, o) {
     id: "fusion-icon-btn",
     ref: "fusionIconButtonEl",
     disabled: e.isDisabled || e.isLoading,
-    class: j(["fusion-icon-button fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass]]),
+    class: z(["fusion-icon-button fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass]]),
     "data-test": e.dataTest,
     type: e.type,
     onFocus: t[0] || (t[0] = (s) => e.focus = !0),
@@ -3359,7 +3359,7 @@ function _c(e, t, a, r, n, o) {
   return d(), de(Oa, { name: "fade" }, {
     default: be(() => [
       ia(g("div", {
-        class: j(["fusion-banner", e.variantTypeClass]),
+        class: z(["fusion-banner", e.variantTypeClass]),
         role: "alert",
         "data-test": e.dataTest
       }, [
@@ -3410,7 +3410,7 @@ function _c(e, t, a, r, n, o) {
     _: 3
   });
 }
-const R3 = /* @__PURE__ */ me(Jc, [["render", _c], ["__scopeId", "data-v-ef671afd"]]);
+const E3 = /* @__PURE__ */ me(Jc, [["render", _c], ["__scopeId", "data-v-ef671afd"]]);
 function Ft(e) {
   "@babel/helpers - typeof";
   return Ft = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
@@ -4788,7 +4788,7 @@ function sa(e, t, a) {
   var A = ke(e);
   if (!hn(A))
     throw new RangeError("Invalid time value");
-  var U = Xn(A), z = Gi(A, U), ae = {
+  var U = Xn(A), j = Gi(A, U), ae = {
     firstWeekContainsDate: ce,
     weekStartsOn: K,
     locale: I,
@@ -4808,7 +4808,7 @@ function sa(e, t, a) {
       return hf(b);
     var x = bp[M];
     if (x)
-      return !(a != null && a.useAdditionalWeekYearTokens) && as(b) && Wn(b, t, String(e)), !(a != null && a.useAdditionalDayOfYearTokens) && ts(b) && Wn(b, t, String(e)), x(z, b, I.localize, ae);
+      return !(a != null && a.useAdditionalWeekYearTokens) && as(b) && Wn(b, t, String(e)), !(a != null && a.useAdditionalDayOfYearTokens) && ts(b) && Wn(b, t, String(e)), x(j, b, I.localize, ae);
     if (M.match(ff))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + M + "`");
     return b;
@@ -6708,7 +6708,7 @@ function Jr(e, t, a, r) {
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (I === "")
     return L === "" ? ke(a) : /* @__PURE__ */ new Date(NaN);
-  var z = {
+  var j = {
     firstWeekContainsDate: A,
     weekStartsOn: U,
     locale: K
@@ -6739,7 +6739,7 @@ function Jr(e, t, a, r) {
           token: we,
           fullToken: W
         });
-        var De = ye.run(L, W, K.match, z);
+        var De = ye.run(L, W, K.match, j);
         if (!De)
           return {
             v: /* @__PURE__ */ new Date(NaN)
@@ -6789,9 +6789,9 @@ function Jr(e, t, a, r) {
   try {
     for (oe.s(); !(V = oe.n()).done; ) {
       var y = V.value;
-      if (!y.validate(E, z))
+      if (!y.validate(E, j))
         return /* @__PURE__ */ new Date(NaN);
-      var ve = y.set(E, _, z);
+      var ve = y.set(E, _, j);
       Array.isArray(ve) ? (E = ve[0], mf(_, ve[1])) : E = ve;
     }
   } catch (ge) {
@@ -8032,7 +8032,7 @@ const pm = (e, t, a) => {
   }, U = () => {
     const u = (B) => sa(B, n.value.format);
     return `${u(r.value[0])} ${n.value.rangeSeparator} ${r.value[1] ? u(r.value[1]) : ""}`;
-  }, z = () => a.value && r.value ? Array.isArray(r.value) ? U() : sa(r.value, n.value.format) : c(r.value), ae = () => r.value ? t.multiDates ? r.value.map((u) => c(u)).join("; ") : n.value.enabled && typeof n.value.format == "string" ? z() : c(r.value) : "", Q = () => {
+  }, j = () => a.value && r.value ? Array.isArray(r.value) ? U() : sa(r.value, n.value.format) : c(r.value), ae = () => r.value ? t.multiDates ? r.value.map((u) => c(u)).join("; ") : n.value.enabled && typeof n.value.format == "string" ? j() : c(r.value) : "", Q = () => {
     !t.format || typeof t.format == "string" || n.value.enabled && typeof n.value.format == "string" ? i.value = ae() : i.value = t.format(r.value);
   }, b = (u) => {
     if (t.utc) {
@@ -8170,14 +8170,14 @@ const qm = ({
     const b = _e(a);
     if (b)
       return i.autoPosition ? A(b) : L(b);
-  }, z = function(b) {
+  }, j = function(b) {
     if (b) {
       const M = b.scrollHeight > b.clientHeight, x = window.getComputedStyle(b).overflowY.indexOf("hidden") !== -1;
       return M && !x;
     }
     return !0;
   }, ae = function(b) {
-    return !b || b === document.body || b.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? window : z(b) ? b : ae(b.parentNode);
+    return !b || b === document.body || b.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? window : j(b) ? b : ae(b.parentNode);
   }, Q = (b) => {
     if (b)
       switch (i.position) {
@@ -8355,7 +8355,7 @@ const qm = ({
   }, A = (v) => {
     var u;
     return typeof r.value == "function" ? r.value(v.value) : (u = r.value.weekdays) == null ? void 0 : u.includes(v.value.getDay());
-  }, U = (v) => (t.range || t.weekPicker) && (!(a.value.count > 0) || v.current) && N() && !(!v.current && t.hideOffsetDates) && !O(v) ? H(v) : !1, z = (v) => {
+  }, U = (v) => (t.range || t.weekPicker) && (!(a.value.count > 0) || v.current) && N() && !(!v.current && t.hideOffsetDates) && !O(v) ? H(v) : !1, j = (v) => {
     const { isRangeStart: u, isRangeEnd: B } = b(v), E = t.range ? u || B : !1;
     return {
       dp__cell_offset: !v.current,
@@ -8394,7 +8394,7 @@ const qm = ({
     setHoverDate: l,
     clearHoverDate: p,
     getDayClassData: (v) => t.hideOffsetDates && !v.current ? {} : {
-      ...z(v),
+      ...j(v),
       ...J(v),
       [t.dayClass ? t.dayClass(v.value) : ""]: !0,
       [t.calendarCellClassName]: !!t.calendarCellClassName
@@ -8407,27 +8407,27 @@ const qm = ({
     if (e.utc)
       return "UTC";
   }, n = (A) => {
-    const U = ft(o(X(A))).toISOString(), [z] = U.split("T");
-    return z;
+    const U = ft(o(X(A))).toISOString(), [j] = U.split("T");
+    return j;
   }, o = (A) => e.utc === "preserve" ? ws(A, r()) : Mt(A, r()), i = (A) => {
     var U;
-    const z = e.maxDate ? it(A, o(X(e.maxDate))) : !1, ae = e.minDate ? rt(A, o(X(e.minDate))) : !1, Q = c(
+    const j = e.maxDate ? it(A, o(X(e.maxDate))) : !1, ae = e.minDate ? rt(A, o(X(e.minDate))) : !1, Q = c(
       o(A),
       (U = e.arrMapValues) != null && U.disabledDates ? e.arrMapValues.disabledDates : e.disabledDates
     ), b = t.value.months.map((u) => +u).includes(Me(A)), M = e.disabledWeekDays.length ? e.disabledWeekDays.some((u) => +u === vf(A)) : !1, x = h(A), J = xe(A), v = J < +e.yearRange[0] || J > +e.yearRange[1];
-    return !(z || ae || Q || b || v || M || x);
-  }, s = (A, U) => rt(...oa(e.minDate, A, U)) || Qe(...oa(e.minDate, A, U)), l = (A, U) => it(...oa(e.maxDate, A, U)) || Qe(...oa(e.maxDate, A, U)), p = (A, U, z) => {
+    return !(j || ae || Q || b || v || M || x);
+  }, s = (A, U) => rt(...oa(e.minDate, A, U)) || Qe(...oa(e.minDate, A, U)), l = (A, U) => it(...oa(e.maxDate, A, U)) || Qe(...oa(e.maxDate, A, U)), p = (A, U, j) => {
     let ae = !1;
-    return e.maxDate && z && l(A, U) && (ae = !0), e.minDate && !z && s(A, U) && (ae = !0), ae;
-  }, c = (A, U) => A ? U instanceof Map ? !!U.get(n(A)) : Array.isArray(U) ? U.some((z) => Qe(o(X(z)), A)) : U ? U(X(JSON.parse(JSON.stringify(A)))) : !1 : !0, f = (A, U, z, ae) => {
+    return e.maxDate && j && l(A, U) && (ae = !0), e.minDate && !j && s(A, U) && (ae = !0), ae;
+  }, c = (A, U) => A ? U instanceof Map ? !!U.get(n(A)) : Array.isArray(U) ? U.some((j) => Qe(o(X(j)), A)) : U ? U(X(JSON.parse(JSON.stringify(A)))) : !1 : !0, f = (A, U, j, ae) => {
     let Q = !1;
-    return ae ? e.minDate && e.maxDate ? Q = p(A, U, z) : (e.minDate && s(A, U) || e.maxDate && l(A, U)) && (Q = !0) : Q = !0, Q;
+    return ae ? e.minDate && e.maxDate ? Q = p(A, U, j) : (e.minDate && s(A, U) || e.maxDate && l(A, U)) && (Q = !0) : Q = !0, Q;
   }, h = (A) => {
-    var U, z, ae, Q, b;
-    return Array.isArray(e.allowedDates) && !((U = e.allowedDates) != null && U.length) ? !0 : (z = e.arrMapValues) != null && z.allowedDates ? !c(A, (ae = e.arrMapValues) == null ? void 0 : ae.allowedDates) : (Q = e.allowedDates) != null && Q.length ? !((b = e.allowedDates) != null && b.some((M) => Qe(o(X(M)), o(A)))) : !1;
-  }, k = (A) => !i(A), w = (A) => e.noDisabledRange ? !Yi({ start: A[0], end: A[1] }).some((U) => k(U)) : !0, O = (A, U, z = 0) => {
-    if (Array.isArray(U) && U[z]) {
-      const ae = rp(A, U[z]), Q = Ss(U[z], A), b = Q.length === 1 ? 0 : Q.filter((x) => k(x)).length, M = Math.abs(ae) - b;
+    var U, j, ae, Q, b;
+    return Array.isArray(e.allowedDates) && !((U = e.allowedDates) != null && U.length) ? !0 : (j = e.arrMapValues) != null && j.allowedDates ? !c(A, (ae = e.arrMapValues) == null ? void 0 : ae.allowedDates) : (Q = e.allowedDates) != null && Q.length ? !((b = e.allowedDates) != null && b.some((M) => Qe(o(X(M)), o(A)))) : !1;
+  }, k = (A) => !i(A), w = (A) => e.noDisabledRange ? !Yi({ start: A[0], end: A[1] }).some((U) => k(U)) : !0, O = (A, U, j = 0) => {
+    if (Array.isArray(U) && U[j]) {
+      const ae = rp(A, U[j]), Q = Ss(U[j], A), b = Q.length === 1 ? 0 : Q.filter((x) => k(x)).length, M = Math.abs(ae) - b;
       if (e.minRange && e.maxRange)
         return M >= +e.minRange && M <= +e.maxRange;
       if (e.minRange)
@@ -8443,16 +8443,16 @@ const qm = ({
       highlightedDates: null
     };
     return T(e.allowedDates) && (A.allowedDates = q(e.allowedDates)), typeof a.value != "function" && T(a.value.dates) && (A.highlightedDates = q(a.value.dates)), T(e.disabledDates) && (A.disabledDates = q(e.disabledDates)), A;
-  }, H = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, D = (A) => Array.isArray(A) ? [A[0] ? Sr(A[0]) : null, A[1] ? Sr(A[1]) : null] : Sr(A), N = (A, U, z) => A.find(
+  }, H = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, D = (A) => Array.isArray(A) ? [A[0] ? Sr(A[0]) : null, A[1] ? Sr(A[1]) : null] : Sr(A), N = (A, U, j) => A.find(
     (ae) => +ae.hours === It(U) && ae.minutes === "*" ? !0 : +ae.minutes === qt(U) && +ae.hours === It(U)
-  ) && z, L = (A, U, z) => {
+  ) && j, L = (A, U, j) => {
     const [ae, Q] = A, [b, M] = U;
-    return !N(ae, b, z) && !N(Q, M, z) && z;
+    return !N(ae, b, j) && !N(Q, M, j) && j;
   }, I = (A, U) => {
-    const z = Array.isArray(U) ? U : [U];
-    return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? L(e.disabledTimes, z, A) : !z.some((ae) => N(e.disabledTimes, ae, A)) : A;
+    const j = Array.isArray(U) ? U : [U];
+    return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? L(e.disabledTimes, j, A) : !j.some((ae) => N(e.disabledTimes, ae, A)) : A;
   }, ce = (A, U) => {
-    const z = Array.isArray(U) ? [Ta(U[0]), U[1] ? Ta(U[1]) : void 0] : Ta(U), ae = !e.disabledTimes(z);
+    const j = Array.isArray(U) ? [Ta(U[0]), U[1] ? Ta(U[1]) : void 0] : Ta(U), ae = !e.disabledTimes(j);
     return A && ae;
   }, K = (A, U) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? I(U, A) : ce(U, A) : U;
   return {
@@ -8467,18 +8467,18 @@ const qm = ({
       let U = !0;
       if (!A || H())
         return !0;
-      const z = !e.minDate && !e.maxDate ? D(A) : A;
+      const j = !e.minDate && !e.maxDate ? D(A) : A;
       return (e.maxTime || e.maxDate) && (U = hi(
         e.maxTime,
         e.maxDate,
         "max",
-        et(z),
+        et(j),
         U
       )), (e.minTime || e.minDate) && (U = hi(
         e.minTime,
         e.minDate,
         "min",
-        et(z),
+        et(j),
         U
       )), K(A, U);
     }
@@ -8742,7 +8742,7 @@ const qm = ({
       Q.preventDefault(), la(Q, l.value, !0), o.value.enabled && o.value.openMenu && !s.value.input && !n.isMenuOpen ? r("open") : o.value.enabled || r("toggle");
     }, U = () => {
       r("real-blur"), w.value = !1, (!n.isMenuOpen || s.value.enabled && s.value.input) && r("blur"), n.autoApply && o.value.enabled && h.value && !n.isMenuOpen && (r("set-input-date", h.value), r("select-date"), h.value = null);
-    }, z = (Q) => {
+    }, j = (Q) => {
       la(Q, l.value, !0), r("clear");
     }, ae = (Q) => {
       if (!o.value.enabled) {
@@ -8771,7 +8771,7 @@ const qm = ({
             onInput: L,
             onEnter: I,
             onTab: ce,
-            onClear: z,
+            onClear: j,
             onBlur: U,
             onKeypress: ae,
             onPaste: D
@@ -8782,7 +8782,7 @@ const qm = ({
             ref_key: "inputRef",
             ref: k,
             name: Q.name,
-            class: j(q.value),
+            class: z(q.value),
             inputmode: S(o).enabled ? "text" : "none",
             placeholder: Q.placeholder,
             disabled: Q.disabled,
@@ -8821,12 +8821,12 @@ const qm = ({
             })) : C("", !0)
           ]),
           Q.$slots["clear-icon"] && e.inputValue && Q.clearable && !Q.disabled && !Q.readonly ? (d(), m("span", Km, [
-            Z(Q.$slots, "clear-icon", { clear: z })
+            Z(Q.$slots, "clear-icon", { clear: j })
           ])) : C("", !0),
           Q.clearable && !Q.$slots["clear-icon"] && e.inputValue && !Q.disabled && !Q.readonly ? (d(), de(S(hs), {
             key: 3,
             class: "dp__clear_icon dp__input_icons",
-            onClick: b[3] || (b[3] = Le((x) => z(x), ["prevent"]))
+            onClick: b[3] || (b[3] = Le((x) => j(x), ["prevent"]))
           })) : C("", !0)
         ])) : C("", !0)
       ]);
@@ -8874,18 +8874,18 @@ const qm = ({
       if (!r.monthPicker)
         return !0;
       let U = !0;
-      const z = X(Ot(A));
+      const j = X(Ot(A));
       if (r.minDate && r.maxDate) {
         const ae = X(Ot(r.minDate)), Q = X(Ot(r.maxDate));
-        return it(z, ae) && rt(z, Q) || Qe(z, ae) || Qe(z, Q);
+        return it(j, ae) && rt(j, Q) || Qe(j, ae) || Qe(j, Q);
       }
       if (r.minDate) {
         const ae = X(Ot(r.minDate));
-        U = it(z, ae) || Qe(z, ae);
+        U = it(j, ae) || Qe(j, ae);
       }
       if (r.maxDate) {
         const ae = X(Ot(r.maxDate));
-        U = rt(z, ae) || Qe(z, ae);
+        U = rt(j, ae) || Qe(j, ae);
       }
       return U;
     }, K = () => {
@@ -8926,10 +8926,10 @@ const qm = ({
               ref: h,
               type: "button",
               class: "dp__action_button dp__action_cancel",
-              onClick: U[0] || (U[0] = (z) => A.$emit("close-picker")),
+              onClick: U[0] || (U[0] = (j) => A.$emit("close-picker")),
               onKeydown: [
-                U[1] || (U[1] = Ae((z) => A.$emit("close-picker"), ["enter"])),
-                U[2] || (U[2] = Ae((z) => A.$emit("close-picker"), ["space"]))
+                U[1] || (U[1] = Ae((j) => A.$emit("close-picker"), ["enter"])),
+                U[2] || (U[2] = Ae((j) => A.$emit("close-picker"), ["space"]))
               ]
             }, te(A.cancelText), 545)) : C("", !0),
             S(n).showNow ? (d(), m("button", {
@@ -8938,10 +8938,10 @@ const qm = ({
               ref: h,
               type: "button",
               class: "dp__action_button dp__action_cancel",
-              onClick: U[3] || (U[3] = (z) => A.$emit("select-now")),
+              onClick: U[3] || (U[3] = (j) => A.$emit("select-now")),
               onKeydown: [
-                U[4] || (U[4] = Ae((z) => A.$emit("select-now"), ["enter"])),
-                U[5] || (U[5] = Ae((z) => A.$emit("select-now"), ["space"]))
+                U[4] || (U[4] = Ae((j) => A.$emit("select-now"), ["enter"])),
+                U[5] || (U[5] = Ae((j) => A.$emit("select-now"), ["space"]))
               ]
             }, te(A.nowButtonLabel), 545)) : C("", !0),
             S(n).showSelect ? (d(), m("button", {
@@ -9033,7 +9033,7 @@ const qm = ({
         const v = _e(k), u = _e(w), B = _e(T), E = _e(H), _ = B ? B.getBoundingClientRect().height : 0;
         u && (u.getBoundingClientRect().height ? F.value = u.getBoundingClientRect().height - _ : F.value = c.value.modeHeight - _), v && E && (E.scrollTop = v.offsetTop - E.offsetTop - (F.value / 2 - v.getBoundingClientRect().height) - _);
       });
-    }, z = (v) => {
+    }, j = (v) => {
       v.disabled || i("selected", v.value);
     }, ae = () => {
       i("toggle"), i("reset-flow");
@@ -9055,7 +9055,7 @@ const qm = ({
       return d(), m("div", {
         ref_key: "gridWrapRef",
         ref: w,
-        class: j(L.value),
+        class: z(L.value),
         style: kt(I.value),
         role: "dialog",
         tabindex: "0",
@@ -9070,7 +9070,7 @@ const qm = ({
         g("div", {
           ref_key: "containerRef",
           ref: H,
-          class: j(A.value),
+          class: z(A.value),
           role: "grid",
           style: kt({ height: `${F.value}px` })
         }, [
@@ -9079,7 +9079,7 @@ const qm = ({
           ]),
           v.$slots.overlay ? Z(v.$slots, "overlay", { key: 0 }) : (d(!0), m(Be, { key: 1 }, Ee(v.items, (E, _) => (d(), m("div", {
             key: _,
-            class: j(["dp__overlay_row", { dp__flex_row: v.items.length >= 3 }]),
+            class: z(["dp__overlay_row", { dp__flex_row: v.items.length >= 3 }]),
             role: "row"
           }, [
             (d(!0), m(Be, null, Ee(E, (oe, V) => (d(), m("div", {
@@ -9087,19 +9087,19 @@ const qm = ({
               ref_for: !0,
               ref: (y) => b(y, oe, _, V),
               role: "gridcell",
-              class: j(ce.value),
+              class: z(ce.value),
               "aria-selected": oe.active,
               "aria-disabled": oe.disabled || void 0,
               tabindex: "0",
-              onClick: (y) => z(oe),
+              onClick: (y) => j(oe),
               onKeydown: [
-                Ae(Le((y) => z(oe), ["prevent"]), ["enter"]),
-                Ae(Le((y) => z(oe), ["prevent"]), ["space"])
+                Ae(Le((y) => j(oe), ["prevent"]), ["enter"]),
+                Ae(Le((y) => j(oe), ["prevent"]), ["space"])
               ],
               onMouseover: (y) => J(oe.value)
             }, [
               g("div", {
-                class: j(oe.className)
+                class: z(oe.className)
               }, [
                 v.$slots.item ? Z(v.$slots, "item", {
                   key: 0,
@@ -9118,7 +9118,7 @@ const qm = ({
           ref: T,
           type: "button",
           "aria-label": (B = S(l)) == null ? void 0 : B.toggleOverlay,
-          class: j(K.value),
+          class: z(K.value),
           tabindex: "0",
           onClick: ae,
           onKeydown: [
@@ -9146,7 +9146,7 @@ const qm = ({
       dp__instance_calendar: t.multiCalendars > 0
     }));
     return (n, o) => (d(), m("div", {
-      class: j({
+      class: z({
         dp__menu_inner: !n.stretch,
         "dp--menu--inner-stretched": n.stretch,
         dp__flex_display: n.multiCalendars > 0
@@ -9154,7 +9154,7 @@ const qm = ({
     }, [
       (d(!0), m(Be, null, Ee(a.value, (i, s) => (d(), m("div", {
         key: i,
-        class: j(r.value)
+        class: z(r.value)
       }, [
         Z(n.$slots, "default", {
           instance: i,
@@ -9190,7 +9190,7 @@ const qm = ({
       ]
     }, [
       g("span", {
-        class: j(["dp__inner_nav", { dp__inner_nav_disabled: n.disabled }])
+        class: z(["dp__inner_nav", { dp__inner_nav_disabled: n.disabled }])
       }, [
         Z(n.$slots, "default")
       ], 2)
@@ -9426,12 +9426,12 @@ const qm = ({
   })), A = (x, J) => ta(Ot(X()), x, l.value(J)), U = (x, J) => {
     const v = s.value ? s.value : Ot(/* @__PURE__ */ new Date());
     s.value = ta(v, x, l.value(J)), t("auto-apply");
-  }, z = (x, J) => {
+  }, j = (x, J) => {
     const v = Ro(s, A(x, J), t);
     tr(v, t, e.autoApply, e.modelAuto);
   }, ae = (x, J) => {
     Eo(A(x, J), s, e.multiDatesLimit), t("auto-apply", !0);
-  }, Q = (x, J) => (c.value[J].month = x, M(J, c.value[J].year, x), e.multiDates ? ae(x, J) : e.range ? z(x, J) : U(x, J)), b = (x, J) => {
+  }, Q = (x, J) => (c.value[J].month = x, M(J, c.value[J].year, x), e.multiDates ? ae(x, J) : e.range ? j(x, J) : U(x, J)), b = (x, J) => {
     k(x, J), M(J, x, null);
   }, M = (x, J, v) => {
     let u = v;
@@ -9547,8 +9547,8 @@ const qm = ({
             }), ot({ _: 2 }, [
               Ee(S(o), (A, U) => ({
                 name: A,
-                fn: be((z) => [
-                  Z(I.$slots, A, $e(pt(z)))
+                fn: be((j) => [
+                  Z(I.$slots, A, $e(pt(j)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -9694,7 +9694,7 @@ const qm = ({
     ), U = G(() => {
       const y = [{ type: "hours" }, { type: "", separator: !0 }, { type: "minutes" }];
       return n.enableSeconds ? y.concat([{ type: "", separator: !0 }, { type: "seconds" }]) : y;
-    }), z = G(() => U.value.filter((y) => !y.separator)), ae = G(() => (y) => {
+    }), j = G(() => U.value.filter((y) => !y.separator)), ae = G(() => (y) => {
       if (y === "hours") {
         const ve = B(+n.hours);
         return { text: ve < 10 ? `0${ve}` : `${ve}`, value: ve };
@@ -9743,7 +9743,7 @@ const qm = ({
           var ye, R, ee;
           return d(), m("div", {
             key: we,
-            class: j(A.value)
+            class: z(A.value)
           }, [
             W.separator ? (d(), m(Be, { key: 0 }, [
               Ct(" : ")
@@ -9752,7 +9752,7 @@ const qm = ({
                 ref_for: !0,
                 ref: (De) => oe(De, we, 0),
                 type: "button",
-                class: j({
+                class: z({
                   dp__btn: !0,
                   dp__inc_dec_button: !y.timePickerInline,
                   dp__inc_dec_button_inline: y.timePickerInline,
@@ -9780,7 +9780,7 @@ const qm = ({
                 ref: (De) => oe(De, we, 1),
                 type: "button",
                 "aria-label": (R = S(s)) == null ? void 0 : R.openTpOverlay(W.type),
-                class: j({
+                class: z({
                   dp__time_display: !0,
                   dp__time_display_block: !y.timePickerInline,
                   dp__time_display_inline: y.timePickerInline,
@@ -9808,7 +9808,7 @@ const qm = ({
                 ref_for: !0,
                 ref: (De) => oe(De, we, 2),
                 type: "button",
-                class: j({
+                class: z({
                   dp__btn: !0,
                   dp__inc_dec_button: !y.timePickerInline,
                   dp__inc_dec_button_inline: y.timePickerInline,
@@ -9856,7 +9856,7 @@ const qm = ({
             ]
           }, te(w.value), 41, kv))
         ])),
-        (d(!0), m(Be, null, Ee(z.value, (W, we) => (d(), de(Oa, {
+        (d(!0), m(Be, null, Ee(j.value, (W, we) => (d(), de(Oa, {
           key: we,
           name: S(f)(k[W.type]),
           css: S(h)
@@ -9951,7 +9951,7 @@ const qm = ({
       dp__button_bottom: n.autoApply && !f.value.keepActionRow
     })), K = At(s, "timePicker"), A = (b, M, x) => n.range ? M === 0 ? [b, L.value[1][x]] : [L.value[0][x], b] : b, U = (b) => {
       r("update:hours", b);
-    }, z = (b) => {
+    }, j = (b) => {
       r("update:minutes", b);
     }, ae = (b) => {
       r("update:seconds", b);
@@ -9969,7 +9969,7 @@ const qm = ({
           ref_key: "openTimePickerBtn",
           ref: O,
           type: "button",
-          class: j(ce.value),
+          class: z(ce.value),
           "aria-label": (x = S(p)) == null ? void 0 : x.openTimePicker,
           tabindex: b.noOverlayFocus ? void 0 : 0,
           onKeydown: [
@@ -9994,7 +9994,7 @@ const qm = ({
                 key: 0,
                 ref_key: "overlayRef",
                 ref: F,
-                class: j({
+                class: z({
                   dp__overlay: !b.timePickerInline,
                   "dp--overlay-absolute": !n.timePicker && !b.timePickerInline,
                   "dp--overlay-relative": n.timePicker
@@ -10003,7 +10003,7 @@ const qm = ({
                 tabindex: b.timePickerInline ? void 0 : 0
               }, [
                 g("div", {
-                  class: j(
+                  class: z(
                     b.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
                   ),
                   style: { display: "flex" }
@@ -10014,12 +10014,12 @@ const qm = ({
                     minutes: e.minutes,
                     seconds: e.seconds,
                     setHours: U,
-                    setMinutes: z,
+                    setMinutes: j,
                     setSeconds: ae
                   }) : C("", !0),
                   b.$slots["time-picker-overlay"] ? C("", !0) : (d(), m("div", {
                     key: 1,
-                    class: j(b.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
+                    class: z(b.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
                     (d(!0), m(Be, null, Ee(L.value, (v, u) => ia((d(), de(Av, Ke({ key: u }, {
                       ...b.$props,
@@ -10036,7 +10036,7 @@ const qm = ({
                       ref: T,
                       "validate-time": (B, E) => e.validateTime(B, A(E, u, B)),
                       "onUpdate:hours": (B) => U(A(B, u, "hours")),
-                      "onUpdate:minutes": (B) => z(A(B, u, "minutes")),
+                      "onUpdate:minutes": (B) => j(A(B, u, "minutes")),
                       "onUpdate:seconds": (B) => ae(A(B, u, "seconds")),
                       onMounted: Q,
                       onOverlayClosed: Q,
@@ -10057,7 +10057,7 @@ const qm = ({
                     ref_key: "closeTimePickerBtn",
                     ref: q,
                     type: "button",
-                    class: j(ce.value),
+                    class: z(ce.value),
                     "aria-label": (J = S(p)) == null ? void 0 : J.closeTimePicker,
                     tabindex: "0",
                     onKeydown: [
@@ -10277,7 +10277,7 @@ const qm = ({
         As(n.year, n.maxDate)
       ) || l.value.months.includes(u.value), _ = Fs(c.value, u.value, n.year);
       return { active: B, disabled: E, highlighted: _ };
-    })), z = G(() => qa(n.years, (u) => {
+    })), j = G(() => qa(n.years, (u) => {
       const B = n.year === u.value, E = Pn(u.value, Ha(n.minDate), Ha(n.maxDate)) || l.value.years.includes(u.value), _ = Qo(c.value, u.value);
       return { active: B, disabled: E, highlighted: _ };
     })), ae = (u, B) => {
@@ -10312,7 +10312,7 @@ const qm = ({
           updateModelValue: (E) => ce.value = E,
           text: n.year,
           showSelectionGrid: D.value,
-          items: z.value,
+          items: j.value,
           ariaLabel: (B = i.value) == null ? void 0 : B.openYearsOverlay
         }
       ];
@@ -10339,7 +10339,7 @@ const qm = ({
             _: 3
           }, 8, ["aria-label", "disabled"])) : C("", !0),
           g("div", {
-            class: j(["dp__month_year_wrap", {
+            class: z(["dp__month_year_wrap", {
               dp__year_disable_select: u.disableYearSelect
             }])
           }, [
@@ -10524,7 +10524,7 @@ const qm = ({
     }), A = G(() => (V) => Qe(V, f.value)), U = G(() => ({
       dp__calendar: !0,
       dp__calendar_next: p.value.count > 0 && n.instance !== 0
-    })), z = G(() => (V) => n.hideOffsetDates ? V.current : !0), ae = async (V, y, ve) => {
+    })), j = G(() => (V) => n.hideOffsetDates ? V.current : !0), ae = async (V, y, ve) => {
       var ge, W;
       if (r("set-hover-date", V), (W = (ge = V.marker) == null ? void 0 : ge.tooltip) != null && W.length) {
         const we = _e(k.value[y][ve]);
@@ -10569,13 +10569,13 @@ const qm = ({
     return t({ triggerTransition: I }), (V, y) => {
       var ve;
       return d(), m("div", {
-        class: j(U.value)
+        class: z(U.value)
       }, [
         g("div", {
           ref_key: "calendarWrapRef",
           ref: w,
           role: "grid",
-          class: j(ce.value),
+          class: z(ce.value),
           "aria-label": (ve = S(l)) == null ? void 0 : ve.calendarWrap
         }, [
           (d(), m(Be, { key: 0 }, [
@@ -10640,9 +10640,9 @@ const qm = ({
                           onMouseleave: (qe) => Q(ye)
                         }, [
                           g("div", {
-                            class: j(["dp__cell_inner", ye.classData])
+                            class: z(["dp__cell_inner", ye.classData])
                           }, [
-                            V.$slots.day && z.value(ye) ? Z(V.$slots, "day", {
+                            V.$slots.day && j.value(ye) ? Z(V.$slots, "day", {
                               key: 0,
                               day: +ye.text,
                               date: ye.value
@@ -10650,7 +10650,7 @@ const qm = ({
                             V.$slots.day ? C("", !0) : (d(), m(Be, { key: 1 }, [
                               Ct(te(ye.text), 1)
                             ], 64)),
-                            ye.marker && z.value(ye) ? (d(), m(Be, { key: 2 }, [
+                            ye.marker && j.value(ye) ? (d(), m(Be, { key: 2 }, [
                               V.$slots.marker ? Z(V.$slots, "marker", {
                                 key: 0,
                                 marker: ye.marker,
@@ -10658,7 +10658,7 @@ const qm = ({
                                 date: ye.value
                               }) : (d(), m("div", {
                                 key: 1,
-                                class: j(K.value(ye.marker)),
+                                class: z(K.value(ye.marker)),
                                 style: kt(ye.marker.color ? { backgroundColor: ye.marker.color } : {})
                               }, null, 6))
                             ], 64)) : C("", !0),
@@ -10735,7 +10735,7 @@ const qm = ({
     e.autoApply && ce.value && t("auto-apply", e.partialFlow);
   }, A = (P = !1) => {
     if (o.value)
-      return Array.isArray(o.value) ? (n.value = o.value, M(P)) : z(o.value, P);
+      return Array.isArray(o.value) ? (n.value = o.value, M(P)) : j(o.value, P);
     if (l.value.count && P && !e.startDate)
       return U(X(), P);
   }, U = (P, Y = !1) => {
@@ -10744,7 +10744,7 @@ const qm = ({
         const Oe = Je(X(), { month: D.value(Ce - 1), year: N.value(Ce - 1) }), $ = Wi(Oe, { months: 1 });
         i.value[Ce] = { month: Me($), year: xe($) };
       }
-  }, z = (P, Y) => {
+  }, j = (P, Y) => {
     U(P), q("hours", It(P)), q("minutes", qt(P)), q("seconds", Ea(P)), l.value.count && Y && v();
   }, ae = (P) => {
     if (l.value.count) {
@@ -10766,7 +10766,7 @@ const qm = ({
       return Q(P, Y);
     if (e.multiDates && Y) {
       const Ce = P[P.length - 1];
-      return z(Ce, Y);
+      return j(Ce, Y);
     }
   }, M = (P) => {
     const Y = o.value;
@@ -10987,7 +10987,7 @@ const qm = ({
       presetDate: H,
       selectCurrentDate: D,
       updateTime: N
-    } = Rv(n, r, v, u), L = Ua(), { setHoverDate: I, getDayClassData: ce, clearHoverDate: K } = jm(l, n), { defaultedMultiCalendars: A } = Ze(n), U = re([]), z = re([]), ae = re(null), Q = At(L, "calendar"), b = At(L, "monthYear"), M = At(L, "timePicker"), x = (E) => {
+    } = Rv(n, r, v, u), L = Ua(), { setHoverDate: I, getDayClassData: ce, clearHoverDate: K } = jm(l, n), { defaultedMultiCalendars: A } = Ze(n), U = re([]), j = re([]), ae = re(null), Q = At(L, "calendar"), b = At(L, "monthYear"), M = At(L, "timePicker"), x = (E) => {
       n.shadow || r("mount", E);
     };
     Pt(
@@ -11005,7 +11005,7 @@ const qm = ({
     })));
     function v(E) {
       var _;
-      E || E === 0 ? (_ = z.value[E]) == null || _.triggerTransition(i.value(E), s.value(E)) : z.value.forEach((oe, V) => oe.triggerTransition(i.value(V), s.value(V)));
+      E || E === 0 ? (_ = j.value[E]) == null || _.triggerTransition(i.value(E), s.value(E)) : j.value.forEach((oe, V) => oe.triggerTransition(i.value(V), s.value(V)));
     }
     function u() {
       r("update-flow-step");
@@ -11071,7 +11071,7 @@ const qm = ({
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
           pe(Ev, Ke({
             ref: (y) => {
-              y && (z.value[V] = y);
+              y && (j.value[V] = y);
             },
             "mapped-dates": J.value(oe),
             month: S(i)(oe),
@@ -11154,13 +11154,13 @@ const qm = ({
       start: up(A),
       end: lp(A)
     }).map((U) => {
-      const z = wn(U), ae = Ko(U), Q = c(U), b = D(z), M = typeof o.value == "function" ? o.value({ quarter: Wo(z), year: xe(z) }) : !!o.value.quarters.find(
-        (x) => x.quarter === Wo(z) && x.year === xe(z)
+      const j = wn(U), ae = Ko(U), Q = c(U), b = D(j), M = typeof o.value == "function" ? o.value({ quarter: Wo(j), year: xe(j) }) : !!o.value.quarters.find(
+        (x) => x.quarter === Wo(j) && x.year === xe(j)
       );
       return {
-        text: F(z, ae),
-        value: z,
-        active: H.value(z),
+        text: F(j, ae),
+        value: j,
+        active: H.value(j),
         highlighted: M,
         disabled: Q,
         isBetween: b
@@ -11265,7 +11265,7 @@ const qm = ({
             (d(!0), m(Be, null, Ee(S(h)(L), (I, ce) => (d(), m("div", { key: ce }, [
               g("button", {
                 type: "button",
-                class: j(["dp--qr-btn", {
+                class: z(["dp--qr-btn", {
                   "dp--qr-btn-active": I.active,
                   "dp--qr-btn-between": I.isBetween,
                   "dp--qr-btn-disabled": I.disabled,
@@ -11363,7 +11363,7 @@ const qm = ({
     const H = () => {
       const R = _e(q);
       R && (w.value = R.getBoundingClientRect().width);
-    }, { arrowRight: D, arrowLeft: N, arrowDown: L, arrowUp: I } = pa(), { flowStep: ce, updateFlowStep: K, childMount: A, resetFlow: U } = Jm(n, r, F), z = G(() => n.monthPicker ? lv : n.yearPicker ? dv : n.timePicker ? Fv : n.quarterPicker ? Xv : Hv), ae = () => {
+    }, { arrowRight: D, arrowLeft: N, arrowDown: L, arrowUp: I } = pa(), { flowStep: ce, updateFlowStep: K, childMount: A, resetFlow: U } = Jm(n, r, F), j = G(() => n.monthPicker ? lv : n.yearPicker ? dv : n.timePicker ? Fv : n.quarterPicker ? Xv : Hv), ae = () => {
       const R = _e(O);
       R && R.focus({ preventScroll: !0 });
     }, Q = G(() => {
@@ -11430,7 +11430,7 @@ const qm = ({
         ref: O,
         tabindex: "0",
         role: "dialog",
-        class: j(u.value),
+        class: z(u.value),
         onMouseleave: ye,
         onClick: B,
         onKeydown: [
@@ -11444,16 +11444,16 @@ const qm = ({
       }, [
         (R.disabled || R.readonly) && S(f).enabled ? (d(), m("div", {
           key: 0,
-          class: j(v.value)
+          class: z(v.value)
         }, null, 2)) : C("", !0),
         !S(f).enabled && !R.teleportCenter ? (d(), m("div", {
           key: 1,
-          class: j(J.value)
+          class: z(J.value)
         }, null, 2)) : C("", !0),
         g("div", {
           ref_key: "innerMenuRef",
           ref: q,
-          class: j({
+          class: z({
             dp__menu_content_wrapper: ((De = R.presetDates) == null ? void 0 : De.length) || !!R.$slots["left-sidebar"] || !!R.$slots["right-sidebar"]
           }),
           style: kt({ "--dp-menu-width": `${w.value}px` })
@@ -11487,7 +11487,7 @@ const qm = ({
             class: "dp__instance_calendar",
             role: "document"
           }, [
-            (d(), de(ca(z.value), Ke({
+            (d(), de(ca(j.value), Ke({
               ref_key: "dynCmpRef",
               ref: F
             }, o.value, {
@@ -11623,7 +11623,7 @@ const qm = ({
       }
       ce.value.tabOutClosesMenu && document.removeEventListener("keyup", R);
     });
-    const z = At(o, "all", n.presetDates), ae = At(o, "input");
+    const j = At(o, "all", n.presetDates), ae = At(o, "input");
     Pt(
       [s, l],
       () => {
@@ -11731,7 +11731,7 @@ const qm = ({
     }), ($, Fe) => (d(), m("div", {
       ref_key: "pickerWrapperRef",
       ref: k,
-      class: j(y.value)
+      class: z(y.value)
     }, [
       pe(Ym, Ke({
         ref_key: "inputRef",
@@ -11803,7 +11803,7 @@ const qm = ({
                 onDateUpdate: Fe[15] || (Fe[15] = (Pe) => $.$emit("date-update", Pe)),
                 onInvalidDate: Fe[16] || (Fe[16] = (Pe) => $.$emit("invalid-date", Pe))
               }), ot({ _: 2 }, [
-                Ee(S(z), (Pe, zt) => ({
+                Ee(S(j), (Pe, zt) => ({
                   name: Pe,
                   fn: be((Nt) => [
                     Z($.$slots, Pe, $e(pt({ ...Nt })))
@@ -11989,12 +11989,12 @@ function g1(e, t, a, r, n, o) {
   }, [
     g("div", f1, [
       g("label", {
-        class: j(["fusion-date-picker label", e.stateClasses]),
+        class: z(["fusion-date-picker label", e.stateClasses]),
         for: `dp-input-${e.id}`
       }, te(e.label), 11, h1),
       e.helperLabel ? (d(), m("div", {
         key: 0,
-        class: j(["fusion-date-picker helper-label", e.stateClasses]),
+        class: z(["fusion-date-picker helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, te(e.helperLabel), 3)) : C("", !0)
     ]),
@@ -12014,7 +12014,7 @@ function g1(e, t, a, r, n, o) {
       "text-input": e.datePickerInputOptions,
       name: e.name,
       "hide-offset-dates": "",
-      class: j(["fusion-date-picker cmp", e.stateClasses]),
+      class: z(["fusion-date-picker cmp", e.stateClasses]),
       "input-class-name": "fusion-date-picker field",
       "max-date": e.maxDate,
       "min-date": e.minDate,
@@ -12034,7 +12034,7 @@ function g1(e, t, a, r, n, o) {
     ])) : C("", !0)
   ], 8, p1);
 }
-const q3 = /* @__PURE__ */ me(c1, [["render", g1], ["__scopeId", "data-v-1a23a7be"]]), y1 = ue({
+const R3 = /* @__PURE__ */ me(c1, [["render", g1], ["__scopeId", "data-v-1a23a7be"]]), y1 = ue({
   name: "FusionSearchableInput",
   components: {
     SVGSearch: Ri,
@@ -12204,13 +12204,13 @@ function S1(e, t, a, r, n, o) {
     g("div", k1, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: j(["fusion-searchable-input label", e.stateClasses]),
+        class: z(["fusion-searchable-input label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
       }, te(e.label), 11, A1)) : C("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: j(["fusion-searchable-input helper-label", e.stateClasses]),
+        class: z(["fusion-searchable-input helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, te(e.helperLabel), 3)) : C("", !0)
     ]),
@@ -12218,7 +12218,7 @@ function S1(e, t, a, r, n, o) {
       pe(s, {
         id: e.id,
         name: "fusion-searchable-input",
-        class: j(["fusion-searchable-input field", e.stateClasses]),
+        class: z(["fusion-searchable-input field", e.stateClasses]),
         "data-test": "searchable-input",
         tabindex: e.tabIndex,
         autofocus: e.autofocus,
@@ -12262,7 +12262,7 @@ function S1(e, t, a, r, n, o) {
     ])
   ], 8, b1);
 }
-const H3 = /* @__PURE__ */ me(y1, [["render", S1], ["__scopeId", "data-v-a461d669"]]), C1 = ue({
+const q3 = /* @__PURE__ */ me(y1, [["render", S1], ["__scopeId", "data-v-a461d669"]]), C1 = ue({
   name: "SVGDecrement"
 }), P1 = {
   width: "24",
@@ -12411,12 +12411,12 @@ function H1(e, t, a, r, n, o) {
     g("div", R1, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: j(["fusion-numeric-input-stepper label", e.stateClasses]),
+        class: z(["fusion-numeric-input-stepper label", e.stateClasses]),
         "data-test": "label"
       }, te(e.label), 3)) : C("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: j(["fusion-numeric-input-stepper helper-label", e.stateClasses]),
+        class: z(["fusion-numeric-input-stepper helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, te(e.helperLabel), 3)) : C("", !0)
     ]),
@@ -12436,7 +12436,7 @@ function H1(e, t, a, r, n, o) {
       }, 8, ["disabled", "onClick"]),
       g("span", {
         "data-text": "fusion-numeric-input-stepper-value",
-        class: j(["fusion-numeric-input-stepper value", e.stateClasses])
+        class: z(["fusion-numeric-input-stepper value", e.stateClasses])
       }, te(e.state.value), 3),
       pe(s, {
         disabled: e.isMaxDisabled || e.disabled,
@@ -12454,7 +12454,7 @@ function H1(e, t, a, r, n, o) {
     ])
   ], 8, E1);
 }
-const z3 = /* @__PURE__ */ me(Q1, [["render", H1], ["__scopeId", "data-v-c9dd10c1"]]), z1 = ue({
+const H3 = /* @__PURE__ */ me(Q1, [["render", H1], ["__scopeId", "data-v-c9dd10c1"]]), z1 = ue({
   name: "FusionTag",
   props: {
     variantStyle: {
@@ -12517,12 +12517,12 @@ const j1 = {
 };
 function J1(e, t, a, r, n, o) {
   return d(), m("div", {
-    class: j(["fusion-tag", `fusion-tag-${e.variantTypeClass}`]),
+    class: z(["fusion-tag", `fusion-tag-${e.variantTypeClass}`]),
     "data-test": "fusion-tag"
   }, [
     e.$slots.icon ? (d(), m("span", {
       key: 0,
-      class: j(["fusion-tag-icon", `fusion-tag-icon-${e.variantTypeClass}`]),
+      class: z(["fusion-tag-icon", `fusion-tag-icon-${e.variantTypeClass}`]),
       "data-test": "fusion-tag-icon"
     }, [
       Z(e.$slots, "icon", {}, void 0, !0)
@@ -12581,7 +12581,7 @@ const Z1 = ["role", "aria-pressed", "tabindex", "aria-disabled"], _1 = { class:
 function tg(e, t, a, r, n, o) {
   const i = se("FusionDivider");
   return d(), m("div", {
-    class: j(["fusion-card", {
+    class: z(["fusion-card", {
       "fusion-card-shadow": e.shadow,
       "fusion-card-gradient": e.variant === "gradient",
       "fusion-card-default": !e.variant || e.variant === "default",
@@ -12622,7 +12622,7 @@ function tg(e, t, a, r, n, o) {
     ])) : C("", !0)
   ], 42, Z1);
 }
-const j3 = /* @__PURE__ */ me(G1, [["render", tg], ["__scopeId", "data-v-5ef2c46f"]]), ag = {
+const z3 = /* @__PURE__ */ me(G1, [["render", tg], ["__scopeId", "data-v-5ef2c46f"]]), ag = {
   name: "FusionProgressBarStep",
   props: {
     stepLabel: {
@@ -12650,7 +12650,7 @@ const j3 = /* @__PURE__ */ me(G1, [["render", tg], ["__scopeId", "data-v-5ef2c46
 const Ns = (e) => (so("data-v-55681af3"), e = e(), lo(), e), ng = /* @__PURE__ */ Ns(() => /* @__PURE__ */ g("div", { class: "fusion-progress-bar-item-track" }, null, -1)), rg = /* @__PURE__ */ Ns(() => /* @__PURE__ */ g("div", { class: "fusion-progress-bar-item-circle" }, null, -1)), og = { class: "fusion-progress-bar-item-label" };
 function ig(e, t, a, r, n, o) {
   return d(), m("div", {
-    class: j(["fusion-progress-bar-item", [a.active ? "active" : "", a.completed ? "completed" : ""]])
+    class: z(["fusion-progress-bar-item", [a.active ? "active" : "", a.completed ? "completed" : ""]])
   }, [
     ng,
     rg,
@@ -12730,7 +12730,7 @@ function fg(e, t, a, r, n, o) {
     ])) : C("", !0)
   ]);
 }
-const hg = /* @__PURE__ */ me(lg, [["render", fg], ["__scopeId", "data-v-e91e7f32"]]), mg = ue({
+const hg = /* @__PURE__ */ me(lg, [["render", fg], ["__scopeId", "data-v-4c3c2461"]]), mg = ue({
   name: "FusionContextMenu",
   components: {
     OnClickOutside: vo
@@ -12752,7 +12752,7 @@ function gg(e, t, a, r, n, o) {
     _: 3
   }, 8, ["ignore"]);
 }
-const J3 = /* @__PURE__ */ me(mg, [["render", gg], ["__scopeId", "data-v-1599d91b"]]), yg = {
+const j3 = /* @__PURE__ */ me(mg, [["render", gg], ["__scopeId", "data-v-1599d91b"]]), yg = {
   name: "FusionPlatformBar"
 };
 const bg = { class: "fusion-platform-bar" };
@@ -12763,7 +12763,7 @@ function kg(e, t, a, r, n, o) {
     Z(e.$slots, "right-icon", {}, void 0, !0)
   ]);
 }
-const X3 = /* @__PURE__ */ me(yg, [["render", kg], ["__scopeId", "data-v-fcdfbcf9"]]), Ag = ue({
+const J3 = /* @__PURE__ */ me(yg, [["render", kg], ["__scopeId", "data-v-fcdfbcf9"]]), Ag = ue({
   name: "SVGXMark"
 }), wg = {
   width: "28",
@@ -12849,7 +12849,7 @@ function Og(e, t, a, r, n, o) {
   const i = se("SVGXMark"), s = se("FusionIconButton");
   return d(), m(Be, null, [
     g("aside", {
-      class: j(["fusion-side-navigation", {
+      class: z(["fusion-side-navigation", {
         "fusion-side-navigation-open": e.isOpen,
         "fusion-side-navigation-mobile": e.isMobile
       }]),
@@ -12857,7 +12857,7 @@ function Og(e, t, a, r, n, o) {
     }, [
       e.$slots.header && e.isMobile ? (d(), m("div", {
         key: 0,
-        class: j(["fusion-side-navigation-header", { "has-shadow": e.hasScrolledDown }])
+        class: z(["fusion-side-navigation-header", { "has-shadow": e.hasScrolledDown }])
       }, [
         g("div", Dg, [
           Z(e.$slots, "header", {}, void 0, !0),
@@ -12889,7 +12889,7 @@ function Og(e, t, a, r, n, o) {
       ]),
       e.$slots.footer ? (d(), m("div", {
         key: 1,
-        class: j(["fusion-side-navigation-footer", { "has-shadow": e.hasScrolledUp }])
+        class: z(["fusion-side-navigation-footer", { "has-shadow": e.hasScrolledUp }])
       }, [
         Z(e.$slots, "footer", {}, void 0, !0)
       ], 2)) : C("", !0)
@@ -12902,7 +12902,7 @@ function Og(e, t, a, r, n, o) {
     })) : C("", !0)
   ], 64);
 }
-const W3 = /* @__PURE__ */ me(Fg, [["render", Og], ["__scopeId", "data-v-7a2d38d7"]]), Ug = ue({
+const X3 = /* @__PURE__ */ me(Fg, [["render", Og], ["__scopeId", "data-v-7a2d38d7"]]), Ug = ue({
   name: "FusionSideNavigationItem",
   props: {
     item: {
@@ -12948,7 +12948,7 @@ function Ng(e, t, a, r, n, o) {
   var i, s;
   return d(), m("li", {
     tabindex: e.disabled ? -1 : 0,
-    class: j(["fusion-side-navigation-item", { selected: e.selected, disabled: e.disabled, active: e.active }]),
+    class: z(["fusion-side-navigation-item", { selected: e.selected, disabled: e.disabled, active: e.active }]),
     "aria-disabled": e.disabled,
     "aria-current": e.selected ? "page" : void 0,
     "aria-label": (i = e.item) == null ? void 0 : i.label,
@@ -12968,7 +12968,7 @@ function Ng(e, t, a, r, n, o) {
     }, [
       e.$slots.icon ? (d(), m("div", {
         key: 0,
-        class: j(["fusion-side-navigation-item-icon", { selected: e.selected }])
+        class: z(["fusion-side-navigation-item-icon", { selected: e.selected }])
       }, [
         Z(e.$slots, "icon", {}, void 0, !0)
       ], 2)) : C("", !0),
@@ -12976,7 +12976,7 @@ function Ng(e, t, a, r, n, o) {
     ], 8, Mg)
   ], 42, Ig);
 }
-const K3 = /* @__PURE__ */ me(Ug, [["render", Ng], ["__scopeId", "data-v-3a17c014"]]), Lg = {
+const W3 = /* @__PURE__ */ me(Ug, [["render", Ng], ["__scopeId", "data-v-3a17c014"]]), Lg = {
   name: "FusionListItem",
   components: {
     SVGTick: fo
@@ -13082,7 +13082,7 @@ function Eg(e, t, a, r, n, o) {
     _: 3
   }, 16, ["class", "tabindex", "onClick", "onKeydown", "onMouseover", "onMouseout", "onMousedown", "onMouseup"]);
 }
-const Y3 = /* @__PURE__ */ me(Lg, [["render", Eg], ["__scopeId", "data-v-31387a17"]]), Rg = ue({
+const K3 = /* @__PURE__ */ me(Lg, [["render", Eg], ["__scopeId", "data-v-31387a17"]]), Rg = ue({
   name: "SVGArrowRight"
 }), qg = {
   width: "24",
@@ -13143,7 +13143,7 @@ const Kg = ["href", "tabindex"], Yg = { class: "fusion-widget-header" }, Gg = {
 function e0(e, t, a, r, n, o) {
   const i = se("SVGArrowRight");
   return d(), m("div", {
-    class: j(["fusion-widget-container", { "fusion-widget-container-disabled": e.disabled }])
+    class: z(["fusion-widget-container", { "fusion-widget-container-disabled": e.disabled }])
   }, [
     g("a", {
       href: e.disabled ? void 0 : e.url,
@@ -13165,7 +13165,7 @@ function e0(e, t, a, r, n, o) {
     ])) : C("", !0)
   ], 2);
 }
-const G3 = /* @__PURE__ */ me(Wg, [["render", e0], ["__scopeId", "data-v-22b6912b"]]), t0 = ue({
+const Y3 = /* @__PURE__ */ me(Wg, [["render", e0], ["__scopeId", "data-v-22b6912b"]]), t0 = ue({
   name: "FusionToastMessage",
   components: {
     SVGCheckCircle: kn,
@@ -13223,7 +13223,7 @@ const a0 = { class: "fusion-toast-message-icon" }, n0 = { class: "fusion-toast-m
 function i0(e, t, a, r, n, o) {
   const i = se("SVGClose");
   return d(), m("div", {
-    class: j(["fusion-toast-message", e.toastTypeClass])
+    class: z(["fusion-toast-message", e.toastTypeClass])
   }, [
     g("div", a0, [
       (d(), de(ca(e.iconComponent)))
@@ -13243,7 +13243,7 @@ function i0(e, t, a, r, n, o) {
     ])) : C("", !0)
   ], 2);
 }
-const Z3 = /* @__PURE__ */ me(t0, [["render", i0], ["__scopeId", "data-v-4d75daa6"]]), s0 = ue({
+const G3 = /* @__PURE__ */ me(t0, [["render", i0], ["__scopeId", "data-v-4d75daa6"]]), s0 = ue({
   name: "SVGArrowLeft"
 }), l0 = {
   width: "28",
@@ -13337,7 +13337,7 @@ function b0(e, t, a, r, n, o) {
     ])
   ]);
 }
-const _3 = /* @__PURE__ */ me(h0, [["render", b0], ["__scopeId", "data-v-406fe148"]]), k0 = {
+const Z3 = /* @__PURE__ */ me(h0, [["render", b0], ["__scopeId", "data-v-406fe148"]]), k0 = {
   name: "FusionKeyValuePair",
   components: {
     FusionTag: X1
@@ -13426,17 +13426,17 @@ const A0 = { class: "fusion-key-value-pair-key" }, w0 = { class: "flex items-cen
 function P0(e, t, a, r, n, o) {
   const i = se("FusionTag");
   return d(), m("div", {
-    class: j(["fusion-key-value-pair", o.orderClass])
+    class: z(["fusion-key-value-pair", o.orderClass])
   }, [
     g("span", A0, te(a.keyText), 1),
     g("div", w0, [
       !a.showTag && a.valueText ? (d(), m("span", {
         key: 0,
-        class: j(["fusion-key-value-pair-value", o.valueTextEmphasisClass])
+        class: z(["fusion-key-value-pair-value", o.valueTextEmphasisClass])
       }, te(a.valueText), 3)) : C("", !0),
       a.showTag && !a.tagText && a.valueText ? (d(), m("span", {
         key: 1,
-        class: j(["fusion-key-value-pair-value", o.valueTextEmphasisClass])
+        class: z(["fusion-key-value-pair-value", o.valueTextEmphasisClass])
       }, te(a.valueText), 3)) : C("", !0),
       a.showTag && a.tagText ? (d(), m("div", S0, [
         pe(i, {
@@ -13451,12 +13451,12 @@ function P0(e, t, a, r, n, o) {
       ])) : C("", !0),
       a.secondaryValueText ? (d(), m("span", {
         key: 4,
-        class: j(["fusion-key-value-pair-secondary-value", { "line-through": a.strikeThroughSecondaryValueText }])
+        class: z(["fusion-key-value-pair-secondary-value", { "line-through": a.strikeThroughSecondaryValueText }])
       }, te(a.secondaryValueText), 3)) : C("", !0)
     ])
   ], 2);
 }
-const $3 = /* @__PURE__ */ me(k0, [["render", P0], ["__scopeId", "data-v-27963870"]]), T0 = ue({
+const _3 = /* @__PURE__ */ me(k0, [["render", P0], ["__scopeId", "data-v-27963870"]]), T0 = ue({
   name: "FusionFooterBar",
   components: {
     FusionButton: po
@@ -13520,7 +13520,7 @@ const F0 = {
 function B0(e, t, a, r, n, o) {
   const i = se("FusionButton");
   return d(), m("footer", {
-    class: j(["fusion-footer-bar", { "fusion-footer-bar-mobile": e.isMobile }])
+    class: z(["fusion-footer-bar", { "fusion-footer-bar-mobile": e.isMobile }])
   }, [
     e.$slots.content ? (d(), m("div", F0, [
       Z(e.$slots, "content", {}, void 0, !0)
@@ -13560,7 +13560,7 @@ function B0(e, t, a, r, n, o) {
     ])
   ], 2);
 }
-const e5 = /* @__PURE__ */ me(T0, [["render", B0], ["__scopeId", "data-v-5701177f"]]), x0 = {
+const $3 = /* @__PURE__ */ me(T0, [["render", B0], ["__scopeId", "data-v-5701177f"]]), x0 = {
   name: "FusionSubheadingBar",
   props: {
     label: {
@@ -13576,7 +13576,7 @@ function I0(e, t, a, r, n, o) {
     Z(e.$slots, "tag", {}, void 0, !0)
   ]);
 }
-const t5 = /* @__PURE__ */ me(x0, [["render", I0], ["__scopeId", "data-v-45ba5287"]]), M0 = {
+const e5 = /* @__PURE__ */ me(x0, [["render", I0], ["__scopeId", "data-v-45ba5287"]]), M0 = {
   name: "FusionModalHeader",
   components: {
     FusionIconButton: za,
@@ -13612,7 +13612,7 @@ const V0 = ["id"];
 function N0(e, t, a, r, n, o) {
   const i = se("SVGXMark"), s = se("FusionIconButton");
   return d(), m("header", {
-    class: j(["fusion-modal-header", { shadow: a.hasShadow }])
+    class: z(["fusion-modal-header", { shadow: a.hasShadow }])
   }, [
     g("h2", {
       id: o.headingId,
@@ -13703,7 +13703,7 @@ const L0 = /* @__PURE__ */ me(M0, [["render", N0], ["__scopeId", "data-v-37ccd52
 function E0(e, t, a, r, n, o) {
   const i = se("FusionButton");
   return d(), m("footer", {
-    class: j(["fusion-modal-footer", { shadow: a.hasShadow, "fusion-modal-footer-mobile": n.isMobile }])
+    class: z(["fusion-modal-footer", { shadow: a.hasShadow, "fusion-modal-footer-mobile": n.isMobile }])
   }, [
     a.hideCancel ? C("", !0) : (d(), de(i, {
       key: 0,
@@ -13827,7 +13827,7 @@ const H0 = (e) => (so("data-v-308764ad"), e = e(), lo(), e), z0 = ["aria-labelle
 function J0(e, t, a, r, n, o) {
   const i = se("FusionModalHeader"), s = se("FusionModalFooter"), l = se("OnClickOutside");
   return d(), m("div", {
-    class: j(["fusion-modal", { "fusion-modal-mobile": n.isMobile }])
+    class: z(["fusion-modal", { "fusion-modal-mobile": n.isMobile }])
   }, [
     pe(l, {
       options: { ignore: [".fusion-modal-dialog"] },
@@ -13877,7 +13877,7 @@ function J0(e, t, a, r, n, o) {
     j0
   ], 2);
 }
-const a5 = /* @__PURE__ */ me(q0, [["render", J0], ["__scopeId", "data-v-308764ad"]]), X0 = 12, qo = ue({
+const t5 = /* @__PURE__ */ me(q0, [["render", J0], ["__scopeId", "data-v-308764ad"]]), X0 = 12, qo = ue({
   name: "FusionCircularProgressIndicator",
   props: {
     size: {
@@ -14150,7 +14150,7 @@ function gy(e, t, a, r, n, o) {
     }, null, 8, ["checklist", "visible-items-count"])
   ]);
 }
-const n5 = /* @__PURE__ */ me(my, [["render", gy], ["__scopeId", "data-v-9abe1eb2"]]), yy = ue({
+const a5 = /* @__PURE__ */ me(my, [["render", gy], ["__scopeId", "data-v-9abe1eb2"]]), yy = ue({
   name: "FusionMonthDatePicker",
   components: { SVGCalendar: Ms, SVGExclamationTriangle: Tt, VueDatePicker: ar },
   props: {
@@ -14267,12 +14267,12 @@ function Cy(e, t, a, r, n, o) {
   }, [
     g("div", ky, [
       g("label", {
-        class: j(["fusion-date-picker label", e.stateClasses]),
+        class: z(["fusion-date-picker label", e.stateClasses]),
         for: `dp-input-${e.id}`
       }, te(e.label), 11, Ay),
       e.helperLabel ? (d(), m("div", {
         key: 0,
-        class: j(["fusion-date-picker helper-label", e.stateClasses]),
+        class: z(["fusion-date-picker helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, te(e.helperLabel), 3)) : C("", !0)
     ]),
@@ -14289,7 +14289,7 @@ function Cy(e, t, a, r, n, o) {
       "text-input": e.datePickerInputOptions,
       name: e.name,
       "hide-offset-dates": "",
-      class: j(["fusion-date-picker cmp", e.stateClasses]),
+      class: z(["fusion-date-picker cmp", e.stateClasses]),
       "input-class-name": "fusion-date-picker field",
       "max-date": e.maxDate,
       "min-date": e.minDate,
@@ -14310,7 +14310,7 @@ function Cy(e, t, a, r, n, o) {
     ])) : C("", !0)
   ], 8, by);
 }
-const r5 = /* @__PURE__ */ me(yy, [["render", Cy], ["__scopeId", "data-v-ac4d3c2e"]]);
+const n5 = /* @__PURE__ */ me(yy, [["render", Cy], ["__scopeId", "data-v-ac4d3c2e"]]);
 function Ln(e, t) {
   if (!{}.hasOwnProperty.call(e, t))
     throw new TypeError("attempted to use private field on non-instance");
@@ -16997,6 +16997,10 @@ const l3 = /* @__PURE__ */ me(a3, [["render", s3]]), u3 = ue({
     isUploading: {
       type: Boolean,
       default: !1
+    },
+    hasBorder: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["remove"],
@@ -17004,22 +17008,24 @@ const l3 = /* @__PURE__ */ me(a3, [["render", s3]]), u3 = ue({
     formatFileSize: Zs
   }
 });
-const d3 = { class: "fusion-file-uploader-list-item-container" }, c3 = { class: "fusion-file-uploader-list-item" }, p3 = { class: "mr-xs" }, f3 = { class: "flex flex-col gap-2xs flex-1" }, h3 = { class: "text-medium text-primary" }, m3 = { class: "text-base text-secondary" }, v3 = { class: "uppy-file-size" }, g3 = {
+const d3 = { class: "fusion-file-uploader-list-item" }, c3 = { class: "mr-xs" }, p3 = { class: "flex flex-col gap-2xs flex-1" }, f3 = { class: "text-medium text-primary" }, h3 = { class: "text-base text-secondary" }, m3 = { class: "uppy-file-size" }, v3 = {
   key: 0,
   class: "pb-sm"
 };
-function y3(e, t, a, r, n, o) {
+function g3(e, t, a, r, n, o) {
   var c, f;
   const i = se("SVGImagePlaceholder"), s = se("SVGBin"), l = se("FusionIconButton"), p = se("FusionProgressBar");
-  return d(), m("div", d3, [
-    g("div", c3, [
-      g("div", p3, [
+  return d(), m("div", {
+    class: z(["fusion-file-uploader-list-item-container", { "has-border": e.hasBorder }])
+  }, [
+    g("div", d3, [
+      g("div", c3, [
         pe(i)
       ]),
-      g("div", f3, [
-        g("div", h3, te(e.file.name), 1),
-        g("div", m3, [
-          g("span", v3, te(e.formatFileSize(e.file.size || 0)), 1)
+      g("div", p3, [
+        g("div", f3, te(e.file.name), 1),
+        g("div", h3, [
+          g("span", m3, te(e.formatFileSize(e.file.size || 0)), 1)
         ])
       ]),
       pe(l, {
@@ -17035,18 +17041,18 @@ function y3(e, t, a, r, n, o) {
         _: 1
       })
     ]),
-    (c = e.file.progress) != null && c.uploadStarted && !((f = e.file.progress) != null && f.uploadComplete) ? (d(), m("div", g3, [
+    (c = e.file.progress) != null && c.uploadStarted && !((f = e.file.progress) != null && f.uploadComplete) ? (d(), m("div", v3, [
       pe(p, {
         mode: "percentage",
         percentage: e.file.progress.percentage || 0
       }, null, 8, ["percentage"])
     ])) : C("", !0)
-  ]);
+  ], 2);
 }
-const b3 = /* @__PURE__ */ me(u3, [["render", y3], ["__scopeId", "data-v-f573b187"]]), k3 = ue({
+const y3 = /* @__PURE__ */ me(u3, [["render", g3], ["__scopeId", "data-v-19a54239"]]), b3 = ue({
   name: "FileUploaderList",
   components: {
-    FileUploaderListItem: b3
+    FileUploaderListItem: y3
   },
   props: {
     files: {
@@ -17059,27 +17065,28 @@ const b3 = /* @__PURE__ */ me(u3, [["render", y3], ["__scopeId", "data-v-f573b18
     }
   },
   emits: ["remove-file"]
-}), A3 = {
+}), k3 = {
   key: 0,
   class: "my-sm"
 };
-function w3(e, t, a, r, n, o) {
+function A3(e, t, a, r, n, o) {
   const i = se("FileUploaderListItem");
-  return e.files.length ? (d(), m("div", A3, [
-    (d(!0), m(Be, null, Ee(e.files, (s) => (d(), de(i, {
+  return e.files.length ? (d(), m("div", k3, [
+    (d(!0), m(Be, null, Ee(e.files, (s, l) => (d(), de(i, {
       key: s.id,
       file: s,
       "is-uploading": e.isUploading,
-      onRemove: t[0] || (t[0] = (l) => e.$emit("remove-file", l))
-    }, null, 8, ["file", "is-uploading"]))), 128))
+      "has-border": e.files.length > 1 && l < e.files.length - 1,
+      onRemove: t[0] || (t[0] = (p) => e.$emit("remove-file", p))
+    }, null, 8, ["file", "is-uploading", "has-border"]))), 128))
   ])) : C("", !0);
 }
-const S3 = /* @__PURE__ */ me(k3, [["render", w3]]), C3 = ue({
+const w3 = /* @__PURE__ */ me(b3, [["render", A3]]), S3 = ue({
   name: "FusionFileUploaderButton",
   components: {
     SVGExclamationTriangle: Tt,
     FusionButton: po,
-    FileUploaderList: S3
+    FileUploaderList: w3
   },
   props: {
     uploadUrl: {
@@ -17264,30 +17271,30 @@ const S3 = /* @__PURE__ */ me(k3, [["render", w3]]), C3 = ue({
     }
   }
 });
-const P3 = ["data-test"], T3 = {
+const C3 = ["data-test"], P3 = {
   key: 0,
   class: "uppy-label-wrapper"
-}, F3 = ["for"], D3 = { class: "uppy-upload-button-wrapper" }, B3 = ["accept"], x3 = { "data-test": "error-label" };
-function O3(e, t, a, r, n, o) {
+}, T3 = ["for"], F3 = { class: "uppy-upload-button-wrapper" }, D3 = ["accept"], B3 = { "data-test": "error-label" };
+function x3(e, t, a, r, n, o) {
   const i = se("FusionButton"), s = se("FileUploaderList"), l = se("SVGExclamationTriangle");
   return d(), m("div", {
-    class: j(["uppy-uploader", e.stateClasses]),
+    class: z(["uppy-uploader", e.stateClasses]),
     "data-test": e.dataTest
   }, [
-    e.label || e.helperLabel ? (d(), m("div", T3, [
+    e.label || e.helperLabel ? (d(), m("div", P3, [
       e.label ? (d(), m("label", {
         key: 0,
-        class: j(["uppy-input label", e.stateClasses]),
+        class: z(["uppy-input label", e.stateClasses]),
         for: e.id,
         "data-test": "label"
-      }, te(e.label), 11, F3)) : C("", !0),
+      }, te(e.label), 11, T3)) : C("", !0),
       e.helperLabel ? (d(), m("div", {
         key: 1,
-        class: j(["uppy-input helper-label", e.stateClasses]),
+        class: z(["uppy-input helper-label", e.stateClasses]),
         "data-test": "helper-label"
       }, te(e.helperLabel), 3)) : C("", !0)
     ])) : C("", !0),
-    g("div", D3, [
+    g("div", F3, [
       pe(i, {
         type: "button",
         label: "Choose file",
@@ -17312,56 +17319,56 @@ function O3(e, t, a, r, n, o) {
       accept: e.acceptedFileTypes,
       style: { display: "none" },
       onChange: t[0] || (t[0] = (...p) => e.onFileInputChange && e.onFileInputChange(...p))
-    }, null, 40, B3),
+    }, null, 40, D3),
     e.displayErrorMessage ? (d(), m("div", {
       key: 1,
-      class: j(["uppy-input error-wrapper", e.stateClasses])
+      class: z(["uppy-input error-wrapper", e.stateClasses])
     }, [
       pe(l, { "data-test": "error-icon" }),
-      g("span", x3, te(e.displayErrorMessage), 1)
+      g("span", B3, te(e.displayErrorMessage), 1)
     ], 2)) : C("", !0)
-  ], 10, P3);
+  ], 10, C3);
 }
-const o5 = /* @__PURE__ */ me(C3, [["render", O3], ["__scopeId", "data-v-ed0cb40d"]]);
+const r5 = /* @__PURE__ */ me(S3, [["render", x3], ["__scopeId", "data-v-ed0cb40d"]]);
 export {
-  R3 as FusionBanner,
+  E3 as FusionBanner,
   po as FusionButton,
-  j3 as FusionCard,
+  z3 as FusionCard,
   Ni as FusionCheckbox,
-  E3 as FusionCheckboxGroup,
+  Q3 as FusionCheckboxGroup,
   ty as FusionCircularProgressIndicator,
   uy as FusionCircularProgressIndicatorLabel,
   hy as FusionCircularProgressIndicatorLabelChecklist,
-  n5 as FusionCircularProgressIndicatorLabelCollection,
-  J3 as FusionContextMenu,
-  q3 as FusionDatePicker,
+  a5 as FusionCircularProgressIndicatorLabelCollection,
+  j3 as FusionContextMenu,
+  R3 as FusionDatePicker,
   Vs as FusionDivider,
-  o5 as FusionFileUploaderButton,
-  e5 as FusionFooterBar,
+  r5 as FusionFileUploaderButton,
+  $3 as FusionFooterBar,
   za as FusionIconButton,
   yo as FusionInput,
-  $3 as FusionKeyValuePair,
-  Y3 as FusionListItem,
+  _3 as FusionKeyValuePair,
+  K3 as FusionListItem,
   co as FusionLoadingSpinner,
   qi as FusionMenuItem,
-  a5 as FusionModal,
-  r5 as FusionMonthDatePicker,
-  z3 as FusionNumericInputStepper,
-  N3 as FusionPasswordInput,
-  L3 as FusionPhoneInput,
-  X3 as FusionPlatformBar,
+  t5 as FusionModal,
+  n5 as FusionMonthDatePicker,
+  H3 as FusionNumericInputStepper,
+  V3 as FusionPasswordInput,
+  N3 as FusionPhoneInput,
+  J3 as FusionPlatformBar,
   hg as FusionProgressBar,
   eu as FusionRadio,
-  Q3 as FusionRadioGroup,
-  H3 as FusionSearchableInput,
-  V3 as FusionSelect,
-  W3 as FusionSideNavigation,
-  K3 as FusionSideNavigationItem,
-  t5 as FusionSubheadingBar,
+  L3 as FusionRadioGroup,
+  q3 as FusionSearchableInput,
+  M3 as FusionSelect,
+  X3 as FusionSideNavigation,
+  W3 as FusionSideNavigationItem,
+  e5 as FusionSubheadingBar,
   X1 as FusionTag,
-  M3 as FusionTextLink,
-  I3 as FusionTextarea,
-  Z3 as FusionToastMessage,
-  _3 as FusionToolBar,
-  G3 as FusionWidget
+  I3 as FusionTextLink,
+  U3 as FusionTextarea,
+  G3 as FusionToastMessage,
+  Z3 as FusionToolBar,
+  Y3 as FusionWidget
 };