@oub/fusion 0.2.65 → 0.2.67

package/dist/fusion.js

@@ -1,4 +1,4 @@
-import { defineComponent as ve, openBlock as d, createElementBlock as m, createStaticVNode as jo, ref as ae, resolveComponent as me, normalizeClass as W, createBlock as ce, renderSlot as $, createTextVNode as dt, toDisplayString as oe, createElementVNode as y, createCommentVNode as D, withDirectives as Qt, withKeys as be, vModelText as Er, createVNode as ke, resolveDynamicComponent as Rt, withCtx as he, getCurrentScope as qr, onScopeDispose as Jr, unref as A, toRef as ba, readonly as Go, customRef as Zo, watch as ct, h as Xr, computed as j, vModelDynamic as _o, mergeProps as ze, Fragment as Te, renderList as Re, createSlots as et, pushScopeId as Un, popScopeId as Vn, withScopeId as $o, Transition as Gt, vShow as ha, reactive as Pa, useSlots as Zt, onMounted as it, nextTick as Ht, onUnmounted as Qn, isRef as cr, normalizeProps as Ge, guardReactiveProps as rt, Teleport as ei, render as pr, withModifiers as Me, normalizeStyle as mt, onBeforeUpdate as ti } from "vue";
+import { defineComponent as ve, openBlock as d, createElementBlock as m, createStaticVNode as jo, ref as ae, resolveComponent as me, normalizeClass as W, createBlock as de, renderSlot as $, createTextVNode as dt, toDisplayString as oe, createElementVNode as y, createCommentVNode as D, withDirectives as Qt, withKeys as be, vModelText as Er, createVNode as ke, resolveDynamicComponent as Rt, withCtx as he, getCurrentScope as qr, onScopeDispose as Jr, unref as A, toRef as ba, readonly as Go, customRef as Zo, watch as ct, h as Xr, computed as j, vModelDynamic as _o, mergeProps as ze, Fragment as Te, renderList as Re, createSlots as et, pushScopeId as Un, popScopeId as Vn, withScopeId as $o, Transition as Gt, vShow as ha, reactive as Pa, useSlots as Zt, onMounted as it, nextTick as Ht, onUnmounted as Qn, isRef as cr, normalizeProps as Ge, guardReactiveProps as rt, Teleport as ei, render as pr, withModifiers as Me, normalizeStyle as mt, onBeforeUpdate as ti } from "vue";
 const ai = ve({
   name: "FusionLoadingSpinner",
   props: {
@@ -158,7 +158,7 @@ function di(e, t, n, r, a, o) {
     onMouseleave: t[3] || (t[3] = (s) => e.hover = !1),
     onClick: t[4] || (t[4] = (...s) => e.onClick && e.onClick(...s))
   }, [
-    e.loading ? (d(), ce(i, {
+    e.loading ? (d(), de(i, {
       key: 0,
       "spinner-colour": e.spinnerColourValue
     }, null, 8, ["spinner-colour"])) : (d(), m("span", ui, [
@@ -720,7 +720,7 @@ function _i(e, t, n, r, a, o) {
     class: W(["fusion-text-link-container", e.disabled ? "disabled" : ""]),
     "data-test": e.dataTest
   }, [
-    (d(), ce(Rt(e.elementType), {
+    (d(), de(Rt(e.elementType), {
       id: e.id,
       href: e.isButton ? null : e.href,
       target: e.isButton ? null : e.target,
@@ -1316,7 +1316,7 @@ const Ls = {
 };
 function Es(e, t, n, r, a, o) {
   const i = me("SVGTick");
-  return d(), ce(Rt(o.componentTag), ze({
+  return d(), de(Rt(o.componentTag), ze({
     id: "menu-item",
     class: ["fusion-menu-item", {
       hover: a.isHovered,
@@ -1479,7 +1479,7 @@ const $r = (e) => (Un("data-v-12a3738f"), e = e(), Vn(), e), Js = ["data-test"],
 }, " No options to select ", -1));
 function sl(e, t, n, r, a, o) {
   const i = me("SVGSearch"), s = me("FusionInput"), u = me("FusionLoadingSpinner"), p = me("SVGInbox"), c = me("FusionMenuItem"), v = me("OnClickOutside");
-  return d(), ce(v, {
+  return d(), de(v, {
     options: { ignore: [".fusion-select", ".country-selector-wrapper"] },
     onTrigger: e.closePanel
   }, {
@@ -1490,7 +1490,7 @@ function sl(e, t, n, r, a, o) {
       }, [
         y("div", Xs, [
           y("div", zs, [
-            e.searchDisabled ? D("", !0) : (d(), ce(s, {
+            e.searchDisabled ? D("", !0) : (d(), de(s, {
               key: 0,
               id: `${e.selectId}-search-field`,
               ref: "searchInput",
@@ -1530,7 +1530,7 @@ function sl(e, t, n, r, a, o) {
                   $(e.$slots, "custom-list", {}, void 0, !0)
                 ])
               ])) : e.options.length ? (d(), m("div", nl, [
-                (d(!0), m(Te, null, Re(e.options, (h, w) => (d(), ce(c, {
+                (d(!0), m(Te, null, Re(e.options, (h, w) => (d(), de(c, {
                   key: `${h.value}-${w}`,
                   selected: h.value === e.selected.value,
                   selectable: !0,
@@ -1547,7 +1547,7 @@ function sl(e, t, n, r, a, o) {
                   h.icon ? {
                     name: "icon",
                     fn: he(() => [
-                      (d(), ce(Rt(h.icon)))
+                      (d(), de(Rt(h.icon)))
                     ]),
                     key: "0"
                   } : void 0
@@ -1806,7 +1806,7 @@ function Cl(e, t, n, r, a, o) {
         }, null, 8, ["class"])
       ])
     ], 42, yl),
-    e.interactionStates.opened ? (d(), ce(s, {
+    e.interactionStates.opened ? (d(), de(s, {
       key: 0,
       "select-id": e.id,
       options: e.options,
@@ -2482,7 +2482,7 @@ var Jn = {
     }
   }
 };
-const Fl = /* @__PURE__ */ $o("data-v-60be6971"), xl = /* @__PURE__ */ Fl((e, t, n, r, a, o) => n.country ? (d(), ce("span", {
+const Fl = /* @__PURE__ */ $o("data-v-60be6971"), xl = /* @__PURE__ */ Fl((e, t, n, r, a, o) => n.country ? (d(), de("span", {
   key: 0,
   class: o.flagIconClass
 }, null, 2)) : D("", !0));
@@ -2592,7 +2592,7 @@ function Ml(e, t, n, r, a, o) {
     "data-test": n.dataTest,
     role: "menu"
   }, [
-    (d(!0), m(Te, null, Re(o.filteredCountriesList, (u) => (d(), ce(s, {
+    (d(!0), m(Te, null, Re(o.filteredCountriesList, (u) => (d(), de(s, {
       key: u.code,
       selected: u.code === n.selectedCountry.code,
       selectable: !0,
@@ -2965,15 +2965,15 @@ function lu(e, t, n, r, a, o) {
       y("span", iu, oe(e.errorText), 1)
     ])) : D("", !0),
     y("div", su, [
-      (d(!0), m(Te, null, Re(e.radios, (u, p) => (d(), ce(s, ze(u, {
-        id: `fusion-radio-${p}`,
+      (d(!0), m(Te, null, Re(e.radios, (u, p) => (d(), de(s, ze(u, {
+        id: u.id,
         key: p,
         "onUpdate:modelValue": (c) => e.updateValue(p, c)
       }), null, 16, ["id", "onUpdate:modelValue"]))), 128))
     ])
   ]);
 }
-const Em = /* @__PURE__ */ ye(eu, [["render", lu], ["__scopeId", "data-v-0b6458d6"]]), uu = ve({
+const Em = /* @__PURE__ */ ye(eu, [["render", lu], ["__scopeId", "data-v-1b87fa61"]]), uu = ve({
   name: "FusionCheckboxGroup",
   components: { SVGExclamationTriangle: Pt, FusionCheckbox: Kr },
   props: {
@@ -3026,7 +3026,7 @@ function gu(e, t, n, r, a, o) {
       y("span", mu, oe(e.errorText), 1)
     ])) : D("", !0),
     y("div", hu, [
-      (d(!0), m(Te, null, Re(e.checkboxes, (u, p) => (d(), ce(s, ze({ key: p }, u, {
+      (d(!0), m(Te, null, Re(e.checkboxes, (u, p) => (d(), de(s, ze({ key: p }, u, {
         "onUpdate:modelValue": (c) => e.updateValue(p, c)
       }), null, 16, ["onUpdate:modelValue"]))), 128))
     ])
@@ -3212,7 +3212,7 @@ const Nu = ["data-test"], Lu = { class: "fusion-banner-wrapper" }, Hu = {
 };
 function Ju(e, t, n, r, a, o) {
   const i = me("ExclamationTriangle"), s = me("InformationCircle"), u = me("CheckCircle"), p = me("ExclamationCircle"), c = me("SVGClose");
-  return d(), ce(Gt, { name: "fade" }, {
+  return d(), de(Gt, { name: "fade" }, {
     default: he(() => [
       Qt(y("div", {
         class: W(["fusion-banner", e.variantTypeClass]),
@@ -3220,19 +3220,19 @@ function Ju(e, t, n, r, a, o) {
         "data-test": e.dataTest
       }, [
         y("div", Lu, [
-          e.variantType == "danger" ? (d(), ce(i, {
+          e.variantType == "danger" ? (d(), de(i, {
             key: 0,
             class: "fusion-banner-icon fusion-icon-danger",
             "data-test": "fusion-banner-icon"
-          })) : e.variantType == "info" ? (d(), ce(s, {
+          })) : e.variantType == "info" ? (d(), de(s, {
             key: 1,
             class: "fusion-banner-icon fusion-icon-info",
             "data-test": "fusion-banner-icon"
-          })) : e.variantType == "success" ? (d(), ce(u, {
+          })) : e.variantType == "success" ? (d(), de(u, {
             key: 2,
             class: "fusion-banner-icon fusion-icon-success",
             "data-test": "fusion-banner-icon"
-          })) : e.variantType == "warning" ? (d(), ce(p, {
+          })) : e.variantType == "warning" ? (d(), de(p, {
             key: 3,
             class: "fusion-banner-icon fusion-icon-warning",
             "data-test": "fusion-banner-icon"
@@ -6563,13 +6563,13 @@ function Dn(e, t, n, r) {
     firstWeekContainsDate: k,
     weekStartsOn: F,
     locale: G
-  }, te = [new kc()], V = N.match(op).map(function(de) {
-    var X = de[0];
+  }, te = [new kc()], V = N.match(op).map(function(ce) {
+    var X = ce[0];
     if (X in Cn) {
       var Ae = Cn[X];
-      return Ae(de, G.formatLong);
+      return Ae(ce, G.formatLong);
     }
-    return de;
+    return ce;
   }).join("").match(rp), b = [], x = Ar(V), B;
   try {
     var q = function() {
@@ -6612,27 +6612,27 @@ function Dn(e, t, n, r) {
       if (pt(f) === "object")
         return f.v;
     }
-  } catch (de) {
-    x.e(de);
+  } catch (ce) {
+    x.e(ce);
   } finally {
     x.f();
   }
   if (R.length > 0 && lp.test(R))
     return /* @__PURE__ */ new Date(NaN);
-  var l = te.map(function(de) {
-    return de.priority;
-  }).sort(function(de, X) {
-    return X - de;
-  }).filter(function(de, X, Ae) {
-    return Ae.indexOf(de) === X;
-  }).map(function(de) {
+  var l = te.map(function(ce) {
+    return ce.priority;
+  }).sort(function(ce, X) {
+    return X - ce;
+  }).filter(function(ce, X, Ae) {
+    return Ae.indexOf(ce) === X;
+  }).map(function(ce) {
     return te.filter(function(X) {
-      return X.priority === de;
+      return X.priority === ce;
     }).sort(function(X, Ae) {
       return Ae.subPriority - X.subPriority;
     });
-  }).map(function(de) {
-    return de[0];
+  }).map(function(ce) {
+    return ce[0];
   }), P = ge(n);
   if (isNaN(P.getTime()))
     return /* @__PURE__ */ new Date(NaN);
@@ -6645,8 +6645,8 @@ function Dn(e, t, n, r) {
       var ue = g.set(Q, Z, E);
       Array.isArray(ue) ? (Q = ue[0], oc(Z, ue[1])) : Q = ue;
     }
-  } catch (de) {
-    ne.e(de);
+  } catch (ce) {
+    ne.e(ce);
   } finally {
     ne.f();
   }
@@ -8665,7 +8665,7 @@ const If = ({
             }, [
               $(V.$slots, "input-icon")
             ])) : D("", !0),
-            !V.$slots["input-icon"] && !V.hideInputIcon && !V.$slots["dp-input"] ? (d(), ce(A(Ta), {
+            !V.$slots["input-icon"] && !V.hideInputIcon && !V.$slots["dp-input"] ? (d(), de(A(Ta), {
               key: 1,
               class: "dp__input_icon dp__input_icons",
               onClick: b[1] || (b[1] = (B) => r("toggle"))
@@ -8674,7 +8674,7 @@ const If = ({
           V.$slots["clear-icon"] && e.inputValue && V.clearable && !V.disabled && !V.readonly ? (d(), m("span", Hf, [
             $(V.$slots, "clear-icon", { clear: E })
           ])) : D("", !0),
-          V.clearable && !V.$slots["clear-icon"] && e.inputValue && !V.disabled && !V.readonly ? (d(), ce(A(Po), {
+          V.clearable && !V.$slots["clear-icon"] && e.inputValue && !V.disabled && !V.readonly ? (d(), de(A(Po), {
             key: 3,
             class: "dp__clear_icon dp__input_icons",
             onClick: b[3] || (b[3] = Me((B) => E(B), ["prevent"]))
@@ -9069,7 +9069,7 @@ const If = ({
     return (L, K) => {
       var O, U, z;
       return d(), m("div", Gf, [
-        A(o)(A(s), e.instance) ? (d(), ce(ya, {
+        A(o)(A(s), e.instance) ? (d(), de(ya, {
           key: 0,
           ref: "mpPrevIconRef",
           "aria-label": (O = A(u)) == null ? void 0 : O.prevYear,
@@ -9078,7 +9078,7 @@ const If = ({
         }, {
           default: he(() => [
             L.$slots["arrow-left"] ? $(L.$slots, "arrow-left", { key: 0 }) : D("", !0),
-            L.$slots["arrow-left"] ? D("", !0) : (d(), ce(A(_n), { key: 1 }))
+            L.$slots["arrow-left"] ? D("", !0) : (d(), de(A(_n), { key: 1 }))
           ]),
           _: 3
         }, 8, ["aria-label", "disabled"])) : D("", !0),
@@ -9098,7 +9098,7 @@ const If = ({
             dt(oe(e.year), 1)
           ], 64))
         ], 40, Zf),
-        A(a)(A(s), e.instance) ? (d(), ce(ya, {
+        A(a)(A(s), e.instance) ? (d(), de(ya, {
           key: 1,
           ref: "mpNextIconRef",
           "aria-label": (z = A(u)) == null ? void 0 : z.nextYear,
@@ -9107,7 +9107,7 @@ const If = ({
         }, {
           default: he(() => [
             L.$slots["arrow-right"] ? $(L.$slots, "arrow-right", { key: 0 }) : D("", !0),
-            L.$slots["arrow-right"] ? D("", !0) : (d(), ce(A($n), { key: 1 }))
+            L.$slots["arrow-right"] ? D("", !0) : (d(), de(A($n), { key: 1 }))
           ]),
           _: 3
         }, 8, ["aria-label", "disabled"])) : D("", !0),
@@ -9116,7 +9116,7 @@ const If = ({
           css: A(c)
         }, {
           default: he(() => [
-            e.showYearPicker ? (d(), ce(xa, {
+            e.showYearPicker ? (d(), de(xa, {
               key: 0,
               items: e.items,
               "text-input": L.textInput,
@@ -9129,7 +9129,7 @@ const If = ({
             }, et({
               "button-icon": he(() => [
                 L.$slots["calendar-icon"] ? $(L.$slots, "calendar-icon", { key: 0 }) : D("", !0),
-                L.$slots["calendar-icon"] ? D("", !0) : (d(), ce(A(Ta), { key: 1 }))
+                L.$slots["calendar-icon"] ? D("", !0) : (d(), de(A(Ta), { key: 1 }))
               ]),
               _: 2
             }, [
@@ -9359,7 +9359,7 @@ const If = ({
       selectMonth: O,
       selectYear: U,
       handleYear: H
-    }), presetDate: L }), (N, fe) => (d(), ce(Ya, {
+    }), presetDate: L }), (N, fe) => (d(), de(Ya, {
       "multi-calendars": A(v).count,
       stretch: ""
     }, {
@@ -9371,7 +9371,7 @@ const If = ({
           selectMonth: A(O),
           selectYear: A(U),
           instance: G
-        }))) : (d(), ce(xa, {
+        }))) : (d(), de(xa, {
           key: 1,
           items: A(s)(G),
           "arrow-navigation": N.arrowNavigation,
@@ -9455,7 +9455,7 @@ const If = ({
       v.$slots["month-year"] ? $(v.$slots, "month-year", Ge(ze({ key: 0 }, {
         years: A(o),
         selectYear: A(u)
-      }))) : (d(), ce(xa, {
+      }))) : (d(), de(xa, {
         key: 1,
         items: A(o),
         "is-last": v.autoApply && !A(c).keepActionRow,
@@ -9528,7 +9528,7 @@ const If = ({
       () => (g) => V(g, a[g]) || T(g, a[g])
     ), z = j(() => ({ hours: a.hours, minutes: a.minutes, seconds: a.seconds })), T = (g, ue) => a.range && !a.disableTimeRangeValidation ? !a.validateTime(g, ue) : !1, H = (g, ue) => {
       if (a.range && !a.disableTimeRangeValidation) {
-        const de = ue ? +a[`${g}Increment`] : -+a[`${g}Increment`], X = a[g] + de;
+        const ce = ue ? +a[`${g}Increment`] : -+a[`${g}Increment`], X = a[g] + ce;
         return !a.validateTime(g, X);
       }
       return !1;
@@ -9552,34 +9552,34 @@ const If = ({
       }
       return { text: a[g] < 10 ? `0${a[g]}` : `${a[g]}`, value: a[g] };
     }), V = (g, ue) => {
-      var de;
+      var ce;
       if (!a.disabledTimesConfig)
         return !1;
       const X = a.disabledTimesConfig(a.order, g === "hours" ? ue : void 0);
-      return X[g] ? !!((de = X[g]) != null && de.includes(ue)) : !0;
+      return X[g] ? !!((ce = X[g]) != null && ce.includes(ue)) : !0;
     }, b = (g) => {
-      const ue = a.is24 ? 24 : 12, de = g === "hours" ? ue : 60, X = +a[`${g}GridIncrement`], Ae = g === "hours" && !a.is24 ? X : 0, pe = [];
-      for (let M = Ae; M < de; M += X)
+      const ue = a.is24 ? 24 : 12, ce = g === "hours" ? ue : 60, X = +a[`${g}GridIncrement`], Ae = g === "hours" && !a.is24 ? X : 0, pe = [];
+      for (let M = Ae; M < ce; M += X)
         pe.push({ value: M, text: M < 10 ? `0${M}` : `${M}` });
       return g === "hours" && !a.is24 && pe.push({ value: 0, text: "12" }), ia(pe, (M) => ({ active: !1, disabled: p.value.times[g].includes(M.value) || !x(M.value, g) || V(g, M.value) || T(g, M.value) }));
     }, x = (g, ue) => {
-      const de = a.minTime ? O(cn(a.minTime)) : null, X = a.maxTime ? O(cn(a.maxTime)) : null, Ae = O(cn(z.value, ue, g));
-      return de && X ? (Sa(Ae, X) || aa(Ae, X)) && (Ca(Ae, de) || aa(Ae, de)) : de ? Ca(Ae, de) || aa(Ae, de) : X ? Sa(Ae, X) || aa(Ae, X) : !0;
+      const ce = a.minTime ? O(cn(a.minTime)) : null, X = a.maxTime ? O(cn(a.maxTime)) : null, Ae = O(cn(z.value, ue, g));
+      return ce && X ? (Sa(Ae, X) || aa(Ae, X)) && (Ca(Ae, ce) || aa(Ae, ce)) : ce ? Ca(Ae, ce) || aa(Ae, ce) : X ? Sa(Ae, X) || aa(Ae, X) : !0;
     }, B = (g) => a[`no${g[0].toUpperCase() + g.slice(1)}Overlay`], q = (g) => {
       B(g) || (w[g] = !w[g], w[g] || r("overlay-closed"));
     }, f = (g) => g === "hours" ? gt : g === "minutes" ? Dt : ra, l = (g, ue = !0) => {
-      const de = ue ? fe : G, X = ue ? +a[`${g}Increment`] : -+a[`${g}Increment`];
+      const ce = ue ? fe : G, X = ue ? +a[`${g}Increment`] : -+a[`${g}Increment`];
       x(+a[g] + X, g) && r(
         `update:${g}`,
-        f(g)(de({ [g]: +a[g] }, { [g]: +a[`${g}Increment`] }))
+        f(g)(ce({ [g]: +a[g] }, { [g]: +a[`${g}Increment`] }))
       );
     }, P = (g) => a.is24 ? g : (g >= 12 ? S.value = "PM" : S.value = "AM", nf(g)), Q = () => {
       S.value === "PM" ? (S.value = "AM", r("update:hours", a.hours - 12)) : (S.value = "PM", r("update:hours", a.hours + 12)), r("am-pm-change", S.value);
     }, Z = (g) => {
       w[g] = !0;
-    }, ne = (g, ue, de) => {
+    }, ne = (g, ue, ce) => {
       if (g && a.arrowNavigation) {
-        Array.isArray(K.value[ue]) ? K.value[ue][de] = g : K.value[ue] = [g];
+        Array.isArray(K.value[ue]) ? K.value[ue][ce] = g : K.value[ue] = [g];
         const X = K.value.reduce(
           (Ae, pe) => pe.map((M, ee) => [...Ae[ee] || [], pe[ee]]),
           []
@@ -9588,7 +9588,7 @@ const If = ({
       }
     }, I = (g, ue) => (q(g), g === "hours" && !a.is24 ? r(`update:${g}`, S.value === "PM" ? ue + 12 : ue) : r(`update:${g}`, ue));
     return t({ openChildCmp: Z }), (g, ue) => {
-      var de;
+      var ce;
       return g.disabled ? D("", !0) : (d(), m("div", av, [
         (d(!0), m(Te, null, Re(F.value, (X, Ae) => {
           var pe, M, ee;
@@ -9623,7 +9623,7 @@ const If = ({
                   ov
                 ], 64)) : (d(), m(Te, { key: 0 }, [
                   g.$slots["arrow-up"] ? $(g.$slots, "arrow-up", { key: 0 }) : D("", !0),
-                  g.$slots["arrow-up"] ? D("", !0) : (d(), ce(A(tr), { key: 1 }))
+                  g.$slots["arrow-up"] ? D("", !0) : (d(), de(A(tr), { key: 1 }))
                 ], 64))
               ], 42, nv),
               y("button", {
@@ -9679,7 +9679,7 @@ const If = ({
                   uv
                 ], 64)) : (d(), m(Te, { key: 0 }, [
                   g.$slots["arrow-down"] ? $(g.$slots, "arrow-down", { key: 0 }) : D("", !0),
-                  g.$slots["arrow-down"] ? D("", !0) : (d(), ce(A(ar), { key: 1 }))
+                  g.$slots["arrow-down"] ? D("", !0) : (d(), de(A(ar), { key: 1 }))
                 ], 64))
               ], 42, sv)
             ], 64))
@@ -9698,7 +9698,7 @@ const If = ({
             type: "button",
             class: "dp__pm_am_button",
             role: "button",
-            "aria-label": (de = A(s)) == null ? void 0 : de.amPmButton,
+            "aria-label": (ce = A(s)) == null ? void 0 : ce.amPmButton,
             tabindex: "0",
             onClick: Q,
             onKeydown: [
@@ -9707,13 +9707,13 @@ const If = ({
             ]
           }, oe(S.value), 41, cv))
         ])),
-        (d(!0), m(Te, null, Re(E.value, (X, Ae) => (d(), ce(Gt, {
+        (d(!0), m(Te, null, Re(E.value, (X, Ae) => (d(), de(Gt, {
           key: Ae,
           name: A(v)(w[X.type]),
           css: A(h)
         }, {
           default: he(() => [
-            w[X.type] ? (d(), ce(xa, {
+            w[X.type] ? (d(), de(xa, {
               key: 0,
               items: b(X.type),
               "is-last": g.autoApply && !A(c).keepActionRow,
@@ -9728,7 +9728,7 @@ const If = ({
             }, et({
               "button-icon": he(() => [
                 g.$slots["clock-icon"] ? $(g.$slots, "clock-icon", { key: 0 }) : D("", !0),
-                g.$slots["clock-icon"] ? D("", !0) : (d(), ce(A(er), { key: 1 }))
+                g.$slots["clock-icon"] ? D("", !0) : (d(), de(A(er), { key: 1 }))
               ]),
               _: 2
             }, [
@@ -9830,7 +9830,7 @@ const If = ({
           onClick: x[2] || (x[2] = (q) => N(!0))
         }, [
           b.$slots["clock-icon"] ? $(b.$slots, "clock-icon", { key: 0 }) : D("", !0),
-          b.$slots["clock-icon"] ? D("", !0) : (d(), ce(A(er), { key: 1 }))
+          b.$slots["clock-icon"] ? D("", !0) : (d(), de(A(er), { key: 1 }))
         ], 42, vv)), [
           [ha, !A(S)(b.hideNavigation, "time")]
         ]) : D("", !0),
@@ -9872,7 +9872,7 @@ const If = ({
                     key: 1,
                     class: W(b.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
-                    (d(!0), m(Te, null, Re(R.value, (f, l) => Qt((d(), ce(pv, ze({ key: l }, {
+                    (d(!0), m(Te, null, Re(R.value, (f, l) => Qt((d(), de(pv, ze({ key: l }, {
                       ...b.$props,
                       order: l,
                       hours: f.hours,
@@ -9918,7 +9918,7 @@ const If = ({
                     onClick: x[6] || (x[6] = (f) => N(!1))
                   }, [
                     b.$slots["calendar-icon"] ? $(b.$slots, "calendar-icon", { key: 0 }) : D("", !0),
-                    b.$slots["calendar-icon"] ? D("", !0) : (d(), ce(A(Ta), { key: 1 }))
+                    b.$slots["calendar-icon"] ? D("", !0) : (d(), de(A(Ta), { key: 1 }))
                   ], 42, hv)), [
                     [ha, !A(S)(b.hideNavigation, "time")]
                   ]) : D("", !0)
@@ -10054,7 +10054,7 @@ const If = ({
       modelValue: u,
       time: s,
       updateTime: c
-    }) }), (h, w) => (d(), ce(Ya, {
+    }) }), (h, w) => (d(), de(Ya, {
       "multi-calendars": 0,
       stretch: ""
     }, {
@@ -10176,7 +10176,7 @@ const If = ({
       var Q, Z, ne;
       return d(), m("div", bv, [
         l.$slots["month-year"] ? $(l.$slots, "month-year", Ge(ze({ key: 0 }, { month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: A(K), handleMonthYearChange: A(S), instance: e.instance }))) : (d(), m(Te, { key: 1 }, [
-          A(O)(A(s), e.instance) && !l.vertical ? (d(), ce(ya, {
+          A(O)(A(s), e.instance) && !l.vertical ? (d(), de(ya, {
             key: 0,
             "aria-label": (Q = A(i)) == null ? void 0 : Q.prevMonth,
             disabled: A(L)(!1),
@@ -10185,7 +10185,7 @@ const If = ({
           }, {
             default: he(() => [
               l.$slots["arrow-left"] ? $(l.$slots, "arrow-left", { key: 0 }) : D("", !0),
-              l.$slots["arrow-left"] ? D("", !0) : (d(), ce(A(_n), { key: 1 }))
+              l.$slots["arrow-left"] ? D("", !0) : (d(), de(A(_n), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled"])) : D("", !0),
@@ -10224,7 +10224,7 @@ const If = ({
                 css: A(h)
               }, {
                 default: he(() => [
-                  I.showSelectionGrid ? (d(), ce(xa, {
+                  I.showSelectionGrid ? (d(), de(xa, {
                     key: 0,
                     items: I.items,
                     "arrow-navigation": l.arrowNavigation,
@@ -10241,7 +10241,7 @@ const If = ({
                   }, et({
                     "button-icon": he(() => [
                       l.$slots["calendar-icon"] ? $(l.$slots, "calendar-icon", { key: 0 }) : D("", !0),
-                      l.$slots["calendar-icon"] ? D("", !0) : (d(), ce(A(Ta), { key: 1 }))
+                      l.$slots["calendar-icon"] ? D("", !0) : (d(), de(A(Ta), { key: 1 }))
                     ]),
                     _: 2
                   }, [
@@ -10277,7 +10277,7 @@ const If = ({
               }, 1032, ["name", "css"])
             ], 64))), 128))
           ], 2),
-          A(O)(A(s), e.instance) && l.vertical ? (d(), ce(ya, {
+          A(O)(A(s), e.instance) && l.vertical ? (d(), de(ya, {
             key: 1,
             "aria-label": (Z = A(i)) == null ? void 0 : Z.prevMonth,
             disabled: A(L)(!1),
@@ -10285,11 +10285,11 @@ const If = ({
           }, {
             default: he(() => [
               l.$slots["arrow-up"] ? $(l.$slots, "arrow-up", { key: 0 }) : D("", !0),
-              l.$slots["arrow-up"] ? D("", !0) : (d(), ce(A(tr), { key: 1 }))
+              l.$slots["arrow-up"] ? D("", !0) : (d(), de(A(tr), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled"])) : D("", !0),
-          A(U)(A(s), e.instance) ? (d(), ce(ya, {
+          A(U)(A(s), e.instance) ? (d(), de(ya, {
             key: 2,
             ref: "rightIcon",
             disabled: A(L)(!0),
@@ -10299,7 +10299,7 @@ const If = ({
           }, {
             default: he(() => [
               l.$slots[l.vertical ? "arrow-down" : "arrow-right"] ? $(l.$slots, l.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : D("", !0),
-              l.$slots[l.vertical ? "arrow-down" : "arrow-right"] ? D("", !0) : (d(), ce(Rt(l.vertical ? A(ar) : A($n)), { key: 1 }))
+              l.$slots[l.vertical ? "arrow-down" : "arrow-right"] ? D("", !0) : (d(), de(Rt(l.vertical ? A(ar) : A($n)), { key: 1 }))
             ]),
             _: 3
           }, 8, ["disabled", "aria-label"])) : D("", !0)
@@ -10376,8 +10376,8 @@ const If = ({
       dp__calendar: !0,
       dp__calendar_next: p.value.count > 0 && a.instance !== 0
     })), E = j(() => (I) => a.hideOffsetDates ? I.current : !0), te = async (I, g, ue) => {
-      var de, X;
-      if (r("set-hover-date", I), (X = (de = I.marker) == null ? void 0 : de.tooltip) != null && X.length) {
+      var ce, X;
+      if (r("set-hover-date", I), (X = (ce = I.marker) == null ? void 0 : ce.tooltip) != null && X.length) {
         const Ae = je(w.value[g][ue]);
         if (Ae) {
           const { width: pe, height: M } = Ae.getBoundingClientRect();
@@ -10432,18 +10432,18 @@ const If = ({
           (d(), m(Te, { key: 0 }, [
             y("div", Cv, [
               I.weekNumbers ? (d(), m("div", Sv, oe(I.weekNumName), 1)) : D("", !0),
-              (d(!0), m(Te, null, Re(H.value, (de, X) => (d(), m("div", {
+              (d(!0), m(Te, null, Re(H.value, (ce, X) => (d(), m("div", {
                 key: X,
                 class: "dp__calendar_header_item",
                 role: "gridcell"
               }, [
                 I.$slots["calendar-header"] ? $(I.$slots, "calendar-header", {
                   key: 0,
-                  day: de,
+                  day: ce,
                   index: X
                 }) : D("", !0),
                 I.$slots["calendar-header"] ? D("", !0) : (d(), m(Te, { key: 1 }, [
-                  dt(oe(de), 1)
+                  dt(oe(ce), 1)
                 ], 64))
               ]))), 128))
             ]),
@@ -10453,13 +10453,13 @@ const If = ({
               css: !!I.transitions
             }, {
               default: he(() => {
-                var de;
+                var ce;
                 return [
                   L.value ? (d(), m("div", {
                     key: 0,
                     class: "dp__calendar",
                     role: "rowgroup",
-                    "aria-label": ((de = A(u)) == null ? void 0 : de.calendarDays) || void 0
+                    "aria-label": ((ce = A(u)) == null ? void 0 : ce.calendarDays) || void 0
                   }, [
                     (d(!0), m(Te, null, Re(T.value, (X, Ae) => (d(), m("div", {
                       key: Ae,
@@ -10690,7 +10690,7 @@ const If = ({
       });
     }
     return Fe;
-  }, de = (C, Y) => {
+  }, ce = (C, Y) => {
     const Ce = [], Fe = new Date(Y, C), _ = new Date(Y, C + 1, 0), De = e.weekStart, Se = Wt(Fe, { weekStartsOn: De }), Bt = (kt) => {
       const qt = ue(kt, C);
       if (Ce.push({ days: qt }), !Ce[Ce.length - 1].days.some(
@@ -10778,7 +10778,7 @@ const If = ({
     time: s,
     disabledTimesConfig: z,
     validateTime: U,
-    getCalendarDays: de,
+    getCalendarDays: ce,
     getMarker: ne,
     handleScroll: P,
     handleSwipe: Z,
@@ -10897,7 +10897,7 @@ const If = ({
         "multi-calendars": A(k).count
       }, {
         default: he(({ instance: ne, index: I }) => [
-          Q.disableMonthYearSelect ? D("", !0) : (d(), ce(Av, ze({
+          Q.disableMonthYearSelect ? D("", !0) : (d(), de(Av, ze({
             key: 0,
             ref: (g) => {
               g && (F.value[I] = g);
@@ -10915,8 +10915,8 @@ const If = ({
           }), et({ _: 2 }, [
             Re(A(b), (g, ue) => ({
               name: g,
-              fn: he((de) => [
-                $(Q.$slots, g, Ge(rt(de)))
+              fn: he((ce) => [
+                $(Q.$slots, g, Ge(rt(ce)))
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
@@ -10941,8 +10941,8 @@ const If = ({
           }), et({ _: 2 }, [
             Re(A(V), (g, ue) => ({
               name: g,
-              fn: he((de) => [
-                $(Q.$slots, g, Ge(rt({ ...de })))
+              fn: he((ce) => [
+                $(Q.$slots, g, Ge(rt({ ...ce })))
               ])
             }))
           ]), 1040, ["mapped-dates", "month", "year", "instance", "onSelectDate", "onHandleSpace", "onHandleScroll", "onHandleSwipe"])
@@ -10950,7 +10950,7 @@ const If = ({
         _: 3
       }, 8, ["multi-calendars"]),
       Q.enableTimePicker ? (d(), m("div", Iv, [
-        Q.$slots["time-picker"] ? $(Q.$slots, "time-picker", Ge(ze({ key: 0 }, { time: A(p), updateTime: A(H) }))) : (d(), ce(Xo, ze({
+        Q.$slots["time-picker"] ? $(Q.$slots, "time-picker", Ge(ze({ key: 0 }, { time: A(p), updateTime: A(H) }))) : (d(), de(Xo, ze({
           key: 1,
           ref_key: "timePickerRef",
           ref: te
@@ -11084,7 +11084,7 @@ const If = ({
       selectQuarter: K,
       handleYearSelect: U,
       handleYear: z
-    }) }), (T, H) => (d(), ce(Ya, {
+    }) }), (T, H) => (d(), de(Ya, {
       "multi-calendars": A(s).count,
       stretch: ""
     }, {
@@ -11247,7 +11247,7 @@ const If = ({
         if (M === "right")
           return T();
       } else
-        M === "left" || M === "up" ? de("handleArrow", "left", 0, M === "up") : de("handleArrow", "right", 0, M === "down");
+        M === "left" || M === "up" ? ce("handleArrow", "left", 0, M === "up") : ce("handleArrow", "right", 0, M === "down");
     }, ne = (M) => {
       s(M.shiftKey), !a.disableMonthYearSelect && M.code === "Tab" && M.target.classList.contains("dp__menu") && u.value.shiftKeyInMenu && (M.preventDefault(), Nt(M, h.value, !0), r("close-picker"));
     }, I = () => {
@@ -11258,19 +11258,19 @@ const If = ({
     }, ue = (M, ee = 0) => {
       var Pe, re, Le;
       return M === "month" ? (Pe = U.value) == null ? void 0 : Pe.toggleMonthPicker(!1, !0, ee) : M === "year" ? (re = U.value) == null ? void 0 : re.toggleYearPicker(!1, !0, ee) : M === "time" ? (Le = U.value) == null ? void 0 : Le.toggleTimePicker(!0, !1) : g(ee);
-    }, de = (M, ...ee) => {
+    }, ce = (M, ...ee) => {
       var Pe, re;
       (Pe = U.value) != null && Pe[M] && ((re = U.value) == null || re[M](...ee));
     }, X = () => {
-      de("selectCurrentDate");
+      ce("selectCurrentDate");
     }, Ae = (M, ee) => {
-      de("presetDate", M, ee);
+      ce("presetDate", M, ee);
     }, pe = () => {
-      de("clearHoverDate");
+      ce("clearHoverDate");
     };
     return t({
       updateMonthYear: (M, ee) => {
-        de("updateMonthYear", M, ee);
+        ce("updateMonthYear", M, ee);
       },
       switchView: ue
     }), (M, ee) => {
@@ -11338,7 +11338,7 @@ const If = ({
             class: "dp__instance_calendar",
             role: "document"
           }, [
-            (d(), ce(Rt(E.value), ze({
+            (d(), de(Rt(E.value), ze({
               ref_key: "dynCmpRef",
               ref: U
             }, o.value, {
@@ -11383,7 +11383,7 @@ const If = ({
             }) : D("", !0)
           ])) : D("", !0)
         ], 6),
-        !M.autoApply || A(h).keepActionRow ? (d(), ce(Xf, ze({
+        !M.autoApply || A(h).keepActionRow ? (d(), de(Xf, ze({
           key: 2,
           "menu-mount": O.value
         }, o.value, {
@@ -11506,7 +11506,7 @@ const If = ({
         dp__flex_display: N.value.enabled,
         dp__flex_display_with_input: N.value.input
       })
-    ), ue = j(() => a.dark ? "dp__theme_dark" : "dp__theme_light"), de = j(() => a.teleport ? {
+    ), ue = j(() => a.dark ? "dp__theme_dark" : "dp__theme_light"), ce = j(() => a.teleport ? {
       to: typeof a.teleport == "boolean" ? "body" : a.teleport,
       disabled: N.value.enabled
     } : { class: "dp__outer_menu_wrap" }), X = j(() => N.value.enabled && (a.timePicker || a.monthPicker || a.yearPicker || a.quarterPicker)), Ae = () => {
@@ -11614,11 +11614,11 @@ const If = ({
         css: A(k) && !A(N).enabled
       }, {
         default: he(() => [
-          i.value ? (d(), ce(Rt(_.teleport ? ei : "div"), ze({
+          i.value ? (d(), de(Rt(_.teleport ? ei : "div"), ze({
             key: 0,
             ref_key: "dpWrapMenuRef",
             ref: p
-          }, de.value, {
+          }, ce.value, {
             class: { "dp--menu-wrapper": !A(N).enabled },
             style: A(N).enabled ? void 0 : A(b)
           }), {
@@ -11783,6 +11783,22 @@ const a1 = /* @__PURE__ */ ye(Gv, [["render", t1]]), n1 = ve({
     dataTest: {
       type: String,
       default: "fusion-date-picker"
+    },
+    monthPicker: {
+      type: Boolean,
+      default: !1
+    },
+    yearPicker: {
+      type: Boolean,
+      default: !1
+    },
+    timePicker: {
+      type: Boolean,
+      default: !1
+    },
+    weekPicker: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["input:blur", "input:focus", "update:modelValue"],
@@ -11871,6 +11887,10 @@ function u1(e, t, n, r, a, o) {
       "min-date": e.minDate,
       disabled: e.disabled,
       clearable: e.isClearable,
+      "month-picker": e.monthPicker,
+      "year-picker": e.yearPicker,
+      "time-picker": e.timePicker,
+      "week-picker": e.weekPicker,
       onBlur: e.handleBlur,
       onFocus: e.handleFocus
     }, {
@@ -11878,14 +11898,14 @@ function u1(e, t, n, r, a, o) {
         ke(i, { class: "fusion-date-picker icon" })
       ]),
       _: 1
-    }, 8, ["modelValue", "uid", "format", "placeholder", "autocomplete", "required", "text-input", "name", "class", "max-date", "min-date", "disabled", "clearable", "onUpdate:modelValue", "onBlur", "onFocus"]),
+    }, 8, ["modelValue", "uid", "format", "placeholder", "autocomplete", "required", "text-input", "name", "class", "max-date", "min-date", "disabled", "clearable", "month-picker", "year-picker", "time-picker", "week-picker", "onUpdate:modelValue", "onBlur", "onFocus"]),
     e.errorLabel ? (d(), m("div", s1, [
       ke(u, { "data-test": "error-icon" }),
       y("span", l1, oe(e.errorLabel), 1)
     ])) : D("", !0)
   ], 8, r1);
 }
-const Xm = /* @__PURE__ */ ye(n1, [["render", u1], ["__scopeId", "data-v-1a23a7be"]]), d1 = ve({
+const Xm = /* @__PURE__ */ ye(n1, [["render", u1], ["__scopeId", "data-v-33df37bc"]]), d1 = ve({
   name: "FusionSearchableInput",
   components: {
     SVGSearch: Zr,
@@ -12095,7 +12115,7 @@ function m1(e, t, n, r, a, o) {
         ]),
         _: 1
       }, 8, ["id", "tabindex", "autofocus", "aria-labelledby", "aria-invalid", "aria-disabled", "class", "error-label", "disabled", "input", "placeholder", "autocomplete", "onClick", "onInput:blur", "onInput:focus", "onKeydown", "onUpdate:input"]),
-      e.interactionStates.opened ? (d(), ce(u, {
+      e.interactionStates.opened ? (d(), de(u, {
         key: 0,
         "select-id": "fusion-searchable-input-select-" + e.id,
         options: e.options,
@@ -12300,7 +12320,7 @@ function U1(e, t, n, r, a, o) {
     onMouseleave: t[3] || (t[3] = (s) => e.hover = !1),
     onClick: t[4] || (t[4] = (...s) => e.onClick && e.onClick(...s))
   }, [
-    e.loading ? (d(), ce(i, {
+    e.loading ? (d(), de(i, {
       key: 0,
       "spinner-colour": e.spinnerColourValue
     }, null, 8, ["spinner-colour"])) : (d(), m("span", I1, [
@@ -12582,7 +12602,7 @@ function Z1(e, t, n, r, a, o) {
       y("div", j1, [
         $(e.$slots, "content", {}, void 0, !0)
       ]),
-      e.$slots.footer && !e.$slots.image ? (d(), ce(i, {
+      e.$slots.footer && !e.$slots.image ? (d(), de(i, {
         key: 0,
         class: "fusion-card-divider"
       })) : D("", !0),
@@ -12661,7 +12681,7 @@ function s0(e, t, n, r, a, o) {
   const i = me("FusionProgressBarStep");
   return d(), m("div", o0, [
     y("div", i0, [
-      (d(!0), m(Te, null, Re(e.steps, (s, u) => (d(), ce(i, {
+      (d(!0), m(Te, null, Re(e.steps, (s, u) => (d(), de(i, {
         key: `step-${s.position}`,
         active: !e.isCompleted(u) && u <= e.stepNumber - 1,
         "current-step": u === e.stepNumber - 1,
@@ -12976,7 +12996,7 @@ const _m = /* @__PURE__ */ ye(w0, [["render", P0], ["__scopeId", "data-v-3a17c01
 };
 const B0 = { class: "fusion-list-item-content" };
 function F0(e, t, n, r, a, o) {
-  return d(), ce(Rt(o.componentTag), ze({
+  return d(), de(Rt(o.componentTag), ze({
     class: ["fusion-list-item", {
       hover: a.isHovered,
       pressed: a.isPressed,
@@ -13003,7 +13023,7 @@ function F0(e, t, n, r, a, o) {
     _: 3
   }, 16, ["class", "tabindex", "onClick", "onKeydown", "onMouseover", "onMouseout", "onMousedown", "onMouseup"]);
 }
-const $m = /* @__PURE__ */ ye(T0, [["render", F0], ["__scopeId", "data-v-fbfc1e12"]]), x0 = ve({
+const $m = /* @__PURE__ */ ye(T0, [["render", F0], ["__scopeId", "data-v-31387a17"]]), x0 = ve({
   name: "SVGArrowRight"
 }), O0 = {
   width: "24",
@@ -13137,7 +13157,7 @@ function j0(e, t, n, r, a, o) {
     class: W(["fusion-toast-message", e.toastTypeClass])
   }, [
     y("div", z0, [
-      (d(), ce(Rt(e.iconComponent)))
+      (d(), de(Rt(e.iconComponent)))
     ]),
     y("div", K0, [
       e.title ? (d(), m("div", Y0, oe(e.title), 1)) : D("", !0),
@@ -13229,7 +13249,7 @@ const rm = { class: "fusion-toolbar" }, om = { class: "fusion-toolbar-content" }
 function lm(e, t, n, r, a, o) {
   const i = me("SVGArrowLeft"), s = me("FusionIconButton");
   return d(), m("div", rm, [
-    e.showBackButton ? (d(), ce(s, {
+    e.showBackButton ? (d(), de(s, {
       key: 0,
       "variant-style": "ghost",
       size: "small",
@@ -13347,7 +13367,7 @@ function ym(e, t, n, r, a, o) {
       $(e.$slots, "content", {}, void 0, !0)
     ]),
     y("div", gm, [
-      e.hideCancelButton ? D("", !0) : (d(), ce(i, {
+      e.hideCancelButton ? D("", !0) : (d(), de(i, {
         key: 0,
         label: e.cancelButtonLabel,
         size: "regular",
@@ -13356,7 +13376,7 @@ function ym(e, t, n, r, a, o) {
         class: "fusion-footer-bar-button",
         onClick: t[0] || (t[0] = (s) => e.$emit("cancel"))
       }, null, 8, ["label"])),
-      e.hideBackButton ? D("", !0) : (d(), ce(i, {
+      e.hideBackButton ? D("", !0) : (d(), de(i, {
         key: 1,
         label: e.backButtonLabel,
         size: "regular",
@@ -13365,7 +13385,7 @@ function ym(e, t, n, r, a, o) {
         class: "fusion-footer-bar-button",
         onClick: t[1] || (t[1] = (s) => e.$emit("back"))
       }, null, 8, ["label"])),
-      e.hideConfirmButton ? D("", !0) : (d(), ce(i, {
+      e.hideConfirmButton ? D("", !0) : (d(), de(i, {
         key: 2,
         label: e.confirmButtonLabel,
         size: "regular",
@@ -13377,7 +13397,7 @@ function ym(e, t, n, r, a, o) {
     ])
   ], 2);
 }
-const rh = /* @__PURE__ */ ye(mm, [["render", ym], ["__scopeId", "data-v-0686169d"]]), bm = {
+const rh = /* @__PURE__ */ ye(mm, [["render", ym], ["__scopeId", "data-v-8b63d880"]]), bm = {
   name: "FusionSubheadingBar",
   props: {
     label: {
@@ -13510,7 +13530,7 @@ function Bm(e, t, n, r, a, o) {
   return d(), m("footer", {
     class: W(["fusion-modal-footer", { shadow: n.hasShadow, "fusion-modal-footer-mobile": a.isMobile }])
   }, [
-    n.hideCancel ? D("", !0) : (d(), ce(i, {
+    n.hideCancel ? D("", !0) : (d(), de(i, {
       key: 0,
       size: "small",
       "variant-style": "ghost",
@@ -13518,7 +13538,7 @@ function Bm(e, t, n, r, a, o) {
       "variant-type": "primary",
       onClick: o.handleCancel
     }, null, 8, ["label", "onClick"])),
-    n.hideConfirm ? D("", !0) : (d(), ce(i, {
+    n.hideConfirm ? D("", !0) : (d(), de(i, {
       key: 1,
       size: "small",
       "variant-style": "filled",
@@ -13608,7 +13628,7 @@ const Fm = /* @__PURE__ */ ye(Tm, [["render", Bm], ["__scopeId", "data-v-4f48b81
     }
   }
 };
-const Om = (e) => (Un("data-v-0ac0e24c"), e = e(), Vn(), e), Im = ["aria-labelledby"], Um = /* @__PURE__ */ Om(() => /* @__PURE__ */ y("div", {
+const Om = (e) => (Un("data-v-13be1642"), e = e(), Vn(), e), Im = ["aria-labelledby"], Um = /* @__PURE__ */ Om(() => /* @__PURE__ */ y("div", {
   class: "fusion-modal-background",
   "aria-hidden": "true"
 }, null, -1));
@@ -13644,7 +13664,8 @@ function Vm(e, t, n, r, a, o) {
           }, [
             $(e.$slots, "content", {}, void 0, !0)
           ], 544),
-          ke(s, {
+          n.hideCancel && n.hideConfirm ? D("", !0) : (d(), de(s, {
+            key: 0,
             "mobile-breakpoint": n.mobileBreakpoint,
             "has-shadow": a.footerShadow,
             "cancel-button-label": n.cancelButtonLabel,
@@ -13653,7 +13674,7 @@ function Vm(e, t, n, r, a, o) {
             "hide-confirm": n.hideConfirm,
             onCancel: o.cancelModal,
             onConfirm: o.confirmModal
-          }, null, 8, ["mobile-breakpoint", "has-shadow", "cancel-button-label", "confirm-button-label", "hide-cancel", "hide-confirm", "onCancel", "onConfirm"])
+          }, null, 8, ["mobile-breakpoint", "has-shadow", "cancel-button-label", "confirm-button-label", "hide-cancel", "hide-confirm", "onCancel", "onConfirm"]))
         ], 8, Im)
       ]),
       _: 3
@@ -13661,7 +13682,7 @@ function Vm(e, t, n, r, a, o) {
     Um
   ], 2);
 }
-const ih = /* @__PURE__ */ ye(xm, [["render", Vm], ["__scopeId", "data-v-0ac0e24c"]]);
+const ih = /* @__PURE__ */ ye(xm, [["render", Vm], ["__scopeId", "data-v-13be1642"]]);
 export {
   Jm as FusionBanner,
   zr as FusionButton,