@konnectio/core 4.1.2 → 4.1.4

package/dist/{CheckoutWindow-CIVRhVLH.js → CheckoutWindow-BgqyyJoW.js}

@@ -1,33 +1,33 @@
-import { d as $, a as u, g as v, r as c, o as j, af as me, R as he, E as J, c as U, b as H, e as r, f as I, w as k, G as Q, H as _, a0 as q, T as x, n as m, v as B, j as w, a8 as ge, N as be, Y as we, y as ne, z as Se, i as f, t as b, a6 as ke, ac as Ce, u as $e, x as W, s as Be } from "./mitt-Dh_4vPVI.js";
-import { I as Ve, _ as z, H as ee, T as oe, x as ae, h as Pe, P as Te } from "./SelectField.vue_vue_type_style_index_0_lang-DpqEmfGX.js";
+import { d as $, a as u, g as v, r as c, o as j, af as ve, Q as me, D as Z, c as R, b as H, e as r, f as I, w as k, E as J, G as _, a0 as U, T as x, n as m, q as B, j as w, a8 as he, M as ge, X as be, y as we, t as b, i as y, x as Se, a6 as ke, ac as Ce, u as $e, v as W, s as Be } from "./mitt-CFrRmK9k.js";
+import { I as Ve, _ as O, H as ee, T as oe, x as ne, h as Pe, P as Te } from "./SelectField.vue_vue_type_style_index_0_lang-eQJ88XWq.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 o = 0, t = Array(e.length); o < e.length; o++)
+      t[o] = e[o];
+    return t;
   } else
     return Array.from(e);
 }
-var Y = !1;
+var X = !1;
 if (typeof window < "u") {
   var te = {
     get passive() {
-      Y = !0;
+      X = !0;
     }
   };
   window.addEventListener("testPassive", null, te), window.removeEventListener("testPassive", null, te);
 }
-var E = 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, ie = -1, P = void 0, S = void 0, T = void 0, de = function(o) {
-  return C.some(function(l) {
-    return !!(l.options.allowTouchMove && l.options.allowTouchMove(o));
+var q = 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 = [], D = !1, ae = -1, P = void 0, S = void 0, T = void 0, ie = function(o) {
+  return C.some(function(t) {
+    return !!(t.options.allowTouchMove && t.options.allowTouchMove(o));
   });
-}, D = function(o) {
-  var l = o || window.event;
-  return de(l.target) || l.touches.length > 1 ? !0 : (l.preventDefault && l.preventDefault(), !1);
+}, E = function(o) {
+  var t = o || window.event;
+  return ie(t.target) || t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }, Ie = function(o) {
   if (T === void 0) {
-    var l = !!o && o.reserveScrollBarGap === !0, n = window.innerWidth - document.documentElement.clientWidth;
-    if (l && n > 0) {
+    var t = !!o && o.reserveScrollBarGap === !0, n = window.innerWidth - document.documentElement.clientWidth;
+    if (t && 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";
     }
@@ -43,26 +43,26 @@ var E = 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 o = window, t = o.scrollY, n = o.scrollX, a = o.innerHeight;
+      document.body.style.position = "fixed", document.body.style.top = -t, document.body.style.left = -n, setTimeout(function() {
         return window.requestAnimationFrame(function() {
-          var s = a - window.innerHeight;
-          s && l >= a && (document.body.style.top = -(l + s));
+          var i = a - window.innerHeight;
+          i && t >= a && (document.body.style.top = -(t + i));
         });
       }, 300);
     }
   });
 }, qe = 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 o = -parseInt(document.body.style.top, 10), t = -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(t, o), S = void 0;
   }
-}, Ee = function(o) {
+}, De = function(o) {
   return o ? o.scrollHeight - o.scrollTop <= o.clientHeight : !1;
-}, Oe = function(o, l) {
-  var n = o.targetTouches[0].clientY - ie;
-  return de(o.target) ? !1 : l && l.scrollTop === 0 && n > 0 || Ee(l) && n < 0 ? D(o) : (o.stopPropagation(), !0);
-}, De = function(o, l) {
+}, Ee = function(o, t) {
+  var n = o.targetTouches[0].clientY - ae;
+  return ie(o.target) ? !1 : t && t.scrollTop === 0 && n > 0 || De(t) && n < 0 ? E(o) : (o.stopPropagation(), !0);
+}, Oe = function(o, t) {
   if (!o) {
     console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
     return;
@@ -72,47 +72,47 @@ var E = typeof window < "u" && window.navigator && window.navigator.platform &&
   })) {
     var n = {
       targetElement: o,
-      options: l || {}
+      options: t || {}
     };
-    C = [].concat(He(C), [n]), E ? Ne() : Ie(l), E && (o.ontouchstart = function(a) {
-      a.targetTouches.length === 1 && (ie = a.targetTouches[0].clientY);
+    C = [].concat(He(C), [n]), q ? Ne() : Ie(t), q && (o.ontouchstart = function(a) {
+      a.targetTouches.length === 1 && (ae = a.targetTouches[0].clientY);
     }, o.ontouchmove = function(a) {
-      a.targetTouches.length === 1 && Oe(a, o);
-    }, O || (document.addEventListener("touchmove", D, Y ? { passive: !1 } : void 0), O = !0));
+      a.targetTouches.length === 1 && Ee(a, o);
+    }, D || (document.addEventListener("touchmove", E, X ? { passive: !1 } : void 0), D = !0));
   }
