@konnectio/core 4.3.7 → 4.3.8

package/dist/{CheckoutWindow-Dsu7J2JM.js → CheckoutWindow-CbJ0uhN5.js}

@@ -1,35 +1,35 @@
-import { d as $, h as y, b as u, e as r, W as ye, a as I, f as H, w as k, E as Q, K as U, G as Z, T as _, i as w, n as m, q as B, M as me, r as c, o as j, ad as he, ae as ge, D as x, c as q, $ as be, g as f, A as we, t as b, y as Se, J as ke, ac as Ce, u as $e, x as W, s as Be } from "./mitt-bGMsQrYA.js";
-import { r as Ve, I as Pe, _ as M, H as ee, x as ne, T as oe, f as Te, Q as Ie } from "./SelectField.vue_vue_type_style_index_0_lang-zDjIIDU3.js";
+import { d as $, h as m, b as s, e as d, W as me, a as I, f as H, w as k, E as J, K as R, G as Q, T as Z, i as w, n as h, q as B, M as he, r as u, o as W, ad as ge, ae as pe, D as _, c as q, $ as be, g as c, A as we, t as b, y as Se, J as ke, ac as Ce, u as $e, x as U, s as Be } from "./mitt-478x9nh_.js";
+import { r as Ve, I as Pe, _ as M, H as ee, x as ne, T as te, f as Te, Q as Ie } from "./SelectField.vue_vue_type_style_index_0_lang-C1hAI3yg.js";
 function He(e) {
   if (Array.isArray(e)) {
-    for (var o = 0, l = Array(e.length); o < e.length; o++)
-      l[o] = e[o];
-    return l;
+    for (var t = 0, o = Array(e.length); t < e.length; t++)
+      o[t] = e[t];
+    return o;
   } else
     return Array.from(e);
 }
