@adyen/bento-vue3 1.32.0 → 1.33.0

package/dist/chunks/{base-modal.09efJqFH.js → base-modal.BPaKKH3Q.js}

@@ -1,30 +1,30 @@
-import { defineComponent as M, useSlots as Z, ref as f, computed as u, inject as ce, watch as q, nextTick as ue, onUnmounted as re, openBlock as _, createBlock as O, normalizeClass as J, unref as t, createSlots as ee, withCtx as i, createElementVNode as b, normalizeStyle as P, renderSlot as r, createCommentVNode as R, createVNode as W, useAttrs as me, onMounted as ge, provide as T, toRefs as fe, createElementBlock as ve, withKeys as pe, withDirectives as ye } from "vue";
-import { B as be } from "./button.BbV2BOSa.js";
-import { B as _e } from "./focus-trap.CwkbHfT8.js";
-import { u as te } from "./use-has-slot.B7eQSabc.js";
-import { u as he } from "./i18n.DY5YXG5f.js";
+import { defineComponent as $, useSlots as ee, ref as g, computed as d, inject as ce, watch as Y, nextTick as re, onUnmounted as me, openBlock as A, createBlock as S, normalizeClass as q, createSlots as te, withCtx as l, createElementVNode as h, normalizeStyle as O, unref as t, renderSlot as c, createCommentVNode as w, createVNode as J, useAttrs as ge, onMounted as ve, provide as G, toRefs as fe, createElementBlock as pe, withKeys as ye, withDirectives as _e } from "vue";
+import { B as be } from "./button.Br6CyG40.js";
+import { B as Le } from "./focus-trap.CwkbHfT8.js";
+import { u as ae } from "./use-has-slot.B7eQSabc.js";
+import { u as he } from "./i18n.DL9GT2-k.js";
 import { M as Ae } from "./base-modal.keys.C2PQXcE2.js";
-import { g as Le } from "./unique-id.XFfoKuc2.js";
-import { B as Ce } from "./directive.O3yEdalv.js";
-import { B as X } from "./typography.CSIykcgS.js";
-import { F as Ee } from "./footer-actions.Dj2vH6Hj.js";
-import { D as Ie, B as Pe, b as Oe, a as Se } from "./dialog-page.CBim-VWH.js";
+import { g as Ce } from "./unique-id.XFfoKuc2.js";
+import { B as Ee } from "./directive.O3yEdalv.js";
+import { B as Z } from "./typography.z9P0Ec3Q.js";
+import { F as Ie } from "./footer-actions.gtxofUAa.js";
+import { D as Oe, B as Se, b as Pe, a as De } from "./dialog-page.DALFn9KR.js";
 import { o as ke } from "./resize.Bqks3WUm.js";