-}, ze = function(o) {
+}, Me = function(o) {
   if (!o) {
     console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
     return;
   }
-  C = C.filter(function(l) {
-    return l.targetElement !== o;
-  }), E && (o.ontouchstart = null, o.ontouchmove = null, O && C.length === 0 && (document.removeEventListener("touchmove", D, Y ? { passive: !1 } : void 0), O = !1)), E ? qe() : Ae();
-}, X = $({
+  C = C.filter(function(t) {
+    return t.targetElement !== o;
+  }), q && (o.ontouchstart = null, o.ontouchmove = null, D && C.length === 0 && (document.removeEventListener("touchmove", E, X ? { passive: !1 } : void 0), D = !1)), q ? qe() : Ae();
+}, Y = $({
   name: "SidePanelCloseButton",
   emits: ["close"]
 });
-const Me = /* @__PURE__ */ r(
+const ze = /* @__PURE__ */ r(
   "span",
   { class: "vsp-close__x" },
   null,
   -1
   /* HOISTED */
 ), Le = [
-  Me
+  ze
 ];
-function Fe(e, o, l, n, a, s) {
+function Fe(e, o, t, n, a, i) {
   return u(), v("div", {
     class: "vsp-close",
-    onClick: o[0] || (o[0] = (t) => e.$emit("close"))
+    onClick: o[0] || (o[0] = (l) => e.$emit("close"))
   }, [...Le]);
 }
-X.render = Fe;
-X.__file = "src/components/SidePanelCloseButton.vue";
+Y.render = Fe;
+Y.__file = "src/components/SidePanelCloseButton.vue";
 var K = $({
   name: "VueSidePanel",
   components: {
-    SidePanelCloseButton: X
+    SidePanelCloseButton: Y
   },
   props: {
     idName: {
@@ -199,54 +199,54 @@ var K = $({
     }
   },
   emits: ["update:modelValue", "closed", "opened"],
-  setup(e, { emit: o, attrs: l }) {
+  setup(e, { emit: o, attrs: t }) {
     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), M = c(0), L = c(0), F = c(), Z = 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, M.value = a.value ? a.value.clientHeight : 0;
-    }, re = () => o("update:modelValue", !1), R = (y, g) => {
+    const a = c(null), i = c(null), l = c(null), s = c(null), d = c(null), f = c(0), h = c(0), A = c(0), M = c(0), z = c(0), L = c(), Q = c(!1), V = async () => {
+      window?.innerHeight > 0 && (z.value = window.innerHeight), f.value = l.value ? l.value.clientHeight : 0, A.value = s.value ? s.value.clientHeight : 0, h.value = d.value ? d.value.scrollHeight : 0, M.value = a.value ? a.value.clientHeight : 0;
+    }, de = () => o("update:modelValue", !1), F = (p, g) => {
       if (g) {
         setTimeout(() => {
-          De(y, { reserveScrollBarGap: !0 }), e.lockScrollHtml && (document.documentElement.style.overflow = "hidden");
+          Oe(p, { reserveScrollBarGap: !0 }), e.lockScrollHtml && (document.documentElement.style.overflow = "hidden");
         }, 0);
         return;
       }
-      ze(y), e.lockScrollHtml && document.documentElement.style.removeProperty("overflow");
-    }, se = () => Math.max(...Array.from(document.querySelectorAll("body *"), (y) => parseFloat(window.getComputedStyle(y).zIndex)).filter((y) => !Number.isNaN(y)), 0);
+      Me(p), e.lockScrollHtml && document.documentElement.style.removeProperty("overflow");
+    }, re = () => Math.max(...Array.from(document.querySelectorAll("body *"), (p) => parseFloat(window.getComputedStyle(p).zIndex)).filter((p) => !Number.isNaN(p)), 0);
     j(() => {
-      F.value = e.zIndex === "auto" ? se() : e.zIndex;
-    }), me(() => {
+      L.value = e.zIndex === "auto" ? re() : e.zIndex;
+    }), ve(() => {
       document.getElementById(e.idName) || (n = document.createElement("div"), n.setAttribute("id", e.idName), document.body.appendChild(n));
-    }), he(() => {
-      const { modelValue: y, lockScroll: g } = e;
-      g && a.value && y && R(a.value, !1), n && document.body.removeChild(n), window.removeEventListener("resize", V);
-    }), J(() => [d.value, t.value, e.height, e.width, e.side, e.modelValue], () => {
-      be(() => V());
-    }), J(() => [e.modelValue, a.value], (y, g) => {
-      const pe = g ? g[0] : !1, [G, N] = y, ye = G, ve = pe && !G;
+    }), me(() => {
+      const { modelValue: p, lockScroll: g } = e;
+      g && a.value && p && F(a.value, !1), n && document.body.removeChild(n), window.removeEventListener("resize", V);
+    }), Z(() => [s.value, l.value, e.height, e.width, e.side, e.modelValue], () => {
+      ge(() => V());
+    }), Z(() => [e.modelValue, a.value], (p, g) => {
+      const fe = g ? g[0] : !1, [G, N] = p, pe = G, ye = fe && !G;
       if (N) {
-        if (ye && (Z.value = !!document.body.style.overflow), G) {
-          e.lockScroll && R(N, !0), V(), window.addEventListener("resize", V);
+        if (pe && (Q.value = !!document.body.style.overflow), G) {
+          e.lockScroll && F(N, !0), V(), window.addEventListener("resize", V);
           return;
         }
-        !e.lockScroll || !ve || Z.value || (setTimeout(() => {
-          N && R(N, !1);
+        !e.lockScroll || !ye || Q.value || (setTimeout(() => {
+          N && F(N, !1);
         }, e.panelDuration), window.removeEventListener("resize", V));
       }
     }, { immediate: !0 });
-    const ue = U(() => {
+    const se = R(() => {
       if (!M.value)
         return;
-      const y = h.value + A.value + p.value;
-      let g = M.value - A.value - p.value;
-      return ["top", "bottom"].includes(e.side) && e.height === "auto" && (g = L.value >= y ? h.value : L.value - A.value - p.value), g;
-    }), ce = U(() => ({
-      zIndex: F.value,
+      const p = h.value + A.value + f.value;
+      let g = M.value - A.value - f.value;
+      return ["top", "bottom"].includes(e.side) && e.height === "auto" && (g = z.value >= p ? h.value : z.value - A.value - f.value), g;
+    }), ue = R(() => ({
+      zIndex: L.value,
       animationDuration: `${e.overlayDuration}ms`,
       "--overlay-opacity": e.overlayOpacity,
       opacity: e.modelValue ? e.overlayOpacity : 0,
       backgroundColor: e.overlayColor,
       pointerEvents: e.modelValue ? "all" : "none"
-    })), fe = U(() => ({
+    })), ce = R(() => ({
       width: ["left", "right"].includes(e.side) ? e.width : void 0,
       maxWidth: "100%",
       ...["top", "bottom"].includes(e.side) ? {
@@ -254,27 +254,27 @@ var K = $({
         height: e.height,
         maxHeight: "100%"
       } : {},
-      zIndex: F.value,
+      zIndex: L.value,
       backgroundColor: e.panelColor,
       animationDuration: `${e.panelDuration}ms`,
-      ...Object.assign({}, l.style)
+      ...Object.assign({}, t.style)
     }));
     return {
-      body: i,
+      body: d,
       panel: a,
-      overlay: s,
-      overlayStyles: ce,
-      header: d,
-      footer: t,
-      closePanel: re,
-      panelStyles: fe,
-      bodyHeight: ue
+      overlay: i,
+      overlayStyles: ue,
+      header: s,
+      footer: l,
+      closePanel: de,
+      panelStyles: ce,
+      bodyHeight: se
     };
   }
 });
-function Re(e, o, l, n, a, s) {
-  const t = we("SidePanelCloseButton");
-  return u(), H(ge, {
+function Ge(e, o, t, n, a, i) {
+  const l = be("SidePanelCloseButton");
+  return u(), H(he, {
     to: `#${e.idName}`
   }, [
     r(
@@ -288,12 +288,12 @@ function Re(e, o, l, n, a, s) {
           persisted: ""
         }, {
           default: k(() => [
-            Q(r(
+            J(r(
               "div",
               {
                 ref: "overlay",
                 class: "vsp-overlay",
-                style: q(e.overlayStyles),
+                style: U(e.overlayStyles),
                 onClick: o[0] || (o[0] = () => e.noClose ? void 0 : e.closePanel())
               },
               null,
@@ -308,17 +308,17 @@ function Re(e, o, l, n, a, s) {
         }),
         I(x, {
           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: o[1] || (o[1] = (s) => e.$emit("opened")),
+          onAfterLeave: o[2] || (o[2] = (s) => e.$emit("closed"))
         }, {
           default: k(() => [
-            !e.rerender || e.modelValue ? Q((u(), v(
+            !e.rerender || e.modelValue ? J((u(), v(
               "div",
               {
                 key: 0,
                 ref: "panel",
                 class: m(["vsp", [`vsp--${e.side}-side`, e.$attrs.class]]),
-                style: q(e.panelStyles)
+                style: U(e.panelStyles)
               },
               [
                 e.$slots.header ? (u(), v(
@@ -339,11 +339,11 @@ function Re(e, o, l, n, a, s) {
                   {
                     ref: "body",
                     class: m([e.bodyClass, "vsp__body"]),
-                    style: q({ height: `${e.bodyHeight}px` })
+                    style: U({ height: `${e.bodyHeight}px` })
                   },
                   [
                     B(e.$slots, "default", { close: e.closePanel }),
-                    e.hideCloseBtn ? w("v-if", !0) : (u(), H(t, {
+                    e.hideCloseBtn ? w("v-if", !0) : (u(), H(l, {
                       key: 0,
                       onClose: e.closePanel
                     }, null, 8, ["onClose"]))
@@ -380,12 +380,12 @@ function Re(e, o, l, n, a, s) {
     )
   ], 8, ["to"]);
 }
-K.render = Re;
+K.render = Ge;
 K.__file = "src/components/SidePanel.vue";
-const Ge = { id: "konnectio-side-panel-header" }, Ue = { id: "konnectio-side-panel-title" }, We = {
+const Re = { id: "konnectio-side-panel-header" }, Ue = { id: "konnectio-side-panel-title" }, We = {
   key: 0,
   id: "konnectio-side-panel-subtitle"
-}, je = ["innerHTML"], Ye = /* @__PURE__ */ $({
+}, je = ["innerHTML"], Xe = /* @__PURE__ */ $({
   __name: "Base",
   props: {
     modelValue: { type: Boolean },
@@ -400,29 +400,29 @@ const Ge = { id: "konnectio-side-panel-header" }, Ue = { id: "konnectio-side-pan
   },
   emits: ["update:modelValue", "opened", "closed"],
   setup(e, { emit: o }) {
-    const l = o, n = ne();
-    function a() {
-      l("closed");
+    const t = o;
+    function n() {
+      t("closed");
     }
-    function s() {
-      l("opened");
+    function a() {
+      t("opened");
     }
-    return (t, d) => (u(), H(f(K), {
-      modelValue: t.modelValue,
-      "lock-scroll": 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
-    }, Se({
+    return (i, l) => (u(), H(y(K), {
+      modelValue: i.modelValue,
+      "lock-scroll": i.lockScroll,
+      "hide-close-btn": i.hideCloseButton,
+      width: i.width,
+      "onUpdate:modelValue": l[1] || (l[1] = (s) => i.$emit("update:modelValue", s)),
+      onClosed: n,
+      onOpened: a
+    }, we({
       header: k(() => [
-        r("div", Ge, [
+        r("div", Re, [
           r("h2", Ue, [
-            r("span", null, b(t.title), 1),
+            r("span", null, b(i.title), 1),
             r("button", {
               id: "konnectio-side-panel-close",
-              onClick: d[0] || (d[0] = (i) => t.$emit("update:modelValue", !1))
+              onClick: l[0] || (l[0] = (s) => i.$emit("update:modelValue", !1))
             }, [
               I(Ve, {
                 icon: "times",
@@ -431,31 +431,31 @@ const Ge = { id: "konnectio-side-panel-header" }, Ue = { id: "konnectio-side-pan
               })
             ])
           ]),
-          t.subtitle ? (u(), v("h4", We, [
-            r("span", null, b(t.subtitle), 1)
+          i.subtitle ? (u(), v("h4", We, [
+            r("span", null, b(i.subtitle), 1)
           ])) : w("", !0)
         ])
       ]),
       default: k(() => [
-        t.description ? (u(), v("div", {
+        i.description ? (u(), v("div", {
           key: 0,
           class: "konnectio-side-panel-description",
-          innerHTML: t.description
+          innerHTML: i.description
         }, null, 8, je)) : w("", !0),
-        B(t.$slots, "default", {}, void 0, !0)
+        B(i.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
-      f(n).footer ? {
+      i.$slots.footer ? {
         name: "footer",
         fn: k(() => [
-          B(t.$slots, "footer", {}, void 0, !0)
+          B(i.$slots, "footer", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["modelValue", "lock-scroll", "hide-close-btn", "width"]));
   }
-}), io = /* @__PURE__ */ z(Ye, [["__scopeId", "data-v-ab4f4cbb"]]), Xe = { class: "konnectio-phone-input" }, Ke = /* @__PURE__ */ $({
+}), io = /* @__PURE__ */ O(Xe, [["__scopeId", "data-v-f2475ad4"]]), Ye = { class: "konnectio-phone-input" }, Ke = /* @__PURE__ */ $({
   __name: "PhoneField",
   props: {
     modelValue: {},
@@ -466,65 +466,62 @@ const Ge = { id: "konnectio-side-panel-header" }, Ue = { id: "konnectio-side-pan
     iconColor: {},
     iconType: { default: "fal" },
     required: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    inputStyle: {}
+    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}`);
+    const t = o, n = e, a = n.id || ee(), i = c("+45"), l = c("");
+    function s() {
+      t("update:modelValue", `${i.value} ${l.value}`);
     }
     return j(() => {
       if (n.modelValue) {
-        const i = n.modelValue.split(" ");
-        s.value = i[0], t.value = i[1];
+        const d = n.modelValue.split(" ");
+        i.value = d[0], l.value = d[1];
       }
-    }), (i, p) => (u(), H(ae, {
-      label: i.label,
-      id: f(a),
+    }), (d, f) => (u(), H(ne, {
+      label: d.label,
+      id: y(a),
       type: "phone",
-      required: i.required,
-      readonly: i.readonly
+      required: d.required,
+      readonly: d.readonly
     }, {
       default: k(() => [
-        r("div", Xe, [
+        r("div", Ye, [
           I(oe, {
-            modelValue: s.value,
-            "onUpdate:modelValue": p[0] || (p[0] = (h) => s.value = h),
+            modelValue: i.value,
+            "onUpdate:modelValue": f[0] || (f[0] = (h) => i.value = h),
             type: "text",
-            id: f(ee)(),
+            id: y(ee)(),
             name: "phone-code",
             autocomplete: "tel-country-code",
-            icon: i.icon,
-            "icon-color": i.iconColor,
-            "icon-type": i.iconType,
+            icon: d.icon,
+            "icon-color": d.iconColor,
+            "icon-type": d.iconType,
             placeholder: "+XX",
-            required: i.required,
-            readonly: i.readonly,
-            "input-style": i.inputStyle,
-            onInput: p[1] || (p[1] = (h) => d())
-          }, null, 8, ["modelValue", "id", "icon", "icon-color", "icon-type", "required", "readonly", "input-style"]),
+            required: d.required,
+            readonly: d.readonly,
+            onInput: f[1] || (f[1] = (h) => s())
+          }, null, 8, ["modelValue", "id", "icon", "icon-color", "icon-type", "required", "readonly"]),
           I(oe, {
-            modelValue: t.value,
-            "onUpdate:modelValue": p[2] || (p[2] = (h) => t.value = h),
+            modelValue: l.value,
+            "onUpdate:modelValue": f[2] || (f[2] = (h) => l.value = h),
             type: "number",
             name: "phone",
             autocomplete: "tel-national",
             inputmode: "numeric",
-            id: f(a),
-            placeholder: i.placeholder,
-            required: i.required,
-            readonly: i.readonly,
-            "input-style": i.inputStyle,
-            onInput: p[3] || (p[3] = (h) => d())
-          }, null, 8, ["modelValue", "id", "placeholder", "required", "readonly", "input-style"])
+            id: y(a),
+            placeholder: d.placeholder,
+            required: d.required,
+            readonly: d.readonly,
+            onInput: f[3] || (f[3] = (h) => s())
+          }, null, 8, ["modelValue", "id", "placeholder", "required", "readonly"])
         ])
       ]),
       _: 1
     }, 8, ["label", "id", "required", "readonly"]));
   }
-}), ro = /* @__PURE__ */ z(Ke, [["__scopeId", "data-v-b21c5ffb"]]), Ze = ["required", "type", "name", "readonly", "disabled", "value", "checked"], Je = ["data-test"], Qe = { key: 0 }, _e = {
+}), ro = /* @__PURE__ */ O(Ke, [["__scopeId", "data-v-3e373d03"]]), Qe = ["required", "type", "name", "readonly", "disabled", "value", "checked"], Ze = ["data-test"], Je = { key: 0 }, _e = {
   key: 1,
   class: /* @__PURE__ */ m(["konnectio-click-box-label", "inline"])
 }, xe = /* @__PURE__ */ $({
@@ -539,68 +536,66 @@ const Ge = { id: "konnectio-side-panel-header" }, Ue = { id: "konnectio-side-pan
     readonly: { type: Boolean, default: !1 },
     type: { default: "checkbox" },
     required: { type: Boolean, default: !1 },
-    inputStyle: {},
     val: {}
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const l = e, n = o, a = ne();
-    function s() {
-      l.readonly !== !0 && n(
+    const t = e, n = o, a = Se();
+    function i() {
+      t.readonly !== !0 && n(
         "update:modelValue",
-        l.type === "radio" ? l.val : l.numeric ? l.modelValue ? 0 : 1 : !l.modelValue
+        t.type === "radio" ? t.val : t.numeric ? t.modelValue ? 0 : 1 : !t.modelValue
       );
     }
-    return (t, d) => (u(), H(ae, {
-      required: t.required,
-      type: t.type,
-      readonly: t.readonly
+    return (l, s) => (u(), H(ne, {
+      required: l.required,
+      type: l.type,
+      readonly: l.readonly
     }, {
       default: k(() => [
         r("label", {
           class: m([
             "konnectio-click-box-container",
-            { "is-readonly": t.readonly },
-            { "has-label": t.label || f(a).default },
-            t.type === "radio" ? "radio" : "checkbox"
+            { "is-readonly": l.readonly },
+            { "has-label": l.label || y(a).default },
+            l.type === "radio" ? "radio" : "checkbox"
           ])
         }, [
-          r("input", ke(t.$attrs, {
-            required: !!t.required,
-            type: t.type,
-            name: t.name,
+          r("input", ke(l.$attrs, {
+            required: !!l.required,
+            type: l.type,
+            name: l.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, Ze),
+            readonly: !!l.readonly,
+            disabled: !!l.readonly,
+            value: l.type === "radio" ? l.val : l.modelValue,
+            checked: l.type === "radio" ? l.val === l.modelValue : !!l.modelValue,
+            onChange: s[0] || (s[0] = (d) => i())
+          }), null, 16, Qe),
           r("div", {
             class: m([
               "konnectio-click-box",
-              { checked: t.type === "radio" ? t.val === t.modelValue : !!t.modelValue }
+              { checked: l.type === "radio" ? l.val === l.modelValue : !!l.modelValue }
             ]),
             tabindex: "0",
-            style: q(t.inputStyle),
-            "data-test": t.name,
-            onKeyup: d[1] || (d[1] = Ce((i) => s(), ["enter"]))
-          }, null, 46, Je),
-          t.label ? (u(), v("div", {
+            "data-test": l.name,
+            onKeyup: s[1] || (s[1] = Ce((d) => i(), ["enter"]))
+          }, null, 42, Ze),
+          l.label ? (u(), v("div", {
             key: 0,
-            class: m(["konnectio-click-box-label", "text-hover", { "with-price": t.price }])
+            class: m(["konnectio-click-box-label", "text-hover", { "with-price": l.price }])
           }, [
-            r("span", null, b(t.label), 1),
-            t.price ? (u(), v("span", Qe, b(t.price), 1)) : w("", !0)
-          ], 2)) : f(a).default ? (u(), v("div", _e, [
-            B(t.$slots, "default", {}, void 0, !0)
+            r("span", null, b(l.label), 1),
+            l.price ? (u(), v("span", Je, b(l.price), 1)) : w("", !0)
+          ], 2)) : y(a).default ? (u(), v("div", _e, [
+            B(l.$slots, "default", {}, void 0, !0)
           ])) : w("", !0)
         ], 2)
       ]),
       _: 3
     }, 8, ["required", "type", "readonly"]));
   }
-}), so = /* @__PURE__ */ z(xe, [["__scopeId", "data-v-b3fe38a4"]]), eo = {
+}), so = /* @__PURE__ */ O(xe, [["__scopeId", "data-v-6029b875"]]), eo = {
   href: "https://policies.google.com/privacy",
   target: "_blank"
 }, oo = {
@@ -610,12 +605,12 @@ const Ge = { id: "konnectio-side-panel-header" }, Ue = { id: "konnectio-side-pan
   __name: "GoogleNotice",
   setup(e) {
     const { t: o } = $e();
-    return (l, n) => (u(), v("span", null, [
-      W(b(f(o)("googleNotice")) + " ", 1),
-      r("a", eo, b(f(o)("googlePrivacyPolicy")), 1),
-      W(" " + b(f(o)("googleAnd")) + " ", 1),
-      r("a", oo, b(f(o)("googleTOS")), 1),
-      W(" " + b(f(o)("googleApply")) + ". ", 1)
+    return (t, n) => (u(), v("span", null, [
+      W(b(y(o)("googleNotice")) + " ", 1),
+      r("a", eo, b(y(o)("googlePrivacyPolicy")), 1),
+      W(" " + b(y(o)("googleAnd")) + " ", 1),
+      r("a", oo, b(y(o)("googleTOS")), 1),
+      W(" " + b(y(o)("googleApply")) + ". ", 1)
     ]));
   }
 });
@@ -647,18 +642,18 @@ const lo = /* @__PURE__ */ $({
   setup(e) {
     const { paymentGatewayId: o } = Be(Pe());
     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(), v("div", null, [
+      const t = document.createElement("script"), n = document.createElement("script");
+      t.setAttribute("src", "https://checkout.dibspayment.eu/v1/checkout.js?v=1"), n.setAttribute("src", "https://checkout.reepay.com/checkout.js"), document.head.appendChild(t), document.head.appendChild(n);
+    }), (t, n) => (u(), v("div", null, [
       r("div", {
         id: "konnectio-payment-checkout-wrapper",
-        class: m({ reePay: f(o) === f(Te).ReePay })
+        class: m({ reePay: y(o) === y(Te).ReePay })
       }, n[0] || (n[0] = [
         r("div", { id: "konnectio-payment-checkout" }, null, -1)
       ]), 2)
     ]));
   }
-}), uo = /* @__PURE__ */ z(lo, [["__scopeId", "data-v-853041a4"]]);
+}), uo = /* @__PURE__ */ O(lo, [["__scopeId", "data-v-853041a4"]]);
 export {
   io as B,
   so as C,
@@ -666,4 +661,4 @@ export {
   to as _,
   uo as a
 };
-//# sourceMappingURL=CheckoutWindow-CIVRhVLH.js.map
+//# sourceMappingURL=CheckoutWindow-BgqyyJoW.js.map