-var K = !1;
+var j = !1;
 if (typeof window < "u") {
-  var te = {
+  var oe = {
     get passive() {
-      K = !0;
+      j = !0;
     }
   };
-  window.addEventListener("testPassive", null, te), window.removeEventListener("testPassive", null, te);
+  window.addEventListener("testPassive", null, oe), window.removeEventListener("testPassive", null, oe);
 }
-var D = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), C = [], O = !1, ae = -1, P = void 0, S = void 0, T = void 0, ie = function(o) {
-  return C.some(function(l) {
-    return !!(l.options.allowTouchMove && l.options.allowTouchMove(o));
+var D = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), C = [], O = !1, ae = -1, P = void 0, S = void 0, T = void 0, ie = function(t) {
+  return C.some(function(o) {
+    return !!(o.options.allowTouchMove && o.options.allowTouchMove(t));
   });
-}, E = function(o) {
-  var l = o || window.event;
-  return ie(l.target) || l.touches.length > 1 ? !0 : (l.preventDefault && l.preventDefault(), !1);
-}, Ae = function(o) {
+}, E = function(t) {
+  var o = t || window.event;
+  return ie(o.target) || o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
+}, Ae = function(t) {
   if (T === void 0) {
-    var l = !!o && o.reserveScrollBarGap === !0, n = window.innerWidth - document.documentElement.clientWidth;
-    if (l && n > 0) {
-      var a = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"), 10);
-      T = document.body.style.paddingRight, document.body.style.paddingRight = a + n + "px";
+    var o = !!t && t.reserveScrollBarGap === !0, l = window.innerWidth - document.documentElement.clientWidth;
+    if (o && l > 0) {
+      var n = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"), 10);
+      T = document.body.style.paddingRight, document.body.style.paddingRight = n + l + "px";
     }
   }
   P === void 0 && (P = document.body.style.overflow, document.body.style.overflow = "hidden");
@@ -43,76 +43,76 @@ var D = typeof window < "u" && window.navigator && window.navigator.platform &&
         top: document.body.style.top,
         left: document.body.style.left
       };
-      var o = window, l = o.scrollY, n = o.scrollX, a = o.innerHeight;
-      document.body.style.position = "fixed", document.body.style.top = -l, document.body.style.left = -n, setTimeout(function() {
+      var t = window, o = t.scrollY, l = t.scrollX, n = t.innerHeight;
+      document.body.style.position = "fixed", document.body.style.top = -o, document.body.style.left = -l, setTimeout(function() {
         return window.requestAnimationFrame(function() {
-          var s = a - window.innerHeight;
-          s && l >= a && (document.body.style.top = -(l + s));
+          var r = n - window.innerHeight;
+          r && o >= n && (document.body.style.top = -(o + r));
         });
       }, 300);
     }
   });
 }, De = function() {
   if (S !== void 0) {
-    var o = -parseInt(document.body.style.top, 10), l = -parseInt(document.body.style.left, 10);
-    document.body.style.position = S.position, document.body.style.top = S.top, document.body.style.left = S.left, window.scrollTo(l, o), S = void 0;
+    var t = -parseInt(document.body.style.top, 10), o = -parseInt(document.body.style.left, 10);
+    document.body.style.position = S.position, document.body.style.top = S.top, document.body.style.left = S.left, window.scrollTo(o, t), S = void 0;
   }
-}, Oe = function(o) {
-  return o ? o.scrollHeight - o.scrollTop <= o.clientHeight : !1;
-}, Ee = function(o, l) {
-  var n = o.targetTouches[0].clientY - ae;
-  return ie(o.target) ? !1 : l && l.scrollTop === 0 && n > 0 || Oe(l) && n < 0 ? E(o) : (o.stopPropagation(), !0);
-}, Me = function(o, l) {
-  if (!o) {
+}, Oe = function(t) {
+  return t ? t.scrollHeight - t.scrollTop <= t.clientHeight : !1;
+}, Ee = function(t, o) {
+  var l = t.targetTouches[0].clientY - ae;
+  return ie(t.target) ? !1 : o && o.scrollTop === 0 && l > 0 || Oe(o) && l < 0 ? E(t) : (t.stopPropagation(), !0);
+}, Me = function(t, o) {
+  if (!t) {
     console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
     return;
   }
-  if (!C.some(function(a) {
-    return a.targetElement === o;
+  if (!C.some(function(n) {
+    return n.targetElement === t;
   })) {
-    var n = {
-      targetElement: o,
-      options: l || {}
+    var l = {
+      targetElement: t,
+      options: o || {}
     };
-    C = [].concat(He(C), [n]), D ? qe() : Ae(l), D && (o.ontouchstart = function(a) {
-      a.targetTouches.length === 1 && (ae = a.targetTouches[0].clientY);
-    }, o.ontouchmove = function(a) {
-      a.targetTouches.length === 1 && Ee(a, o);
-    }, O || (document.addEventListener("touchmove", E, K ? { passive: !1 } : void 0), O = !0));
+    C = [].concat(He(C), [l]), D ? qe() : Ae(o), D && (t.ontouchstart = function(n) {
+      n.targetTouches.length === 1 && (ae = n.targetTouches[0].clientY);
+    }, t.ontouchmove = function(n) {
+      n.targetTouches.length === 1 && Ee(n, t);
+    }, O || (document.addEventListener("touchmove", E, j ? { passive: !1 } : void 0), O = !0));
   }
-}, ze = function(o) {
-  if (!o) {
+}, ze = function(t) {
+  if (!t) {
     console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
     return;
   }
-  C = C.filter(function(l) {
-    return l.targetElement !== o;
-  }), D && (o.ontouchstart = null, o.ontouchmove = null, O && C.length === 0 && (document.removeEventListener("touchmove", E, K ? { passive: !1 } : void 0), O = !1)), D ? De() : Ne();
-}, X = $({
+  C = C.filter(function(o) {
+    return o.targetElement !== t;
+  }), D && (t.ontouchstart = null, t.ontouchmove = null, O && C.length === 0 && (document.removeEventListener("touchmove", E, j ? { passive: !1 } : void 0), O = !1)), D ? De() : Ne();
+}, K = $({
   name: "SidePanelCloseButton",
   emits: ["close"]
 });
-const Le = /* @__PURE__ */ r(
+const Le = /* @__PURE__ */ d(
   "span",
   { class: "vsp-close__x" },
   null,
   -1
   /* HOISTED */
-), Fe = [
+), xe = [
   Le
 ];
-function Ge(e, o, l, n, a, s) {
-  return u(), y("div", {
+function Fe(e, t, o, l, n, r) {
+  return s(), m("div", {
     class: "vsp-close",
-    onClick: o[0] || (o[0] = (t) => e.$emit("close"))
-  }, [...Fe]);
+    onClick: t[0] || (t[0] = (a) => e.$emit("close"))
+  }, [...xe]);
 }
-X.render = Ge;
-X.__file = "src/components/SidePanelCloseButton.vue";
-var Y = $({
+K.render = Fe;
+K.__file = "src/components/SidePanelCloseButton.vue";
+var X = $({
   name: "VueSidePanel",
   components: {
-    SidePanelCloseButton: X
+    SidePanelCloseButton: K
   },
   props: {
     idName: {
@@ -199,12 +199,12 @@ var Y = $({
     }
   },
   emits: ["update:modelValue", "closed", "opened"],
-  setup(e, { emit: o, attrs: l }) {
-    let n;
-    const a = c(null), s = c(null), t = c(null), d = c(null), i = c(null), p = c(0), h = c(0), A = c(0), z = c(0), L = c(0), F = c(), J = c(!1), V = async () => {
-      window?.innerHeight > 0 && (L.value = window.innerHeight), p.value = t.value ? t.value.clientHeight : 0, A.value = d.value ? d.value.clientHeight : 0, h.value = i.value ? i.value.scrollHeight : 0, z.value = a.value ? a.value.clientHeight : 0;
-    }, de = () => o("update:modelValue", !1), G = (v, g) => {
-      if (g) {
+  setup(e, { emit: t, attrs: o }) {
+    let l;
+    const n = u(null), r = u(null), a = u(null), i = u(null), y = u(null), f = u(0), g = u(0), A = u(0), z = u(0), L = u(0), x = u(), Y = u(!1), V = async () => {
+      window?.innerHeight > 0 && (L.value = window.innerHeight), f.value = a.value ? a.value.clientHeight : 0, A.value = i.value ? i.value.clientHeight : 0, g.value = y.value ? y.value.scrollHeight : 0, z.value = n.value ? n.value.clientHeight : 0;
+    }, de = () => t("update:modelValue", !1), F = (v, p) => {
+      if (p) {
         setTimeout(() => {
           Me(v, { reserveScrollBarGap: !0 }), e.lockScrollHtml && (document.documentElement.style.overflow = "hidden");
         }, 0);
@@ -212,35 +212,35 @@ var Y = $({
       }
       ze(v), e.lockScrollHtml && document.documentElement.style.removeProperty("overflow");
     }, re = () => Math.max(...Array.from(document.querySelectorAll("body *"), (v) => parseFloat(window.getComputedStyle(v).zIndex)).filter((v) => !Number.isNaN(v)), 0);
-    j(() => {
-      F.value = e.zIndex === "auto" ? re() : e.zIndex;
-    }), he(() => {
-      document.getElementById(e.idName) || (n = document.createElement("div"), n.setAttribute("id", e.idName), document.body.appendChild(n));
+    W(() => {
+      x.value = e.zIndex === "auto" ? re() : e.zIndex;
     }), ge(() => {
-      const { modelValue: v, lockScroll: g } = e;
-      g && a.value && v && G(a.value, !1), n && document.body.removeChild(n), window.removeEventListener("resize", V);
-    }), x(() => [d.value, t.value, e.height, e.width, e.side, e.modelValue], () => {
+      document.getElementById(e.idName) || (l = document.createElement("div"), l.setAttribute("id", e.idName), document.body.appendChild(l));
+    }), pe(() => {
+      const { modelValue: v, lockScroll: p } = e;
+      p && n.value && v && F(n.value, !1), l && document.body.removeChild(l), window.removeEventListener("resize", V);
+    }), _(() => [i.value, a.value, e.height, e.width, e.side, e.modelValue], () => {
       be(() => V());
-    }), x(() => [e.modelValue, a.value], (v, g) => {
-      const fe = g ? g[0] : !1, [R, N] = v, pe = R, ve = fe && !R;
+    }), _(() => [e.modelValue, n.value], (v, p) => {
+      const fe = p ? p[0] : !1, [G, N] = v, ve = G, ye = fe && !G;
       if (N) {
-        if (pe && (J.value = !!document.body.style.overflow), R) {
-          e.lockScroll && G(N, !0), V(), window.addEventListener("resize", V);
+        if (ve && (Y.value = !!document.body.style.overflow), G) {
+          e.lockScroll && F(N, !0), V(), window.addEventListener("resize", V);
           return;
         }
-        !e.lockScroll || !ve || J.value || (setTimeout(() => {
-          N && G(N, !1);
+        !e.lockScroll || !ye || Y.value || (setTimeout(() => {
+          N && F(N, !1);
         }, e.panelDuration), window.removeEventListener("resize", V));
       }
     }, { immediate: !0 });
     const se = q(() => {
       if (!z.value)
         return;
-      const v = h.value + A.value + p.value;
-      let g = z.value - A.value - p.value;
-      return ["top", "bottom"].includes(e.side) && e.height === "auto" && (g = L.value >= v ? h.value : L.value - A.value - p.value), g;
+      const v = g.value + A.value + f.value;
+      let p = z.value - A.value - f.value;
+      return ["top", "bottom"].includes(e.side) && e.height === "auto" && (p = L.value >= v ? g.value : L.value - A.value - f.value), p;
     }), ue = q(() => ({
-      zIndex: F.value,
+      zIndex: x.value,
       animationDuration: `${e.overlayDuration}ms`,
       "--overlay-opacity": e.overlayOpacity,
       opacity: e.modelValue ? e.overlayOpacity : 0,
@@ -254,79 +254,79 @@ var Y = $({
         height: e.height,
         maxHeight: "100%"
       } : {},
-      zIndex: F.value,
+      zIndex: x.value,
       backgroundColor: e.panelColor,
       animationDuration: `${e.panelDuration}ms`,
-      ...Object.assign({}, l.style)
+      ...Object.assign({}, o.style)
     }));
     return {
-      body: i,
-      panel: a,
-      overlay: s,
+      body: y,
+      panel: n,
+      overlay: r,
       overlayStyles: ue,
-      header: d,
-      footer: t,
+      header: i,
+      footer: a,
       closePanel: de,
       panelStyles: ce,
       bodyHeight: se
     };
   }
 });
-function Re(e, o, l, n, a, s) {
-  const t = ye("SidePanelCloseButton");
-  return u(), I(me, {
+function Ge(e, t, o, l, n, r) {
+  const a = me("SidePanelCloseButton");
+  return s(), I(he, {
     to: `#${e.idName}`
   }, [
-    r(
+    d(
       "div",
       {
-        class: m(["vsp-wrapper", [e.modelValue && "vsp-wrapper--active"]])
+        class: h(["vsp-wrapper", [e.modelValue && "vsp-wrapper--active"]])
       },
       [
-        H(_, {
+        H(Z, {
           name: "overlay",
           persisted: ""
         }, {
           default: k(() => [
-            Q(r(
+            J(d(
               "div",
               {
                 ref: "overlay",
                 class: "vsp-overlay",
-                style: U(e.overlayStyles),
-                onClick: o[0] || (o[0] = () => e.noClose ? void 0 : e.closePanel())
+                style: R(e.overlayStyles),
+                onClick: t[0] || (t[0] = () => e.noClose ? void 0 : e.closePanel())
               },
               null,
               4
               /* STYLE */
             ), [
-              [Z, e.modelValue]
+              [Q, e.modelValue]
             ])
           ]),
           _: 1
           /* STABLE */
         }),
-        H(_, {
+        H(Z, {
           name: e.transitionName || `slide-${e.side}`,
-          onAfterEnter: o[1] || (o[1] = (d) => e.$emit("opened")),
-          onAfterLeave: o[2] || (o[2] = (d) => e.$emit("closed"))
+          onAfterEnter: t[1] || (t[1] = (i) => e.$emit("opened")),
+          onAfterLeave: t[2] || (t[2] = (i) => e.$emit("closed"))
         }, {
           default: k(() => [
-            !e.rerender || e.modelValue ? Q((u(), y(
+            !e.rerender || e.modelValue ? J((s(), m(
               "div",
               {
                 key: 0,
                 ref: "panel",
-                class: m(["vsp", [`vsp--${e.side}-side`, e.$attrs.class]]),
-                style: U(e.panelStyles)
+                class: h(["vsp", [`vsp--${e.side}-side`, e.$attrs.class]]),
+                style: R(e.panelStyles)
               },
               [
-                e.$slots.header ? (u(), y(
+                e.$slots.header ? (s(), m(
                   "div",
                   {
                     key: 0,
                     ref: "header",
-                    class: m([e.headerClass, "vsp__header"])
+                    class: h([e.headerClass, "vsp__header"])
                   },
                   [
                     B(e.$slots, "header", { close: e.closePanel })
@@ -334,16 +334,16 @@ function Re(e, o, l, n, a, s) {
                   2
                   /* CLASS */
                 )) : w("v-if", !0),
-                r(
+                d(
                   "div",
                   {
                     ref: "body",
-                    class: m([e.bodyClass, "vsp__body"]),
-                    style: U({ height: `${e.bodyHeight}px` })
+                    class: h([e.bodyClass, "vsp__body"]),
+                    style: R({ height: `${e.bodyHeight}px` })
                   },
                   [
                     B(e.$slots, "default", { close: e.closePanel }),
-                    e.hideCloseBtn ? w("v-if", !0) : (u(), I(t, {
+                    e.hideCloseBtn ? w("v-if", !0) : (s(), I(a, {
                       key: 0,
                       onClose: e.closePanel
                     }, null, 8, ["onClose"]))
@@ -351,12 +351,12 @@ function Re(e, o, l, n, a, s) {
                   6
                   /* CLASS, STYLE */
                 ),
-                e.$slots.footer ? (u(), y(
+                e.$slots.footer ? (s(), m(
                   "div",
                   {
                     key: 1,
                     ref: "footer",
-                    class: m([e.footerClass, "vsp__footer"])
+                    class: h([e.footerClass, "vsp__footer"])
                   },
                   [
                     B(e.$slots, "footer")
@@ -368,7 +368,7 @@ function Re(e, o, l, n, a, s) {
               6
               /* CLASS, STYLE */
             )), [
-              [Z, e.rerender ? !0 : e.modelValue]
+              [Q, e.rerender ? !0 : e.modelValue]
             ]) : w("v-if", !0)
           ]),
           _: 3
@@ -380,12 +380,12 @@ function Re(e, o, l, n, a, s) {
     )
   ], 8, ["to"]);
 }
-Y.render = Re;
-Y.__file = "src/components/SidePanel.vue";
-const Ue = { id: "konnectio-side-panel-header" }, We = { id: "konnectio-side-panel-title" }, je = {
+X.render = Ge;
+X.__file = "src/components/SidePanel.vue";
+const Re = { id: "konnectio-side-panel-header" }, Ue = { id: "konnectio-side-panel-title" }, We = {
   key: 0,
   id: "konnectio-side-panel-subtitle"
-}, Ke = ["innerHTML"], Xe = /* @__PURE__ */ $({
+}, je = ["innerHTML"], Ke = /* @__PURE__ */ $({
   __name: "Base",
   props: {
     modelValue: { type: Boolean },
@@ -399,33 +399,33 @@ const Ue = { id: "konnectio-side-panel-header" }, We = { id: "konnectio-side-pan
     width: { default: "840px" }
   },
   emits: ["update:modelValue", "opened", "closed"],
-  setup(e, { emit: o }) {
-    const l = o, n = q(() => {
-      const t = navigator?.userAgentData?.platform || navigator?.platform;
-      return (/iPad|iPhone|iPod/.test(t) || t === "MacIntel" && navigator.maxTouchPoints > 1) && !window.MSStream;
+  setup(e, { emit: t }) {
+    const o = t, l = q(() => {
+      const a = navigator?.userAgentData?.platform || navigator?.platform;
+      return (/iPad|iPhone|iPod/.test(a) || a === "MacIntel" && navigator.maxTouchPoints > 1) && !window.MSStream;
     });
-    function a() {
-      l("closed");
+    function n() {
+      o("closed");
     }
-    function s() {
-      l("opened");
+    function r() {
+      o("opened");
     }
-    return (t, d) => (u(), I(f(Y), {
-      modelValue: t.modelValue,
-      "lock-scroll": !n.value && t.lockScroll,
-      "hide-close-btn": t.hideCloseButton,
-      width: t.width,
-      "onUpdate:modelValue": d[1] || (d[1] = (i) => t.$emit("update:modelValue", i)),
-      onClosed: a,
-      onOpened: s
+    return (a, i) => (s(), I(c(X), {
+      modelValue: e.modelValue,
+      "lock-scroll": !l.value && e.lockScroll,
+      "hide-close-btn": e.hideCloseButton,
+      width: e.width,
+      "onUpdate:modelValue": i[1] || (i[1] = (y) => a.$emit("update:modelValue", y)),
+      onClosed: n,
+      onOpened: r
     }, we({
       header: k(() => [
-        r("div", Ue, [
-          r("h2", We, [
-            r("span", null, b(f(Ve)(t.title)), 1),
-            r("button", {
+        d("div", Re, [
+          d("h2", Ue, [
+            d("span", null, b(c(Ve)(e.title)), 1),
+            d("button", {
               id: "konnectio-side-panel-close",
-              onClick: d[0] || (d[0] = (i) => t.$emit("update:modelValue", !1))
+              onClick: i[0] || (i[0] = (y) => a.$emit("update:modelValue", !1))
             }, [
               H(Pe, {
                 icon: "times",
@@ -434,31 +434,31 @@ const Ue = { id: "konnectio-side-panel-header" }, We = { id: "konnectio-side-pan
               })
             ])
           ]),
-          t.subtitle ? (u(), y("h4", je, [
-            r("span", null, b(t.subtitle), 1)
+          e.subtitle ? (s(), m("h4", We, [
+            d("span", null, b(e.subtitle), 1)
           ])) : w("", !0)
         ])
       ]),
       default: k(() => [
-        t.description ? (u(), y("div", {
+        e.description ? (s(), m("div", {
           key: 0,
           class: "konnectio-side-panel-description",
-          innerHTML: t.description
-        }, null, 8, Ke)) : w("", !0),
-        B(t.$slots, "default", {}, void 0, !0)
+          innerHTML: e.description
+        }, null, 8, je)) : w("", !0),
+        B(a.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
-      t.$slots.footer ? {
+      a.$slots.footer ? {
         name: "footer",
         fn: k(() => [
-          B(t.$slots, "footer", {}, void 0, !0)
+          B(a.$slots, "footer", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["modelValue", "lock-scroll", "hide-close-btn", "width"]));
   }
-}), ro = /* @__PURE__ */ M(Xe, [["__scopeId", "data-v-c84b8ee2"]]), Ye = { class: "konnectio-phone-input" }, Je = /* @__PURE__ */ $({
+}), dt = /* @__PURE__ */ M(Ke, [["__scopeId", "data-v-c84b8ee2"]]), Xe = { class: "konnectio-phone-input" }, Ye = /* @__PURE__ */ $({
   __name: "PhoneField",
   props: {
     modelValue: {},
@@ -472,62 +472,62 @@ const Ue = { id: "konnectio-side-panel-header" }, We = { id: "konnectio-side-pan
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const l = o, n = e, a = n.id || ee(), s = c("+45"), t = c("");
-    function d() {
-      l("update:modelValue", `${s.value} ${t.value}`);
+  setup(e, { emit: t }) {
+    const o = t, l = e, n = l.id || ee(), r = u("+45"), a = u("");
+    function i() {
+      o("update:modelValue", `${r.value} ${a.value}`);
     }
-    return j(() => {
-      if (n.modelValue) {
-        const i = n.modelValue.split(" ");
-        s.value = i[0], t.value = i[1];
+    return W(() => {
+      if (l.modelValue) {
+        const y = l.modelValue.split(" ");
+        r.value = y[0], a.value = y[1];
       }
-    }), (i, p) => (u(), I(ne, {
-      label: i.label,
-      id: f(a),
+    }), (y, f) => (s(), I(ne, {
+      label: e.label,
+      id: c(n),
       type: "phone",
-      required: i.required,
-      readonly: i.readonly
+      required: e.required,
+      readonly: e.readonly
     }, {
       default: k(() => [
-        r("div", Ye, [
-          H(oe, {
-            modelValue: s.value,
-            "onUpdate:modelValue": p[0] || (p[0] = (h) => s.value = h),
+        d("div", Xe, [
+          H(te, {
+            modelValue: r.value,
+            "onUpdate:modelValue": f[0] || (f[0] = (g) => r.value = g),
             type: "text",
-            id: f(ee)(),
+            id: c(ee)(),
             name: "phone-code",
             autocomplete: "tel-country-code",
-            icon: i.icon,
-            "icon-color": i.iconColor,
-            "icon-type": i.iconType,
+            icon: e.icon,
+            "icon-color": e.iconColor,
+            "icon-type": e.iconType,
             placeholder: "+XX",
-            required: i.required,
-            readonly: i.readonly,
-            onInput: p[1] || (p[1] = (h) => d())
+            required: e.required,
+            readonly: e.readonly,
+            onInput: f[1] || (f[1] = (g) => i())
           }, null, 8, ["modelValue", "id", "icon", "icon-color", "icon-type", "required", "readonly"]),
-          H(oe, {
-            modelValue: t.value,
-            "onUpdate:modelValue": p[2] || (p[2] = (h) => t.value = h),
+          H(te, {
+            modelValue: a.value,
+            "onUpdate:modelValue": f[2] || (f[2] = (g) => a.value = g),
             type: "number",
             name: "phone",
             autocomplete: "tel-national",
             inputmode: "numeric",
-            id: f(a),
-            placeholder: i.placeholder,
-            required: i.required,
-            readonly: i.readonly,
-            onInput: p[3] || (p[3] = (h) => d())
+            id: c(n),
+            placeholder: e.placeholder,
+            required: e.required,
+            readonly: e.readonly,
+            onInput: f[3] || (f[3] = (g) => i())
           }, null, 8, ["modelValue", "id", "placeholder", "required", "readonly"])
         ])
       ]),
       _: 1
     }, 8, ["label", "id", "required", "readonly"]));
   }
-}), so = /* @__PURE__ */ M(Je, [["__scopeId", "data-v-3e373d03"]]), Qe = ["required", "type", "name", "readonly", "disabled", "value", "checked"], Ze = ["data-test"], _e = { key: 0 }, xe = {
+}), rt = /* @__PURE__ */ M(Ye, [["__scopeId", "data-v-3e373d03"]]), Je = ["required", "type", "name", "readonly", "disabled", "value", "checked"], Qe = ["data-test"], Ze = { key: 0 }, _e = {
   key: 1,
-  class: /* @__PURE__ */ m(["konnectio-click-box-label", "inline"])
-}, eo = /* @__PURE__ */ $({
+  class: /* @__PURE__ */ h(["konnectio-click-box-label", "inline"])
+}, et = /* @__PURE__ */ $({
   __name: "Checkbox",
   props: {
     modelValue: { type: [String, Boolean, Number] },
@@ -542,85 +542,85 @@ const Ue = { id: "konnectio-side-panel-header" }, We = { id: "konnectio-side-pan
     val: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const l = e, n = o, a = Se();
-    function s() {
-      l.readonly !== !0 && n(
+  setup(e, { emit: t }) {
+    const o = e, l = t, n = Se();
+    function r() {
+      o.readonly !== !0 && l(
         "update:modelValue",
-        l.type === "radio" ? l.val : l.numeric ? l.modelValue ? 0 : 1 : !l.modelValue
+        o.type === "radio" ? o.val : o.numeric ? o.modelValue ? 0 : 1 : !o.modelValue
       );
     }
-    return (t, d) => (u(), I(ne, {
-      required: t.required,
-      type: t.type,
-      readonly: t.readonly
+    return (a, i) => (s(), I(ne, {
+      required: e.required,
+      type: e.type,
+      readonly: e.readonly
     }, {
       default: k(() => [
-        r("label", {
-          class: m([
+        d("label", {
+          class: h([
             "konnectio-click-box-container",
-            { "is-readonly": t.readonly },
-            { "has-label": t.label || f(a).default },
-            t.type === "radio" ? "radio" : "checkbox",
-            { active: t.type === "radio" ? t.val === t.modelValue : !!t.modelValue }
+            { "is-readonly": e.readonly },
+            { "has-label": e.label || c(n).default },
+            e.type === "radio" ? "radio" : "checkbox",
+            { active: e.type === "radio" ? e.val === e.modelValue : !!e.modelValue }
           ])
         }, [
-          r("input", ke(t.$attrs, {
-            required: !!t.required,
-            type: t.type,
-            name: t.name,
+          d("input", ke(a.$attrs, {
+            required: !!e.required,
+            type: e.type,
+            name: e.name,
             class: "hidden",
-            readonly: !!t.readonly,
-            disabled: !!t.readonly,
-            value: t.type === "radio" ? t.val : t.modelValue,
-            checked: t.type === "radio" ? t.val === t.modelValue : !!t.modelValue,
-            onChange: d[0] || (d[0] = (i) => s())
-          }), null, 16, Qe),
-          r("div", {
-            class: m([
+            readonly: !!e.readonly,
+            disabled: !!e.readonly,
+            value: e.type === "radio" ? e.val : e.modelValue,
+            checked: e.type === "radio" ? e.val === e.modelValue : !!e.modelValue,
+            onChange: i[0] || (i[0] = (y) => r())
+          }), null, 16, Je),
+          d("div", {
+            class: h([
               "konnectio-click-box",
-              { checked: t.type === "radio" ? t.val === t.modelValue : !!t.modelValue }
+              { checked: e.type === "radio" ? e.val === e.modelValue : !!e.modelValue }
             ]),
             tabindex: "0",
-            "data-test": t.name,
-            onKeyup: d[1] || (d[1] = Ce((i) => s(), ["enter"]))
-          }, null, 42, Ze),
-          t.label ? (u(), y("div", {
+            "data-test": e.name,
+            onKeyup: i[1] || (i[1] = Ce((y) => r(), ["enter"]))
+          }, null, 42, Qe),
+          e.label ? (s(), m("div", {
             key: 0,
-            class: m(["konnectio-click-box-label", "text-hover", { "with-price": t.price }])
+            class: h(["konnectio-click-box-label", "text-hover", { "with-price": e.price }])
           }, [
-            r("span", null, b(t.label), 1),
-            t.price ? (u(), y("span", _e, b(t.price), 1)) : w("", !0)
-          ], 2)) : f(a).default ? (u(), y("div", xe, [
-            B(t.$slots, "default", {}, void 0, !0)
+            d("span", null, b(e.label), 1),
+            e.price ? (s(), m("span", Ze, b(e.price), 1)) : w("", !0)
+          ], 2)) : c(n).default ? (s(), m("div", _e, [
+            B(a.$slots, "default", {}, void 0, !0)
           ])) : w("", !0)
         ], 2)
       ]),
       _: 3
     }, 8, ["required", "type", "readonly"]));
   }
-}), uo = /* @__PURE__ */ M(eo, [["__scopeId", "data-v-6e9623bf"]]), oo = {
+}), st = /* @__PURE__ */ M(et, [["__scopeId", "data-v-6e9623bf"]]), tt = {
   href: "https://policies.google.com/privacy",
   target: "_blank"
-}, to = {
+}, ot = {
   href: "https://policies.google.com/terms",
   target: "_blank"
-}, lo = /* @__PURE__ */ $({
+}, lt = /* @__PURE__ */ $({
   __name: "GoogleNotice",
   setup(e) {
-    const { t: o } = $e();
-    return (l, n) => (u(), y("span", null, [
-      W(b(f(o)("googleNotice")) + " ", 1),
-      r("a", oo, b(f(o)("googlePrivacyPolicy")), 1),
-      W(" " + b(f(o)("googleAnd")) + " ", 1),
-      r("a", to, b(f(o)("googleTOS")), 1),
-      W(" " + b(f(o)("googleApply")) + ". ", 1)
+    const { t } = $e();
+    return (o, l) => (s(), m("span", null, [
+      U(b(c(t)("googleNotice")) + " ", 1),
+      d("a", tt, b(c(t)("googlePrivacyPolicy")), 1),
+      U(" " + b(c(t)("googleAnd")) + " ", 1),
+      d("a", ot, b(c(t)("googleTOS")), 1),
+      U(" " + b(c(t)("googleApply")) + ". ", 1)
     ]));
   }
 });
 function le(e) {
-  const o = e;
-  o.__i18n = o.__i18n || [], o.__i18n.push({
+  const t = e;
+  t.__i18n = t.__i18n || [], t.__i18n.push({
     locale: "",
     resource: {
       da: {
@@ -640,29 +640,29 @@ function le(e) {
     }
   });
 }
-typeof le == "function" && le(lo);
-const no = /* @__PURE__ */ $({
+typeof le == "function" && le(lt);
+const nt = /* @__PURE__ */ $({
   __name: "CheckoutWindow",
   setup(e) {
-    const { paymentGatewayId: o } = Be(Te());
-    return j(() => {
-      const l = document.createElement("script"), n = document.createElement("script");
-      l.setAttribute("src", "https://checkout.dibspayment.eu/v1/checkout.js?v=1"), n.setAttribute("src", "https://checkout.reepay.com/checkout.js"), document.head.appendChild(l), document.head.appendChild(n);
-    }), (l, n) => (u(), y("div", null, [
-      r("div", {
+    const { paymentGatewayId: t } = Be(Te());
+    return W(() => {
+      const o = document.createElement("script"), l = document.createElement("script");
+      o.setAttribute("src", "https://checkout.dibspayment.eu/v1/checkout.js?v=1"), l.setAttribute("src", "https://checkout.reepay.com/checkout.js"), document.head.appendChild(o), document.head.appendChild(l);
+    }), (o, l) => (s(), m("div", null, [
+      d("div", {
         id: "konnectio-payment-checkout-wrapper",
-        class: m({ reePay: f(o) === f(Ie).ReePay })
-      }, [...n[0] || (n[0] = [
-        r("div", { id: "konnectio-payment-checkout" }, null, -1)
+        class: h({ reePay: c(t) === c(Ie).ReePay })
+      }, [...l[0] || (l[0] = [
+        d("div", { id: "konnectio-payment-checkout" }, null, -1)
       ])], 2)
     ]));
   }
-}), co = /* @__PURE__ */ M(no, [["__scopeId", "data-v-403e3fbf"]]);
+}), ut = /* @__PURE__ */ M(nt, [["__scopeId", "data-v-403e3fbf"]]);
 export {
-  ro as B,
-  co as C,
-  so as P,
-  lo as _,
-  uo as a
+  dt as B,
+  ut as C,
+  rt as P,
+  lt as _,
+  st as a
 };
-//# sourceMappingURL=CheckoutWindow-Dsu7J2JM.js.map
+//# sourceMappingURL=CheckoutWindow-CbJ0uhN5.js.map