@cling-se/widget 0.18.1 → 0.18.3

package/dist/{DocForm-D6T7NmfO.js → DocForm-DevN8b8z.js}

@@ -1,28 +1,28 @@
-import et from "./AnswerModal-B4LwVv2N.js";
-import { o as tt } from "./index-D1x9O_nJ.js";
-import { w as Z, C as fe, a as ge } from "./CDropdownItem-BUNVCpSR.js";
-import { cK as pe, a as W, g as B, _ as F, o as l, b as p, s as a, d as c, v as d, w as u, B as T, e as m, l as E, f as C, ai as te, n as L, an as q, S as M, aR as Q, c as v, ap as G, $ as ye, F as $, h as ve, I as we, i as H, x as _e, H as nt, p as j, a0 as xe, cL as it, j as Pe, a9 as V, k as P, m as O, D as ot, cM as st, ag as at, A as Ae, W as ee, X as Ce, cI as lt, aD as Te, E as N, a2 as ae, aC as rt, ae as dt, az as be, y as se, c5 as Ee, c6 as ze, G as he, z as ct, a4 as De, cN as le, c7 as ut, cO as mt, bi as pt, a7 as Re, cP as ht, Z as ft, cQ as gt, cR as yt, aI as Oe, r as vt, cS as Ct, cT as bt, cU as kt, u as wt, aB as Se, a6 as _t, cV as xt, C as He, cW as Tt, cX as Dt, ay as Ue, cY as St, cZ as It, c9 as $t, c_ as Ft, c$ as Lt, d0 as Vt, aZ as Bt, d1 as Mt, d2 as Pt } from "./main-DI0diChK.js";
+import et from "./AnswerModal-DQ7hwhB0.js";
+import { o as tt } from "./index-BMOFz5-3.js";
+import { w as Z, C as fe, a as ge } from "./CDropdownItem-C2kEI8Na.js";
+import { cK as pe, a as W, g as B, _ as F, o as a, b as p, s as l, d as c, v as d, w as u, B as T, e as m, l as E, f as v, ai as te, n as L, an as q, S as M, aR as Q, c as C, ap as G, $ as ye, F as I, h as ve, I as we, i as H, x as _e, H as nt, p as j, a0 as xe, cL as it, j as Pe, a9 as V, k as P, m as O, D as ot, cM as st, ag as lt, A as Ae, W as ee, X as Ce, cI as at, aD as Te, E as N, a2 as le, aC as rt, ae as dt, az as be, y as se, c5 as Ee, c6 as ze, G as he, z as ct, a4 as De, cN as ae, c7 as ut, cO as mt, bi as pt, a7 as Re, cP as ht, Z as ft, cQ as gt, cR as yt, aI as Oe, r as vt, cS as Ct, cT as bt, cU as kt, u as wt, aB as Se, a6 as _t, cV as xt, C as He, cW as Tt, cX as Dt, ay as Ue, cY as St, cZ as $t, c9 as It, c_ as Ft, c$ as Lt, d0 as Vt, aZ as Bt, d1 as Mt, d2 as Pt } from "./main-Bok_VWXU.js";
 /* empty css                       */
-import { l as At, g as Et, a as zt, b as Rt, _ as Ot, D as Ht } from "./DocumentLayout-BMHOt380.js";
-import { F as qe, d as Ut } from "./tippy.esm-0UMN6kWf.js";
-import { m as ne, u as Ge, c as Ie, i as qt } from "./mapFormMixin-Cgvwie9a.js";
-import "./helpers-ChwW54Ex.js";
-import { a as Gt } from "./ClientAutocomplete-C__yUaxD.js";
-import { _ as Nt } from "./Sortable.vue_vue_type_script_setup_true_lang-YOP-Y07m.js";
-import { C as Wt, I as Y, _ as Ne, a as J, s as jt } from "./index-C7chK2UD.js";
-import { _ as ke } from "./CFormField.vue_vue_type_script_setup_true_lang-Bo2J0c4G.js";
-import { S as Zt } from "./SmartList-B3pgsg4S.js";
-import { u as We } from "./index-BMZle8Ew.js";
-import { r as $e, a as Kt } from "./index-CR52qIBO.js";
-import { o as Qt, r as Yt } from "./omit-DpjD7Dj9.js";
-import { s as U } from "./formDrawerState-COVczNhJ.js";
+import { l as At, g as Et, a as zt, b as Rt, _ as Ot, D as Ht } from "./DocumentLayout-Bm80wiJ1.js";
+import { F as qe, d as Ut } from "./tippy.esm-BHHqsYGd.js";
+import { m as ne, u as Ge, c as $e, i as qt } from "./mapFormMixin-CVi_mIc7.js";
+import "./helpers-DhIPmpYa.js";
+import { a as Gt } from "./ClientAutocomplete-DrW3GSz8.js";
+import { _ as Nt } from "./Sortable.vue_vue_type_script_setup_true_lang-i33-Le0K.js";
+import { C as Wt, I as Y, _ as Ne, a as J, s as jt } from "./index-htej9TS1.js";
+import { _ as ke } from "./CFormField.vue_vue_type_script_setup_true_lang-B5jn1OCW.js";
+import { S as Zt } from "./SmartList-C2jginM_.js";
+import { u as We } from "./index-BTpkaCWx.js";
+import { r as Ie, a as Kt } from "./index-Bob-CETb.js";
+import { o as Qt, r as Yt } from "./omit-DKcsQq0a.js";
+import { s as U } from "./formDrawerState-B9_VIrFU.js";
 import { s as Jt } from "./dom-CkTGWrfu.js";
