@cling-se/widget 0.19.6 → 0.19.8

package/dist/{ContentWrapper-zJ4MCnSC.js → ContentWrapper-DB22RaUr.js}

@@ -1,8 +1,8 @@
-import { m as T } from "./mapFormMixin-B8xN9LiX.js";
-import { B as k } from "./BlockMedia-IMu4YO3J.js";
-import { t as w } from "./template-fVxhQbOu.js";
-import { T as L } from "./DocTextEditor-Ds4Cbg-2.js";
-import { _ as f, o as l, b as d, K as s, s as p, n as b, z as $, aI as C, B as S, E as x, D as N, e as i, d as h, w as m, c as u, f as E, L as _ } from "./main-WDVYC60Z.js";
+import { m as T } from "./mapFormMixin-Bx5_nE7g.js";
+import { B as k } from "./BlockMedia-BGPxfM2X.js";
+import { t as w } from "./template-CvGgzazD.js";
+import { T as L } from "./DocTextEditor-KrfylSV6.js";
+import { _ as h, d, o as l, T as s, j as p, x as b, ag as $, ad as x, af as C, l as S, b2 as N, b as i, f, w as m, c as u, e as _, R as E } from "./main-BayUZ9OO.js";
 import { i as F } from "./i18nMessages-Chz_lxGG.js";
 const M = {
   name: "StaticComboLayout",
@@ -23,7 +23,7 @@ const M = {
   class: "flex w-full flex-col justify-center",
   style: { flex: "1 1 auto" }
 };
-function z(e, t, n, v, g, o) {
+function j(e, t, n, g, v, o) {
   return ["horizontal"].includes(n.layout) ? (l(), d("div", B, [
     s(e.$slots, "logo"),
     p("div", V, [
@@ -46,17 +46,17 @@ function z(e, t, n, v, g, o) {
     s(e.$slots, "postText")
   ], 2));
 }
-const I = /* @__PURE__ */ f(M, [["render", z]]), j = {
+const z = /* @__PURE__ */ h(M, [["render", j]]), A = {
   name: "StaticLayout",
   i18nOptions: {
     namespaces: "staticLayout",
     messages: F
   },
   components: {
-    DocumentLogotype: $(
-      () => import("./DocumentLogotype-BiekV9-j.js")
+    DocumentLogotype: S(
+      () => import("./DocumentLogotype-BFo5UEWS.js")
     ),
-    StaticComboLayout: I,
+    StaticComboLayout: z,
     TextEditor: L
   },
   emits: ["input"],
@@ -93,7 +93,7 @@ const I = /* @__PURE__ */ f(M, [["render", z]]), j = {
       set(e) {
         this.documentName = e, this.$emit("input", {
           key: "data.name",
-          value: C(e).trim().slice(0, 255)
+          value: N(e).trim().slice(0, 255)
         });
       }
     },
@@ -102,20 +102,20 @@ const I = /* @__PURE__ */ f(M, [["render", z]]), j = {
     }
   },
   methods: {
-    mustacheToSpan: S,
+    mustacheToSpan: C,
     spanToMustache: x,
-    interpolateString: N
+    interpolateString: $
   }
-}, A = { style: { "font-size": "calc(2 * var(--rem))", "font-weight": "700", margin: "calc(1 * var(--rem)) 0" } }, U = ["innerHTML"];
-function D(e, t, n, v, g, o) {
+}, I = { style: { "font-size": "calc(2 * var(--rem))", "font-weight": "700", margin: "calc(1 * var(--rem)) 0" } }, U = ["innerHTML"];
+function D(e, t, n, g, v, o) {
   const c = i("DocumentLogotype"), r = i("TextEditor"), y = i("StaticComboLayout");
   return l(), d("div", {
     class: b([[`is-layout-${e.layout}`], "dont-break-out hyphens-auto flex w-full flex-col break-words"]),
     style: { "word-wrap": "break-word", "word-break": "break-word" }
   }, [
-    h(y, { layout: e.layout }, {
+    f(y, { layout: e.layout }, {
       logo: m(() => [
-        h(c, {
+        f(c, {
           modelValue: e.logotype,
           "onUpdate:modelValue": t[0] || (t[0] = (a) => e.logotype = a),
           "show-logo": e.showLogo,
@@ -142,7 +142,7 @@ function D(e, t, n, v, g, o) {
         }, null, 8, ["model-value", "mentions", "placeholder"]))
       ]),
       documentName: m(() => [
-        p("div", A, [
+        p("div", I, [
           e.canEdit ? (l(), u(r, {
             key: 0,
             ref: "nameEditor",
@@ -191,7 +191,7 @@ function D(e, t, n, v, g, o) {
     }, 8, ["layout"])
   ], 2);
 }
-const O = /* @__PURE__ */ f(j, [["render", D], ["__scopeId", "data-v-b03d5c66"]]), q = {
+const O = /* @__PURE__ */ h(A, [["render", D], ["__scopeId", "data-v-b03d5c66"]]), q = {
   name: "ContentWrapper",
   components: {
     StaticCombo: O,
@@ -228,9 +228,9 @@ const O = /* @__PURE__ */ f(j, [["render", D], ["__scopeId", "data-v-b03d5c66"]]
     }
   }
 }, W = { class: "content-spacing" };
-function K(e, t, n, v, g, o) {
+function P(e, t, n, g, v, o) {
   const c = i("BlockMedia"), r = i("StaticCombo");
-  return l(), d("div", _(e.$attrs, {
+  return l(), d("div", E(e.$attrs, {
     style: { color: o.color, textAlign: o.textAlign },
     class: [{ "has-hover": n.hasHover }, "content-root"]
   }), [
@@ -238,9 +238,9 @@ function K(e, t, n, v, g, o) {
       key: 0,
       media: e.item.media,
       class: "content-media"
-    }, null, 8, ["media"])) : E("", !0),
+    }, null, 8, ["media"])) : _("", !0),
     p("div", W, [
-      h(r, {
+      f(r, {
         "has-hover": n.hasHover,
         _document: e._document,
         _value: {
@@ -257,7 +257,7 @@ function K(e, t, n, v, g, o) {
     ])
   ], 16);
 }
-const Y = /* @__PURE__ */ f(q, [["render", K], ["__scopeId", "data-v-22ef2030"]]);
+const Y = /* @__PURE__ */ h(q, [["render", P], ["__scopeId", "data-v-22ef2030"]]);
 export {
   Y as default
 };

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

@@ -1,9 +1,9 @@
-import { m as z } from "./mapFormMixin-B8xN9LiX.js";
-import { T as B } from "./ThemeColorRow-r1ECSrBU.js";
-import { b as L } from "./helpers-BHIbXt8q.js";
-import { _ as w, a2 as M, o as l, b as u, s as n, L as x, J as f, ad as y, K as $, f as p, n as T, l as b, e as g, F as V, k as _, c as S, d as v, v as h, G as U, w as k, H as C, ao as K, z as R } from "./main-WDVYC60Z.js";
-import { b as N } from "./CDropdownItem-BuQONogL.js";
-const I = {
+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],
   props: {
@@ -124,7 +124,7 @@ function X(e, t, s, a, r, i) {
     }), null, 16, O)
   ], 16);
 }
-const A = /* @__PURE__ */ w(I, [["render", X]]), H = {
+const A = /* @__PURE__ */ w(K, [["render", X]]), H = {
   name: "CSliderTick",
   props: {
     value: {
@@ -150,25 +150,25 @@ const A = /* @__PURE__ */ w(I, [["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 : L(e[0], this.min, this.max), s = typeof e[1] != "number" || isNaN(e[1]) ? this.max : L(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 : L(e, this.min, this.max),
+            value1: isNaN(e) ? this.min : T(e, this.min, this.max),
             value2: null
           };
     },
@@ -379,17 +379,17 @@ 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"
@@ -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: {
@@ -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,
@@ -600,10 +600,10 @@ function le(e, t, s, a, r, i) {
 }
 const de = /* @__PURE__ */ w(ne, [["render", le], ["__scopeId", "data-v-a0f7de54"]]), ue = {
   image: R(
-    () => import("./ImageSelectModal-DNtR86H7.js")
+    () => import("./ImageSelectModal-CJ-DstAf.js")
   ),
   video: R(
-    () => import("./VideoSelectModal-QWkNrFQC.js")
+    () => import("./VideoSelectModal-B2VPO6q4.js")
   )
 }, me = {
   name: "CoverBlockSettings",
@@ -631,8 +631,8 @@ const de = /* @__PURE__ */ w(ne, [["render", le], ["__scopeId", "data-v-a0f7de54
   components: {
     ThemeColorRow: B,
     GradientPicker: de,
-    CSlider: W,
-    CSwitch: N
+    CSlider: Q,
+    CSwitch: I
   },
   mixins: [
     z(
@@ -653,7 +653,7 @@ const de = /* @__PURE__ */ w(ne, [["render", le], ["__scopeId", "data-v-a0f7de54
   ],
   data() {
     return {
-      getUnsplashResized: K
+      getUnsplashResized: U
     };
   },
   methods: {
@@ -710,7 +710,7 @@ const de = /* @__PURE__ */ w(ne, [["render", le], ["__scopeId", "data-v-a0f7de54
   key: 4,
   class: "d-option",
   style: { "padding-bottom": "0.5em" }
-}, Le = { class: "d-option-title" }, _e = { 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" } }, Re = {
@@ -764,7 +764,7 @@ function Be(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,7 +816,7 @@ function Be(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", Le, [
+      n("div", Te, [
         n("div", _e, h(e.$t("_common:blur").capitalize()), 1),
         v(c, {
           "model-value": e.blur || 0,
@@ -829,7 +829,7 @@ function Be(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, {
@@ -855,7 +855,7 @@ function Be(e, t, s, a, r, i) {
     ])) : p("", !0)
   ]);
 }
-const Ne = /* @__PURE__ */ w(me, [["render", Be], ["__scopeId", "data-v-6f8a8437"]]);
+const Ie = /* @__PURE__ */ w(me, [["render", Be], ["__scopeId", "data-v-6f8a8437"]]);
 export {
-  Ne as default
+  Ie as default
 };

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

@@ -1,5 +1,5 @@
-import n from "./AnswerModal-ClyWtHBj.js";
-import { _ as t, c, e as r, o as s } from "./main-WDVYC60Z.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-CGHN3tbO.js → DocDetails-yxmchgO5.js}

@@ -1,8 +1,8 @@
-import { D as L } from "./DocumentVoided-D_YMyeV8.js";
-import { C as F, a as I, w as B } from "./CDropdownItem-BuQONogL.js";
-import { h as V, o as n, b as s, s as o, F as _, k as N, v as i, f as d, c as y, w as v, j as S, K as P, n as z, _ as $, ba as j, A as q, e as p, d as b, H as w, bb as O, bc as E, aD as T, bd as M } from "./main-WDVYC60Z.js";
-import { C as U } from "./CPhoneFormat-C2K78cmZ.js";
-const H = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px" } }, K = { class: "flex items-center p-4" }, G = { class: "mb-1" }, J = { class: "flex flex-col space-y-1 text-sm" }, Q = ["href"], W = ["href"], R = /* @__PURE__ */ V({
+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: {
     name: {},
@@ -14,29 +14,29 @@ const H = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)"
     region: {}
   },
   setup(t) {
-    return (c, e) => (n(), s("div", H, [
-      o("div", K, [
+    return (a, e) => (n(), s("div", G, [
+      o("div", H, [
         o("div", null, [
-          o("div", G, [
-            (n(!0), s(_, null, N([c.name, c.companyName, c.orgNo], (m, l) => (n(), s("span", {
+          o("div", J, [
+            (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", J, [
-            c.email ? (n(), s("a", {
+          o("div", K, [
+            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(S(U), {
+            }, 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 H = { 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 H = { 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 ? j(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 H = { 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 H = { 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: O,
-      nativeTranslations: E
+      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(M.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"
-}, Ae = { class: "d-option-title" }, Le = { id: "timeline" }, Fe = { class: "e-data" }, Ie = { class: "e-text" }, Be = { key: 0 }, Ve = { class: "e-timestamp" }, Se = { class: "e-date" }, je = {
+}, 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 }, Oe = { key: 1 };
-function Ee(t, c, e, m, l, a) {
+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 Ee(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 Ee(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 Ee(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, [
@@ -431,11 +431,11 @@ function Ee(t, c, e, m, l, a) {
       b(f, { document: e.document }, {
         default: v(({ events: r }) => [
           r && r.length ? (n(), s("div", Re, [
-            o("div", Ae, i(e.document.$t("event.event_other").capitalize()), 1),
-            o("div", Le, [
+            o("div", Le, i(e.document.$t("event.event_other").capitalize()), 1),
+            o("div", Ae, [
               o("div", null, [
-                (n(!0), s(_, null, N(r, (h, A) => (n(), s("div", {
-                  key: A,
+                (n(!0), s(_, null, N(r, (h, L) => (n(), s("div", {
+                  key: L,
                   class: "e-item"
                 }, [
                   o("div", Fe, [
@@ -474,7 +474,7 @@ function Ee(t, c, e, m, l, a) {
 const Te = /* @__PURE__ */ $(ve, [["render", Ee], ["__scopeId", "data-v-c7151f45"]]), Me = {
   components: {
     DocumentDetails: Te,
-    DocumentVoided: L
+    DocumentVoided: A
   },
   props: {
     document: {
@@ -491,7 +491,7 @@ const Te = /* @__PURE__ */ $(ve, [["render", Ee], ["__scopeId", "data-v-c7151f45
     }
   }
 };
-function Ue(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,