@cling-se/widget 0.19.7 → 0.19.8

package/dist/{CoverBlockSettings-DDHQzLdc.js → CoverBlockSettings--l4fH9mr.js}

@@ -1,8 +1,8 @@
-import { m as z } from "./mapFormMixin-CjfqZnmd.js";
-import { T as R } from "./ThemeColorRow-CScTIcPB.js";
-import { b as _ } from "./helpers-BVP2Pul1.js";
-import { _ as w, $ as M, o as l, b as u, j as n, D as x, A as f, ab as y, B as $, f as p, y as T, Y as b, e as g, F as V, G as L, c as S, d as v, t as h, v as U, w as k, x as C, an as N, l as B } from "./main-C2Q8_T2Y.js";
-import { b as I } from "./CDropdownItem-B5rgSee7.js";
+import { m as z } from "./mapFormMixin-Bx5_nE7g.js";
+import { T as B } from "./ThemeColorRow-D3blQMiD.js";
+import { b as T } from "./helpers-Cf9s0P7o.js";
+import { _ as w, N as M, d as u, o as l, j as n, R as x, ah as f, am as y, e as p, T as $, W as b, x as L, b as g, f as v, c as S, F as V, n as _, t as h, ac as N, w as k, q as C, l as R, at as U } from "./main-BayUZ9OO.js";
+import { b as I } from "./CDropdownItem-E-kRDIiy.js";
 const K = {
   name: "CSliderThumb",
   mixins: [M],
@@ -150,25 +150,25 @@ const A = /* @__PURE__ */ w(K, [["render", X]]), H = {
       return { left: `${e}%` };
     }
   }
-}, G = {
+}, j = {
   key: 0,
   class: "c-slider-tick-label"
 };