-import { S as Xt } from "./SendForm-DfmBbhp9.js";
-import "./template-Dzexob5I.js";
-import { u as en } from "./validation-B-omH73u.js";
-import { C as tn } from "./CCallout-Gd06ds6O.js";
-import { _ as nn } from "./CSkeleton.vue_vue_type_script_setup_true_lang-C9loRtrk.js";
-import { B as on } from "./BlockMedia-Amo_kdHo.js";
+import { S as Xt } from "./SendForm-Cr-pW5vG.js";
+import "./template-C5AARtru.js";
+import { u as en } from "./validation-D15kSrq1.js";
+import { C as tn } from "./CCallout-DrGHEV4O.js";
+import { _ as nn } from "./CSkeleton.vue_vue_type_script_setup_true_lang-BbQ-OZyM.js";
+import { B as on } from "./BlockMedia-58fSLvOy.js";
 const sn = {
   name: "DocumentPostSendStep",
   mixins: [Z],
@@ -72,7 +72,7 @@ const sn = {
       sendDocument: B.DO_SEND_DOCUMENT2
     }),
     async handleDocumentLinks() {
-      const { id: e } = this.document, t = pe(this.document), n = !t.sms && !t.email;
+      const { id: e } = this.document || {}, t = pe(this.document), n = !t.sms && !t.email;
       n && (await this.updateDocument({
         id: e,
         body: { status: "sent" },
@@ -83,7 +83,7 @@ const sn = {
       typeof this.onSendFunc == "function" && this.onSendFunc(this.document), await this.handleDocumentLinks();
     },
     async senderAnswer() {
-      const { id: e } = this.document, { senderClient: t } = this.document;
+      const { id: e, senderClient: t } = this.document || {};
       if (!t || !t.publicDocumentId) return !1;
       const { accept: n } = t.answerMethod || {};
       if (!n || n === "button") return !1;
@@ -136,22 +136,22 @@ const sn = {
       this.onCloseFunc && this.onCloseFunc();
     }
   }
-}, an = { class: "font-inter root" }, ln = { class: "container" }, rn = { class: "icon-wrapper" }, dn = ["textContent"];
+}, ln = { class: "font-inter root" }, an = { class: "container" }, rn = { class: "icon-wrapper" }, dn = ["textContent"];
 function cn(e, t, n, s, i, o) {
   const r = m("CIcon"), g = m("CButton");
-  return l(), p("div", an, [
-    a("div", ln, [
-      a("div", rn, [
+  return a(), p("div", ln, [
+    l("div", an, [
+      l("div", rn, [
         c(r, {
           size: 20,
           type: "email"
         })
       ]),
-      a("div", {
+      l("div", {
         class: "title",
         textContent: d(e.$t("title"))
       }, null, 8, dn),
-      t[0] || (t[0] = a("div", { class: "divider" }, null, -1)),
+      t[0] || (t[0] = l("div", { class: "divider" }, null, -1)),
       c(g, {
         type: "secondary",
         class: "close-button",
@@ -165,7 +165,7 @@ function cn(e, t, n, s, i, o) {
     ])
   ]);
 }
-const un = /* @__PURE__ */ F(sn, [["render", cn], ["__scopeId", "data-v-063acc4f"]]), mn = {
+const un = /* @__PURE__ */ F(sn, [["render", cn], ["__scopeId", "data-v-574be9ee"]]), mn = {
   name: "Drawer",
   props: {
     modelValue: {
@@ -210,16 +210,16 @@ const un = /* @__PURE__ */ F(sn, [["render", cn], ["__scopeId", "data-v-063acc4f
   }
 };
 function pn(e, t, n, s, i, o) {
-  return l(), p("div", null, [
+  return a(), p("div", null, [
     c(te, { name: "fade" }, {
       default: u(() => [
-        !n.hideOverlay && n.modelValue ? (l(), p("div", {
+        !n.hideOverlay && n.modelValue ? (a(), p("div", {
           key: 0,
           style: E({
             zIndex: n.zIndex
           }),
           class: "d-overlay"
-        }, null, 4)) : C("", !0)
+        }, null, 4)) : v("", !0)
       ]),
       _: 1
     }),
@@ -227,7 +227,7 @@ function pn(e, t, n, s, i, o) {
       name: `slide-${n.placement}`
     }, {
       default: u(() => [
-        n.modelValue ? (l(), p("div", {
+        n.modelValue ? (a(), p("div", {
           key: 0,
           class: L([[n.placement], "d-content"]),
           style: E({
@@ -235,7 +235,7 @@ function pn(e, t, n, s, i, o) {
           }),
           onClick: t[0] || (t[0] = q((...r) => o.onOutsideClick && o.onOutsideClick(...r), ["self"]))
         }, [
-          a("div", {
+          l("div", {
             style: E({
               borderRadius: 0,
               margin: 0,
@@ -248,7 +248,7 @@ function pn(e, t, n, s, i, o) {
           }, [
             M(e.$slots, "default", {}, void 0, !0)
           ], 4)
-        ], 6)) : C("", !0)
+        ], 6)) : v("", !0)
       ]),
       _: 3
     }, 8, ["name"])
@@ -282,12 +282,12 @@ const je = /* @__PURE__ */ F(mn, [["render", pn], ["__scopeId", "data-v-05571167
   emits: ["update:open"]
 }, fn = { style: { height: "100%", "z-index": "110" } }, gn = { style: { height: "100%", overflow: "auto" } };
 function yn(e, t, n, s, i, o) {
-  return l(), v(te, {
+  return a(), C(te, {
     name: n.fixed ? void 0 : "grow-anim",
     mode: "out-in"
   }, {
     default: u(() => [
-      n.open ? (l(), v(G(n.fixed ? "drawer" : "div"), ye({ key: 0 }, e.$props, {
+      n.open ? (a(), C(G(n.fixed ? "drawer" : "div"), ye({ key: 0 }, e.$props, {
         ref: "drawer",
         class: [{
           "is-sticky": !n.fixed
@@ -300,9 +300,9 @@ function yn(e, t, n, s, i, o) {
         "onUpdate:modelValue": t[0] || (t[0] = (r) => n.fixed ? e.$emit("update:open", r) : null)
       }), {
         default: u(() => [
-          a("div", fn, [
-            a("div", gn, [
-              a("div", {
+          l("div", fn, [
+            l("div", gn, [
+              l("div", {
                 style: E(
                   n.fixed && {
                     maxWidth: "100%",
@@ -318,7 +318,7 @@ function yn(e, t, n, s, i, o) {
           ])
         ]),
         _: 3
-      }, 16, ["class", "model-value", "placement"])) : C("", !0)
+      }, 16, ["class", "model-value", "placement"])) : v("", !0)
     ]),
     _: 3
   }, 8, ["name"]);
@@ -327,15 +327,15 @@ const vn = /* @__PURE__ */ F(hn, [["render", yn], ["__scopeId", "data-v-cd55344e
   name: "DocumentFormNav"
 }, bn = { class: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] bg-gray-200 px-2 py-2 shadow-lg md:px-6" }, kn = { class: "flex" }, wn = { class: "inline-flex flex-grow items-center" }, _n = { class: "inline-flex flex-auto items-center justify-center" }, xn = { class: "inline-flex flex-grow items-center justify-end" };
 function Tn(e, t, n, s, i, o) {
-  return l(), p("div", bn, [
-    a("div", kn, [
-      a("div", wn, [
+  return a(), p("div", bn, [
+    l("div", kn, [
+      l("div", wn, [
         M(e.$slots, "left")
       ]),
-      a("div", _n, [
+      l("div", _n, [
         M(e.$slots, "center")
       ]),
-      a("div", xn, [
+      l("div", xn, [
         M(e.$slots, "right")
       ])
     ])
@@ -354,42 +354,42 @@ const Dn = /* @__PURE__ */ F(Cn, [["render", Tn]]), Sn = {
     }
   },
   emits: ["update:modelValue"]
-}, In = { class: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" };
-function $n(e, t, n, s, i, o) {
+}, $n = { class: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" };
+function In(e, t, n, s, i, o) {
   const r = m("CIcon");
-  return l(), p("div", In, [
-    a("div", {
+  return a(), p("div", $n, [
+    l("div", {
       class: L([{
         "m-0 bg-white px-3 py-[1em] text-zinc-900 drop-shadow-md": n.modelValue === "edit"
       }, "inline-flex select-none items-center justify-center rounded-md px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear"]),
       onClick: t[0] || (t[0] = (g) => n.modelValue === "preview" ? e.$emit("update:modelValue", "edit") : null)
     }, [
-      n.small ? (l(), v(r, {
+      n.small ? (a(), C(r, {
         key: 0,
         type: "edit",
         size: "20"
-      })) : (l(), p($, { key: 1 }, [
+      })) : (a(), p(I, { key: 1 }, [
         T(d(e.$t("edit")), 1)
       ], 64))
     ], 2),
-    a("div", {
+    l("div", {
       class: L([{
         "m-0 bg-white px-3 py-[1em] text-zinc-900 drop-shadow-md": n.modelValue === "preview"
       }, "inline-flex select-none items-center justify-center rounded-md px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear"]),
       "data-onboarding": "preview-button",
       onClick: t[1] || (t[1] = (g) => n.modelValue === "edit" ? e.$emit("update:modelValue", "preview") : null)
     }, [
-      n.small ? (l(), v(r, {
+      n.small ? (a(), C(r, {
         key: 0,
         type: "eye",
         size: "20"
-      })) : (l(), p($, { key: 1 }, [
+      })) : (a(), p(I, { key: 1 }, [
         T(d(e.$t("preview")), 1)
       ], 64))
     ], 2)
   ]);
 }
-const Fn = /* @__PURE__ */ F(Sn, [["render", $n]]), Ln = {
+const Fn = /* @__PURE__ */ F(Sn, [["render", In]]), Ln = {
   name: "BlockControlButtons",
   i18nOptions: {
     namespace: "blockControlButtons",
@@ -430,23 +430,23 @@ const Fn = /* @__PURE__ */ F(Sn, [["render", $n]]), Ln = {
 }, Pn = { class: "control-direction" };
 function An(e, t, n, s, i, o) {
   const r = m("CIcon");
-  return l(), p("div", Vn, [
-    o.canToggleVisibility ? (l(), p("div", {
+  return a(), p("div", Vn, [
+    o.canToggleVisibility ? (a(), p("div", {
       key: 0,
       class: "control-button",
       onClick: t[0] || (t[0] = (g) => e.$emit("toggle-visible", !n.isVisible))
     }, [
-      n.isVisible ? C("", !0) : (l(), p("span", Bn, d(e.$t("hidden")), 1)),
+      n.isVisible ? v("", !0) : (a(), p("span", Bn, d(e.$t("hidden")), 1)),
       c(r, {
         type: n.isVisible ? "eye" : "eye-off",
         size: "14",
         class: L({ "mr-1": !n.isVisible })
       }, null, 8, ["type", "class"])
-    ])) : C("", !0),
+    ])) : v("", !0),
     M(e.$slots, "default", {}, void 0, !0),
-    !o.isHidden && n.isMovable ? (l(), p("div", Mn, [
-      a("div", Pn, [
-        a("div", {
+    !o.isHidden && n.isMovable ? (a(), p("div", Mn, [
+      l("div", Pn, [
+        l("div", {
           class: "control-button",
           onClick: t[1] || (t[1] = (g) => e.$emit("move", "up"))
         }, [
@@ -455,7 +455,7 @@ function An(e, t, n, s, i, o) {
             size: "16"
           })
         ]),
-        a("div", {
+        l("div", {
           class: "control-button",
           onClick: t[2] || (t[2] = (g) => e.$emit("move", "down"))
         }, [
@@ -465,7 +465,7 @@ function An(e, t, n, s, i, o) {
           })
         ])
       ]),
-      a("div", {
+      l("div", {
         class: "control-button remove",
         onClick: t[3] || (t[3] = (g) => e.$emit("remove"))
       }, [
@@ -474,7 +474,7 @@ function An(e, t, n, s, i, o) {
           size: "16"
         })
       ])
-    ])) : C("", !0)
+    ])) : v("", !0)
   ]);
 }
 const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7"]]), zn = ["inert"], Rn = /* @__PURE__ */ ve({
@@ -495,9 +495,9 @@ const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7
     };
     return _e("sectionTopNode", s), _e("setOpenDrawer", b), (w, k) => {
       const S = m("CButton"), D = m("Animation");
-      return l(), v(D, { class: "w-full" }, {
+      return a(), C(D, { class: "w-full" }, {
         default: u(() => [
-          a("div", {
+          l("div", {
             class: L([[
               {
                 "is-edit-view": w.isEditView,
@@ -515,13 +515,13 @@ const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7
             onMouseoverPassive: k[3] || (k[3] = (y) => i.value = !0),
             onMouseleavePassive: k[4] || (k[4] = (y) => i.value = !1)
           }, [
-            a("div", {
+            l("div", {
               class: L(["block-container", { "spacing-snug": r.value }]),
               inert: r.value
             }, [
               M(w.$slots, "default", {}, void 0, !0)
             ], 10, zn),
-            g.value ? (l(), v(En, {
+            g.value ? (a(), C(En, {
               key: 0,
               class: "control-root z-10",
               "is-movable": w.canMove,
@@ -531,7 +531,7 @@ const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7
               onRemove: k[2] || (k[2] = (y) => n("remove"))
             }, {
               default: u(() => [
-                w.showEditButton ? (l(), v(S, {
+                w.showEditButton ? (a(), C(S, {
                   key: 0,
                   round: "",
                   size: "small",
@@ -544,10 +544,10 @@ const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7
                     T(d(w.$t("_common:edit").capitalize()), 1)
                   ]),
                   _: 1
-                }, 8, ["onClick"])) : C("", !0)
+                }, 8, ["onClick"])) : v("", !0)
               ]),
               _: 1
-            }, 8, ["is-movable", "is-visible"])) : C("", !0)
+            }, 8, ["is-movable", "is-visible"])) : v("", !0)
           ], 38)
         ]),
         _: 3
@@ -573,24 +573,24 @@ const En = /* @__PURE__ */ F(Ln, [["render", An], ["__scopeId", "data-v-2b534db7
   }
 }, Un = ["href"], qn = { class: "mr-2 h-5 w-5 overflow-hidden rounded bg-white" }, Gn = ["src", "alt"], Nn = { class: "text-xs font-medium text-white" };
 function Wn(e, t, n, s, i, o) {
-  return l(), p("div", {
+  return a(), p("div", {
     class: L([n.position, "pointer-events-none bottom-0 left-0 right-0 z-50 flex justify-end px-[10px] pb-[10px]"])
   }, [
-    a("a", {
+    l("a", {
       class: "pointer-events-auto inline-flex h-8 items-center rounded-md border border-white/30 bg-black/80 pl-1.5 pr-2",
       href: `https://${e.$t(
         "_common:brand.domain"
       )}?utm_source=document&utm_medium=logo-banner`,
       target: "_blank"
     }, [
-      a("div", qn, [
-        a("img", {
+      l("div", qn, [
+        l("img", {
           src: o.logoUrl,
           alt: e.$t("brand.name"),
           class: "h-full w-full"
         }, null, 8, Gn)
       ]),
-      a("div", Nn, " Made in " + d(e.$t("brand.name")), 1)
+      l("div", Nn, " Made in " + d(e.$t("brand.name")), 1)
     ], 8, Un)
   ], 2);
 }
@@ -608,15 +608,15 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
     });
     return (r, g) => {
       const h = m("CButton"), b = m("portal");
-      return l(), v(b, { to: "modal" }, {
+      return a(), C(b, { to: "modal" }, {
         default: u(() => [
-          a("div", {
+          l("div", {
             ref_key: "el",
             ref: s,
             style: E(Pe(o)),
             class: "popup fixed z-[999] min-h-[400px] w-[280px] rounded-lg bg-white p-[1em] pb-[3em] text-sm shadow-xl"
           }, [
-            a("div", Zn, [
+            l("div", Zn, [
               c(h, {
                 icon: "x",
                 size: "small",
@@ -636,7 +636,7 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
                 circle: "",
                 class: "absolute right-9 top-0 cursor-grab"
               }, null, 512),
-              a("div", Kn, d(r.title), 1),
+              l("div", Kn, d(r.title), 1),
               M(r.$slots, "default")
             ])
           ], 4)
@@ -1209,17 +1209,17 @@ const jn = /* @__PURE__ */ F(Hn, [["render", Wn]]), Zn = { class: "relative h-fu
     }
   }
 }, Jn = { style: { padding: "calc(0.5 * var(--rem))", position: "relative" } }, Xn = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, ei = ["onClick"], ti = { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, ni = { style: { padding: "calc(0.75 * var(--rem))" } }, ii = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, oi = ["onClick"], si = { style: { "font-size": "1.075em", "font-weight": "500" } };
-function ai(e, t, n, s, i, o) {
+function li(e, t, n, s, i, o) {
   const r = m("FormInputRow"), g = m("DragWindow");
-  return l(), p("div", null, [
-    a("div", Jn, [
-      a("div", Xn, d(e.$t("typography")), 1),
-      (l(!0), p($, null, P(o.typography, (h) => (l(), p("div", {
+  return a(), p("div", null, [
+    l("div", Jn, [
+      l("div", Xn, d(e.$t("typography")), 1),
+      (a(!0), p(I, null, P(o.typography, (h) => (a(), p("div", {
         key: h.label,
         class: "list-option",
         onClick: (b) => i.activeItem = h
       }, [
-        a("div", {
+        l("div", {
           style: E({
             fontSize: h.fontSize,
             fontFamily: h.style.fontFamily,
@@ -1228,39 +1228,39 @@ function ai(e, t, n, s, i, o) {
             lineHeight: 1
           })
         }, d(h.label), 5),
-        a("div", ti, d(h.style.fontFamily) + " " + d(h.style.fontSize), 1)
+        l("div", ti, d(h.style.fontFamily) + " " + d(h.style.fontSize), 1)
       ], 8, ei))), 128))
     ]),
-    t[2] || (t[2] = a("div", { style: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }, null, -1)),
-    a("div", ni, [
-      a("div", ii, d(e.$t("section_plural")), 1),
-      (l(!0), p($, null, P(i.sections, (h) => (l(), p("div", {
+    t[2] || (t[2] = l("div", { style: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(0.5 * var(--rem)) calc(1 * var(--rem))" } }, null, -1)),
+    l("div", ni, [
+      l("div", ii, d(e.$t("section_plural")), 1),
+      (a(!0), p(I, null, P(i.sections, (h) => (a(), p("div", {
         key: h.label,
         class: "list-option",
         onClick: (b) => i.activeItem = h
       }, [
-        a("div", si, d(h.label), 1),
-        t[1] || (t[1] = a("div", { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, " #000000 ", -1))
+        l("div", si, d(h.label), 1),
+        t[1] || (t[1] = l("div", { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, " #000000 ", -1))
       ], 8, oi))), 128))
     ]),
-    i.activeItem ? (l(), v(g, {
+    i.activeItem ? (a(), C(g, {
       key: 0,
       title: i.activeItem.label,
       offset: n.offset,
       onClose: t[0] || (t[0] = () => i.activeItem = null)
     }, {
       default: u(() => [
-        (l(!0), p($, null, P(o.activeItemOptions, (h, b) => (l(), v(r, {
+        (a(!0), p(I, null, P(o.activeItemOptions, (h, b) => (a(), C(r, {
           key: b,
           label: h.label,
           inputs: h.inputs
         }, null, 8, ["label", "inputs"]))), 128))
       ]),
       _: 1
-    }, 8, ["title", "offset"])) : C("", !0)
+    }, 8, ["title", "offset"])) : v("", !0)
   ]);
 }
-const li = /* @__PURE__ */ F(Yn, [["render", ai], ["__scopeId", "data-v-83027693"]]), ri = {
+const ai = /* @__PURE__ */ F(Yn, [["render", li], ["__scopeId", "data-v-83027693"]]), ri = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -1599,22 +1599,22 @@ const li = /* @__PURE__ */ F(Yn, [["render", ai], ["__scopeId", "data-v-83027693
 };
 function ui(e, t, n, s, i, o) {
   const r = m("FormInputRow"), g = m("DragWindow");
-  return l(), p("div", di, [
-    (l(!0), p($, null, P(o.options, (h, b) => (l(), v(r, {
+  return a(), p("div", di, [
+    (a(!0), p(I, null, P(o.options, (h, b) => (a(), C(r, {
       key: b,
       label: h.label,
       "info-tooltip": h.infoTooltip,
       inputs: h.inputs
     }, null, 8, ["label", "info-tooltip", "inputs"]))), 128)),
-    i.showDragWindow ? (l(), v(g, {
+    i.showDragWindow ? (a(), C(g, {
       key: 0,
       offset: n.offset,
       title: e.$t("pricing.title"),
       onClose: t[0] || (t[0] = (h) => i.showDragWindow = !1)
     }, {
       default: u(() => [
-        (l(!0), p($, null, P(o.priceOptions, (h, b) => (l(), p($, { key: b }, [
-          h.type === "divider" ? (l(), p("div", ci)) : (l(), v(r, {
+        (a(!0), p(I, null, P(o.priceOptions, (h, b) => (a(), p(I, { key: b }, [
+          h.type === "divider" ? (a(), p("div", ci)) : (a(), C(r, {
             key: b,
             label: h.label,
             "info-tooltip": h.infoTooltip,
@@ -1623,7 +1623,7 @@ function ui(e, t, n, s, i, o) {
         ], 64))), 128))
       ]),
       _: 1
-    }, 8, ["offset", "title"])) : C("", !0)
+    }, 8, ["offset", "title"])) : v("", !0)
   ]);
 }
 const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb"]]), pi = {
@@ -1670,7 +1670,7 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
   name: "ExtensionTab",
   components: {
     Sortable: Nt,
-    Spinner: at,
+    Spinner: lt,
     CAutocomplete: Gt,
     CDropdown: fe,
     CDropdownItem: ge
@@ -1802,7 +1802,7 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
       });
       if (Array.isArray(s) && s.length) {
         const o = (i = this._document) == null ? void 0 : i.defaultAnswerMethod, r = s.map((g) => ({
-          ...lt(),
+          ...at(),
           ...o && { answerMethod: o },
           ...g
         }));
@@ -1844,7 +1844,7 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
 }, Di = {
   key: 0,
   style: { opacity: "0.75", "font-size": "13px" }
-}, Si = { key: 2 }, Ii = ["textContent"], $i = { style: { "line-height": "1.5" } }, Fi = { style: { "font-weight": "500" } }, Li = {
+}, Si = { key: 2 }, $i = ["textContent"], Ii = { style: { "line-height": "1.5" } }, Fi = { style: { "font-weight": "500" } }, Li = {
   class: "text-gray-600",
   style: { "font-size": "14px" }
 }, Vi = { key: 0 }, Bi = { style: { padding: `0 calc(0.5 * var(--rem)) calc(1 * var(--rem))
@@ -1864,9 +1864,9 @@ const mi = /* @__PURE__ */ F(ri, [["render", ui], ["__scopeId", "data-v-5b9bfecb
   style: { "padding-top": "calc(1 * var(--rem))" }
 };
 function Gi(e, t, n, s, i, o) {
-  const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), b = m("Spinner"), w = m("CAutocomplete"), k = m("CIcon"), S = m("Sortable"), D = m("router-link"), y = ae("tooltip");
-  return l(), p("div", hi, [
-    e.allAuthenticatedCRMs.length > 1 ? (l(), v(h, {
+  const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), b = m("Spinner"), w = m("CAutocomplete"), k = m("CIcon"), S = m("Sortable"), D = m("router-link"), y = le("tooltip");
+  return a(), p("div", hi, [
+    e.allAuthenticatedCRMs.length > 1 ? (a(), C(h, {
       key: 0,
       position: "is-bottom-left",
       style: { position: "absolute", right: "calc(0.5 * var(--rem))", top: "calc(0.5 * var(--rem))" }
@@ -1881,7 +1881,7 @@ function Gi(e, t, n, s, i, o) {
         })
       ]),
       default: u(() => [
-        (l(!0), p($, null, P(e.allAuthenticatedCRMs, (f) => (l(), v(g, {
+        (a(!0), p(I, null, P(e.allAuthenticatedCRMs, (f) => (a(), C(g, {
           key: f,
           type: i.activeCrm === f ? "primary" : "secondary",
           size: "small",
@@ -1894,19 +1894,19 @@ function Gi(e, t, n, s, i, o) {
         }, 1032, ["type", "onClick"]))), 128))
       ]),
       _: 1
-    })) : C("", !0),
-    i.isLoading && !i.dealDetails ? (l(), p("div", fi, [
+    })) : v("", !0),
+    i.isLoading && !i.dealDetails ? (a(), p("div", fi, [
       c(b, {
         size: "24",
         color: "grey"
       })
-    ])) : i.activeCrm ? (l(), p($, { key: 2 }, [
-      a("div", gi, [
-        a("div", yi, d(i.activeCrm.capitalize()), 1),
-        i.typeDetails ? (l(), p("div", vi, [
-          a("div", Ci, [
-            a("div", bi, [
-              a("div", {
+    ])) : i.activeCrm ? (a(), p(I, { key: 2 }, [
+      l("div", gi, [
+        l("div", yi, d(i.activeCrm.capitalize()), 1),
+        i.typeDetails ? (a(), p("div", vi, [
+          l("div", Ci, [
+            l("div", bi, [
+              l("div", {
                 textContent: d(
                   e.$t("referenceTo", {
                     crm: i.activeCrm.capitalize(),
@@ -1924,20 +1924,20 @@ function Gi(e, t, n, s, i, o) {
                 onClick: t[0] || (t[0] = (f) => o.removeReference(i.typeDetails.type))
               })
             ]),
-            a("div", {
+            l("div", {
               class: "x-hint-name",
               textContent: d(i.typeDetails.name || "")
             }, null, 8, wi)
           ]),
-          t[7] || (t[7] = a("div", { class: "divider" }, null, -1))
-        ])) : C("", !0),
-        a("div", _i, d(e.$t("headerText", { crm: i.activeCrm.capitalize() })), 1),
-        t[8] || (t[8] = a("div", { style: { height: "2em" } }, null, -1)),
-        o.currentExternalDeal ? (l(), p($, { key: 1 }, [
-          a("div", xi, d(e.$t("connectedTo", { type: o.dealType })), 1),
-          i.dealDetails ? (l(), p("div", Ti, [
-            a("div", null, [
-              (l(), v(G(i.dealDetails.externalUrl ? "a" : "span"), {
+          t[7] || (t[7] = l("div", { class: "divider" }, null, -1))
+        ])) : v("", !0),
+        l("div", _i, d(e.$t("headerText", { crm: i.activeCrm.capitalize() })), 1),
+        t[8] || (t[8] = l("div", { style: { height: "2em" } }, null, -1)),
+        o.currentExternalDeal ? (a(), p(I, { key: 1 }, [
+          l("div", xi, d(e.$t("connectedTo", { type: o.dealType })), 1),
+          i.dealDetails ? (a(), p("div", Ti, [
+            l("div", null, [
+              (a(), C(G(i.dealDetails.externalUrl ? "a" : "span"), {
                 href: i.dealDetails.externalUrl || "#",
                 target: "_blank",
                 style: { "font-weight": "600" },
@@ -1945,12 +1945,12 @@ function Gi(e, t, n, s, i, o) {
                 textContent: d(i.dealDetails.name)
               }, null, 8, ["href", "textContent"]))
             ]),
-            i.dealDetails.currency ? (l(), p("div", Di, d(o.priceFormat(i.dealDetails.value, {
+            i.dealDetails.currency ? (a(), p("div", Di, d(o.priceFormat(i.dealDetails.value, {
               showZero: !1,
               currency: i.dealDetails.currency
-            })), 1)) : C("", !0)
-          ])) : C("", !0),
-          a("div", null, [
+            })), 1)) : v("", !0)
+          ])) : v("", !0),
+          l("div", null, [
             c(r, {
               loading: i.isLoading,
               size: "small",
@@ -1977,12 +1977,12 @@ function Gi(e, t, n, s, i, o) {
               textContent: d(e.$t("suggestClients"))
             }, null, 8, ["textContent"])
           ])
-        ], 64)) : (l(), p("div", Si, [
-          a("div", {
+        ], 64)) : (a(), p("div", Si, [
+          l("div", {
             style: { padding: "0 4px 0.25em" },
             class: "text-gray-600",
             textContent: d(e.$t("linkToDoc", { type: o.dealType }))
-          }, null, 8, Ii),
+          }, null, 8, $i),
           c(w, {
             ref: "input",
             modelValue: i.searchQuery,
@@ -1999,16 +1999,16 @@ function Gi(e, t, n, s, i, o) {
             onSelect: t[6] || (t[6] = (f) => o.useSearchResult(f))
           }, {
             default: u(({ option: f }) => [
-              a("div", $i, [
-                a("div", Fi, d(f.name), 1),
-                a("div", Li, [
+              l("div", Ii, [
+                l("div", Fi, d(f.name), 1),
+                l("div", Li, [
                   T(d(f.externalReference.type.capitalize()) + " " + d(f.externalReference.typeId) + " ", 1),
-                  f.value && f.currency ? (l(), p($, { key: 0 }, [
+                  f.value && f.currency ? (a(), p(I, { key: 0 }, [
                     T(" · " + d(o.priceFormat(f.value, {
                       showZero: !1,
                       currency: f.currency
                     })), 1)
-                  ], 64)) : C("", !0)
+                  ], 64)) : v("", !0)
                 ])
               ])
             ]),
@@ -2019,9 +2019,9 @@ function Gi(e, t, n, s, i, o) {
           }, 8, ["modelValue", "data", "loading", "placeholder"])
         ]))
       ]),
-      o.showDealProducts ? (l(), p("div", Vi, [
-        a("div", Bi, [
-          a("div", Mi, [
+      o.showDealProducts ? (a(), p("div", Vi, [
+        l("div", Bi, [
+          l("div", Mi, [
             T(d(e.$t("productsTitle")) + " ", 1),
             N(c(k, {
               type: "info",
@@ -2033,7 +2033,7 @@ function Gi(e, t, n, s, i, o) {
               ]
             ])
           ]),
-          a("div", {
+          l("div", {
             class: "text-gray-600",
             textContent: d(
               e.$t("productsText", {
@@ -2043,7 +2043,7 @@ function Gi(e, t, n, s, i, o) {
             )
           }, null, 8, Pi)
         ]),
-        i.dealDetails.articles && i.dealDetails.articles.length ? (l(), v(S, {
+        i.dealDetails.articles && i.dealDetails.articles.length ? (a(), C(S, {
           key: 0,
           "item-key": "_uniqueId",
           list: i.dealDetails.articles,
@@ -2058,46 +2058,46 @@ function Gi(e, t, n, s, i, o) {
           style: { "min-height": "calc(3 * var(--rem))", padding: "0 calc(0.5 * var(--rem))" }
         }, {
           item: u(({ item: f }) => [
-            a("div", {
+            l("div", {
               style: { padding: "calc(0.5 * var(--rem))", "line-height": "1", "margin-bottom": "calc(0.5 * var(--rem))", "box-shadow": "0 1px 3px rgb(0, 0, 0, 0.3)", background: "white", "border-radius": "3px", cursor: "grab", "user-select": "none" },
               onClick: (x) => o.addArticle(f)
             }, [
-              a("div", {
+              l("div", {
                 style: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" },
                 textContent: d(f.name)
               }, null, 8, Ei),
-              a("div", zi, [
+              l("div", zi, [
                 T(d(o.priceFormat(f.price || 0, {
                   showZero: !1,
                   currency: f.currency || "USD"
                 })) + " · " + d(f.quantity || 0) + "x ", 1),
-                f.vat !== null ? (l(), p($, { key: 0 }, [
+                f.vat !== null ? (a(), p(I, { key: 0 }, [
                   T(" · " + d(e._document.$t("vat").capitalize()) + " " + d(f.vat) + "% ", 1)
-                ], 64)) : C("", !0)
+                ], 64)) : v("", !0)
               ])
             ], 8, Ai)
           ]),
           _: 1
-        }, 8, ["list", "clone"])) : (l(), p("div", Ri, [
+        }, 8, ["list", "clone"])) : (a(), p("div", Ri, [
           c(k, {
             type: "info",
             size: "13",
             style: { margin: "1px 4px 0 0", "flex-shrink": "0" }
           }),
-          a("div", {
+          l("div", {
             textContent: d(e.$t("noProducts", { type: o.dealType }))
           }, null, 8, Oi)
         ]))
-      ])) : C("", !0)
-    ], 64)) : (l(), p("div", Hi, [
+      ])) : v("", !0)
+    ], 64)) : (a(), p("div", Hi, [
       c(k, {
         type: "info",
         size: "16",
         class: "text-primary-500",
         style: { "padding-bottom": "5px" }
       }),
-      a("div", Ui, d(e.$t("noCrm")), 1),
-      a("div", qi, [
+      l("div", Ui, d(e.$t("noCrm")), 1),
+      l("div", qi, [
         c(D, {
           to: { name: "settings" },
           style: { "font-weight": "500" },
@@ -2183,12 +2183,12 @@ const Ni = /* @__PURE__ */ F(pi, [["render", Gi], ["__scopeId", "data-v-5c4afae3
   validations: {
     form: {
       label: {
-        required: $e,
+        required: Ie,
         isUniqueLabel(e) {
           return this.fields.reduce((n, { id: s, label: i }) => i === e && s !== this.existingFieldId ? !1 : n, !0);
         }
       },
-      value: { required: $e }
+      value: { required: Ie }
     }
   },
   computed: {
@@ -2236,12 +2236,12 @@ const Ni = /* @__PURE__ */ F(pi, [["render", Gi], ["__scopeId", "data-v-5c4afae3
 }, Zi = { style: { "padding-bottom": "2em" } }, Ki = { style: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, Qi = { style: { "margin-bottom": "0.25em", opacity: "0.65" } };
 function Yi(e, t, n, s, i, o) {
   const r = m("CInput"), g = m("CField"), h = m("CButton");
-  return l(), p("div", ji, [
-    a("div", Zi, [
-      a("div", Ki, d(n.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")), 1),
-      a("div", Qi, d(e.$t("description")), 1)
+  return a(), p("div", ji, [
+    l("div", Zi, [
+      l("div", Ki, d(n.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")), 1),
+      l("div", Qi, d(e.$t("description")), 1)
     ]),
-    a("form", {
+    l("form", {
       style: { width: "100%" },
       onSubmit: t[2] || (t[2] = q((...b) => o.submit && o.submit(...b), ["prevent"])),
       onKeyup: t[3] || (t[3] = dt((...b) => o.submit && o.submit(...b), ["enter"]))
@@ -2287,7 +2287,7 @@ function Yi(e, t, n, s, i, o) {
         onClick: o.submit,
         textContent: d(e.$t("_common:save"))
       }, null, 8, ["onClick", "textContent"]),
-      n.existingFieldId ? (l(), v(h, {
+      n.existingFieldId ? (a(), C(h, {
         key: 0,
         style: { "margin-top": "5px" },
         type: "none",
@@ -2295,7 +2295,7 @@ function Yi(e, t, n, s, i, o) {
         wide: "",
         onClick: o.remove,
         textContent: d(e.$t("_common:remove"))
-      }, null, 8, ["onClick", "textContent"])) : C("", !0)
+      }, null, 8, ["onClick", "textContent"])) : v("", !0)
     ], 32)
   ]);
 }
@@ -2438,7 +2438,7 @@ const Ji = /* @__PURE__ */ F(Wi, [["render", Yi]]), Xi = {
 }, so = {
   class: "field-container",
   style: { position: "relative", flex: "1 1 auto" }
-}, ao = ["onDragstart", "textContent"], lo = { class: "field-actions" }, ro = {
+}, lo = ["onDragstart", "textContent"], ao = { class: "field-actions" }, ro = {
   key: 1,
   style: { "text-align": "center" }
 }, co = {
@@ -2453,13 +2453,13 @@ const Ji = /* @__PURE__ */ F(Wi, [["render", Yi]]), Xi = {
 }, vo = ["onDragstart", "textContent"], Co = { class: "field-actions" };
 function bo(e, t, n, s, i, o) {
   const r = m("CInput"), g = m("CField"), h = m("CButton"), b = m("SmartList"), w = m("CIcon"), k = m("CAccordion");
-  return l(), p("div", eo, [
-    a("div", to, [
-      a("div", {
+  return a(), p("div", eo, [
+    l("div", to, [
+      l("div", {
         style: { "font-size": "16px", "font-weight": "600" },
         textContent: d(e.$t("title"))
       }, null, 8, no),
-      a("div", {
+      l("div", {
         style: { color: "hsl(0, 0%, 35%)" },
         textContent: d(e.$t("description"))
       }, null, 8, io)
@@ -2471,31 +2471,31 @@ function bo(e, t, n, s, i, o) {
       filled: "",
       size: "small"
     }, null, 8, ["modelValue", "placeholder"]),
-    i.query ? (l(), p("div", oo, [
+    i.query ? (a(), p("div", oo, [
       c(b, {
         items: o.options,
         "filter-method": o.filterMethod,
         query: i.query
       }, {
         default: u(({ items: S }) => [
-          a("div", null, [
-            S.length ? (l(!0), p($, { key: 0 }, P(S, (D, y) => (l(), p("div", {
+          l("div", null, [
+            S.length ? (a(!0), p(I, { key: 0 }, P(S, (D, y) => (a(), p("div", {
               key: y,
               class: "field-parent flex w-full items-center"
             }, [
-              a("div", so, [
+              l("div", so, [
                 c(g, {
                   label: " ",
                   "label-position": "inside",
                   style: { width: "100%" }
                 }, {
                   default: u(() => [
-                    a("span", {
+                    l("span", {
                       class: "drag-label",
                       draggable: !0,
                       onDragstart: (f) => o.onDragStart(f, D),
                       textContent: d(D.label)
-                    }, null, 40, ao),
+                    }, null, 40, lo),
                     c(r, {
                       "model-value": D.value,
                       disabled: D.inputDisabled,
@@ -2510,8 +2510,8 @@ function bo(e, t, n, s, i, o) {
                   ]),
                   _: 2
                 }, 1024),
-                a("div", lo, [
-                  !D.inputDisabled && !D.virtual ? (l(), v(h, {
+                l("div", ao, [
+                  !D.inputDisabled && !D.virtual ? (a(), C(h, {
                     key: 0,
                     icon: "edit",
                     size: "small",
@@ -2519,7 +2519,7 @@ function bo(e, t, n, s, i, o) {
                     pattern: "tertiary",
                     style: { width: "30px", height: "30px", "border-radius": "3px" },
                     onClick: (f) => o.openFieldModal({ existingFieldId: D.id })
-                  }, null, 8, ["onClick"])) : C("", !0),
+                  }, null, 8, ["onClick"])) : v("", !0),
                   c(h, {
                     icon: "copy",
                     size: "small",
@@ -2530,13 +2530,13 @@ function bo(e, t, n, s, i, o) {
                   }, null, 8, ["onClick"])
                 ])
               ])
-            ]))), 128)) : (l(), p("div", ro, d(e.$t("_common:noResults")), 1))
+            ]))), 128)) : (a(), p("div", ro, d(e.$t("_common:noResults")), 1))
           ])
         ]),
         _: 1
       }, 8, ["items", "filter-method", "query"])
-    ])) : (l(), p("div", co, [
-      a("div", uo, [
+    ])) : (a(), p("div", co, [
+      l("div", uo, [
         c(h, {
           type: "none",
           pattern: "secondary",
@@ -2546,7 +2546,7 @@ function bo(e, t, n, s, i, o) {
           textContent: d(e.$t("_common:add", { thing: e.$t("_common:field") }))
         }, null, 8, ["onClick", "textContent"])
       ]),
-      (l(!0), p($, null, P([
+      (a(!0), p(I, null, P([
         {
           label: e.$t("usedFields"),
           defaultOpen: !0,
@@ -2564,18 +2564,18 @@ function bo(e, t, n, s, i, o) {
           defaultOpen: !o.usedFields.length,
           items: o.unUsedFields
         }
-      ], (S, D) => (l(), v(k, {
+      ], (S, D) => (a(), C(k, {
         key: D,
         "default-open": S.defaultOpen,
         style: { "border-top": "1px solid hsl(0, 0%, 88%)" }
       }, {
         trigger: u(({ expanded: y }) => [
-          a("div", mo, [
-            a("span", null, [
-              a("span", {
+          l("div", mo, [
+            l("span", null, [
+              l("span", {
                 textContent: d(S.label)
               }, null, 8, po),
-              a("span", {
+              l("span", {
                 style: { opacity: "0.45", "padding-left": "0.5em" },
                 textContent: d(S.items.length)
               }, null, 8, ho)
@@ -2588,19 +2588,19 @@ function bo(e, t, n, s, i, o) {
           ])
         ]),
         default: u(() => [
-          a("div", fo, [
-            S.items.length ? (l(!0), p($, { key: 1 }, P(S.items, (y, f) => (l(), p("div", {
+          l("div", fo, [
+            S.items.length ? (a(!0), p(I, { key: 1 }, P(S.items, (y, f) => (a(), p("div", {
               key: f,
               class: "field-parent flex w-full items-center"
             }, [
-              a("div", yo, [
+              l("div", yo, [
                 c(g, {
                   label: " ",
                   "label-position": "inside",
                   style: { width: "100%" }
                 }, {
                   default: u(() => [
-                    a("span", {
+                    l("span", {
                       class: "drag-label",
                       draggable: !0,
                       onDragstart: (x) => o.onDragStart(x, y),
@@ -2620,8 +2620,8 @@ function bo(e, t, n, s, i, o) {
                   ]),
                   _: 2
                 }, 1024),
-                a("div", Co, [
-                  !y.inputDisabled && !y.virtual ? (l(), v(h, {
+                l("div", Co, [
+                  !y.inputDisabled && !y.virtual ? (a(), C(h, {
                     key: 0,
                     icon: "edit",
                     size: "small",
@@ -2629,7 +2629,7 @@ function bo(e, t, n, s, i, o) {
                     pattern: "tertiary",
                     style: { width: "30px", height: "30px", "border-radius": "3px" },
                     onClick: (x) => o.openFieldModal({ existingFieldId: y.id })
-                  }, null, 8, ["onClick"])) : C("", !0),
+                  }, null, 8, ["onClick"])) : v("", !0),
                   c(h, {
                     icon: "copy",
                     size: "small",
@@ -2640,7 +2640,7 @@ function bo(e, t, n, s, i, o) {
                   }, null, 8, ["onClick"])
                 ])
               ])
-            ]))), 128)) : (l(), p("div", {
+            ]))), 128)) : (a(), p("div", {
               key: 0,
               style: { "font-size": "13px", "text-align": "center", "user-select": "none", padding: "0.5em", "border-radius": "0.25em", opacity: "0.5" },
               textContent: d(e.$t("noResults"))
@@ -2691,8 +2691,8 @@ const ko = /* @__PURE__ */ F(Xi, [["render", bo], ["__scopeId", "data-v-454d81b5
 }, xo = ["innerHTML"];
 function To(e, t, n, s, i, o) {
   const r = m("CButton");
-  return l(), p("div", null, [
-    a("div", {
+  return a(), p("div", null, [
+    l("div", {
       class: "fixed inset-0 z-10",
       onClick: t[0] || (t[0] = q((g) => e.$emit("close"), ["self"]))
     }),
@@ -2707,8 +2707,8 @@ function To(e, t, n, s, i, o) {
       "leave-to-class": "opacity-0"
     }, {
       default: u(() => [
-        a("div", _o, [
-          a("div", {
+        l("div", _o, [
+          l("div", {
             class: "pb-4",
             innerHTML: e.$t("text")
           }, null, 8, xo),
@@ -3116,7 +3116,7 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
         }
       ];
       return e.forEach((t) => {
-        Ie[t.key] && (t.subMenu = (Ie[t.key](this._document || {}) || []).map((n) => ({ ...n, key: t.key, locked: t.locked }))), this.tooltips[t.key] && (t.hasTooltip = !0);
+        $e[t.key] && (t.subMenu = ($e[t.key](this._document || {}) || []).map((n) => ({ ...n, key: t.key, locked: t.locked }))), this.tooltips[t.key] && (t.hasTooltip = !0);
       }), e;
     },
     availableBlocks() {
@@ -3237,7 +3237,7 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
       };
     }
   }
-}, Io = { class: "menu-container" }, $o = {
+}, $o = { class: "menu-container" }, Io = {
   key: 0,
   style: { height: "1px", "background-color": "hsl(0, 0%, 88%)", margin: "calc(1 * var(--rem))" }
 }, Fo = ["onMouseoverPassive"], Lo = {
@@ -3249,23 +3249,23 @@ const Do = /* @__PURE__ */ F(wo, [["render", To]]), So = {
 }, Bo = ["innerHTML"], Mo = { class: "option-title" }, Po = { class: "relative" }, Ao = ["onClick", "innerHTML"];
 function Eo(e, t, n, s, i, o) {
   const r = m("MenuBlockConvertPopover"), g = m("ProBadge"), h = m("CIcon"), b = m("CButton"), w = m("DragItem"), k = m("DragList"), S = m("Simplebar"), D = m("IsPremiumPreStep");
-  return l(), p("div", {
+  return a(), p("div", {
     onMouseleavePassive: t[4] || (t[4] = (...y) => o.onMouseleaveDrawer && o.onMouseleaveDrawer(...y))
   }, [
     c(D, { feature: "documentBlocks" }, {
       default: u(({ onClick: y }) => [
-        !n.canUseBlocks && i.showConvertEditableDialog ? (l(), v(r, {
+        !n.canUseBlocks && i.showConvertEditableDialog ? (a(), C(r, {
           key: 0,
           target: i.showConvertEditableDialogTarget,
           onConvert: o.deSyncTemplate,
           onClose: t[0] || (t[0] = (f) => i.showConvertEditableDialog = !1)
-        }, null, 8, ["target", "onConvert"])) : C("", !0),
-        a("div", Io, [
-          (l(!0), p($, null, P([
+        }, null, 8, ["target", "onConvert"])) : v("", !0),
+        l("div", $o, [
+          (a(!0), p(I, null, P([
             { data: o.primaryBlocks },
             { data: o.secondaryBlocks }
-          ], (f, x) => (l(), p("div", { key: x }, [
-            x > 0 ? (l(), p("div", $o)) : C("", !0),
+          ], (f, x) => (a(), p("div", { key: x }, [
+            x > 0 ? (a(), p("div", Io)) : v("", !0),
             c(k, {
               group: { name: "blocks", pull: "clone", put: !1 },
               "get-child-payload": (_) => s.getBlockPayload(o.getSectionKey({ data: f.data, index: _ })),
@@ -3280,12 +3280,12 @@ function Eo(e, t, n, s, i, o) {
               behaviour: "copy"
             }, {
               default: u(() => [
-                (l(!0), p($, null, P(f.data, (_) => (l(), v(w, {
+                (a(!0), p(I, null, P(f.data, (_) => (a(), C(w, {
                   key: _.key,
                   class: L({ "drag-item": o.canDrag })
                 }, {
                   default: u(() => [
-                    a("div", ye(
+                    l("div", ye(
                       { ref_for: !0 },
                       _.hasTooltip ? { "data-tooltip-key": _.key } : null,
                       {
@@ -3309,20 +3309,20 @@ function Eo(e, t, n, s, i, o) {
                         onClick: (A) => o.onUseBlock({ block: _, openUpgradeModal: y })
                       }, {
                         default: u(() => [
-                          a("div", Lo, [
-                            a("div", Vo, [
-                              a("div", {
+                          l("div", Lo, [
+                            l("div", Vo, [
+                              l("div", {
                                 class: "option-image",
                                 innerHTML: _.icon
                               }, null, 8, Bo),
-                              a("div", Mo, d(e.$t(`blocks.${_.key}`)), 1)
+                              l("div", Mo, d(e.$t(`blocks.${_.key}`)), 1)
                             ]),
-                            _.locked ? (l(), v(g, { key: 0 })) : !n.fixed && _.subMenu ? (l(), v(h, {
+                            _.locked ? (a(), C(g, { key: 0 })) : !n.fixed && _.subMenu ? (a(), C(h, {
                               key: 1,
                               type: "chevron-right",
                               size: "14",
                               style: { color: "hsl(205, 10%, 65%)" }
-                            })) : C("", !0)
+                            })) : v("", !0)
                           ])
                         ]),
                         _: 2
@@ -3339,7 +3339,7 @@ function Eo(e, t, n, s, i, o) {
         ]),
         c(te, { name: "slide-right" }, {
           default: u(() => [
-            N(a("div", {
+            N(l("div", {
               class: "submenu",
               onMouseoverPassive: t[2] || (t[2] = (f) => i.subMenuToShow = i.activeSubMenu),
               onMouseleavePassive: t[3] || (t[3] = (f) => i.subMenuToShow = null)
@@ -3361,21 +3361,21 @@ function Eo(e, t, n, s, i, o) {
                     behaviour: "copy"
                   }, {
                     default: u(() => [
-                      (l(!0), p($, null, P(i.activeSubMenu, (f, x) => (l(), v(w, {
+                      (a(!0), p(I, null, P(i.activeSubMenu, (f, x) => (a(), C(w, {
                         key: f.key + x,
                         class: L(["px-1.5", { "drag-item": !f.locked && n.canUseBlocks }])
                       }, {
                         default: u(() => [
-                          a("div", Po, [
-                            a("div", {
+                          l("div", Po, [
+                            l("div", {
                               class: "drag-item-preview",
                               onClick: (_) => o.onUseBlock({ block: f, openUpgradeModal: y }),
                               innerHTML: f.previewUrl
                             }, null, 8, Ao),
-                            f.locked ? (l(), v(g, {
+                            f.locked ? (a(), C(g, {
                               key: 0,
                               class: "absolute bottom-2 right-4"
-                            })) : C("", !0)
+                            })) : v("", !0)
                           ])
                         ]),
                         _: 2
@@ -3413,12 +3413,12 @@ const zo = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-babdf4c0
     }
   },
   components: {
-    Design: li,
+    Design: ai,
     Fields: ko,
     ExtensionTab: Ni,
     DocumentGeneralSettings: mi,
     DocumentGuide: ct(
-      () => import("./index-Bg4JRi5S.js")
+      () => import("./index-JyktRqp9.js")
     ),
     MenuBlocks: zo,
     Simplebar: Q
@@ -3494,41 +3494,41 @@ const zo = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-babdf4c0
 };
 function jo(e, t, n, s, i, o) {
   const r = m("CIcon"), g = m("CButton"), h = m("MenuBlocks"), b = m("Design"), w = m("Fields"), k = m("ExtensionTab"), S = m("DocumentGeneralSettings"), D = m("Simplebar"), y = m("DocumentGuide");
-  return l(), p("div", null, [
-    a("div", {
+  return a(), p("div", null, [
+    l("div", {
       style: E([{ width: `${n.width}px` }, n.fixed && { zIndex: 999 }]),
       class: "root menu-wrapper fixed left-0 top-14 z-[99] bg-white"
     }, [
-      n.fixed ? (l(), p("div", {
+      n.fixed ? (a(), p("div", {
         key: 0,
         class: "fixed inset-0",
         onClick: t[0] || (t[0] = (f) => e.$emit("close"))
-      })) : C("", !0),
-      a("div", {
+      })) : v("", !0),
+      l("div", {
         style: E([{ width: `${n.width}px` }, { height: "100%", "font-size": "14px", "border-radius": "0 8px 8px 0", "box-shadow": "0 10px 20px rgba(0, 0, 0, 0.2)" }])
       }, [
-        n.isLegacyTemplate ? C("", !0) : (l(), p("div", Oo, [
-          a("div", {
+        n.isLegacyTemplate ? v("", !0) : (a(), p("div", Oo, [
+          l("div", {
             class: L([{ "is-active": i.tab === "blocks" }, "tab-item"]),
             onClick: t[1] || (t[1] = (f) => i.tab = "blocks"),
             textContent: d(e.$t("tabs.blocks"))
           }, null, 10, Ho),
-          a("div", {
+          l("div", {
             class: L([{ "is-active": i.tab === "design" }, "tab-item"]),
             onClick: t[2] || (t[2] = (f) => i.tab = "design"),
             textContent: d(e.$t("tabs.design"))
           }, null, 10, Uo),
-          a("div", {
+          l("div", {
             class: L([{ "is-active": i.tab === "fields" }, "tab-item"]),
             onClick: t[3] || (t[3] = (f) => i.tab = "fields"),
             textContent: d(e.$t("tabs.fields"))
           }, null, 10, qo),
-          o.extensionTabType ? (l(), p("div", {
+          o.extensionTabType ? (a(), p("div", {
             key: 0,
             class: L([{ "is-active": i.tab === "extension" }, "tab-item"]),
             onClick: t[4] || (t[4] = (f) => i.tab = "extension")
           }, [
-            a("div", {
+            l("div", {
               style: E([{ width: "18px", height: "18px", background: "#343434", "border-radius": "4px", display: "flex", "align-items": "center", "justify-content": "center", "margin-top": "2px" }, [
                 o.extensionTabType === "pipedrive" && {
                   backgroundColor: "#3A3A3A"
@@ -3544,8 +3544,8 @@ function jo(e, t, n, s, i, o) {
                 size: "14"
               }, null, 8, ["type"])
             ], 4)
-          ], 2)) : C("", !0),
-          a("div", {
+          ], 2)) : v("", !0),
+          l("div", {
             class: L([{ "is-active": i.tab === "generalSettings" }, "tab-item ml-[2px]"]),
             onClick: t[5] || (t[5] = (f) => i.tab = "generalSettings")
           }, [
@@ -3556,7 +3556,7 @@ function jo(e, t, n, s, i, o) {
             })
           ], 2)
         ])),
-        i.tab === "blocks" ? (l(), v(h, {
+        i.tab === "blocks" ? (a(), C(h, {
           key: 1,
           _document: n.state,
           set: n.set,
@@ -3566,7 +3566,7 @@ function jo(e, t, n, s, i, o) {
           onBlockAdded: t[6] || (t[6] = (f) => n.fixed ? e.$emit("close") : null)
         }, {
           footer: u(() => [
-            a("div", Go, [
+            l("div", Go, [
               c(g, {
                 "icon-left": "help",
                 type: "none",
@@ -3577,17 +3577,17 @@ function jo(e, t, n, s, i, o) {
               }, {
                 default: u(() => [
                   T(d(e.$t("guideButton")) + " ", 1),
-                  i.showGuideNotification ? (l(), p("div", No)) : C("", !0)
+                  i.showGuideNotification ? (a(), p("div", No)) : v("", !0)
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ])
           ]),
           _: 1
-        }, 8, ["_document", "set", "remove-value", "fixed", "can-use-blocks"])) : (l(), p("div", Wo, [
+        }, 8, ["_document", "set", "remove-value", "fixed", "can-use-blocks"])) : (a(), p("div", Wo, [
           c(D, { class: "h-full w-full" }, {
             default: u(() => [
-              i.tab === "design" ? (l(), v(b, {
+              i.tab === "design" ? (a(), C(b, {
                 key: 0,
                 _document: n.state,
                 _value: {
@@ -3595,7 +3595,7 @@ function jo(e, t, n, s, i, o) {
                 },
                 set: n.set,
                 offset: n.fixed ? 0 : n.width
-              }, null, 8, ["_document", "set", "offset"])) : i.tab === "fields" ? (l(), v(w, {
+              }, null, 8, ["_document", "set", "offset"])) : i.tab === "fields" ? (a(), C(w, {
                 key: 1,
                 _document: n.state,
                 "crm-service": o.extensionTabType,
@@ -3603,7 +3603,7 @@ function jo(e, t, n, s, i, o) {
                   css: "data.css"
                 },
                 set: n.set
-              }, null, 8, ["_document", "crm-service", "set"])) : i.tab === "extension" ? (l(), v(k, {
+              }, null, 8, ["_document", "crm-service", "set"])) : i.tab === "extension" ? (a(), C(k, {
                 key: 2,
                 _document: n.state,
                 _value: {
@@ -3612,8 +3612,8 @@ function jo(e, t, n, s, i, o) {
                   articles: "articles"
                 },
                 onInput: t[7] || (t[7] = ({ key: f, value: x }) => n.set({ key: f, value: x }))
-              }, null, 8, ["_document"])) : C("", !0),
-              i.tab === "generalSettings" ? (l(), v(S, {
+              }, null, 8, ["_document"])) : v("", !0),
+              i.tab === "generalSettings" ? (a(), C(S, {
                 key: 3,
                 _document: n.state,
                 _value: {
@@ -3630,15 +3630,15 @@ function jo(e, t, n, s, i, o) {
                 offset: n.fixed ? 0 : n.width,
                 class: L({ "!top-0 rounded-sm": n.isLegacyTemplate }),
                 onInput: t[8] || (t[8] = ({ key: f, value: x }) => n.set({ key: f, value: x }))
-              }, null, 8, ["_document", "offset", "class"])) : C("", !0)
+              }, null, 8, ["_document", "offset", "class"])) : v("", !0)
             ]),
             _: 1
           })
         ])),
-        i.showGuide ? (l(), v(y, {
+        i.showGuide ? (a(), C(y, {
           key: 3,
           onClose: t[9] || (t[9] = (f) => i.showGuide = !1)
-        })) : C("", !0)
+        })) : v("", !0)
       ], 4)
     ], 4)
   ]);
@@ -3827,8 +3827,11 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
         addedIndex: s
       });
     },
-    onBlockRemove(e, t) {
-      if (e.itemId.startsWith("packageGroup")) {
+    async onBlockRemove(e, t) {
+      if (ae([this.nestedReadLayout[t]]).forEach((s) => {
+        const i = this.readLayout.findIndex((o) => o.nodeId === s.nodeId);
+        this.removeFormValue(`template.views.read.nodes[${i}]`);
+      }), await this.$nextTick(), e.itemId.startsWith("packageGroup")) {
         const s = e.itemId.split("-")[1];
         this.removePackageGroup(s);
       } else
@@ -3845,10 +3848,6 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
             this.removeFormKeyValue(h);
           });
         }, "children");
-      le([this.nestedReadLayout[t]]).forEach((s) => {
-        const i = this.readLayout.findIndex((o) => o.nodeId === s.nodeId);
-        this.removeFormValue(`template.views.read.nodes[${i}]`);
-      });
     },
     removePackageGroup(e) {
       const t = this._document.packageGroups.getPackageGroupUniqId(e);
@@ -3878,7 +3877,7 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
         );
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: le(i)
+          value: ae(i)
         });
       } else if (!t && n !== null) {
         const { sectionKey: i, createNewSection: o, addValidation: r, contentData: g } = s, { readView: h, validation: b, data: w } = o({
@@ -3894,7 +3893,7 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
         ];
         this.setFormValue({
           key: "template.views.read.nodes",
-          value: le(S)
+          value: ae(S)
         });
       }
     },
@@ -3912,8 +3911,8 @@ const Zo = /* @__PURE__ */ F(Ro, [["render", jo], ["__scopeId", "data-v-2721fb3f
 }, ns = ["innerHTML"];
 function is(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("DocumentFormViewRadio"), h = m("CIcon"), b = m("DocumentFormNav"), w = m("DocumentFormMenu"), k = m("DynamicChapter"), S = m("DynamicBlock"), D = m("LogoBanner"), y = m("IsPremium"), f = m("DocumentStyleContainer"), x = m("WithDimensions"), _ = m("portal-target"), A = m("DocumentDrawer");
-  return l(), p("div", Qo, [
-    a("div", {
+  return a(), p("div", Qo, [
+    l("div", {
       class: L([{
         "is-edit-view": o.isEditView,
         "is-empty-list": !o.nestedReadLayout.length
@@ -3921,8 +3920,8 @@ function is(e, t, n, s, i, o) {
     }, [
       c(b, { close: n.close }, {
         left: u(() => [
-          a("div", Yo, [
-            n.close ? (l(), v(r, {
+          l("div", Yo, [
+            n.close ? (a(), C(r, {
               key: 0,
               "icon-props": { size: 20 },
               size: "normal",
@@ -3931,8 +3930,8 @@ function is(e, t, n, s, i, o) {
               type: "none",
               pattern: "tertiary",
               onClick: n.close
-            }, null, 8, ["onClick"])) : C("", !0),
-            n.goBack && e.mq !== "sm" ? (l(), v(r, {
+            }, null, 8, ["onClick"])) : v("", !0),
+            n.goBack && e.mq !== "sm" ? (a(), C(r, {
               key: 1,
               "icon-props": { size: 20 },
               type: "none",
@@ -3940,7 +3939,7 @@ function is(e, t, n, s, i, o) {
               icon: "arrow-left",
               class: "mr-2 h-[2.25em] w-[2.25em] backdrop-blur-[25px]",
               onClick: n.goBack
-            }, null, 8, ["onClick"])) : C("", !0),
+            }, null, 8, ["onClick"])) : v("", !0),
             c(r, {
               size: "normal",
               type: "none",
@@ -3956,7 +3955,7 @@ function is(e, t, n, s, i, o) {
           ])
         ]),
         center: u(() => [
-          a("div", Jo, [
+          l("div", Jo, [
             N(c(g, {
               small: e.mq === "sm",
               "model-value": n.view,
@@ -3964,8 +3963,8 @@ function is(e, t, n, s, i, o) {
             }, null, 8, ["small", "model-value"]), [
               [he, o.nestedReadLayout.length]
             ]),
-            !o.isEditView && !["sm", "md", "lg"].includes(e.mq) ? (l(), p("div", Xo, [
-              (l(), p($, null, P(["desktop", "tablet", "mobile"], (z) => a("div", {
+            !o.isEditView && !["sm", "md", "lg"].includes(e.mq) ? (a(), p("div", Xo, [
+              (a(), p(I, null, P(["desktop", "tablet", "mobile"], (z) => l("div", {
                 key: z,
                 style: E(
                   i.previewDevice === z && {
@@ -3982,7 +3981,7 @@ function is(e, t, n, s, i, o) {
                   size: "20"
                 }, null, 8, ["type"])
               ], 12, es)), 64))
-            ])) : C("", !0)
+            ])) : v("", !0)
           ])
         ]),
         right: u(() => [
@@ -4003,7 +4002,7 @@ function is(e, t, n, s, i, o) {
       }, null, 8, ["state", "set", "remove-value", "template", "fixed", "can-use-blocks", "is-legacy-template", "width"]), [
         [he, i.drawerState.showLeft]
       ]),
-      a("div", {
+      l("div", {
         ref: "scroll-body",
         class: L([{
           "device-offset": o.isEditView
@@ -4014,7 +4013,7 @@ function is(e, t, n, s, i, o) {
           }
         )
       }, [
-        a("div", {
+        l("div", {
           class: L([[
             {
               "is-device-edit": o.isEditView,
@@ -4024,15 +4023,15 @@ function is(e, t, n, s, i, o) {
             o.isEditView && "mx-auto min-h-full w-[1200px] max-w-full overflow-hidden rounded-md px-0 shadow-[0_20px_35px_-8px_hsla(0,0%,0%,0.27)] md:max-w-[90%]"
           ], "list-container"])
         }, [
-          !o.nestedReadLayout.length && !o.isFixedSidebar ? (l(), p("div", ts, [
-            t[8] || (t[8] = pt('<div style="position:relative;" data-v-91d0aa83><div class="drag-drop-illustration-block" data-v-91d0aa83><div data-v-91d0aa83></div><div data-v-91d0aa83></div></div><svg class="drag-drop-illustration" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" data-v-91d0aa83><path class="drag-drop-illustration-finger" d="M8 0a4 4 0 00-2.7 1C4.6 1.6 4 2.7 4 4v21.4c-.4.2-.8.2-1.7 1A7.2 7.2 0 000 31.8c0 2 .8 3.8 1 4.5L4 42s-.1 0 0 0c1.4 3.1 4.5 5 8 5h9c5 0 9-4 9-9V22c0-.8-.1-2-.7-3-.5-1-1.7-2-3.3-2-1 0-2 .4-2.6.9 0-.3-.1-.7-.3-1-.6-1-1.7-1.9-3.1-1.9a4 4 0 00-2.7 1c-.6-1.1-1.7-2-3.3-2-.8 0-1.4.2-2 .6V4a4 4 0 00-4-4z" fill="#000" fill-rule="nonzero" data-v-91d0aa83></path><path class="drag-drop-illustration-grabbing" transform="translate(0 11)" d="M14 1c-.8 0-1.8.2-2.6.8l-.9 1a4 4 0 00-5.2.2C4.6 3.6 4 4.7 4 5.9V14c-1.7.7-4 3-4 7 0 2.2.9 4.2 1 4.5L3.9 31c1.5 3.1 4.6 5 8 5H21c5 0 9-4 9-9V9c0-4.4-2.5-5-4-5-.7 0-1.5.1-2.3.7C23 2.5 21.4 2 20 2c-1 0-2 .3-2.6.8l-.6-.9A4 4 0 0014 1z" fill="#000" fill-rule="nonzero" data-v-91d0aa83></path></svg></div>', 1)),
-            a("div", {
+          !o.nestedReadLayout.length && !o.isFixedSidebar ? (a(), p("div", ts, [
+            t[8] || (t[8] = pt('<div style="position:relative;" data-v-b1290feb><div class="drag-drop-illustration-block" data-v-b1290feb><div data-v-b1290feb></div><div data-v-b1290feb></div></div><svg class="drag-drop-illustration" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" data-v-b1290feb><path class="drag-drop-illustration-finger" d="M8 0a4 4 0 00-2.7 1C4.6 1.6 4 2.7 4 4v21.4c-.4.2-.8.2-1.7 1A7.2 7.2 0 000 31.8c0 2 .8 3.8 1 4.5L4 42s-.1 0 0 0c1.4 3.1 4.5 5 8 5h9c5 0 9-4 9-9V22c0-.8-.1-2-.7-3-.5-1-1.7-2-3.3-2-1 0-2 .4-2.6.9 0-.3-.1-.7-.3-1-.6-1-1.7-1.9-3.1-1.9a4 4 0 00-2.7 1c-.6-1.1-1.7-2-3.3-2-.8 0-1.4.2-2 .6V4a4 4 0 00-4-4z" fill="#000" fill-rule="nonzero" data-v-b1290feb></path><path class="drag-drop-illustration-grabbing" transform="translate(0 11)" d="M14 1c-.8 0-1.8.2-2.6.8l-.9 1a4 4 0 00-5.2.2C4.6 3.6 4 4.7 4 5.9V14c-1.7.7-4 3-4 7 0 2.2.9 4.2 1 4.5L3.9 31c1.5 3.1 4.6 5 8 5H21c5 0 9-4 9-9V9c0-4.4-2.5-5-4-5-.7 0-1.5.1-2.3.7C23 2.5 21.4 2 20 2c-1 0-2 .3-2.6.8l-.6-.9A4 4 0 0014 1z" fill="#000" fill-rule="nonzero" data-v-b1290feb></path></svg></div>', 1)),
+            l("div", {
               class: "text-center",
               style: { "max-width": "22ch" },
               innerHTML: e.$t("emptyBlockPlaceholderLarge")
             }, null, 8, ns)
-          ])) : C("", !0),
-          (l(), v(G(o.isEditView ? "div" : "simplebar"), { class: "h-full w-full" }, {
+          ])) : v("", !0),
+          (a(), C(G(o.isEditView ? "div" : "simplebar"), { class: "h-full w-full" }, {
             default: u(() => [
               c(x, { "provide-device": !0 }, {
                 default: u(() => {
@@ -4043,7 +4042,7 @@ function is(e, t, n, s, i, o) {
                       "input-style": ((X = (z = n._document) == null ? void 0 : z.data) == null ? void 0 : X.css) || null
                     }, {
                       default: u(() => [
-                        o.nestedReadLayout ? (l(), v(G(o.dndEnabled ? "DragList" : "div"), {
+                        o.nestedReadLayout ? (a(), C(G(o.dndEnabled ? "DragList" : "div"), {
                           key: 0,
                           handle: ".NO-SELECTOR",
                           "drop-placeholder": { className: "drag-drop-placeholder" },
@@ -4055,15 +4054,15 @@ function is(e, t, n, s, i, o) {
                           "group-name": "document-blocks",
                           "non-drag-area-selector": ".no-drag",
                           "drag-handle-selector": ".drag-item",
-                          onDragStart: t[3] || (t[3] = (I) => i.isDragging = !0),
-                          onDragEnd: t[4] || (t[4] = (I) => i.isDragging = !1),
-                          onDrop: t[5] || (t[5] = (I) => o.onBlockListChange("blocks-list", I))
+                          onDragStart: t[3] || (t[3] = ($) => i.isDragging = !0),
+                          onDragEnd: t[4] || (t[4] = ($) => i.isDragging = !1),
+                          onDrop: t[5] || (t[5] = ($) => o.onBlockListChange("blocks-list", $))
                         }, {
                           default: u(() => [
-                            (l(!0), p($, null, P(n._document.getReadLayout({
+                            (a(!0), p(I, null, P(n._document.getReadLayout({
                               showHiddenNodes: o.isEditView
-                            }), (I, ie) => (l(), v(G(o.dndEnabled ? "DragItem" : "div"), {
-                              key: I.nodeId,
+                            }), ($, ie) => (a(), C(G(o.dndEnabled ? "DragItem" : "div"), {
+                              key: $.nodeId,
                               class: L([
                                 {
                                   "drag-item": o.dndEnabled
@@ -4073,32 +4072,32 @@ function is(e, t, n, s, i, o) {
                               default: u(() => [
                                 c(S, {
                                   ref_for: !0,
-                                  ref: I.nodeId,
+                                  ref: $.nodeId,
                                   "is-dragging": i.isDragging,
                                   "is-edit-view": o.isEditView,
                                   "can-move": o.canMove,
-                                  "block-type": I.itemType,
-                                  "is-visible": I.isVisible,
-                                  "show-edit-button": !!I.showEditButton,
-                                  onRemove: (R) => o.onBlockRemove(I, ie),
+                                  "block-type": $.itemType,
+                                  "is-visible": $.isVisible,
+                                  "show-edit-button": !!$.showEditButton,
+                                  onRemove: (R) => o.onBlockRemove($, ie),
                                   onMove: (R) => o.onBlockMove(R, ie),
                                   onEdit: t[2] || (t[2] = (R) => i.drawerState.openSection = R),
-                                  onToggleVisible: (R) => o.onBlockToggleVisible(I, R)
+                                  onToggleVisible: (R) => o.onBlockToggleVisible($, R)
                                 }, {
                                   default: u(() => [
                                     c(k, {
-                                      "component-name": I.componentName,
+                                      "component-name": $.componentName,
                                       "component-props": {
-                                        ...I.props,
+                                        ...$.props,
                                         _document: n._document,
-                                        _value: I.value,
-                                        _nodeId: I.nodeId
+                                        _value: $.value,
+                                        _nodeId: $.nodeId
                                       },
-                                      children: I.children,
-                                      "is-visible": I.isVisible,
+                                      children: $.children,
+                                      "is-visible": $.isVisible,
                                       "on-input": ({ key: R, value: Je, options: Xe }) => n.setFormValue({ key: R, value: Je, options: Xe }),
                                       "on-remove": ({ key: R }) => n.removeFormValue(R),
-                                      "on-mount": (R) => o.onAddBlockMount(I.nodeId, R)
+                                      "on-mount": (R) => o.onAddBlockMount($.nodeId, R)
                                     }, null, 8, ["component-name", "component-props", "children", "is-visible", "on-input", "on-remove", "on-mount"])
                                   ]),
                                   _: 2
@@ -4108,16 +4107,16 @@ function is(e, t, n, s, i, o) {
                             }, 1032, ["class"]))), 128))
                           ]),
                           _: 1
-                        }, 40, ["should-animate-drop"])) : C("", !0),
-                        n.canShowBanner ? (l(), v(y, { key: 1 }, {
-                          default: u(({ isProLike: I }) => [
-                            !o.isEditView && !I ? (l(), v(D, {
+                        }, 40, ["should-animate-drop"])) : v("", !0),
+                        n.canShowBanner ? (a(), C(y, { key: 1 }, {
+                          default: u(({ isProLike: $ }) => [
+                            !o.isEditView && !$ ? (a(), C(D, {
                               key: 0,
                               position: "sticky"
-                            })) : C("", !0)
+                            })) : v("", !0)
                           ]),
                           _: 1
-                        })) : C("", !0)
+                        })) : v("", !0)
                       ]),
                       _: 1
                     }, 8, ["input-style"])
@@ -4130,7 +4129,7 @@ function is(e, t, n, s, i, o) {
           }))
         ], 2)
       ], 6),
-      (l(), v(A, {
+      (a(), C(A, {
         id: "settingsDrawer",
         key: "settingsDrawer",
         open: !!i.drawerState.openSection,
@@ -4156,7 +4155,7 @@ function is(e, t, n, s, i, o) {
     ], 2)
   ]);
 }
-const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-91d0aa83"]]), ss = {
+const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-b1290feb"]]), ss = {
   name: "DocumentSend",
   i18nOptions: {
     namespaces: "documentSend",
@@ -4165,6 +4164,8 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-91d0aa83
         signMissingTitle: "Signature-block missing",
         signMissingText: "Add a Signature-block if you'd like for your recipient to sign.",
         signMissingAdd: "Add Signature-block",
+        tooManyClientsTitle: "Too many recipients",
+        tooManyClientsTitleText: "There are too many recipients in this document, max is 15.",
         saveDocAsTemplate: "Save document as a template",
         saveDocAsTemplateTooltip: "Save document as a reusable template.",
         saveDocAsTemplateTooltipOfferta: "Are you satisfied with the document? Save it as a template for easier reuse!",
@@ -4174,6 +4175,8 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-91d0aa83
         signMissingTitle: "Signatur-block saknas",
         signMissingText: "Lägg till ett Signatur-block om du vill att din mottagare ska kunna lämna signera.",
         signMissingAdd: "Lägg till Signatur-block",
+        tooManyClientsTitle: "För många mottagare",
+        tooManyClientsText: "Det kan max vara 15 mottagare på ett dokument.",
         saveDocAsTemplate: "Spara dokumentet även som en mall",
         saveDocAsTemplateTooltip: "Spara som en mall som du kan återanvända.",
         saveDocAsTemplateTooltipOfferta: "Är du nöjd med dokumentet? Spara som mall så blir det enkelt att återanvända!",
@@ -4252,6 +4255,9 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-91d0aa83
     },
     hasAnswerBlock() {
       return (V(this._document, "template.views.read.nodes") || []).some((t) => t.itemType === "answer");
+    },
+    tooManyClients() {
+      return (V(this._document, "clients") || []).length > 15;
     }
   },
   watch: {
@@ -4293,23 +4299,26 @@ const os = /* @__PURE__ */ F(Ko, [["render", is], ["__scopeId", "data-v-91d0aa83
       }));
     }
   }
-}, as = {
+}, ls = {
   key: "1",
   class: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3"
-}, ls = { class: "pl-2" }, rs = ["textContent"], ds = { class: "mb-4 text-sm text-red-600 text-opacity-80" }, cs = {
+}, as = { class: "pl-2" }, rs = ["textContent"], ds = { class: "text-sm text-red-600 text-opacity-80" }, cs = {
+  key: "2",
+  class: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3"
+}, us = { class: "pl-2" }, ms = ["textContent"], ps = { class: "mb-4 text-sm text-red-600 text-opacity-80" }, hs = {
   for: "checkbox-save-as-temp",
   class: "inline-flex cursor-pointer select-none items-center py-2 text-[12px] font-[500] text-gray-600"
-}, us = ["onClick"], ms = { style: { "padding-left": "0.5em" } };
-function ps(e, t, n, s, i, o) {
-  const r = m("CButton"), g = m("CIcon"), h = m("CCheckbox"), b = m("ProBadge"), w = m("IsPremiumPreStep"), k = m("IsPremium"), S = m("SendForm"), D = ae("tooltip");
-  return e.mq !== "sm" || i.isOpen ? (l(), v(G(e.mq === "sm" ? "div" : "Drawer"), {
+}, fs = ["onClick"], gs = { style: { "padding-left": "0.5em" } };
+function ys(e, t, n, s, i, o) {
+  const r = m("CButton"), g = m("CIcon"), h = m("CCheckbox"), b = m("ProBadge"), w = m("IsPremiumPreStep"), k = m("IsPremium"), S = m("SendForm"), D = le("tooltip");
+  return e.mq !== "sm" || i.isOpen ? (a(), C(G(e.mq === "sm" ? "div" : "Drawer"), {
     key: 0,
     modelValue: i.isOpen,
     "onUpdate:modelValue": t[3] || (t[3] = (y) => i.isOpen = y),
     placement: "right"
   }, {
     default: u(() => [
-      a("div", {
+      l("div", {
         class: L([{
           "is-fullscreen": e.mq === "sm"
         }, "send-modal font-inter"])
@@ -4330,7 +4339,7 @@ function ps(e, t, n, s, i, o) {
           "use-scroll": ""
         }, {
           send: u(() => [
-            o.isPublicForm ? (l(), v(r, {
+            o.isPublicForm ? (a(), C(r, {
               key: 0,
               type: "secondary",
               wide: "",
@@ -4341,15 +4350,15 @@ function ps(e, t, n, s, i, o) {
                 T(d(e.$t("signupToSend")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])) : C("", !0)
+            }, 8, ["onClick"])) : v("", !0)
           ]),
           [o.saveTemplateSlot]: u(() => [
-            a("label", cs, [
+            l("label", hs, [
               c(k, null, {
                 default: u(({ canCreateTemplate: y }) => [
                   c(w, { feature: "saveDocTemplate" }, {
                     default: u(({ onClick: f }) => [
-                      a("div", {
+                      l("div", {
                         class: "flex items-center",
                         onClick: (x) => o.onClickSaveAsTemplate({
                           event: x,
@@ -4364,7 +4373,7 @@ function ps(e, t, n, s, i, o) {
                           size: "small",
                           type: "secondary"
                         }, null, 8, ["modelValue"]),
-                        a("div", ms, [
+                        l("div", gs, [
                           T(d(e.$t("saveDocAsTemplate")) + " ", 1),
                           N(c(g, {
                             type: "info",
@@ -4373,11 +4382,11 @@ function ps(e, t, n, s, i, o) {
                             [D, o.saveTemplateTooltip]
                           ])
                         ]),
-                        y ? C("", !0) : (l(), v(b, {
+                        y ? v("", !0) : (a(), C(b, {
                           key: 0,
                           class: "ml-2 self-center"
                         }))
-                      ], 8, us)
+                      ], 8, fs)
                     ]),
                     _: 2
                   }, 1024)
@@ -4387,21 +4396,39 @@ function ps(e, t, n, s, i, o) {
             ])
           ]),
           default: u(() => [
-            o.hasAnswerBlock ? C("", !0) : (l(), p("div", as, [
-              a("div", null, [
+            o.tooManyClients ? (a(), p("div", ls, [
+              l("div", null, [
                 c(g, {
                   type: "error",
                   size: "18",
                   class: "-mt-1 text-red-600"
                 })
               ]),
-              a("div", null, [
-                a("div", ls, [
-                  a("div", {
+              l("div", null, [
+                l("div", as, [
+                  l("div", {
                     class: "text-sm font-semibold text-red-600",
-                    textContent: d(e.$t("signMissingTitle"))
+                    textContent: d(e.$t("tooManyClientsTitle"))
                   }, null, 8, rs),
-                  a("div", ds, d(e.$t("signMissingText")), 1)
+                  l("div", ds, d(e.$t("tooManyClientsText")), 1)
+                ])
+              ])
+            ])) : v("", !0),
+            o.hasAnswerBlock ? v("", !0) : (a(), p("div", cs, [
+              l("div", null, [
+                c(g, {
+                  type: "error",
+                  size: "18",
+                  class: "-mt-1 text-red-600"
+                })
+              ]),
+              l("div", null, [
+                l("div", us, [
+                  l("div", {
+                    class: "text-sm font-semibold text-red-600",
+                    textContent: d(e.$t("signMissingTitle"))
+                  }, null, 8, ms),
+                  l("div", ps, d(e.$t("signMissingText")), 1)
                 ]),
                 c(r, {
                   type: "secondary",
@@ -4422,9 +4449,9 @@ function ps(e, t, n, s, i, o) {
       ], 2)
     ]),
     _: 1
-  }, 8, ["modelValue"])) : C("", !0);
+  }, 8, ["modelValue"])) : v("", !0);
 }
-const hs = /* @__PURE__ */ F(ss, [["render", ps], ["__scopeId", "data-v-8302ed07"]]), fs = {
+const vs = /* @__PURE__ */ F(ss, [["render", ys], ["__scopeId", "data-v-fde11d9e"]]), Cs = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
     messages: {
@@ -4582,13 +4609,13 @@ const hs = /* @__PURE__ */ F(ss, [["render", ps], ["__scopeId", "data-v-8302ed07
       this.canUpdateExistingDocTemplate = !1;
     }
   }
-}, gs = { class: "t-root font-inter" }, ys = { style: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, vs = { key: 1 }, Cs = { class: "text-gray-600" }, bs = { key: 2 }, ks = { class: "text-gray-600" };
-function ws(e, t, n, s, i, o) {
+}, bs = { class: "t-root font-inter" }, ks = { style: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, ws = { key: 1 }, _s = { class: "text-gray-600" }, xs = { key: 2 }, Ts = { class: "text-gray-600" };
+function Ds(e, t, n, s, i, o) {
   const r = m("CCallout"), g = m("CInput"), h = m("CField"), b = m("CCheckbox"), w = m("CButton");
-  return l(), p("div", gs, [
-    a("div", ys, d(n.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })), 1),
-    a("div", null, [
-      n.template ? C("", !0) : (l(), v(r, { key: 0 }, {
+  return a(), p("div", bs, [
+    l("div", ks, d(n.template ? e.$t("_common:edit", { thing: e.$t("_common:name") }) : e.$t("_common:save", { thing: e.$t("_common:template") })), 1),
+    l("div", null, [
+      n.template ? v("", !0) : (a(), C(r, { key: 0 }, {
         default: u(() => [
           T(d(e.$t("calloutDescription")), 1)
         ]),
@@ -4614,7 +4641,7 @@ function ws(e, t, n, s, i, o) {
         ]),
         _: 1
       }, 8, ["vuelidate", "vuelidate-messages", "label"]),
-      n.document && n.document.template.id && i.canUpdateExistingDocTemplate ? (l(), p("div", vs, [
+      n.document && n.document.template.id && i.canUpdateExistingDocTemplate ? (a(), p("div", ws, [
         c(h, { style: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, {
           default: u(() => [
             c(b, {
@@ -4624,15 +4651,15 @@ function ws(e, t, n, s, i, o) {
               size: "normal"
             }, {
               default: u(() => [
-                a("div", Cs, d(e.$t("updateExisting")), 1)
+                l("div", _s, d(e.$t("updateExisting")), 1)
               ]),
               _: 1
             }, 8, ["modelValue"])
           ]),
           _: 1
         })
-      ])) : C("", !0),
-      n.document && n.document.clients.length && n.showKeepClientsOption ? (l(), p("div", bs, [
+      ])) : v("", !0),
+      n.document && n.document.clients.length && n.showKeepClientsOption ? (a(), p("div", xs, [
         c(h, { style: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, {
           default: u(() => [
             c(b, {
@@ -4642,14 +4669,14 @@ function ws(e, t, n, s, i, o) {
               size: "normal"
             }, {
               default: u(() => [
-                a("div", ks, d(e.$t("keepClients")), 1)
+                l("div", Ts, d(e.$t("keepClients")), 1)
               ]),
               _: 1
             }, 8, ["modelValue"])
           ]),
           _: 1
         })
-      ])) : C("", !0)
+      ])) : v("", !0)
     ]),
     c(w, {
       loading: e.isPosting,
@@ -4666,9 +4693,9 @@ function ws(e, t, n, s, i, o) {
     }, 8, ["loading", "onClick"])
   ]);
 }
-const Qe = /* @__PURE__ */ F(fs, [["render", ws], ["__scopeId", "data-v-54a3575d"]]);
+const Qe = /* @__PURE__ */ F(Cs, [["render", Ds], ["__scopeId", "data-v-54a3575d"]]);
 var re, Fe;
-function _s() {
+function Ss() {
   if (Fe) return re;
   Fe = 1;
   function e(t, n, s) {
@@ -4677,17 +4704,17 @@ function _s() {
   return re = e, re;
 }
 var de, Le;
-function xs() {
+function $s() {
   if (Le) return de;
   Le = 1;
-  var e = _s(), t = yt();
+  var e = Ss(), t = yt();
   function n(s, i, o) {
     return o === void 0 && (o = i, i = void 0), o !== void 0 && (o = t(o), o = o === o ? o : 0), i !== void 0 && (i = t(i), i = i === i ? i : 0), e(t(s), i, o);
   }
   return de = n, de;
 }
-var Ts = xs();
-const Ds = /* @__PURE__ */ Oe(Ts), Ss = {
+var Is = $s();
+const Fs = /* @__PURE__ */ Oe(Is), Ls = {
   name: "RemainingTrialButton",
   components: { IsPremium: J },
   i18nOptions: {
@@ -4719,36 +4746,36 @@ const Ds = /* @__PURE__ */ Oe(Ts), Ss = {
   },
   mixins: [Z],
   methods: {
-    clamp: Ds
+    clamp: Fs
   }
-}, Is = { class: "relative mr-2 flex h-9 cursor-pointer select-none flex-col justify-center rounded-md bg-gray-200/50 px-2 text-xs font-semibold backdrop-blur-lg backdrop-saturate-150" }, $s = { class: "text-gray-600" }, Fs = { class: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, Ls = { class: "w-56 p-4 text-sm" }, Vs = { class: "font-semibold" }, Bs = { class: "bg-primary-100 border-primary-200 text-primary-800 inline-flex rounded-md border px-1.5 py-[3px] text-xs leading-none" }, Ms = { class: "text-sm text-gray-600" }, Ps = { class: "inline-flex rounded-md border border-gray-300 bg-gray-200 px-1.5 py-[3px] text-xs font-semibold leading-none text-gray-600" }, As = { class: "mt-5" };
-function Es(e, t, n, s, i, o) {
-  const r = m("CButton"), g = m("VDropdown"), h = m("IsPremium"), b = ae("close-popper");
-  return l(), v(h, null, {
+}, Vs = { class: "relative mr-2 flex h-9 cursor-pointer select-none flex-col justify-center rounded-md bg-gray-200/50 px-2 text-xs font-semibold backdrop-blur-lg backdrop-saturate-150" }, Bs = { class: "text-gray-600" }, Ms = { class: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, Ps = { class: "w-56 p-4 text-sm" }, As = { class: "font-semibold" }, Es = { class: "bg-primary-100 border-primary-200 text-primary-800 inline-flex rounded-md border px-1.5 py-[3px] text-xs leading-none" }, zs = { class: "text-sm text-gray-600" }, Rs = { class: "inline-flex rounded-md border border-gray-300 bg-gray-200 px-1.5 py-[3px] text-xs font-semibold leading-none text-gray-600" }, Os = { class: "mt-5" };
+function Hs(e, t, n, s, i, o) {
+  const r = m("CButton"), g = m("VDropdown"), h = m("IsPremium"), b = le("close-popper");
+  return a(), C(h, null, {
     default: u(({
       accountType: w,
       trialDaysLeft: k,
       openUpgradeModal: S,
       initialFreePremiumDays: D
     }) => [
-      w === "trial" && e.mq !== "sm" ? (l(), v(g, {
+      w === "trial" && e.mq !== "sm" ? (a(), C(g, {
         key: 0,
         "popper-class": "trial-popover"
       }, {
         popper: u(() => [
-          a("div", Ls, [
-            a("div", Vs, [
+          l("div", Ps, [
+            l("div", As, [
               T(d(e.$t("title.1")) + " ", 1),
-              a("span", Bs, d(e.$t("title.2")), 1),
+              l("span", Es, d(e.$t("title.2")), 1),
               T(" " + d(e.$t("title.3", { trialDaysLeft: k })) + ". ", 1)
             ]),
-            a("div", Ms, [
+            l("div", zs, [
               T(d(e.$t("title.4")) + " ", 1),
-              a("span", Ps, d(e.$t("title.5")), 1),
+              l("span", Rs, d(e.$t("title.5")), 1),
               t[0] || (t[0] = T(". "))
             ]),
-            a("div", As, [
-              N((l(), v(r, {
+            l("div", Os, [
+              N((a(), C(r, {
                 type: "secondary",
                 size: "small",
                 "icon-right": "arrow-right",
@@ -4765,10 +4792,10 @@ function Es(e, t, n, s, i, o) {
           ])
         ]),
         default: u(() => [
-          a("div", Is, [
-            a("div", $s, d(e.$tc("_common:day", { count: k })) + " " + d(e.$t("button")), 1),
-            a("div", Fs, [
-              a("div", {
+          l("div", Vs, [
+            l("div", Bs, d(e.$tc("_common:day", { count: k })) + " " + d(e.$t("button")), 1),
+            l("div", Ms, [
+              l("div", {
                 style: E({
                   width: o.clamp(k / D * 100, 0, 100) + "%"
                 }),
@@ -4778,24 +4805,24 @@ function Es(e, t, n, s, i, o) {
           ])
         ]),
         _: 2
-      }, 1024)) : C("", !0)
+      }, 1024)) : v("", !0)
     ]),
     _: 1
   });
 }
-const zs = /* @__PURE__ */ F(Ss, [["render", Es]]), oe = vt({
+const Us = /* @__PURE__ */ F(Ls, [["render", Hs]]), oe = vt({
   canEdit: !1,
   isForm: !0,
   setFormValue: null,
   removeFormValue: null
-}), Rs = {
+}), qs = {
   name: "DocumentForm",
   components: {
     DocumentFormContainer: os,
     IsPremium: J,
     IsPremiumPreStep: Y,
-    DocumentSend: hs,
-    RemainingTrialButton: zs,
+    DocumentSend: vs,
+    RemainingTrialButton: Us,
     CDropdown: fe,
     CDropdownItem: ge
   },
@@ -4909,13 +4936,13 @@ const zs = /* @__PURE__ */ F(Ss, [["render", Es]]), oe = vt({
       );
     }
   }
-}, Os = {
+}, Gs = {
   key: 0,
   class: "flex w-screen flex-col bg-white"
-}, Hs = { class: "flex self-center" }, Us = { class: "buttons has-addons whitespace-nowrap" };
-function qs(e, t, n, s, i, o) {
+}, Ns = { class: "flex self-center" }, Ws = { class: "buttons has-addons whitespace-nowrap" };
+function js(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), b = m("IsPremiumPreStep"), w = m("RemainingTrialButton"), k = m("IsPremium"), S = m("DocumentFormContainer"), D = m("DocumentSend");
-  return n.document ? (l(), p("div", Os, [
+  return n.document ? (a(), p("div", Gs, [
     c(S, {
       view: i.view,
       "onUpdate:view": t[0] || (t[0] = (y) => i.view = y),
@@ -4932,13 +4959,13 @@ function qs(e, t, n, s, i, o) {
           default: u(({ canCreateDocument: y, canCreateTemplate: f }) => [
             c(b, { feature: "documents" }, {
               default: u(({ onClick: x }) => [
-                (l(), p("div", {
+                (a(), p("div", {
                   key: o.canDoActions,
                   class: "inline-flex flex-1 justify-end space-x-5"
                 }, [
                   c(b, { feature: "saveDocTemplate" }, {
                     default: u(({ onClick: _ }) => [
-                      a("div", Hs, [
+                      l("div", Ns, [
                         c(h, {
                           disabled: !o.canDoActions
                         }, {
@@ -4993,7 +5020,7 @@ function qs(e, t, n, s, i, o) {
                   }, 1024),
                   M(e.$slots, "nav-right-action", {}, () => [
                     c(w),
-                    a("div", Us, [
+                    l("div", Ws, [
                       c(r, {
                         ref: "sendButton",
                         disabled: !o.canDoActions,
@@ -5033,9 +5060,9 @@ function qs(e, t, n, s, i, o) {
       "remove-form-value": n.removeDocValue,
       "on-save-document": n.onSaveDocument
     }, null, 8, ["_document", "set-form-value", "remove-form-value", "on-save-document"])
-  ])) : C("", !0);
+  ])) : v("", !0);
 }
-const Gs = /* @__PURE__ */ F(Rs, [["render", qs]]), Ns = {
+const Zs = /* @__PURE__ */ F(qs, [["render", js]]), Ks = {
   name: "DocumentFormRecent",
   i18nOptions: {
     namespaces: "DocumentFormRecent",
@@ -5124,27 +5151,27 @@ const Gs = /* @__PURE__ */ F(Rs, [["render", qs]]), Ns = {
       return this.$emit("use-doc-template", { documentId: e });
     }
   }
-}, Ws = {
+}, Qs = {
   class: "flex w-full",
   style: { "padding-bottom": "1em" }
-}, js = { class: "recent-list" }, Zs = {
+}, Ys = { class: "recent-list" }, Js = {
   key: 1,
   class: "rounded-md border border-gray-200 bg-gray-100 p-4 text-center text-gray-400",
   style: { "font-size": "15px" }
-}, Ks = {
+}, Xs = {
   key: 2,
   class: "text-center text-gray-400",
   style: { padding: "1em" }
-}, Qs = ["onClick", "onMouseoverPassive"], Ys = {
+}, el = ["onClick", "onMouseoverPassive"], tl = {
   key: 0,
   style: { display: "inline-flex", "align-items": "center", position: "absolute", right: "1em", top: "50%", transform: "translateY(-50%)" }
 };
-function Js(e, t, n, s, i, o) {
+function nl(e, t, n, s, i, o) {
   const r = m("CInput"), g = m("CSkeleton"), h = m("CButton"), b = m("IsPremiumPreStep"), w = m("IsPremium");
-  return l(), p("div", null, [
-    a("div", Ws, [
+  return a(), p("div", null, [
+    l("div", Qs, [
       M(e.$slots, "default", {}, void 0, !0),
-      i.hasItems ? (l(), v(r, {
+      i.hasItems ? (a(), C(r, {
         key: 0,
         modelValue: i.query,
         "onUpdate:modelValue": [
@@ -5157,10 +5184,10 @@ function Js(e, t, n, s, i, o) {
         size: "normal",
         filled: "",
         class: "hidden md:flex"
-      }, null, 8, ["modelValue", "loading", "placeholder", "onUpdate:modelValue"])) : C("", !0)
+      }, null, 8, ["modelValue", "loading", "placeholder", "onUpdate:modelValue"])) : v("", !0)
     ]),
-    a("div", js, [
-      i.isLoading && !i.list.length ? (l(), p($, { key: 0 }, P(3, (k) => a("div", {
+    l("div", Ys, [
+      i.isLoading && !i.list.length ? (a(), p(I, { key: 0 }, P(3, (k) => l("div", {
         key: k,
         class: "recent-item placeholder"
       }, [
@@ -5169,12 +5196,12 @@ function Js(e, t, n, s, i, o) {
           class: "recent-item-name"
         }),
         c(g, { width: "35%" })
-      ])), 64)) : !i.isLoading && !i.query && !i.list.length ? (l(), p("div", Zs, d(e.$t("emptyPlaceholder")), 1)) : i.query && !i.isLoading && !i.list.length ? (l(), p("div", Ks, d(e.$t("noResults")), 1)) : (l(), v(w, { key: 3 }, {
+      ])), 64)) : !i.isLoading && !i.query && !i.list.length ? (a(), p("div", Js, d(e.$t("emptyPlaceholder")), 1)) : i.query && !i.isLoading && !i.list.length ? (a(), p("div", Xs, d(e.$t("noResults")), 1)) : (a(), C(w, { key: 3 }, {
         default: u(({ canCreateTemplate: k, canUseTemplate: S }) => [
           c(b, { feature: "useDocTemplate" }, {
             default: u(({ onClick: D }) => [
-              a("div", null, [
-                (l(!0), p($, null, P(i.list, (y, f) => (l(), p("div", {
+              l("div", null, [
+                (a(!0), p(I, null, P(i.list, (y, f) => (a(), p("div", {
                   key: y._id,
                   class: "recent-item",
                   onClick: (x) => S ? o.onUseDocTemplate(y._id) : D({
@@ -5183,11 +5210,11 @@ function Js(e, t, n, s, i, o) {
                   onMouseoverPassive: (x) => i.hoverIndex = f,
                   onMouseleavePassive: t[1] || (t[1] = (x) => i.hoverIndex = null)
                 }, [
-                  a("div", {
+                  l("div", {
                     class: L([{ "text-gray-400": !y.data.name }, "recent-item-name"])
                   }, d(y.data.name || e.$t("_common:untitled")), 3),
-                  a("div", null, d(e.$formatDistanceToNow(y.createdAt)), 1),
-                  i.hoverIndex === f ? (l(), p("div", Ys, [
+                  l("div", null, d(e.$formatDistanceToNow(y.createdAt)), 1),
+                  i.hoverIndex === f ? (a(), p("div", tl, [
                     c(b, { feature: "saveDocTemplate" }, {
                       default: u(({ onClick: x }) => [
                         c(h, {
@@ -5215,8 +5242,8 @@ function Js(e, t, n, s, i, o) {
                       ]),
                       _: 1
                     })
-                  ])) : C("", !0)
-                ], 40, Qs))), 128))
+                  ])) : v("", !0)
+                ], 40, el))), 128))
               ])
             ]),
             _: 2
@@ -5227,13 +5254,13 @@ function Js(e, t, n, s, i, o) {
     ])
   ]);
 }
-const Xs = /* @__PURE__ */ F(Ns, [["render", Js], ["__scopeId", "data-v-afd30dd3"]]), ea = { class: "item-paper" }, ta = {
+const il = /* @__PURE__ */ F(Ks, [["render", nl], ["__scopeId", "data-v-afd30dd3"]]), ol = { class: "item-paper" }, sl = {
   key: 2,
   class: "absolute bottom-2 right-2"
-}, na = {
+}, ll = {
   key: 3,
   class: "add-button"
-}, ia = { class: "item-footer" }, oa = ["textContent"], sa = ["textContent"], aa = /* @__PURE__ */ ve({
+}, al = { class: "item-footer" }, rl = ["textContent"], dl = ["textContent"], cl = /* @__PURE__ */ ve({
   __name: "DocumentIcon",
   props: {
     isPlaceholder: { type: Boolean, default: !1 },
@@ -5250,7 +5277,7 @@ const Xs = /* @__PURE__ */ F(Ns, [["render", Js], ["__scopeId", "data-v-afd30dd3
     ), D = H(() => _t(n.name, 60));
     return (y, f) => {
       const x = m("CIcon");
-      return l(), p("div", ye(k.value, {
+      return a(), p("div", ye(k.value, {
         key: w.value,
         class: [[
           h.value,
@@ -5264,47 +5291,47 @@ const Xs = /* @__PURE__ */ F(Ns, [["render", Js], ["__scopeId", "data-v-afd30dd3
         style: g.value,
         onClick: i
       }), [
-        a("div", ea, [
-          y.thumbnail ? (l(), p("div", {
+        l("div", ol, [
+          y.thumbnail ? (a(), p("div", {
             key: 0,
             style: E([{
               backgroundImage: `url(${y.thumbnail})`
             }, { width: "100%", height: "100%", "background-size": "100% auto", "background-repeat": "no-repeat", "background-position": "0% 0%" }])
-          }, null, 4)) : y.isPlaceholder || y.isAdd ? C("", !0) : (l(), v(on, {
+          }, null, 4)) : y.isPlaceholder || y.isAdd ? v("", !0) : (a(), C(on, {
             key: 1,
             media: y.media,
             preview: "",
             class: "item-media"
           }, null, 8, ["media"])),
-          Pe(o).badge ? (l(), p("div", ta, [
+          Pe(o).badge ? (a(), p("div", sl, [
             M(y.$slots, "badge", {}, void 0, !0)
-          ])) : C("", !0),
-          y.isAdd ? (l(), p("div", na, [
+          ])) : v("", !0),
+          y.isAdd ? (a(), p("div", ll, [
             c(x, {
               size: 18,
               "stroke-width": 3,
               type: "plus"
             })
-          ])) : C("", !0)
+          ])) : v("", !0)
         ]),
-        a("div", ia, [
-          y.isAdd ? (l(), p("div", {
+        l("div", al, [
+          y.isAdd ? (a(), p("div", {
             key: 0,
             class: "item-text",
             style: { color: "hsl(0, 0%, 55%)" },
             textContent: d(S.value)
-          }, null, 8, oa)) : y.name ? (l(), p($, { key: 1 }, [
-            a("div", {
+          }, null, 8, rl)) : y.name ? (a(), p(I, { key: 1 }, [
+            l("div", {
               class: "item-text",
               textContent: d(D.value)
-            }, null, 8, sa),
+            }, null, 8, dl),
             M(y.$slots, "default", {}, void 0, !0)
-          ], 64)) : C("", !0)
+          ], 64)) : v("", !0)
         ])
       ], 16);
     };
   }
-}), la = /* @__PURE__ */ F(aa, [["__scopeId", "data-v-f3357197"]]), ra = {
+}), ul = /* @__PURE__ */ F(cl, [["__scopeId", "data-v-f3357197"]]), ml = {
   name: "HorizontalScroll",
   components: {
     Simplebar: Q
@@ -5356,15 +5383,15 @@ const Xs = /* @__PURE__ */ F(Ns, [["render", Js], ["__scopeId", "data-v-afd30dd3
       }, 50);
     }
   }
-}, da = {
+}, pl = {
   ref: "container",
   class: "horizontal-scroll"
-}, ca = { class: "hl-navigation" }, ua = { class: "hl-container" }, ma = { class: "flex w-full" };
-function pa(e, t, n, s, i, o) {
+}, hl = { class: "hl-navigation" }, fl = { class: "hl-container" }, gl = { class: "flex w-full" };
+function yl(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("Simplebar");
-  return l(), p("div", da, [
-    a("div", ca, [
-      i.hasPrev ? (l(), p("div", {
+  return a(), p("div", pl, [
+    l("div", hl, [
+      i.hasPrev ? (a(), p("div", {
         key: 0,
         class: "hl-btn-left max-sm:hidden",
         onClick: t[0] || (t[0] = (h) => o.go(-1))
@@ -5378,8 +5405,8 @@ function pa(e, t, n, s, i, o) {
             size: "medium"
           })
         ], !0)
-      ])) : C("", !0),
-      i.hasNext ? (l(), p("div", {
+      ])) : v("", !0),
+      i.hasNext ? (a(), p("div", {
         key: 1,
         class: "hl-btn-right max-sm:hidden",
         onClick: t[2] || (t[2] = (h) => o.go(1))
@@ -5394,16 +5421,16 @@ function pa(e, t, n, s, i, o) {
             onClick: t[1] || (t[1] = (h) => e.$emit("expand"))
           })
         ], !0)
-      ])) : C("", !0)
+      ])) : v("", !0)
     ]),
-    a("div", ua, [
+    l("div", fl, [
       c(g, {
         ref: "list",
         class: "hl-list",
         onScroll: o.scrollHandler
       }, {
         default: u(() => [
-          a("div", ma, [
+          l("div", gl, [
             M(e.$slots, "default", {}, void 0, !0)
           ])
         ]),
@@ -5412,8 +5439,8 @@ function pa(e, t, n, s, i, o) {
     ])
   ], 512);
 }
-const ha = /* @__PURE__ */ F(ra, [["render", pa], ["__scopeId", "data-v-f0c49197"]]);
-function fa(e, { availableProducts: t }) {
+const vl = /* @__PURE__ */ F(ml, [["render", yl], ["__scopeId", "data-v-f0c49197"]]);
+function Cl(e, { availableProducts: t }) {
   if (!e) throw new Error("Missing parameter templateId");
   const n = t, s = Object.keys(n).find((i) => {
     var r;
@@ -5425,7 +5452,7 @@ function fa(e, { availableProducts: t }) {
   });
   return s ? n[s] : null;
 }
-async function ga(e) {
+async function bl(e) {
   if (!e) throw new Error("Missing argument stripeProduct");
   const t = e == null ? void 0 : e.prices[0], { data: n } = await xt.createCheckoutSession({
     items: [
@@ -5442,7 +5469,7 @@ async function ga(e) {
 function Ye(e, { availableProducts: t }) {
   var i, o, r;
   let n = null;
-  const s = fa(e.templateId, {
+  const s = Cl(e.templateId, {
     availableProducts: t
   });
   return s && (n = {
@@ -5450,10 +5477,10 @@ function Ye(e, { availableProducts: t }) {
       currency: (o = s == null ? void 0 : s.prices) == null ? void 0 : o[0].currency
     }),
     isPurchased: ((r = e.purchaseInfo) == null ? void 0 : r.isPurchased) || !1,
-    onBuy: async () => ga(s)
+    onBuy: async () => bl(s)
   }), n;
 }
-const ya = {
+const kl = {
   name: "GalleryTemplateModal",
   components: {
     Simplebar: Q,
@@ -5592,84 +5619,84 @@ const ya = {
       await Ue(t) && be("info", this.$t("copyMessage"));
     }
   }
-}, va = { class: "template-modal font-inter bg-gray-200" }, Ca = { style: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": `rgb(244, 244, 244) 0px 2px 14px 0px inset,
+}, wl = { class: "template-modal font-inter bg-gray-200" }, _l = { style: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": `rgb(244, 244, 244) 0px 2px 14px 0px inset,
           rgba(0, 0, 0, 0.09) 0px 8px 35px 0px,
-          rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset`, flex: "1 1 auto", "min-height": "0" } }, ba = { style: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, ka = { style: { "padding-bottom": "2em" } }, wa = { style: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, _a = { style: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, xa = { style: { hyphens: "auto" } }, Ta = {
+          rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset`, flex: "1 1 auto", "min-height": "0" } }, xl = { style: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, Tl = { style: { "padding-bottom": "2em" } }, Dl = { style: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, Sl = { style: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, $l = { style: { hyphens: "auto" } }, Il = {
   key: 0,
   style: { "padding-top": "1.5em" },
   class: "flex items-center"
-}, Da = { style: { "margin-left": "0.5em" } }, Sa = { style: { "font-weight": "500" } }, Ia = { style: { "font-weight": "400", "font-size": "14px" } }, $a = { style: { "padding-bottom": "2em" } }, Fa = {
+}, Fl = { style: { "margin-left": "0.5em" } }, Ll = { style: { "font-weight": "500" } }, Vl = { style: { "font-weight": "400", "font-size": "14px" } }, Bl = { style: { "padding-bottom": "2em" } }, Ml = {
   key: 0,
   class: "mb-5 flex items-center gap-2 rounded-full border border-gray-300 bg-gray-300/60 p-1 text-sm"
-}, La = { class: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, Va = ["textContent"], Ba = ["textContent"];
-function Ma(e, t, n, s, i, o) {
+}, Pl = { class: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, Al = ["textContent"], El = ["textContent"];
+function zl(e, t, n, s, i, o) {
   var S;
   const r = m("DocumentLayout"), g = m("Simplebar"), h = m("CIcon"), b = m("CButton"), w = m("IsPremiumPreStep"), k = m("IsPremium");
-  return l(), p("div", va, [
-    a("div", Ca, [
+  return a(), p("div", wl, [
+    l("div", _l, [
       c(g, {
         class: "h-full w-full",
         "data-simplebar-auto-hide": "false"
       }, {
         default: u(() => [
-          o.previewDocument ? (l(), v(r, {
+          o.previewDocument ? (a(), C(r, {
             key: 0,
             document: o.previewDocument
-          }, null, 8, ["document"])) : C("", !0),
-          n.product && !i.privateProduct.isPurchased ? (l(), v(G("style"), { key: 1 }, {
+          }, null, 8, ["document"])) : v("", !0),
+          n.product && !i.privateProduct.isPurchased ? (a(), C(G("style"), { key: 1 }, {
             default: u(() => t[1] || (t[1] = [
               T(" .ProseMirror > * + * { filter: blur(8px); user-select: none; pointer-events: none; } ")
             ])),
             _: 1
-          })) : C("", !0)
+          })) : v("", !0)
         ]),
         _: 1
       })
     ]),
-    a("div", ba, [
-      a("div", ka, [
-        a("div", wa, d(n.meta.name), 1),
-        a("div", _a, [
-          (S = i.templateStat) != null && S.usedTimes ? (l(), p($, { key: 0 }, [
+    l("div", xl, [
+      l("div", Tl, [
+        l("div", Dl, d(n.meta.name), 1),
+        l("div", Sl, [
+          (S = i.templateStat) != null && S.usedTimes ? (a(), p(I, { key: 0 }, [
             T(d(e.$t("_common:used").capitalize()) + " " + d(i.templateStat.usedTimes) + " " + d(e.$t("_common:times", { count: i.templateStat.usedTimes })), 1)
-          ], 64)) : C("", !0)
+          ], 64)) : v("", !0)
         ]),
-        a("div", xa, d(n.meta.text), 1),
-        n.meta.author ? (l(), p("div", Ta, [
-          a("div", {
+        l("div", $l, d(n.meta.text), 1),
+        n.meta.author ? (a(), p("div", Il, [
+          l("div", {
             style: E([{ "background-color": "#03f", "border-radius": "50%", width: "2.5em", height: "2.5em", "background-size": "cover", "background-position": "center", "background-repeat": "no-repeat" }, {
               backgroundImage: `url(${n.meta.author.avatar})`
             }])
           }, null, 4),
-          a("div", Da, [
-            a("div", Sa, d(n.meta.author.name), 1),
-            a("div", Ia, [
-              n.meta.author.templatesCount ? (l(), p($, { key: 0 }, [
+          l("div", Fl, [
+            l("div", Ll, d(n.meta.author.name), 1),
+            l("div", Vl, [
+              n.meta.author.templatesCount ? (a(), p(I, { key: 0 }, [
                 T(d(n.meta.author.templatesCount) + " " + d(e.$t("_common:template", { count: n.meta.author.templatesCount })), 1)
-              ], 64)) : (l(), p($, { key: 1 }, [
+              ], 64)) : (a(), p(I, { key: 1 }, [
                 T(d(e.$t("_common:template").capitalize()), 1)
               ], 64))
             ])
           ])
-        ])) : C("", !0)
+        ])) : v("", !0)
       ]),
-      a("div", $a, [
-        n.product ? (l(), p($, { key: 0 }, [
-          i.privateProduct.isPurchased ? (l(), p("div", Fa, [
-            a("div", La, [
+      l("div", Bl, [
+        n.product ? (a(), p(I, { key: 0 }, [
+          i.privateProduct.isPurchased ? (a(), p("div", Ml, [
+            l("div", Pl, [
               c(h, {
                 type: "check",
                 size: "12",
                 class: "text-white"
               })
             ]),
-            a("div", {
+            l("div", {
               class: "text-xs font-medium text-gray-700",
               textContent: d(
                 e.$t("_common:purchased", { thing: e.$t("_common:template") })
               )
-            }, null, 8, Va)
-          ])) : (l(), v(b, {
+            }, null, 8, Al)
+          ])) : (a(), C(b, {
             key: 1,
             type: "secondary",
             wide: "",
@@ -5678,20 +5705,20 @@ function Ma(e, t, n, s, i, o) {
             onClick: o.buyTemplate
           }, {
             default: u(() => [
-              a("div", null, d(e.$t("_common:buy", { thing: e.$t("_common:template") })), 1),
-              a("div", {
+              l("div", null, d(e.$t("_common:buy", { thing: e.$t("_common:template") })), 1),
+              l("div", {
                 class: "bg-primary-400/80 border-primary-600/60 absolute right-2 top-1/2 -translate-y-1/2 rounded-md border px-2 py-1.5 text-sm leading-none text-white",
                 textContent: d(i.privateProduct.price)
-              }, null, 8, Ba)
+              }, null, 8, El)
             ]),
             _: 1
           }, 8, ["onClick"]))
-        ], 64)) : C("", !0),
+        ], 64)) : v("", !0),
         c(k, null, {
           default: u(({ canUseTemplate: D }) => [
             c(w, { feature: "useDocTemplate" }, {
               default: u(({ onClick: y }) => [
-                !n.product || i.privateProduct.isPurchased ? (l(), v(b, {
+                !n.product || i.privateProduct.isPurchased ? (a(), C(b, {
                   key: 0,
                   disabled: n.product ? !i.privateProduct.isPurchased : !1,
                   type: "secondary",
@@ -5703,7 +5730,7 @@ function Ma(e, t, n, s, i, o) {
                     T(d(e.$t("_common:use", { thing: e.$t("_common:template") })), 1)
                   ]),
                   _: 2
-                }, 1032, ["disabled", "onClick"])) : C("", !0)
+                }, 1032, ["disabled", "onClick"])) : v("", !0)
               ]),
               _: 2
             }, 1024)
@@ -5716,7 +5743,7 @@ function Ma(e, t, n, s, i, o) {
               default: u(({ onClick: y }) => {
                 var f;
                 return [
-                  (n.product ? (f = n.product) != null && f.isPurchased : n.showSave) ? (l(), v(b, {
+                  (n.product ? (f = n.product) != null && f.isPurchased : n.showSave) ? (a(), C(b, {
                     key: 0,
                     loading: e.isLoading,
                     type: i.didSave ? "success" : "none",
@@ -5729,7 +5756,7 @@ function Ma(e, t, n, s, i, o) {
                       T(d(i.didSave ? e.$t("_common:savedThing", { thing: e.$t("_common:template") }) : e.$t("_common:saveAs", { thing: e.$t("_common:template") })), 1)
                     ]),
                     _: 2
-                  }, 1032, ["loading", "type", "icon-left", "onClick"])) : C("", !0)
+                  }, 1032, ["loading", "type", "icon-left", "onClick"])) : v("", !0)
                 ];
               }),
               _: 2
@@ -5737,7 +5764,7 @@ function Ma(e, t, n, s, i, o) {
           ]),
           _: 1
         }),
-        o.allowCopyTemplateLink ? (l(), v(b, {
+        o.allowCopyTemplateLink ? (a(), C(b, {
           key: 1,
           type: "none",
           "icon-left": "link",
@@ -5748,12 +5775,12 @@ function Ma(e, t, n, s, i, o) {
             T(d(e.$t("_common:share", { thing: e.$t("_common:link") })), 1)
           ]),
           _: 1
-        })) : C("", !0)
+        })) : v("", !0)
       ])
     ])
   ]);
 }
-const Pa = /* @__PURE__ */ F(ya, [["render", Ma], ["__scopeId", "data-v-d37ef215"]]), Aa = {
+const Rl = /* @__PURE__ */ F(kl, [["render", zl], ["__scopeId", "data-v-d37ef215"]]), Ol = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -5937,7 +5964,7 @@ const Pa = /* @__PURE__ */ F(ya, [["render", Ma], ["__scopeId", "data-v-d37ef215
         isVisibleApp: !0,
         includePurchaseInfo: !0
       }, n = await this.fetchGallery(t), s = (o = n == null ? void 0 : n[0]) == null ? void 0 : o.templateId;
-      return s ? (St(s), new It(s)) : null;
+      return s ? (St(s), new $t(s)) : null;
     },
     onUseTemplate(e) {
       if (!e) throw new Error("Could not find template");
@@ -5959,7 +5986,7 @@ const Pa = /* @__PURE__ */ F(ya, [["render", Ma], ["__scopeId", "data-v-d37ef215
         fortnoxCom: "/img/fortnox/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        Pa,
+        Rl,
         {
           template: e,
           fetchGallery: this.fetchGallery,
@@ -6004,7 +6031,7 @@ const Pa = /* @__PURE__ */ F(ya, [["render", Ma], ["__scopeId", "data-v-d37ef215
     }
   }
 };
-function Ea(e, t, n, s, i, o) {
+function Hl(e, t, n, s, i, o) {
   return M(e.$slots, "default", {
     galleryItems: o.galleryItems,
     categories: o.categories,
@@ -6013,7 +6040,7 @@ function Ea(e, t, n, s, i, o) {
     selectGalleryItem: o.selectGalleryItem
   });
 }
-const za = /* @__PURE__ */ F(Aa, [["render", Ea]]), Ra = {
+const Ul = /* @__PURE__ */ F(Ol, [["render", Hl]]), ql = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -6057,10 +6084,10 @@ const za = /* @__PURE__ */ F(Aa, [["render", Ea]]), Ra = {
   },
   name: "TemplateSelector",
   components: {
-    HorizontalScroll: ha,
-    DocumentIcon: la,
-    DocumentRecent: Xs,
-    GalleryLogic: za,
+    HorizontalScroll: vl,
+    DocumentIcon: ul,
+    DocumentRecent: il,
+    GalleryLogic: Ul,
     IsPremiumPreStep: Y,
     CDropdown: fe,
     CDropdownItem: ge
@@ -6187,7 +6214,7 @@ const za = /* @__PURE__ */ F(Aa, [["render", Ea]]), Ra = {
     },
     async saveTemplate(e) {
       try {
-        const { data: t } = e, n = $t(t, [
+        const { data: t } = e, n = It(t, [
           "_id",
           "id",
           "companyId",
@@ -6230,39 +6257,39 @@ const za = /* @__PURE__ */ F(Aa, [["render", Ea]]), Ra = {
       await Ue(t) && be("info", this.$t("copyMessage"));
     }
   }
-}, Oa = { class: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, Ha = { style: { width: "100%", "padding-bottom": "5em" } }, Ua = { class: "section-title" }, qa = { class: "section-subtitle" }, Ga = {
+}, Gl = { class: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, Nl = { style: { width: "100%", "padding-bottom": "5em" } }, Wl = { class: "section-title" }, jl = { class: "section-subtitle" }, Zl = {
   key: 0,
   class: "inline-flex h-5 items-center gap-1 rounded border border-gray-300 bg-gray-200 px-1 leading-none text-gray-500/90 shadow-sm"
-}, Na = {
+}, Kl = {
   key: 1,
   class: "bg-primary-500 border-primary-600 inline-flex h-5 items-center rounded border px-1.5 text-[11px] font-semibold capitalize leading-none text-white shadow-sm"
-}, Wa = { style: { width: "100%", "padding-bottom": "5em" } }, ja = { class: "section-title w-full" }, Za = { class: "flex items-center justify-between" }, Ka = ["innerHTML"], Qa = {
+}, Ql = { style: { width: "100%", "padding-bottom": "5em" } }, Yl = { class: "section-title w-full" }, Jl = { class: "flex items-center justify-between" }, Xl = ["innerHTML"], ea = {
   key: 0,
   class: "bg-primary-500 border-primary-700/40 rounded border p-1 text-xs font-semibold leading-none text-white shadow-lg"
-}, Ya = ["textContent"], Ja = {
+}, ta = ["textContent"], na = {
   class: "section-title",
   style: { flex: "1 1 auto", "padding-bottom": "0.5em" }
-}, Xa = { class: "section-subtitle" };
-function el(e, t, n, s, i, o) {
-  const r = m("CIcon"), g = m("CButton"), h = m("CDropdownItem"), b = m("CDropdown"), w = m("DocumentIcon"), k = m("IsPremiumPreStep"), S = m("HorizontalScroll"), D = m("GalleryLogic"), y = m("DocumentRecent"), f = ae("tooltip");
-  return l(), p("div", Oa, [
-    a("div", {
+}, ia = { class: "section-subtitle" };
+function oa(e, t, n, s, i, o) {
+  const r = m("CIcon"), g = m("CButton"), h = m("CDropdownItem"), b = m("CDropdown"), w = m("DocumentIcon"), k = m("IsPremiumPreStep"), S = m("HorizontalScroll"), D = m("GalleryLogic"), y = m("DocumentRecent"), f = le("tooltip");
+  return a(), p("div", Gl, [
+    l("div", {
       class: L([{ small: e.mq === "sm" }, "font-inter form-start main mx-auto max-w-5xl"])
     }, [
       M(e.$slots, "header", {}, void 0, !0),
-      a("div", Ha, [
-        a("div", Ua, [
-          a("div", null, d(e.$t("myTemplates")), 1),
-          a("div", qa, d(e.$t("myTemplatesSubTitle")), 1)
+      l("div", Nl, [
+        l("div", Wl, [
+          l("div", null, d(e.$t("myTemplates")), 1),
+          l("div", jl, d(e.$t("myTemplatesSubTitle")), 1)
         ]),
         c(k, { feature: "useDocTemplate" }, {
           default: u(({ onClick: x }) => [
-            (l(), v(G(i.isExpanded ? "div" : "HorizontalScroll"), {
+            (a(), C(G(i.isExpanded ? "div" : "HorizontalScroll"), {
               class: L([{ "is-expanded": i.isExpanded }, "template-list"]),
               onExpand: t[2] || (t[2] = (_) => i.isExpanded = !0)
             }, {
               default: u(() => [
-                (l(!0), p($, null, P(o.myTemplates, (_) => (l(), v(w, {
+                (a(!0), p(I, null, P(o.myTemplates, (_) => (a(), C(w, {
                   key: _.id,
                   "is-add": _.id === "empty",
                   "is-placeholder": _.placeholder,
@@ -6273,17 +6300,17 @@ function el(e, t, n, s, i, o) {
                   onTriggerOpenTemplate: (A) => _.placeholder ? null : o.canUseTemplate(_) ? o.select({ templateId: _.id }) : x()
                 }, {
                   badge: u(() => [
-                    o.canUseTemplate(_) ? !_.doConsumeDocumentQuota && !_.placeholder ? (l(), p("div", Na, d(e.$t("_common:free")), 1)) : C("", !0) : (l(), p("div", Ga, [
+                    o.canUseTemplate(_) ? !_.doConsumeDocumentQuota && !_.placeholder ? (a(), p("div", Kl, d(e.$t("_common:free")), 1)) : v("", !0) : (a(), p("div", Zl, [
                       c(r, {
                         type: "lock",
                         size: "12",
                         "stroke-width": "2.5"
                       }),
-                      t[4] || (t[4] = a("div", { class: "text-[11px] font-semibold" }, "Pro", -1))
+                      t[4] || (t[4] = l("div", { class: "text-[11px] font-semibold" }, "Pro", -1))
                     ]))
                   ]),
                   default: u(() => [
-                    _.onModify === "create" && !_.doConsumeDocumentQuota ? N((l(), v(g, {
+                    _.onModify === "create" && !_.doConsumeDocumentQuota ? N((a(), C(g, {
                       key: 0,
                       icon: "info",
                       type: "none",
@@ -6297,7 +6324,7 @@ function el(e, t, n, s, i, o) {
                         content: e.$t("icon.freeTooltip"),
                         placement: "bottom"
                       }]
-                    ]) : (l(), v(b, {
+                    ]) : (a(), C(b, {
                       key: 1,
                       "append-to-body": "",
                       style: { top: "-8px", right: "-4px" },
@@ -6315,7 +6342,7 @@ function el(e, t, n, s, i, o) {
                         ])
                       ]),
                       default: u(() => [
-                        n.onEditTemplate ? (l(), v(h, {
+                        n.onEditTemplate ? (a(), C(h, {
                           key: 0,
                           "icon-left": "template-color",
                           onClick: (A) => n.onEditTemplate(_.id)
@@ -6324,7 +6351,7 @@ function el(e, t, n, s, i, o) {
                             T(d(e.$t("_common:edit", { thing: e.$t("_common:template") })), 1)
                           ]),
                           _: 2
-                        }, 1032, ["onClick"])) : C("", !0),
+                        }, 1032, ["onClick"])) : v("", !0),
                         c(h, {
                           "icon-props": { size: 16 },
                           "icon-left": "edit",
@@ -6370,7 +6397,7 @@ function el(e, t, n, s, i, o) {
           _: 1
         })
       ]),
-      n.showGallery ? (l(), v(D, {
+      n.showGallery ? (a(), C(D, {
         key: 0,
         "fetch-gallery": o.fetchGallery,
         "use-template": o.select,
@@ -6385,10 +6412,10 @@ function el(e, t, n, s, i, o) {
           selectCategory: z,
           selectGalleryItem: X
         }) => [
-          a("div", Wa, [
-            a("div", ja, [
-              a("div", Za, [
-                a("div", null, d(e.$t("gallery")), 1),
+          l("div", Ql, [
+            l("div", Yl, [
+              l("div", Jl, [
+                l("div", null, d(e.$t("gallery")), 1),
                 c(b, {
                   style: { "margin-left": "calc(0.5 * var(--rem))" },
                   onClick: t[3] || (t[3] = q(() => {
@@ -6408,13 +6435,13 @@ function el(e, t, n, s, i, o) {
                     }, 1024)
                   ]),
                   default: u(() => [
-                    (l(!0), p($, null, P(_, (I) => (l(), v(h, {
-                      key: I.key,
-                      "icon-right": A && A.key === I.key ? "check" : "",
-                      onClick: (ie) => z(I)
+                    (a(!0), p(I, null, P(_, ($) => (a(), C(h, {
+                      key: $.key,
+                      "icon-right": A && A.key === $.key ? "check" : "",
+                      onClick: (ie) => z($)
                     }, {
                       default: u(() => [
-                        T(d(I.label), 1)
+                        T(d($.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["icon-right", "onClick"]))), 128))
@@ -6422,33 +6449,33 @@ function el(e, t, n, s, i, o) {
                   _: 2
                 }, 1024)
               ]),
-              a("div", {
+              l("div", {
                 class: "section-subtitle",
                 innerHTML: e.$t("gallerySubTitle")
-              }, null, 8, Ka)
+              }, null, 8, Xl)
             ]),
             c(S, { class: "template-list" }, {
               default: u(() => [
-                (l(!0), p($, null, P(x, (I) => (l(), v(w, {
-                  key: I.id,
-                  "is-placeholder": I.placeholder,
-                  media: { type: "image", resourceUrl: I.backgroundUrl },
-                  name: I.name,
+                (a(!0), p(I, null, P(x, ($) => (a(), C(w, {
+                  key: $.id,
+                  "is-placeholder": $.placeholder,
+                  media: { type: "image", resourceUrl: $.backgroundUrl },
+                  name: $.name,
                   class: "template-item",
-                  onTriggerOpenTemplate: (ie) => I.placeholder ? null : X(I)
+                  onTriggerOpenTemplate: (ie) => $.placeholder ? null : X($)
                 }, {
                   badge: u(() => [
-                    I.product ? (l(), p("div", Qa, [
-                      I.product.isPurchased ? (l(), v(r, {
+                    $.product ? (a(), p("div", ea, [
+                      $.product.isPurchased ? (a(), C(r, {
                         key: 0,
                         type: "check",
                         size: "14",
                         "stroke-width": "3"
-                      })) : (l(), p("div", {
+                      })) : (a(), p("div", {
                         key: 1,
-                        textContent: d(I.product.price)
-                      }, null, 8, Ya))
-                    ])) : C("", !0)
+                        textContent: d($.product.price)
+                      }, null, 8, ta))
+                    ])) : v("", !0)
                   ]),
                   _: 2
                 }, 1032, ["is-placeholder", "media", "name", "onTriggerOpenTemplate"]))), 128))
@@ -6458,16 +6485,16 @@ function el(e, t, n, s, i, o) {
           ])
         ]),
         _: 1
-      }, 8, ["fetch-gallery", "use-template", "show-template-author", "modal-props", "gallery-category"])) : C("", !0),
+      }, 8, ["fetch-gallery", "use-template", "show-template-author", "modal-props", "gallery-category"])) : v("", !0),
       c(y, {
         style: { width: "100%", "padding-bottom": "5em" },
         onUseDocTemplate: o.select,
         onSaveTemplate: o.openTemplateFormModal
       }, {
         default: u(() => [
-          a("div", Ja, [
-            a("div", null, d(e.$t("recent")), 1),
-            a("div", Xa, d(e.$t("recentSubTitle")), 1)
+          l("div", na, [
+            l("div", null, d(e.$t("recent")), 1),
+            l("div", ia, d(e.$t("recentSubTitle")), 1)
           ])
         ]),
         _: 1
@@ -6475,9 +6502,9 @@ function el(e, t, n, s, i, o) {
     ], 2)
   ]);
 }
-const tl = /* @__PURE__ */ F(Ra, [["render", el], ["__scopeId", "data-v-2fb04074"]]);
+const sa = /* @__PURE__ */ F(ql, [["render", oa], ["__scopeId", "data-v-2fb04074"]]);
 var ce, Ve;
-function nl() {
+function la() {
   if (Ve) return ce;
   Ve = 1;
   var e = Lt(), t = Vt(), n = Bt();
@@ -6491,10 +6518,10 @@ function nl() {
   return ce = s, ce;
 }
 var ue, Be;
-function il() {
+function aa() {
   if (Be) return ue;
   Be = 1;
-  var e = nl(), t = Mt();
+  var e = la(), t = Mt();
   function n(s, i) {
     return e(s, i, function(o, r) {
       return t(s, r);
@@ -6503,16 +6530,16 @@ function il() {
   return ue = n, ue;
 }
 var me, Me;
-function ol() {
+function ra() {
   if (Me) return me;
   Me = 1;
-  var e = il(), t = Yt(), n = t(function(s, i) {
+  var e = aa(), t = Yt(), n = t(function(s, i) {
     return s == null ? {} : e(s, i);
   });
   return me = n, me;
 }
-var sl = ol();
-const al = /* @__PURE__ */ Oe(sl), ll = {
+var da = ra();
+const ca = /* @__PURE__ */ Oe(da), ua = {
   name: "DocForm",
   i18nOptions: {
     namespaces: "widgetDocForm",
@@ -6526,8 +6553,8 @@ const al = /* @__PURE__ */ Oe(sl), ll = {
     }
   },
   components: {
-    TemplateSelector: tl,
-    DocumentForm: Gs,
+    TemplateSelector: sa,
+    DocumentForm: Zs,
     PostSend: un
   },
   provide() {
@@ -6647,7 +6674,7 @@ const al = /* @__PURE__ */ Oe(sl), ll = {
     },
     async onTemplateSelect({ templateId: e, documentId: t, formData: n }) {
       var i;
-      const s = al({ ...this.rawDoc }, [
+      const s = ca({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "subscriberCompanyUserIds",
@@ -6696,23 +6723,23 @@ const al = /* @__PURE__ */ Oe(sl), ll = {
       return !t.sms && !t.email;
     }
   }
-}, rl = { class: "flex h-full w-full flex-col" }, dl = {
+}, ma = { class: "flex h-full w-full flex-col" }, pa = {
   key: 0,
   class: "flex h-full w-full flex-col"
-}, cl = { class: "relative flex h-16 items-center justify-center border-b border-gray-200" };
-function ul(e, t, n, s, i, o) {
+}, ha = { class: "relative flex h-16 items-center justify-center border-b border-gray-200" };
+function fa(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("TemplateSelector"), h = m("DocumentForm"), b = m("PostSend");
-  return l(), p("div", rl, [
-    i.view === "templateSelect" ? (l(), p("div", dl, [
-      a("div", cl, [
-        n.closeFunc ? (l(), v(r, {
+  return a(), p("div", ma, [
+    i.view === "templateSelect" ? (a(), p("div", pa, [
+      l("div", ha, [
+        n.closeFunc ? (a(), C(r, {
           key: 0,
           icon: "x",
           circle: "",
           class: "absolute left-4 top-1/2 -translate-y-1/2",
           onClick: n.closeFunc
-        }, null, 8, ["onClick"])) : C("", !0),
-        a("div", null, d(e.$t("selectNavTitle")), 1)
+        }, null, 8, ["onClick"])) : v("", !0),
+        l("div", null, d(e.$t("selectNavTitle")), 1)
       ]),
       c(g, {
         "on-use-template": o.onTemplateSelect,
@@ -6724,7 +6751,7 @@ function ul(e, t, n, s, i, o) {
         "include-partner-templates": "",
         class: "body-scroll min-h-0"
       }, null, 8, ["on-use-template", "show-gallery", "gallery-category", "on-save-template", "show-keep-clients-option"])
-    ])) : i.view === "editor" ? (l(), v(h, {
+    ])) : i.view === "editor" ? (a(), C(h, {
       key: 1,
       document: i.document,
       "set-doc-value": o.setDocValue,
@@ -6740,7 +6767,7 @@ function ul(e, t, n, s, i, o) {
       "show-keep-clients-option": n.showKeepClientsOption
     }, {
       "nav-right-action": u(() => [
-        n.isEditingTemplate ? (l(), v(r, {
+        n.isEditingTemplate ? (a(), C(r, {
           key: 0,
           loading: i.isSavingTemplate,
           disabled: !o.canDoActions,
@@ -6755,18 +6782,18 @@ function ul(e, t, n, s, i, o) {
             T(d(e.$t("_common:save", { thing: e.$t("_common:template") })), 1)
           ]),
           _: 1
-        }, 8, ["loading", "disabled", "onClick"])) : C("", !0)
+        }, 8, ["loading", "disabled", "onClick"])) : v("", !0)
       ]),
       _: 1
-    }, 8, ["document", "set-doc-value", "set-form-value", "remove-doc-value", "remove-doc-key-value", "on-save-template", "on-save-document", "is-loading", "close", "go-back", "show-keep-clients-option"])) : i.view === "postSend" ? (l(), v(b, {
+    }, 8, ["document", "set-doc-value", "set-form-value", "remove-doc-value", "remove-doc-key-value", "on-save-template", "on-save-document", "is-loading", "close", "go-back", "show-keep-clients-option"])) : i.view === "postSend" ? (a(), C(b, {
       key: 2,
       document: i.document,
       "on-send-func": n.closeFunc,
       "on-close-func": n.closeFunc
-    }, null, 8, ["document", "on-send-func", "on-close-func"])) : C("", !0)
+    }, null, 8, ["document", "on-send-func", "on-close-func"])) : v("", !0)
   ]);
 }
-const El = /* @__PURE__ */ F(ll, [["render", ul], ["__scopeId", "data-v-4c6b6a6b"]]);
+const Ha = /* @__PURE__ */ F(ua, [["render", fa], ["__scopeId", "data-v-4c6b6a6b"]]);
 export {
-  El as default
+  Ha as default
 };