-import { G as De, a as Be } from "./grid-layout.CqLbbEzI.js";
-import { _ as ae } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { C as Ge } from "./cross.BlL0FyHo.js";
+import { G as Be, a as Te } from "./grid-layout.CqLbbEzI.js";
+import { _ as oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { C as Ne } from "./cross.OvPfvoqX.js";
 import "../assets/base-modal.css";
-var we = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.DIALOG = "dialog", e))(we || {}), Ne = /* @__PURE__ */ ((e) => (e.DEFAULT = "BentoModalDefault", e.DIALOG = "BentoModalDialog", e))(Ne || {}), $ = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))($ || {}), G = /* @__PURE__ */ ((e) => (e.SMALLER = "smaller", e.EQUAL = "equal", e.BIGGER = "bigger", e))(G || {}), j = /* @__PURE__ */ ((e) => (e.DIALOG = "dialog", e.ALERT_DIALOG = "alertdialog", e))(j || {}), Te = /* @__PURE__ */ ((e) => (e.CONFIRMATION = "confirmation", e.DESTRUCTIVE = "destructive", e.INFO = "info", e.ACKNOWLEDGEMENT = "acknowledgement", e))(Te || {}), Re = /* @__PURE__ */ ((e) => (e.CLOSE_MODAL = "close-modal", e))(Re || {});
-const oe = {
+var Ge = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.DIALOG = "dialog", e))(Ge || {}), we = /* @__PURE__ */ ((e) => (e.DEFAULT = "BentoModalDefault", e.DIALOG = "BentoModalDialog", e))(we || {}), R = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))(R || {}), k = /* @__PURE__ */ ((e) => (e.SMALLER = "smaller", e.EQUAL = "equal", e.BIGGER = "bigger", e))(k || {}), W = /* @__PURE__ */ ((e) => (e.DIALOG = "dialog", e.ALERT_DIALOG = "alertdialog", e))(W || {}), Re = /* @__PURE__ */ ((e) => (e.CONFIRMATION = "confirmation", e.DESTRUCTIVE = "destructive", e.INFO = "info", e.ACKNOWLEDGEMENT = "acknowledgement", e))(Re || {}), $e = /* @__PURE__ */ ((e) => (e.CLOSE_MODAL = "close-modal", e))($e || {});
+const ne = {
   "en-US": {
     ariaLabelFallback: "modal",
     close: "Close"
   }
-}, ne = Symbol("modal config data injection key"), $e = { class: "b-modal-page__header" }, Me = {
+}, se = Symbol("modal config data injection key"), Me = { class: "b-modal-page__header" }, ze = {
   "aria-label": "modal actions",
   class: "b-modal-page__actions"
-}, ze = M({}), Fe = /* @__PURE__ */ M({
-  ...ze,
+}, Fe = $({}), Ue = /* @__PURE__ */ $({
+  ...Fe,
   __name: "modal-page",
   props: {
     /**
@@ -68,7 +68,7 @@ const oe = {
      */
     columnsSize: {
       type: String,
-      default: G.SMALLER
+      default: k.SMALLER
     },
     /**
      * If provided, manages the padding of the whole modal container
@@ -100,120 +100,117 @@ const oe = {
     }
   },
   setup(e) {
-    const o = e, S = 26, n = Z(), l = te(n), p = f(null), z = u(() => ({
-      "b-modal-page--custom-padding": o.customPadding
-    })), F = u(() => {
+    const M = ee(), u = ae(M), p = g(null), n = e, z = d(() => ({
+      "b-modal-page--custom-padding": n.customPadding
+    })), y = d(() => {
       var s;
       return {
-        "b-modal-page__content--with-header": l("default"),
-        "b-modal-page__content--with-actions": l("actions") || ((s = o.actions) == null ? void 0 : s.length)
+        "b-modal-page__content--with-header": u("default"),
+        "b-modal-page__content--with-actions": u("actions") || ((s = n.actions) == null ? void 0 : s.length)
       };
-    }), c = u(() => {
-      if (!o.customPadding)
+    }), i = d(() => {
+      if (!n.customPadding)
         return {};
       const s = {
-        paddingLeft: o.customPadding,
-        paddingRight: o.customPadding
-      }, d = { ...s, paddingTop: void 0, paddingBottom: void 0 };
-      return l("default") || (d.paddingTop = o.customPadding), l("actions") || (d.paddingBottom = o.customPadding), {
+        paddingLeft: n.customPadding,
+        paddingRight: n.customPadding
+      }, r = { ...s, paddingTop: void 0, paddingBottom: void 0 };
+      return u("default") || (r.paddingTop = n.customPadding), u("actions") || (r.paddingBottom = n.customPadding), {
         header: {
           ...s,
-          paddingTop: o.customPadding,
-          paddingRight: `${parseInt(o.customPadding, 10) + S}px`,
+          paddingTop: n.customPadding,
+          paddingRight: `${parseInt(n.customPadding, 10) + 26}px`,
           flex: 1
         },
-        content: d,
-        actions: { ...s, paddingBottom: o.customPadding },
-        backButton: { top: o.customPadding, paddingLeft: o.customPadding }
+        content: r,
+        actions: { ...s, paddingBottom: n.customPadding },
+        backButton: { top: n.customPadding, paddingLeft: n.customPadding }
       };
-    }), g = u(() => o.withColumnLayout && H.value === $.LARGE), h = u(() => o.columnsSize === G.SMALLER ? [
+    }), _ = d(() => n.withColumnLayout && U.value === R.LARGE), B = d(() => n.columnsSize === k.SMALLER ? [
       { small: 4, medium: 4, large: 4 },
       { small: 8, medium: 8, large: 8 }
-    ] : o.columnsSize === G.BIGGER ? [
+    ] : n.columnsSize === k.BIGGER ? [
       { small: 8, medium: 8, large: 8 },
       { small: 4, medium: 4, large: 4 }
     ] : [
       { small: 6, medium: 6, large: 6 },
       { small: 6, medium: 6, large: 6 }
-    ]), { activePage: A, height: L, isAnimationActive: y, pageCustomPadding: U, showCloseButton: K, size: H } = ce(ne), w = u(() => A.value === o.pageId || !A.value);
-    let C = null;
-    return q(
-      () => A.value,
-      async (s, d) => {
-        var m, k;
-        w.value && (await ue(), L.value = `${(k = (m = p.value) == null ? void 0 : m.$el) == null ? void 0 : k.clientHeight}px`, U.value = o.customPadding, y.value = d !== void 0, C = ke(p.value, () => {
-          var E, B;
-          const D = `${(B = (E = p.value) == null ? void 0 : E.$el) == null ? void 0 : B.clientHeight}px`;
-          D && D !== L.value && (L.value = D);
+    ]), { activePage: b, height: o, isAnimationActive: P, pageCustomPadding: C, showCloseButton: F, size: U } = ce(se), K = d(() => b.value === n.pageId || !b.value);
+    let L = null;
+    return Y(
+      () => b.value,
+      async (s, r) => {
+        var m, v;
+        K.value && (await re(), o.value = `${(v = (m = p.value) == null ? void 0 : m.$el) == null ? void 0 : v.clientHeight}px`, C.value = n.customPadding, P.value = r !== void 0, L = ke(p.value, () => {
+          var T, E;
+          const D = `${(E = (T = p.value) == null ? void 0 : T.$el) == null ? void 0 : E.clientHeight}px`;
+          D && D !== o.value && (o.value = D);
         }));
       },
       { immediate: !0 }
-    ), re(() => {
-      C == null || C.disconnect();
-    }), (s, d) => {
+    ), me(() => {
+      L == null || L.disconnect();
+    }), (s, r) => {
       var m;
-      return _(), O(Ie, {
+      return A(), S(Oe, {
         ref_key: "page",
         ref: p,
-        class: J(["b-modal-page", t(z)]),
+        class: q(["b-modal-page", z.value]),
         "page-id": e.pageId,
-        "always-show-border": t(g),
-        "back-button-styling": (m = t(c)) == null ? void 0 : m.backButton,
+        "always-show-border": _.value,
+        "back-button-styling": (m = i.value) == null ? void 0 : m.backButton,
         "previous-page": e.previousPage,
-        onAnimationend: d[0] || (d[0] = (k) => y.value = !1)
-      }, ee({
-        content: i(() => [
-          b("div", {
-            class: J(["b-modal-page__content", t(F)]),
-            style: P(t(c).content)
+        onAnimationend: r[0] || (r[0] = (v) => P.value = !1)
+      }, te({
+        content: l(() => [
+          h("div", {
+            class: q(["b-modal-page__content", y.value]),
+            style: O(i.value.content)
           }, [
-            t(l)("content") || t(l)("content-col-1") && t(l)("content-col-2") ? (_(), O(t(X), {
+            t(u)("content") || t(u)("content-col-1") && t(u)("content-col-2") ? (A(), S(t(Z), {
               key: 0,
-              "aria-label": "base modal content",
-              el: "div",
-              variant: "body",
-              stronger: ""
+              el: "div"
             }, {
-              default: i(() => [
-                t(g) ? (_(), O(t(De), {
+              default: l(() => [
+                _.value ? (A(), S(t(Be), {
                   key: 0,
-                  "column-width": t(h),
-                  "container-type": t(Be).NORMAL,
+                  "column-width": B.value,
+                  "container-type": t(Te).NORMAL,
                   "no-gap": "",
                   class: "b-modal-page__grid"
                 }, {
-                  "col-1": i(() => [
-                    r(s.$slots, "content-col-1", {}, void 0, !0)
+                  "col-1": l(() => [
+                    c(s.$slots, "content-col-1", {}, void 0, !0)
                   ]),
-                  "col-2": i(() => [
-                    r(s.$slots, "content-col-2", {}, void 0, !0)
+                  "col-2": l(() => [
+                    c(s.$slots, "content-col-2", {}, void 0, !0)
                   ]),
                   _: 3
-                }, 8, ["column-width", "container-type"])) : r(s.$slots, "content", { key: 1 }, void 0, !0)
+                }, 8, ["column-width", "container-type"])) : c(s.$slots, "content", { key: 1 }, void 0, !0)
               ]),
               _: 3
-            })) : R("", !0)
+            })) : w("", !0)
           ], 6)
         ]),
         _: 2
       }, [
-        t(l)("default") || t(K) ? {
+        t(u)("default") || t(F) ? {
           name: "header",
-          fn: i(() => [
-            b("div", {
+          fn: l(() => [
+            h("div", {
               class: "b-modal-page__header-container",
-              style: P(t(c).header)
+              style: O(i.value.header)
             }, [
-              b("div", $e, [
-                W(t(X), {
+              h("div", Me, [
+                J(t(Z), {
                   class: "b-modal-page__title",
                   "aria-label": "base modal title",
                   el: "span",
                   variant: "title",
                   stronger: ""
                 }, {
-                  default: i(() => [
-                    t(l)("default") ? r(s.$slots, "default", { key: 0 }, void 0, !0) : R("", !0)
+                  default: l(() => [
+                    t(u)("default") ? c(s.$slots, "default", { key: 0 }, void 0, !0) : w("", !0)
                   ]),
                   _: 3
                 })
@@ -222,27 +219,27 @@ const oe = {
           ]),
           key: "0"
         } : void 0,
-        t(l)("actions") ? {
+        t(u)("actions") ? {
           name: "footer",
-          fn: i(() => [
-            b("div", {
+          fn: l(() => [
+            h("div", {
               class: "b-modal-page__actions-container",
-              style: P(t(c).actions)
+              style: O(i.value.actions)
             }, [
-              b("div", Me, [
-                r(s.$slots, "actions", {}, void 0, !0)
+              h("div", ze, [
+                c(s.$slots, "actions", {}, void 0, !0)
               ])
             ], 4)
           ]),
           key: "1"
         } : e.actions && e.actions.length > 0 ? {
           name: "footer",
-          fn: i(() => [
-            b("div", {
+          fn: l(() => [
+            h("div", {
               class: "b-modal-page__actions-container",
-              style: P(t(c).actions)
+              style: O(i.value.actions)
             }, [
-              W(t(Ee), {
+              J(t(Ie), {
                 actions: e.actions,
                 "actions-label": e.actionsLabel,
                 "destructive-actions": e.destructiveActions
@@ -254,11 +251,11 @@ const oe = {
       ]), 1032, ["class", "page-id", "always-show-border", "back-button-styling", "previous-page"]);
     };
   }
-}), Ue = /* @__PURE__ */ ae(Fe, [["__scopeId", "data-v-947b286d"]]), Ke = { class: "b-modal-base" }, He = ["id", "role", "aria-label", "open", "onKeydown"], Ye = M({
-  i18n: { messages: oe },
+}), Ke = /* @__PURE__ */ oe(Ue, [["__scopeId", "data-v-914a0ef3"]]), He = { class: "b-modal-base" }, Ye = ["id", "role", "aria-label", "open"], qe = $({
+  i18n: { messages: ne },
   name: "base-modal"
-}), qe = /* @__PURE__ */ M({
-  ...Ye,
+}), Je = /* @__PURE__ */ $({
+  ...qe,
   props: {
     /**
      * List of actions that will be used to render the buttons.
@@ -305,7 +302,7 @@ const oe = {
      */
     columnsSize: {
       type: String,
-      default: G.SMALLER
+      default: k.SMALLER
     },
     /**
      * If provided, manages the padding of the whole modal container
@@ -334,13 +331,13 @@ const oe = {
     /**
      * Defines whether the modal will be an alert modal
      */
-    modalRole: { type: String, default: j.DIALOG },
+    modalRole: { type: String, default: W.DIALOG },
     /**
      * Sets the width of the modal
      */
     size: {
       type: String,
-      default: $.SMALL
+      default: R.SMALL
     },
     /**
      * If provided, renders the modal's content in a two-column layout an wth dividers separating its content
@@ -348,131 +345,131 @@ const oe = {
     withColumnLayout: { type: Boolean, default: !1 }
   },
   emits: ["update:active-page", "close-modal"],
-  setup(e, { expose: o, emit: S }) {
-    const n = e, l = 500, { t: p } = he({ messages: oe }), z = Z(), F = me(), c = te(z), g = f(null), h = f(!1), A = Le("modal"), L = u(() => n.isDismissible && !n.hideCloseButton), y = f(n.customPadding), U = u(() => y.value ? { top: y.value, right: y.value } : {}), K = u(() => F["aria-label"] ?? p("ariaLabelFallback")), H = u(() => n.withColumnLayout && n.size === $.LARGE), w = () => {
-      g.value.showModal();
-    }, C = () => {
-      S("close-modal");
+  setup(e, { expose: j, emit: M }) {
+    const { t: p } = he({ messages: ne }), n = ee(), z = ge(), y = ae(n), i = g(null), _ = g(!1), B = Ce("modal"), b = M, o = e, P = d(() => o.isDismissible && !o.hideCloseButton), C = g(o.customPadding), F = d(() => C.value ? { top: C.value, right: C.value } : {}), U = d(() => z["aria-label"] ?? p("ariaLabelFallback")), K = d(() => o.withColumnLayout && o.size === R.LARGE), L = () => {
+      i.value.showModal();
     }, s = () => {
-      h.value && (g.value.close(), I.value[0] && S("update:active-page", I.value[0]), I.value = [], h.value = !1, C());
-    }, d = () => {
-      g.value.open && (h.value = !0);
-    }, m = (a) => {
-      a && a.preventDefault(), !(!n.isDismissible && n.modalRole === j.DIALOG) && d();
-    }, k = () => {
-      n.isDismissible && m();
-    }, D = u(() => ({
-      [`b-modal-base__container--${n.size}`]: n.size,
-      "b-modal-base__container--hide": h.value,
-      "b-modal-base__container--column-layout": H.value,
-      "b-modal-base__container--animation": x.value
+      b("close-modal");
+    }, r = () => {
+      _.value && (i.value.close(), I.value[0] && b("update:active-page", I.value[0]), I.value = [], _.value = !1, s());
+    }, m = () => {
+      i.value.open && (_.value = !0);
+    }, v = (a) => {
+      a && a.preventDefault(), !(!o.isDismissible && o.modalRole === W.DIALOG) && m();
+    }, D = () => {
+      o.isDismissible && v();
+    }, T = d(() => ({
+      [`b-modal-base__container--${o.size}`]: o.size,
+      "b-modal-base__container--hide": _.value,
+      "b-modal-base__container--column-layout": K.value,
+      "b-modal-base__container--animation": X.value
     }));
-    q(
-      () => [n.isOpen, g.value],
-      ([a, v], [, Y]) => {
-        if (!v)
+    Y(
+      () => [o.isOpen, i.value],
+      ([a, f], [, H]) => {
+        if (!f)
           return;
-        a ? (w(), I.value.length || I.value.push(E.value)) : !Y || d();
+        a ? (L(), I.value.length || I.value.push(E.value)) : !H || m();
       }
-    ), q(
-      () => n.actions,
+    ), Y(
+      () => o.actions,
       () => {
-        var a, v;
-        ((v = (a = n.actions) == null ? void 0 : a[0]) == null ? void 0 : v.state) === "success" && setTimeout(d, l);
+        var a, f;
+        ((f = (a = o.actions) == null ? void 0 : a[0]) == null ? void 0 : f.state) === "success" && setTimeout(m, 500);
       },
       { deep: !0 }
-    ), ge(() => {
-      n.isOpen && g.value && w();
-    }), o({
-      internalModalActionClose: m
-    }), T(Ae, A);
-    const { activePage: E, isOpen: B, size: Q } = fe(n), se = f(Pe.TRANSITION_LEVEL_DEEPER), N = f([]), I = f([]), ie = (a) => S("update:active-page", a), le = (a) => () => {
-      var v;
-      N.value = (v = N.value) == null ? void 0 : v.filter((Y) => Y !== a);
-    }, de = (a) => (a && N.value.push(a), { unregisterPage: le(a) }), V = f(""), x = f(!1);
-    return T(ne, {
+    ), ve(() => {
+      o.isOpen && i.value && L();
+    }), j({
+      internalModalActionClose: v
+    }), G(Ae, B);
+    const { activePage: E, isOpen: x, size: Q } = fe(o), le = g(Se.TRANSITION_LEVEL_DEEPER), N = g([]), I = g([]), ie = (a) => b("update:active-page", a), ue = (a) => () => {
+      var f;
+      N.value = (f = N.value) == null ? void 0 : f.filter((H) => H !== a);
+    }, de = (a) => (a && N.value.push(a), { unregisterPage: ue(a) }), V = g(""), X = g(!1);
+    return G(se, {
       activePage: E,
       height: V,
-      isAnimationActive: x,
-      pageCustomPadding: y,
-      showCloseButton: L,
+      isAnimationActive: X,
+      pageCustomPadding: C,
+      showCloseButton: P,
       size: Q
-    }), T(Oe, {
+    }), G(Pe, {
       activePage: E,
-      animation: se,
-      isOpen: B,
+      animation: le,
+      isOpen: x,
       pages: N,
       previousPages: I,
       updatePage: ie
-    }), T(Se, de), (a, v) => (_(), ve("div", Ke, [
-      b("dialog", {
-        id: t(A),
+    }), G(De, de), (a, f) => (A(), pe("div", He, [
+      h("dialog", {
+        id: t(B),
         ref_key: "modal",
-        ref: g,
+        ref: i,
         role: e.modalRole,
-        "aria-label": t(K),
-        style: P({ height: V.value }),
-        class: J(["b-modal-base__container", t(D)]),
+        "aria-label": U.value,
+        style: O({ height: V.value }),
+        class: q(["b-modal-base__container", T.value]),
         open: e.initiallyOpen,
-        onAnimationend: s,
-        onKeydown: pe(m, ["esc"])
+        onAnimationend: r,
+        onKeydown: ye(v, ["esc"])
       }, [
-        t(B) || e.initiallyOpen ? ye((_(), O(t(_e), { key: 0 }, {
-          default: i(() => [
-            t(L) ? (_(), O(t(be), {
+        t(x) || e.initiallyOpen ? _e((A(), S(t(Le), { key: 0 }, {
+          default: l(() => [
+            P.value ? (A(), S(t(be), {
               key: 0,
               class: "b-modal-base__close-button",
               variant: "tertiary",
               type: "button",
-              style: P(t(U)),
-              onClick: m
+              style: O(F.value),
+              onClick: v
             }, {
-              default: i(() => [
-                W(t(Ge), {
+              default: l(() => [
+                J(t(Ne), {
                   "svg-title": t(p)("close")
                 }, null, 8, ["svg-title"])
               ]),
               _: 1
-            }, 8, ["style"])) : R("", !0),
-            n.activePage ? r(a.$slots, "default", { key: 1 }, void 0, !0) : (_(), O(t(Ue), {
+            }, 8, ["style"])) : w("", !0),
+            o.activePage ? c(a.$slots, "default", { key: 1 }, void 0, !0) : (A(), S(t(Ke), {
               key: 2,
               "with-column-layout": e.withColumnLayout,
               size: t(Q),
               "custom-padding": e.customPadding,
               "columns-size": e.columnsSize
-            }, ee({ _: 2 }, [
-              t(c)("default") ? {
+            }, te({ _: 2 }, [
+              t(y)("default") ? {
                 name: "default",
-                fn: i(() => [
-                  r(a.$slots, "default", {}, void 0, !0)
+                fn: l(() => [
+                  c(a.$slots, "default", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
-              t(c)("content-col-1") ? {
+              t(y)("content-col-1") ? {
                 name: "content-col-1",
-                fn: i(() => [
-                  r(a.$slots, "content-col-1", {}, void 0, !0)
+                fn: l(() => [
+                  c(a.$slots, "content-col-1", {}, void 0, !0)
                 ]),
                 key: "1"
               } : void 0,
-              t(c)("content-col-2") ? {
+              t(y)("content-col-2") ? {
                 name: "content-col-2",
-                fn: i(() => [
-                  r(a.$slots, "content-col-2", {}, void 0, !0)
+                fn: l(() => [
+                  c(a.$slots, "content-col-2", {}, void 0, !0)
                 ]),
                 key: "2"
               } : void 0,
-              t(c)("content") ? {
+              t(y)("content") ? {
                 name: "content",
-                fn: i(() => [
-                  r(a.$slots, "content", {}, void 0, !0)
+                fn: l(() => [
+                  c(a.$slots, "content", {}, void 0, !0)
                 ]),
                 key: "3"
               } : void 0,
-              t(c)("actions") ? {
+              t(y)("actions") ? {
                 name: "actions",
-                fn: i(() => [
-                  r(a.$slots, "actions", {}, void 0, !0)
+                fn: l(() => [
+                  c(a.$slots, "actions", {}, void 0, !0)
                 ]),
                 key: "4"
               } : void 0
@@ -480,21 +477,21 @@ const oe = {
           ]),
           _: 3
         })), [
-          [t(Ce), k]
-        ]) : R("", !0)
-      ], 46, He)
+          [t(Ee), D]
+        ]) : w("", !0)
+      ], 46, Ye)
     ]));
   }
-}), dt = /* @__PURE__ */ ae(qe, [["__scopeId", "data-v-ae47360f"]]);
+}), dt = /* @__PURE__ */ oe(Je, [["__scopeId", "data-v-ae47360f"]]);
 export {
-  Ue as B,
-  we as a,
-  Ne as b,
-  $ as c,
-  G as d,
-  j as e,
-  Te as f,
-  Re as g,
+  Ke as B,
+  Ge as a,
+  we as b,
+  R as c,
+  k as d,
+  W as e,
+  Re as f,
+  $e as g,
   dt as h
 };
-//# sourceMappingURL=base-modal.09efJqFH.js.map
+//# sourceMappingURL=base-modal.BPaKKH3Q.js.map