-function Y(e, t, s, a, r, i) {
+function q(e, t, s, a, r, i) {
   return l(), u("div", {
-    class: T([{ "is-tick-hidden": i.hidden }, "c-slider-tick"]),
+    class: L([{ "is-tick-hidden": i.hidden }, "c-slider-tick"]),
     style: b(i.getTickStyle(i.position))
   }, [
-    e.$slots.default ? (l(), u("span", G, [
+    e.$slots.default ? (l(), u("span", j, [
       $(e.$slots, "default")
     ])) : p("", !0)
   ], 6);
 }
-const j = /* @__PURE__ */ w(H, [["render", Y]]), q = {
+const G = /* @__PURE__ */ w(H, [["render", q]]), Y = {
   name: "CSlider",
   components: {
     CSliderThumb: A,
-    CSliderTick: j
+    CSliderTick: G
   },
   props: {
     modelValue: {
@@ -329,14 +329,14 @@ const j = /* @__PURE__ */ w(H, [["render", Y]]), q = {
       if (!(this.min > this.max))
         if (Array.isArray(e)) {
           this.isRange = !0;
-          const t = typeof e[0] != "number" || isNaN(e[0]) ? this.min : _(e[0], this.min, this.max), s = typeof e[1] != "number" || isNaN(e[1]) ? this.max : _(e[1], this.min, this.max);
+          const t = typeof e[0] != "number" || isNaN(e[0]) ? this.min : T(e[0], this.min, this.max), s = typeof e[1] != "number" || isNaN(e[1]) ? this.max : T(e[1], this.min, this.max);
           this.internal = {
             value1: this.isThumbReversed ? s : t,
             value2: this.isThumbReversed ? t : s
           };
         } else
           this.isRange = !1, this.internal = {
-            value1: isNaN(e) ? this.min : _(e, this.min, this.max),
+            value1: isNaN(e) ? this.min : T(e, this.min, this.max),
             value2: null
           };
     },
@@ -379,22 +379,22 @@ const j = /* @__PURE__ */ w(H, [["render", Y]]), q = {
       );
     }
   }
-}, J = {
+}, W = {
   ref: "slider",
   class: "c-slider-track"
 };
-function Q(e, t, s, a, r, i) {
+function J(e, t, s, a, r, i) {
   const o = g("CSliderTick"), c = g("CSliderThumb");
   return l(), u("div", {
-    class: T([[`is-${s.size}`, `is-${s.type}`, i.rootClasses], "c-slider"]),
+    class: L([[`is-${s.size}`, `is-${s.type}`, i.rootClasses], "c-slider"]),
     onClick: t[2] || (t[2] = (...m) => i.onSliderClick && i.onSliderClick(...m))
   }, [
-    n("div", J, [
+    n("div", W, [
       n("div", {
         style: b(i.barStyle),
         class: "c-slider-fill"
       }, null, 4),
-      s.ticks ? (l(!0), u(V, { key: 0 }, L(i.tickValues, (m, P) => (l(), S(o, {
+      s.ticks ? (l(!0), u(V, { key: 0 }, _(i.tickValues, (m, P) => (l(), S(o, {
         key: P,
         value: m
       }, null, 8, ["value"]))), 128)) : p("", !0),
@@ -437,7 +437,7 @@ function Q(e, t, s, a, r, i) {
     ], 512)
   ], 2);
 }
-const W = /* @__PURE__ */ w(q, [["render", Q]]), Z = (e, t, s, a) => Math.atan2(e - s, t - a) * (180 / Math.PI) * -1 + 180, ee = {
+const Q = /* @__PURE__ */ w(Y, [["render", J]]), Z = (e, t, s, a) => Math.atan2(e - s, t - a) * (180 / Math.PI) * -1 + 180, ee = {
   name: "DegreePicker",
   emits: ["input"],
   props: {
@@ -516,7 +516,7 @@ const oe = /* @__PURE__ */ w(ee, [["render", se], ["__scopeId", "data-v-fe95bfec
     }
   },
   components: {
-    ThemeColorRow: R,
+    ThemeColorRow: B,
     DegreePicker: oe
   },
   emits: ["input"],
@@ -528,7 +528,7 @@ const oe = /* @__PURE__ */ w(ee, [["render", se], ["__scopeId", "data-v-fe95bfec
   },
   data() {
     return {
-      set: U,
+      set: N,
       defaultValue: {
         type: "linear",
         degree: 0,
@@ -599,11 +599,11 @@ function le(e, t, s, a, r, i) {
   ]);
 }
 const de = /* @__PURE__ */ w(ne, [["render", le], ["__scopeId", "data-v-a0f7de54"]]), ue = {
-  image: B(
-    () => import("./ImageSelectModal-DatnXHH1.js")
+  image: R(
+    () => import("./ImageSelectModal-CJ-DstAf.js")
   ),
-  video: B(
-    () => import("./VideoSelectModal-iqgmg85K.js")
+  video: R(
+    () => import("./VideoSelectModal-B2VPO6q4.js")
   )
 }, me = {
   name: "CoverBlockSettings",
@@ -629,9 +629,9 @@ const de = /* @__PURE__ */ w(ne, [["render", le], ["__scopeId", "data-v-a0f7de54
     }
   },
   components: {
-    ThemeColorRow: R,
+    ThemeColorRow: B,
     GradientPicker: de,
-    CSlider: W,
+    CSlider: Q,
     CSwitch: I
   },
   mixins: [
@@ -653,7 +653,7 @@ const de = /* @__PURE__ */ w(ne, [["render", le], ["__scopeId", "data-v-a0f7de54
   ],
   data() {
     return {
-      getUnsplashResized: N
+      getUnsplashResized: U
     };
   },
   methods: {
@@ -710,21 +710,21 @@ const de = /* @__PURE__ */ w(ne, [["render", le], ["__scopeId", "data-v-a0f7de54
   key: 4,
   class: "d-option",
   style: { "padding-bottom": "0.5em" }
-}, _e = { class: "d-option-title" }, Le = { style: { flex: "1 1 auto" } }, Te = {
+}, Te = { class: "d-option-title" }, _e = { style: { flex: "1 1 auto" } }, Le = {
   key: 5,
   class: "d-option"
-}, Ee = { class: "d-option-title" }, xe = { style: { flex: "1 1 auto" } }, Be = {
+}, Ee = { class: "d-option-title" }, xe = { style: { flex: "1 1 auto" } }, Re = {
   key: 0,
   class: "d-option-row",
   style: { "padding-top": "1em" }
 };
-function Re(e, t, s, a, r, i) {
+function Be(e, t, s, a, r, i) {
   const o = g("CButton"), c = g("CSlider"), m = g("ThemeColorRow"), P = g("GradientPicker"), F = g("CSwitch");
   return l(), u("div", he, [
     n("div", ce, [
       n("div", pe, h(e.$t("_common:background").capitalize()), 1),
       n("div", ge, [
-        (l(!0), u(V, null, L([
+        (l(!0), u(V, null, _([
           { label: e.$t("_common:image"), value: "image" },
           { label: e.$t("_common:color"), value: "color" },
           { label: e.$t("_common:gradient"), value: "gradient" },
@@ -755,7 +755,7 @@ function Re(e, t, s, a, r, i) {
       e.resourceUrl ? (l(), u("div", fe, [
         n("div", ye, h(e.$t("_common:filter").capitalize()), 1),
         n("div", be, [
-          (l(), u(V, null, L([
+          (l(), u(V, null, _([
             "",
             "sepia(30%) brightness(110%) contrast(110%) grayscale(100%)",
             "brightness(110%) contrast(90%) saturate(150%)",
@@ -764,7 +764,7 @@ function Re(e, t, s, a, r, i) {
             "blur(0px) sepia(15%) saturate(130%) hue-rotate(-30deg)"
           ], (d, D) => n("div", {
             key: D,
-            class: T([{ "is-active": e.filter === d }, "bg-filter"]),
+            class: L([{ "is-active": e.filter === d }, "bg-filter"]),
             onClick: (E) => e.filter = d
           }, [
             n("div", {
@@ -816,8 +816,8 @@ function Re(e, t, s, a, r, i) {
       onInput: t[4] || (t[4] = (d) => e.gradient = d)
     }, null, 8, ["value"])) : p("", !0),
     ["image", "video"].includes(e.type) ? (l(), u("div", Pe, [
-      n("div", _e, [
-        n("div", Le, h(e.$t("_common:blur").capitalize()), 1),
+      n("div", Te, [
+        n("div", _e, h(e.$t("_common:blur").capitalize()), 1),
         v(c, {
           "model-value": e.blur || 0,
           max: 30,
@@ -829,7 +829,7 @@ function Re(e, t, s, a, r, i) {
         }, null, 8, ["model-value"])
       ])
     ])) : p("", !0),
-    ["image", "video"].includes(e.type) ? (l(), u("div", Te, [
+    ["image", "video"].includes(e.type) ? (l(), u("div", Le, [
       n("div", Ee, [
         n("div", xe, h(e.$t("overlay.title")), 1),
         v(F, {
@@ -840,7 +840,7 @@ function Re(e, t, s, a, r, i) {
           "onUpdate:modelValue": i.toggleOverlay
         }, null, 8, ["model-value", "onUpdate:modelValue"])
       ]),
-      e.overlay ? (l(), u("div", Be, [
+      e.overlay ? (l(), u("div", Re, [
         v(m, {
           value: e.overlayColor || "",
           placement: "top-end",
@@ -855,7 +855,7 @@ function Re(e, t, s, a, r, i) {
     ])) : p("", !0)
   ]);
 }
-const Ie = /* @__PURE__ */ w(me, [["render", Re], ["__scopeId", "data-v-6f8a8437"]]);
+const Ie = /* @__PURE__ */ w(me, [["render", Be], ["__scopeId", "data-v-6f8a8437"]]);
 export {
   Ie as default
 };

package/dist/{DocAnswer-Cmdsw_CW.js → DocAnswer-Bq-4uVbe.js}

@@ -1,5 +1,5 @@
-import n from "./AnswerModal-DfjF-RVP.js";
-import { _ as t, c, e as r, o as s } from "./main-C2Q8_T2Y.js";
+import n from "./AnswerModal-o8OHHulg.js";
+import { _ as t, b as c, c as r, o as s } from "./main-BayUZ9OO.js";
 const u = {
   components: {
     AnswerModal: n
@@ -20,8 +20,8 @@ const u = {
   }
 };
 function a(d, l, e, m, p, _) {
-  const o = r("AnswerModal");
-  return s(), c(o, {
+  const o = c("AnswerModal");
+  return s(), r(o, {
     mode: e.answerType,
     _document: e.document,
     onClose: e.closeFunc

package/dist/{DocDetails-C5Vzh550.js → DocDetails-yxmchgO5.js}

@@ -1,7 +1,7 @@
-import { D as A } from "./DocumentVoided-SG_ShMmc.js";
-import { C as F, a as I, w as B } from "./CDropdownItem-B5rgSee7.js";
-import { aj as V, o as n, b as s, j as o, F as _, G as N, t as i, f as d, c as y, w as v, U as j, B as P, y as z, _ as $, bb as S, n as q, e as p, d as b, x as w, bc as E, bd as O, aE as T, be as U } from "./main-C2Q8_T2Y.js";
-import { C as M } from "./CPhoneFormat-DaDNMlmK.js";
+import { D as A } from "./DocumentVoided-DlQtlO7G.js";
+import { w as F, C as I, a as B } from "./CDropdownItem-E-kRDIiy.js";
+import { a7 as V, d as s, o as n, j as o, T as P, F as _, n as N, x as z, t as i, e as d, c as y, w as v, I as S, _ as $, b8 as j, ae as q, b as p, f as b, q as w, aC as O, b9 as E, ba as T, bb as M } from "./main-BayUZ9OO.js";
+import { C as U } from "./CPhoneFormat-CIQAVdsB.js";
 const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px" } }, H = { class: "flex items-center p-4" }, J = { class: "mb-1" }, K = { class: "flex flex-col space-y-1 text-sm" }, Q = ["href"], W = ["href"], R = /* @__PURE__ */ V({
   __name: "PublicContactDetails",
   props: {
@@ -14,29 +14,29 @@ const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
     region: {}
   },
   setup(t) {
-    return (c, e) => (n(), s("div", G, [
+    return (a, e) => (n(), s("div", G, [
       o("div", H, [
         o("div", null, [
           o("div", J, [
-            (n(!0), s(_, null, N([c.name, c.companyName, c.orgNo], (m, l) => (n(), s("span", {
+            (n(!0), s(_, null, N([a.name, a.companyName, a.orgNo], (m, l) => (n(), s("span", {
               key: `${m}-${l}`,
               class: z([l === 0 ? "font-medium" : "text-gray-600", "mr-1 inline-block"])
             }, i(m && l > 0 ? "·" : "") + " " + i(m), 3))), 128))
           ]),
           o("div", K, [
-            c.email ? (n(), s("a", {
+            a.email ? (n(), s("a", {
               key: 0,
-              href: `mailto:${c.email}`,
+              href: `mailto:${a.email}`,
               target: "_blank"
-            }, i(c.email), 9, Q)) : d("", !0),
-            c.cellphone ? (n(), y(j(M), {
+            }, i(a.email), 9, Q)) : d("", !0),
+            a.cellphone ? (n(), y(S(U), {
               key: 1,
-              phone: c.cellphone,
-              region: c.cellphoneRegion ? c.cellphoneRegion : c.region
+              phone: a.cellphone,
+              region: a.cellphoneRegion ? a.cellphoneRegion : a.region
             }, {
               default: v(({ formattedValue: m }) => [
                 o("a", {
-                  href: `tel:${c.cellphone}`
+                  href: `tel:${a.cellphone}`
                 }, i(m), 9, W)
               ]),
               _: 1
@@ -44,7 +44,7 @@ const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
           ])
         ])
       ]),
-      P(c.$slots, "default")
+      P(a.$slots, "default")
     ]));
   }
 }), X = {
@@ -57,9 +57,9 @@ const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
   },
   computed: {
     events() {
-      const t = [], { acceptedAt: c } = this.document;
-      return this.document.events.filter(({ createdAt: e }) => c ? S(c, e) : !0).forEach((e) => {
-        const { code: m, createdAt: l, children: a = [] } = e;
+      const t = [], { acceptedAt: a } = this.document;
+      return this.document.events.filter(({ createdAt: e }) => a ? j(a, e) : !0).forEach((e) => {
+        const { code: m, createdAt: l, children: c = [] } = e;
         let { data: g = {} } = e;
         g === null && (g = {});
         const { client: u = {}, clients: D = [], status: k, counter: x } = g, C = {
@@ -76,7 +76,7 @@ const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
             };
           }),
           viewed: () => {
-            const f = x || a.length + 1;
+            const f = x || c.length + 1;
             return [
               {
                 text: `${this.document.$t(
@@ -132,13 +132,13 @@ const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
   },
   methods: {
     getClientName(t) {
-      const c = this.document.clients.find(({ id: e }) => e === t);
-      return c ? c.name : "";
+      const a = this.document.clients.find(({ id: e }) => e === t);
+      return a ? a.name : "";
     }
   }
 };
-function Y(t, c, e, m, l, a) {
-  return P(t.$slots, "default", { events: a.events });
+function Y(t, a, e, m, l, c) {
+  return P(t.$slots, "default", { events: c.events });
 }
 const Z = /* @__PURE__ */ $(X, [["render", Y]]), ee = {
   name: "PublicRecipientItem",
@@ -157,17 +157,17 @@ const Z = /* @__PURE__ */ $(X, [["render", Y]]), ee = {
   },
   methods: {
     get: q,
-    getBrowserString({ browser: t, os: c, device: e }) {
-      return [t && t.name, c && c.name, e && e.model].filter((m) => !!m).join(", ");
+    getBrowserString({ browser: t, os: a, device: e }) {
+      return [t && t.name, a && a.name, e && e.model].filter((m) => !!m).join(", ");
     }
   }
 }, te = { style: { "background-color": "hsl(0, 0%, 94%)", padding: "0.75em 0.75em", "font-weight": "500", "font-size": "13px", "line-height": "1", color: "hsl(0, 0%, 40%)", position: "relative" } }, ne = { style: { position: "absolute", right: "1em", top: "0px", transform: "translate(0, -50%)" } }, oe = { style: { padding: "0" } }, ie = { style: { padding: "1em 1.5em" } }, se = {
   key: 0,
   style: { "padding-bottom": "0.5em" }
-}, ce = {
+}, ae = {
   class: "has-text-grey",
   style: { "padding-bottom": "1em" }
-}, ae = ["src"], le = {
+}, ce = ["src"], le = {
   key: 1,
   style: { "font-size": "13px", "padding-top": "3px" }
 }, de = { style: { "font-weight": "500" } }, re = {
@@ -177,7 +177,7 @@ const Z = /* @__PURE__ */ $(X, [["render", Y]]), ee = {
   key: 0,
   style: { padding: "8px 1.5em", "border-top": "1px solid hsl(0deg 0% 88%)", "background-color": "hsl(0deg 0% 95%)", "font-size": "13px", color: "hsl(0, 0%, 35%)", "font-weight": "500" }
 }, pe = { key: 0 }, ge = { key: 1 }, _e = { key: 2 };
-function fe(t, c, e, m, l, a) {
+function fe(t, a, e, m, l, c) {
   const g = p("CIcon"), u = p("VDropdown"), D = p("PublicContactDetails");
   return n(), y(D, {
     name: e.recipient.name,
@@ -201,19 +201,19 @@ function fe(t, c, e, m, l, a) {
                 o("div", ie, [
                   e.recipient.answer && e.recipient.answer.didAccept ? (n(), s(_, { key: 0 }, [
                     e.recipient.answer.signatureDataURL ? (n(), s("div", se, [
-                      o("div", ce, i(t.$t("_common:signature").capitalize()), 1),
+                      o("div", ae, i(t.$t("_common:signature").capitalize()), 1),
                       o("img", {
                         src: e.recipient.answer.signatureDataURL,
                         style: { width: "80%" }
-                      }, null, 8, ae)
+                      }, null, 8, ce)
                     ])) : (n(), s("div", le, [
-                      a.get(e.recipient, "answerMethod.accept") === "bankId" ? (n(), s(_, { key: 0 }, [
+                      c.get(e.recipient, "answerMethod.accept") === "bankId" ? (n(), s(_, { key: 0 }, [
                         o("div", de, i(t.$t(
                           "views:publicDocument.pdfVerification.recipient.signedBankId"
                         )), 1),
                         o("div", null, i(e.recipient.answer.response.name), 1),
                         o("div", null, i(e.recipient.socialNo), 1)
-                      ], 64)) : a.get(e.recipient, "answerMethod.accept") === "login" ? (n(), s("div", re, i(t.$t(
+                      ], 64)) : c.get(e.recipient, "answerMethod.accept") === "login" ? (n(), s("div", re, i(t.$t(
                         "views:publicDocument.pdfVerification.recipient.verifiedLogin"
                       )), 1)) : d("", !0)
                     ]))
@@ -225,7 +225,7 @@ function fe(t, c, e, m, l, a) {
                     o("div", null, i(t.$t("_common:time").capitalize()) + ": " + i(t.$formatDate(e.recipient.answer.didAnswerAt, "p")), 1)
                   ])) : d("", !0),
                   e.recipient.answer.ip ? (n(), s("div", ge, " IP: " + i(e.recipient.answer.ip), 1)) : d("", !0),
-                  e.recipient.answer.browser ? (n(), s("div", _e, " Browser: " + i(a.getBrowserString(e.recipient.answer)), 1)) : d("", !0)
+                  e.recipient.answer.browser ? (n(), s("div", _e, " Browser: " + i(c.getBrowserString(e.recipient.answer)), 1)) : d("", !0)
                 ])) : d("", !0)
               ])
             ]),
@@ -266,10 +266,10 @@ const ye = /* @__PURE__ */ $(ee, [["render", fe], ["__scopeId", "data-v-5be0d201
     PublicDocumentEvents: Z,
     PublicRecipientItem: ye,
     PublicContactDetails: R,
-    CDropdown: F,
+    CDropdown: B,
     CDropdownItem: I
   },
-  mixins: [B],
+  mixins: [F],
   props: {
     document: {
       type: Object,
@@ -290,8 +290,8 @@ const ye = /* @__PURE__ */ $(ee, [["render", fe], ["__scopeId", "data-v-5be0d201
   },
   data() {
     return {
-      docLanguages: E,
-      nativeTranslations: O
+      docLanguages: M,
+      nativeTranslations: T
     };
   },
   computed: {
@@ -316,7 +316,7 @@ const ye = /* @__PURE__ */ $(ee, [["render", fe], ["__scopeId", "data-v-5be0d201
   },
   methods: {
     changeLanguage(t) {
-      this.document.language = t, T.changeLanguage(U.includes(t) ? t : "en");
+      this.document.language = t, O.changeLanguage(E.includes(t) ? t : "en");
     }
   }
 }, we = { class: "relative flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-base" }, be = {
@@ -340,14 +340,14 @@ const ye = /* @__PURE__ */ $(ee, [["render", fe], ["__scopeId", "data-v-5be0d201
 }, Re = {
   key: 0,
   class: "d-option"
-}, Le = { class: "d-option-title" }, Ae = { id: "timeline" }, Fe = { class: "e-data" }, Ie = { class: "e-text" }, Be = { key: 0 }, Ve = { class: "e-timestamp" }, je = { class: "e-date" }, Se = {
+}, Le = { class: "d-option-title" }, Ae = { id: "timeline" }, Fe = { class: "e-data" }, Ie = { class: "e-text" }, Be = { key: 0 }, Ve = { class: "e-timestamp" }, Se = { class: "e-date" }, je = {
   class: "e-time",
   style: { "padding-left": "0.5ch" }
-}, qe = { key: 0 }, Ee = { key: 1 };
-function Oe(t, c, e, m, l, a) {
+}, qe = { key: 0 }, Oe = { key: 1 };
+function Ee(t, a, e, m, l, c) {
   const g = p("CButton"), u = p("CDropdownItem"), D = p("CDropdown"), k = p("PublicContactDetails"), x = p("PublicRecipientItem"), C = p("CPhoneFormat"), f = p("PublicDocumentEvents");
   return n(), s("div", we, [
-    a.showActionNav ? (n(), s("div", be, [
+    c.showActionNav ? (n(), s("div", be, [
       e.openPrintFunc ? (n(), s(_, { key: 0 }, [
         b(g, {
           "icon-left": "print",
@@ -363,7 +363,7 @@ function Oe(t, c, e, m, l, a) {
           ]),
           _: 1
         }, 8, ["onClick"]),
-        c[0] || (c[0] = o("div", { style: { height: "2rem", width: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "0 6px" } }, null, -1))
+        a[0] || (a[0] = o("div", { style: { height: "2rem", width: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "0 6px" } }, null, -1))
       ], 64)) : d("", !0),
       e.showLanguageSelect ? (n(), y(D, {
         key: 1,
@@ -382,7 +382,7 @@ function Oe(t, c, e, m, l, a) {
           (n(!0), s(_, null, N(l.docLanguages, (r) => (n(), y(u, {
             key: r,
             value: r,
-            onClick: (h) => a.changeLanguage(r)
+            onClick: (h) => c.changeLanguage(r)
           }, {
             default: v(() => [
               w(i(l.nativeTranslations[r]), 1)
@@ -412,13 +412,13 @@ function Oe(t, c, e, m, l, a) {
       o("div", Pe, [
         o("div", $e, i(e.document.$t("sender").capitalize()), 1),
         b(k, {
-          name: a.senderContactDetails.name,
-          email: a.senderContactDetails.email,
-          cellphone: a.senderContactDetails.cellphone,
-          cellphoneRegion: a.senderContactDetails.cellphoneRegion,
-          companyName: a.senderContactDetails.companyName,
-          orgNo: a.senderContactDetails.orgNo,
-          region: a.senderContactDetails.region
+          name: c.senderContactDetails.name,
+          email: c.senderContactDetails.email,
+          cellphone: c.senderContactDetails.cellphone,
+          cellphoneRegion: c.senderContactDetails.cellphoneRegion,
+          companyName: c.senderContactDetails.companyName,
+          orgNo: c.senderContactDetails.orgNo,
+          region: c.senderContactDetails.region
         }, null, 8, ["name", "email", "cellphone", "cellphoneRegion", "companyName", "orgNo", "region"])
       ]),
       o("div", xe, [
@@ -451,8 +451,8 @@ function Oe(t, c, e, m, l, a) {
                       ])) : d("", !0)
                     ]),
                     o("div", Ve, [
-                      o("div", je, i(t.$formatDate(h.time, "P")), 1),
-                      o("div", Se, i(t.$formatDate(h.time, "p")), 1)
+                      o("div", Se, i(t.$formatDate(h.time, "P")), 1),
+                      o("div", je, i(t.$formatDate(h.time, "p")), 1)
                     ])
                   ])
                 ]))), 128))
@@ -466,12 +466,12 @@ function Oe(t, c, e, m, l, a) {
         P(t.$slots, "footer", {}, void 0, !0)
       ])) : d("", !0)
     ]),
-    t.mq !== "sm" ? (n(), s("div", Ee, [
+    t.mq !== "sm" ? (n(), s("div", Oe, [
       P(t.$slots, "footer", {}, void 0, !0)
     ])) : d("", !0)
   ]);
 }
-const Te = /* @__PURE__ */ $(ve, [["render", Oe], ["__scopeId", "data-v-c7151f45"]]), Ue = {
+const Te = /* @__PURE__ */ $(ve, [["render", Ee], ["__scopeId", "data-v-c7151f45"]]), Me = {
   components: {
     DocumentDetails: Te,
     DocumentVoided: A
@@ -491,7 +491,7 @@ const Te = /* @__PURE__ */ $(ve, [["render", Oe], ["__scopeId", "data-v-c7151f45
     }
   }
 };
-function Me(t, c, e, m, l, a) {
+function Ue(t, a, e, m, l, c) {
   const g = p("DocumentVoided"), u = p("DocumentDetails");
   return e.document && e.document.status === "voided" ? (n(), y(g, {
     key: 0,
@@ -503,7 +503,7 @@ function Me(t, c, e, m, l, a) {
     close: e.closeFunc
   }, null, 8, ["document", "show-language-select", "close"]));
 }
-const Qe = /* @__PURE__ */ $(Ue, [["render", Me]]);
+const Qe = /* @__PURE__ */ $(Me, [["render", Ue]]);
 export {
   Qe as default
 };