@cling-se/widget 0.22.0 → 0.22.2

package/dist/{DocForm-BFHchJ6w.js → DocForm-DUjeY7qQ.js}

@@ -1,28 +1,28 @@
-import et from "./AnswerModal-vTetGwVn.js";
-import { o as tt } from "./index-BUPqyA87.js";
-import { w as Q, C as q, a as re } from "./CDropdownItem-pNNH9fV3.js";
-import { _ as F, m as Z, cQ as ye, g as P, b as m, d as p, o as l, j as a, f as c, t as d, w as u, s as _, e as C, X as z, am as ne, ao as j, y as B, U as A, aV as J, c as b, aq as W, T as be, F as I, a8 as de, A as nt, B as xe, I as U, p as Te, i as K, a3 as De, cR as it, J as O, ag as M, q as E, a as R, cS as ot, z as st, Y as ke, u as Ae, S as at, aG as Se, Z as te, cO as lt, a5 as ie, v as G, aj as rt, aF as dt, aC as we, l as le, cg as Ee, ch as ze, x as ve, n as ct, a7 as Ie, ci as ut, cT as ue, cU as mt, bn as pt, a1 as Re, cj as ht, ab as Oe, cV as ft, cW as gt, aL as Ue, r as yt, aE as Ce, aB as He, cX as vt, cY as Ct, cZ as bt, aA as kt, aa as wt, c_ as _t, c$ as xt, d0 as Tt, C as qe, d1 as Dt, d2 as St, d3 as It, cl as $t, d4 as Ft, d5 as Lt, b0 as Bt, d6 as Vt, d7 as Mt } from "./main-BBhJGb7I.js";
+import et from "./AnswerModal-DER90JgH.js";
+import { o as tt } from "./index-Cn5TO9wL.js";
+import { w as Q, C as q, a as re } from "./CDropdownItem-BU65rYaX.js";
+import { _ as F, m as Z, cQ as ye, g as P, b as m, d as p, o as a, j as l, f as c, t as d, w as u, s as _, e as C, X as z, al as ne, an as j, y as B, U as A, aV as J, c as b, ap as W, T as be, F as I, a7 as de, A as nt, B as xe, I as U, p as Te, i as K, a3 as De, cR as it, J as O, af as M, q as E, a as R, cS as ot, z as st, Y as ke, u as Ae, S as lt, aG as Se, Z as te, cO as at, a5 as ie, v as G, ai as rt, aF as dt, aC as we, l as ae, cg as Ee, ch as ze, x as ve, n as ct, ax as Ie, ci as ut, cT as ue, cU as mt, bn as pt, a1 as Re, cj as ht, aa as Oe, cV as ft, cW as gt, aL as Ue, r as yt, aE as Ce, aB as He, cX as vt, cY as Ct, cZ as bt, aA as kt, a9 as wt, c_ as _t, c$ as xt, d0 as Tt, C as qe, d1 as Dt, d2 as St, d3 as It, cl as $t, d4 as Ft, d5 as Lt, b0 as Bt, d6 as Vt, d7 as Mt } from "./main-BI2UvBxx.js";
 /* empty css                       */
-import { g as Pt, l as At, _ as Et, a as zt, D as Rt } from "./DocumentLayout-DHSEYClM.js";
-import { F as Ge, d as Ot } from "./tippy.esm-DdYqbHFh.js";
-import { m as oe, c as $e, u as Ne, i as Ut } from "./mapFormMixin-CCKubywa.js";
-import "./helpers-Dw4CluFv.js";
-import { a as Ht } from "./ClientAutocomplete-BjwvkuJ-.js";
-import { _ as qt } from "./Sortable.vue_vue_type_script_setup_true_lang-CzrvSsIg.js";
-import { C as Gt, _ as We, a as X, I as ee, s as Nt } from "./index-syUJ22zc.js";
-import { _ as _e } from "./CFormField.vue_vue_type_script_setup_true_lang-B57OaS--.js";
-import { S as Wt } from "./SmartList-C2JUKK2W.js";
-import { u as je } from "./index-CPfrJsi9.js";
-import { r as Fe, a as jt } from "./index-C-tsPusW.js";
-import { o as Zt, r as Kt } from "./omit-Cdd54eFA.js";
-import { s as N } from "./formDrawerState-ChHVYfc3.js";
+import { g as Pt, l as At, _ as Et, a as zt, D as Rt } from "./DocumentLayout-BMgU3m7Q.js";
+import { F as Ge, d as Ot } from "./tippy.esm-D5nfFX7g.js";
+import { m as oe, c as $e, u as Ne, i as Ut } from "./mapFormMixin-DmIyfVCN.js";
+import "./helpers-DdvMGJyI.js";
+import { a as Ht } from "./ClientAutocomplete-qkpa-KG_.js";
+import { _ as qt } from "./Sortable.vue_vue_type_script_setup_true_lang-CKwuc60B.js";
+import { C as Gt, _ as We, a as X, I as ee, s as Nt } from "./index-C6t6B42B.js";
+import { _ as _e } from "./CFormField.vue_vue_type_script_setup_true_lang-d4-FghaL.js";
+import { S as Wt } from "./SmartList-C7tf3UFs.js";
+import { u as je } from "./index-SreRcZHY.js";
+import { r as Fe, a as jt } from "./index-BtdoM5zU.js";
+import { o as Zt, r as Kt } from "./omit-FBv_EXqi.js";
+import { s as N } from "./formDrawerState-VO67JhNj.js";
 import { s as Qt } from "./dom-DOcGU3-g.js";
-import { S as Yt } from "./SendForm-BIIwVZwY.js";
-import "./template-B-Ds8x_U.js";
-import { u as Jt } from "./validation-CWxbj-wT.js";
-import { C as Xt } from "./CCallout-BieMmWa4.js";
-import { C as en } from "./CSkeleton-DpRDxR6D.js";
-import { B as tn } from "./BlockMedia-B1T85G4R.js";
+import { S as Yt } from "./SendForm-Dx-meiU3.js";
+import "./template-B4OhhS85.js";
+import { u as Jt } from "./validation-ZZ0eQUj2.js";
+import { C as Xt } from "./CCallout-B86E6HJd.js";
+import { C as en } from "./CSkeleton-B0wL3--W.js";
+import { B as tn } from "./BlockMedia-CrmRCTpi.js";
 const nn = {
   name: "DocumentPostSendStep",
   mixins: [Q],
@@ -136,22 +136,22 @@ const nn = {
       this.onCloseFunc && this.onCloseFunc();
     }
   }
-}, on = { class: "font-inter root" }, sn = { class: "container" }, an = { class: "icon-wrapper" }, ln = ["textContent"];
+}, on = { class: "font-inter root" }, sn = { class: "container" }, ln = { class: "icon-wrapper" }, an = ["textContent"];
 function rn(e, t, n, s, i, o) {
   const r = m("CIcon"), g = m("CButton");
-  return l(), p("div", on, [
-    a("div", sn, [
-      a("div", an, [
+  return a(), p("div", on, [
+    l("div", sn, [
+      l("div", ln, [
         c(r, {
           size: 20,
           type: "email"
         })
       ]),
-      a("div", {
+      l("div", {
         class: "title",
         textContent: d(e.$t("title"))
-      }, null, 8, ln),
-      t[0] || (t[0] = a("div", { class: "divider" }, null, -1)),
+      }, null, 8, an),
+      t[0] || (t[0] = l("div", { class: "divider" }, null, -1)),
       c(g, {
         type: "secondary",
         class: "close-button",
@@ -210,10 +210,10 @@ const dn = /* @__PURE__ */ F(nn, [["render", rn], ["__scopeId", "data-v-baaee379
   }
 };
 function un(e, t, n, s, i, o) {
-  return l(), p("div", null, [
+  return a(), p("div", null, [
     c(ne, { name: "fade" }, {
       default: u(() => [
-        !n.hideOverlay && n.modelValue ? (l(), p("div", {
+        !n.hideOverlay && n.modelValue ? (a(), p("div", {
           key: 0,
           style: z({
             zIndex: n.zIndex
@@ -227,7 +227,7 @@ function un(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: B([[n.placement], "d-content"]),
           style: z({
@@ -235,7 +235,7 @@ function un(e, t, n, s, i, o) {
           }),
           onClick: t[0] || (t[0] = j((...r) => o.onOutsideClick && o.onOutsideClick(...r), ["self"]))
         }, [
-          a("div", {
+          l("div", {
             style: z({
               borderRadius: 0,
               margin: 0,
@@ -282,12 +282,12 @@ const Ze = /* @__PURE__ */ F(cn, [["render", un], ["__scopeId", "data-v-f20cb0cf
   emits: ["update:open"]
 }, pn = { style: { height: "100%", "z-index": "110" } }, hn = { style: { height: "100%", overflow: "auto" } };
 function fn(e, t, n, s, i, o) {
-  return l(), b(ne, {
+  return a(), b(ne, {
     name: n.fixed ? void 0 : "grow-anim",
     mode: "out-in"
   }, {
     default: u(() => [
-      n.open ? (l(), b(W(n.fixed ? "drawer" : "div"), be({ key: 0 }, e.$props, {
+      n.open ? (a(), b(W(n.fixed ? "drawer" : "div"), be({ key: 0 }, e.$props, {
         ref: "drawer",
         class: [{
           "is-sticky": !n.fixed
@@ -300,9 +300,9 @@ function fn(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", pn, [
-            a("div", hn, [
-              a("div", {
+          l("div", pn, [
+            l("div", hn, [
+              l("div", {
                 style: z(
                   n.fixed && {
                     maxWidth: "100%",
@@ -327,15 +327,15 @@ const gn = /* @__PURE__ */ F(mn, [["render", fn], ["__scopeId", "data-v-2bc51f6f
   name: "DocumentFormNav"
 }, vn = { class: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] bg-gray-200 px-2 py-2 shadow-lg md:px-6" }, Cn = { class: "flex" }, bn = { class: "inline-flex flex-grow items-center" }, kn = { class: "inline-flex flex-auto items-center justify-center" }, wn = { class: "inline-flex flex-grow items-center justify-end" };
 function _n(e, t, n, s, i, o) {
-  return l(), p("div", vn, [
-    a("div", Cn, [
-      a("div", bn, [
+  return a(), p("div", vn, [
+    l("div", Cn, [
+      l("div", bn, [
         A(e.$slots, "left")
       ]),
-      a("div", kn, [
+      l("div", kn, [
         A(e.$slots, "center")
       ]),
-      a("div", wn, [
+      l("div", wn, [
         A(e.$slots, "right")
       ])
     ])
@@ -357,33 +357,33 @@ const xn = /* @__PURE__ */ F(yn, [["render", _n]]), Tn = {
 }, Dn = { class: "inline-flex h-9 cursor-pointer space-x-2 rounded-md bg-gray-300 p-1 text-sm text-white" };
 function Sn(e, t, n, s, i, o) {
   const r = m("CIcon");
-  return l(), p("div", Dn, [
-    a("div", {
+  return a(), p("div", Dn, [
+    l("div", {
       class: B([{
         "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(), b(r, {
+      n.small ? (a(), b(r, {
         key: 0,
         type: "edit",
         size: "20"
-      })) : (l(), p(I, { key: 1 }, [
+      })) : (a(), p(I, { key: 1 }, [
         _(d(e.$t("edit")), 1)
       ], 64))
     ], 2),
-    a("div", {
+    l("div", {
       class: B([{
         "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(), b(r, {
+      n.small ? (a(), b(r, {
         key: 0,
         type: "eye",
         size: "20"
-      })) : (l(), p(I, { key: 1 }, [
+      })) : (a(), p(I, { key: 1 }, [
         _(d(e.$t("preview")), 1)
       ], 64))
     ], 2)
@@ -430,13 +430,13 @@ const In = /* @__PURE__ */ F(Tn, [["render", Sn]]), $n = {
 }, Vn = { class: "control-direction" };
 function Mn(e, t, n, s, i, o) {
   const r = m("CIcon");
-  return l(), p("div", Fn, [
-    o.canToggleVisibility ? (l(), p("div", {
+  return a(), p("div", Fn, [
+    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", Ln, d(e.$t("hidden")), 1)),
+      n.isVisible ? C("", !0) : (a(), p("span", Ln, d(e.$t("hidden")), 1)),
       c(r, {
         type: n.isVisible ? "eye" : "eye-off",
         size: "14",
@@ -444,9 +444,9 @@ function Mn(e, t, n, s, i, o) {
       }, null, 8, ["type", "class"])
     ])) : C("", !0),
     A(e.$slots, "default", {}, void 0, !0),
-    !o.isHidden && n.isMovable ? (l(), p("div", Bn, [
-      a("div", Vn, [
-        a("div", {
+    !o.isHidden && n.isMovable ? (a(), p("div", Bn, [
+      l("div", Vn, [
+        l("div", {
           class: "control-button",
           onClick: t[1] || (t[1] = (g) => e.$emit("move", "up"))
         }, [
@@ -455,7 +455,7 @@ function Mn(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 Mn(e, t, n, s, i, o) {
           })
         ])
       ]),
-      a("div", {
+      l("div", {
         class: "control-button remove",
         onClick: t[3] || (t[3] = (g) => e.$emit("remove"))
       }, [
@@ -495,9 +495,9 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee
     };
     return Te("sectionTopNode", s), Te("setOpenDrawer", y), (w, k) => {
       const D = m("CButton"), T = m("Animation");
-      return l(), b(T, { class: "w-full" }, {
+      return a(), b(T, { class: "w-full" }, {
         default: u(() => [
-          a("div", {
+          l("div", {
             class: B([[
               {
                 "is-edit-view": w.isEditView,
@@ -515,13 +515,13 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee
             onMouseoverPassive: k[3] || (k[3] = (v) => i.value = !0),
             onMouseleavePassive: k[4] || (k[4] = (v) => i.value = !1)
           }, [
-            a("div", {
+            l("div", {
               class: B(["block-container", { "spacing-snug": r.value }]),
               inert: r.value
             }, [
               A(w.$slots, "default", {}, void 0, !0)
             ], 10, An),
-            g.value ? (l(), b(Pn, {
+            g.value ? (a(), b(Pn, {
               key: 0,
               class: "control-root z-10",
               "is-movable": w.canMove,
@@ -531,7 +531,7 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee
               onRemove: k[2] || (k[2] = (v) => n("remove"))
             }, {
               default: u(() => [
-                w.showEditButton ? (l(), b(D, {
+                w.showEditButton ? (a(), b(D, {
                   key: 0,
                   round: "",
                   size: "small",
@@ -573,24 +573,24 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-5ae455ee
   }
 }, On = ["href"], Un = { class: "mr-2 h-5 w-5 overflow-hidden rounded bg-white" }, Hn = ["src", "alt"], qn = { class: "text-xs font-medium text-white" };
 function Gn(e, t, n, s, i, o) {
-  return l(), p("div", {
+  return a(), p("div", {
     class: B([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", Un, [
-        a("img", {
+      l("div", Un, [
+        l("img", {
           src: o.logoUrl,
           alt: e.$t("brand.name"),
           class: "h-full w-full"
         }, null, 8, Hn)
       ]),
-      a("div", qn, " Made in " + d(e.$t("brand.name")), 1)
+      l("div", qn, " Made in " + d(e.$t("brand.name")), 1)
     ], 8, On)
   ], 2);
 }
@@ -608,15 +608,15 @@ const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-fu
     });
     return (r, g) => {
       const h = m("CButton"), y = m("portal");
-      return l(), b(y, { to: "modal" }, {
+      return a(), b(y, { to: "modal" }, {
         default: u(() => [
-          a("div", {
+          l("div", {
             ref_key: "el",
             ref: s,
             style: z(O(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", Wn, [
+            l("div", Wn, [
               c(h, {
                 icon: "x",
                 size: "small",
@@ -636,7 +636,7 @@ const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-fu
                 circle: "",
                 class: "absolute right-9 top-0 cursor-grab"
               }, null, 512),
-              a("div", jn, d(r.title), 1),
+              l("div", jn, d(r.title), 1),
               A(r.$slots, "default")
             ])
           ], 4)
@@ -1211,15 +1211,15 @@ const Nn = /* @__PURE__ */ F(Rn, [["render", Gn]]), Wn = { class: "relative h-fu
 }, Qn = { style: { padding: "calc(0.5 * var(--rem))", position: "relative" } }, Yn = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, Jn = ["onClick"], Xn = { style: { color: "hsl(0, 0%, 45%)", "font-weight": "500", "font-size": "13px", "padding-top": "5px" } }, ei = { style: { padding: "calc(0.75 * var(--rem))" } }, ti = { style: { "padding-left": "calc(0.75 * var(--rem))", "font-size": "14px", color: "hsl(0, 0%, 30%)", "padding-bottom": "3px" } }, ni = ["onClick"], ii = { style: { "font-size": "1.075em", "font-weight": "500" } };
 function oi(e, t, n, s, i, o) {
   const r = m("FormInputRow"), g = m("DragWindow");
-  return l(), p("div", null, [
-    a("div", Qn, [
-      a("div", Yn, d(e.$t("typography")), 1),
-      (l(!0), p(I, null, E(o.typography, (h) => (l(), p("div", {
+  return a(), p("div", null, [
+    l("div", Qn, [
+      l("div", Yn, d(e.$t("typography")), 1),
+      (a(!0), p(I, null, E(o.typography, (h) => (a(), p("div", {
         key: h.label,
         class: "list-option",
         onClick: (y) => i.activeItem = h
       }, [
-        a("div", {
+        l("div", {
           style: z({
             fontSize: h.fontSize,
             fontFamily: h.style.fontFamily,
@@ -1228,29 +1228,29 @@ function oi(e, t, n, s, i, o) {
             lineHeight: 1
           })
         }, d(h.label), 5),
-        a("div", Xn, d(h.style.fontFamily) + " " + d(h.style.fontSize), 1)
+        l("div", Xn, d(h.style.fontFamily) + " " + d(h.style.fontSize), 1)
       ], 8, Jn))), 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", ei, [
-      a("div", ti, d(e.$t("section_other")), 1),
-      (l(!0), p(I, null, E(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", ei, [
+      l("div", ti, d(e.$t("section_other")), 1),
+      (a(!0), p(I, null, E(i.sections, (h) => (a(), p("div", {
         key: h.label,
         class: "list-option",
         onClick: (y) => i.activeItem = h
       }, [
-        a("div", ii, 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", ii, 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, ni))), 128))
     ]),
-    i.activeItem ? (l(), b(g, {
+    i.activeItem ? (a(), b(g, {
       key: 0,
       title: i.activeItem.label,
       offset: n.offset,
       onClose: t[0] || (t[0] = () => i.activeItem = null)
     }, {
       default: u(() => [
-        (l(!0), p(I, null, E(o.activeItemOptions, (h, y) => (l(), b(r, {
+        (a(!0), p(I, null, E(o.activeItemOptions, (h, y) => (a(), b(r, {
           key: y,
           label: h.label,
           inputs: h.inputs
@@ -1260,7 +1260,7 @@ function oi(e, t, n, s, i, o) {
     }, 8, ["title", "offset"])) : C("", !0)
   ]);
 }
-const si = /* @__PURE__ */ F(Kn, [["render", oi], ["__scopeId", "data-v-647176fc"]]), ai = {
+const si = /* @__PURE__ */ F(Kn, [["render", oi], ["__scopeId", "data-v-647176fc"]]), li = {
   i18nOptions: {
     namespaces: "DocSettings",
     messages: {
@@ -1595,28 +1595,28 @@ const si = /* @__PURE__ */ F(Kn, [["render", oi], ["__scopeId", "data-v-647176fc
       n.push({ name: e, type: "category" }), this.tags = n, this.series = e;
     }
   }
-}, li = { style: { height: "100%", padding: "1em" } }, ri = {
+}, ai = { style: { height: "100%", padding: "1em" } }, ri = {
   key: 0,
   class: "divider"
 };
 function di(e, t, n, s, i, o) {
   const r = m("FormInputRow"), g = m("DragWindow");
-  return l(), p("div", li, [
-    (l(!0), p(I, null, E(o.options, (h, y) => (l(), b(r, {
+  return a(), p("div", ai, [
+    (a(!0), p(I, null, E(o.options, (h, y) => (a(), b(r, {
       key: y,
       label: h.label,
       "info-tooltip": h.infoTooltip,
       inputs: h.inputs
     }, null, 8, ["label", "info-tooltip", "inputs"]))), 128)),
-    i.showDragWindow ? (l(), b(g, {
+    i.showDragWindow ? (a(), b(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(I, null, E(o.priceOptions, (h, y) => (l(), p(I, { key: y }, [
-          h.type === "divider" ? (l(), p("div", ri)) : (l(), b(r, {
+        (a(!0), p(I, null, E(o.priceOptions, (h, y) => (a(), p(I, { key: y }, [
+          h.type === "divider" ? (a(), p("div", ri)) : (a(), b(r, {
             key: y,
             label: h.label,
             "info-tooltip": h.infoTooltip,
@@ -1628,7 +1628,7 @@ function di(e, t, n, s, i, o) {
     }, 8, ["offset", "title"])) : C("", !0)
   ]);
 }
-const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-677795e4"]]), ui = {
+const ci = /* @__PURE__ */ F(li, [["render", di], ["__scopeId", "data-v-677795e4"]]), ui = {
   i18nOptions: {
     messages: {
       en: {
@@ -1672,7 +1672,7 @@ const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-677795e4
   name: "ExtensionTab",
   components: {
     Sortable: qt,
-    Spinner: at,
+    Spinner: lt,
     CAutocomplete: Ht,
     CDropdown: re,
     CDropdownItem: q
@@ -1804,7 +1804,7 @@ const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-677795e4
       });
       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
         }));
@@ -1867,8 +1867,8 @@ const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-677795e4
 };
 function Hi(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), y = m("Spinner"), w = m("CAutocomplete"), k = m("CIcon"), D = m("Sortable"), T = m("router-link"), v = ie("tooltip");
-  return l(), p("div", mi, [
-    e.allAuthenticatedCRMs.length > 1 ? (l(), b(h, {
+  return a(), p("div", mi, [
+    e.allAuthenticatedCRMs.length > 1 ? (a(), b(h, {
       key: 0,
       position: "is-bottom-left",
       style: { position: "absolute", right: "calc(0.5 * var(--rem))", top: "calc(0.5 * var(--rem))" }
@@ -1883,7 +1883,7 @@ function Hi(e, t, n, s, i, o) {
         })
       ]),
       default: u(() => [
-        (l(!0), p(I, null, E(e.allAuthenticatedCRMs, (f) => (l(), b(g, {
+        (a(!0), p(I, null, E(e.allAuthenticatedCRMs, (f) => (a(), b(g, {
           key: f,
           type: i.activeCrm === f ? "primary" : "secondary",
           size: "small",
@@ -1897,18 +1897,18 @@ function Hi(e, t, n, s, i, o) {
       ]),
       _: 1
     })) : C("", !0),
-    i.isLoading && !i.dealDetails ? (l(), p("div", pi, [
+    i.isLoading && !i.dealDetails ? (a(), p("div", pi, [
       c(y, {
         size: "24",
         color: "grey"
       })
-    ])) : i.activeCrm ? (l(), p(I, { key: 2 }, [
-      a("div", hi, [
-        a("div", fi, d(i.activeCrm.capitalize()), 1),
-        i.typeDetails ? (l(), p("div", gi, [
-          a("div", yi, [
-            a("div", vi, [
-              a("div", {
+    ])) : i.activeCrm ? (a(), p(I, { key: 2 }, [
+      l("div", hi, [
+        l("div", fi, d(i.activeCrm.capitalize()), 1),
+        i.typeDetails ? (a(), p("div", gi, [
+          l("div", yi, [
+            l("div", vi, [
+              l("div", {
                 textContent: d(
                   e.$t("referenceTo", {
                     crm: i.activeCrm.capitalize(),
@@ -1926,20 +1926,20 @@ function Hi(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, bi)
           ]),
-          t[7] || (t[7] = a("div", { class: "divider" }, null, -1))
+          t[7] || (t[7] = l("div", { class: "divider" }, null, -1))
         ])) : C("", !0),
-        a("div", ki, d(e.$t("headerText", { crm: i.activeCrm.capitalize() })), 1),
-        t[8] || (t[8] = a("div", { style: { height: "2em" } }, null, -1)),
-        o.currentExternalDeal ? (l(), p(I, { key: 1 }, [
-          a("div", wi, d(e.$t("connectedTo", { type: o.dealType })), 1),
-          i.dealDetails ? (l(), p("div", _i, [
-            a("div", null, [
-              (l(), b(W(i.dealDetails.externalUrl ? "a" : "span"), {
+        l("div", ki, 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", wi, d(e.$t("connectedTo", { type: o.dealType })), 1),
+          i.dealDetails ? (a(), p("div", _i, [
+            l("div", null, [
+              (a(), b(W(i.dealDetails.externalUrl ? "a" : "span"), {
                 href: i.dealDetails.externalUrl || "#",
                 target: "_blank",
                 style: { "font-weight": "600" },
@@ -1947,12 +1947,12 @@ function Hi(e, t, n, s, i, o) {
                 textContent: d(i.dealDetails.name)
               }, null, 8, ["href", "textContent"]))
             ]),
-            i.dealDetails.currency ? (l(), p("div", xi, d(o.priceFormat(i.dealDetails.value, {
+            i.dealDetails.currency ? (a(), p("div", xi, d(o.priceFormat(i.dealDetails.value, {
               showZero: !1,
               currency: i.dealDetails.currency
             })), 1)) : C("", !0)
           ])) : C("", !0),
-          a("div", null, [
+          l("div", null, [
             c(r, {
               loading: i.isLoading,
               size: "small",
@@ -1979,8 +1979,8 @@ function Hi(e, t, n, s, i, o) {
               textContent: d(e.$t("suggestClients"))
             }, null, 8, ["textContent"])
           ])
-        ], 64)) : (l(), p("div", Ti, [
-          a("div", {
+        ], 64)) : (a(), p("div", Ti, [
+          l("div", {
             style: { padding: "0 4px 0.25em" },
             class: "text-gray-600",
             textContent: d(e.$t("linkToDoc", { type: o.dealType }))
@@ -2001,11 +2001,11 @@ function Hi(e, t, n, s, i, o) {
             onSelect: t[6] || (t[6] = (f) => o.useSearchResult(f))
           }, {
             default: u(({ option: f }) => [
-              a("div", Si, [
-                a("div", Ii, d(f.name), 1),
-                a("div", $i, [
+              l("div", Si, [
+                l("div", Ii, d(f.name), 1),
+                l("div", $i, [
                   _(d(f.externalReference.type.capitalize()) + " " + d(f.externalReference.typeId) + " ", 1),
-                  f.value && f.currency ? (l(), p(I, { key: 0 }, [
+                  f.value && f.currency ? (a(), p(I, { key: 0 }, [
                     _(" · " + d(o.priceFormat(f.value, {
                       showZero: !1,
                       currency: f.currency
@@ -2021,9 +2021,9 @@ function Hi(e, t, n, s, i, o) {
           }, 8, ["modelValue", "data", "loading", "placeholder"])
         ]))
       ]),
-      o.showDealProducts ? (l(), p("div", Fi, [
-        a("div", Li, [
-          a("div", Bi, [
+      o.showDealProducts ? (a(), p("div", Fi, [
+        l("div", Li, [
+          l("div", Bi, [
             _(d(e.$t("productsTitle")) + " ", 1),
             G(c(k, {
               type: "info",
@@ -2035,7 +2035,7 @@ function Hi(e, t, n, s, i, o) {
               ]
             ])
           ]),
-          a("div", {
+          l("div", {
             class: "text-gray-600",
             textContent: d(
               e.$t("productsText", {
@@ -2045,7 +2045,7 @@ function Hi(e, t, n, s, i, o) {
             )
           }, null, 8, Vi)
         ]),
-        i.dealDetails.articles && i.dealDetails.articles.length ? (l(), b(D, {
+        i.dealDetails.articles && i.dealDetails.articles.length ? (a(), b(D, {
           key: 0,
           "item-key": "_uniqueId",
           list: i.dealDetails.articles,
@@ -2060,46 +2060,46 @@ function Hi(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, Pi),
-              a("div", Ai, [
+              l("div", Ai, [
                 _(d(o.priceFormat(f.price || 0, {
                   showZero: !1,
                   currency: f.currency || "USD"
                 })) + " · " + d(f.quantity || 0) + "x ", 1),
-                f.vat !== null ? (l(), p(I, { key: 0 }, [
+                f.vat !== null ? (a(), p(I, { key: 0 }, [
                   _(" · " + d(e._document.$t("vat").capitalize()) + " " + d(f.vat) + "% ", 1)
                 ], 64)) : C("", !0)
               ])
             ], 8, Mi)
           ]),
           _: 1
-        }, 8, ["list", "clone"])) : (l(), p("div", Ei, [
+        }, 8, ["list", "clone"])) : (a(), p("div", Ei, [
           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, zi)
         ]))
       ])) : C("", !0)
-    ], 64)) : (l(), p("div", Ri, [
+    ], 64)) : (a(), p("div", Ri, [
       c(k, {
         type: "info",
         size: "16",
         class: "text-primary-500",
         style: { "padding-bottom": "5px" }
       }),
-      a("div", Oi, d(e.$t("noCrm")), 1),
-      a("div", Ui, [
+      l("div", Oi, d(e.$t("noCrm")), 1),
+      l("div", Ui, [
         c(T, {
           to: { name: "settings" },
           style: { "font-weight": "500" },
@@ -2238,12 +2238,12 @@ const qi = /* @__PURE__ */ F(ui, [["render", Hi], ["__scopeId", "data-v-ac46aaa2
 }, Wi = { style: { "padding-bottom": "2em" } }, ji = { style: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, Zi = { style: { "margin-bottom": "0.25em", opacity: "0.65" } };
 function Ki(e, t, n, s, i, o) {
   const r = m("CInput"), g = m("CField"), h = m("CButton");
-  return l(), p("div", Ni, [
-    a("div", Wi, [
-      a("div", ji, d(n.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")), 1),
-      a("div", Zi, d(e.$t("description")), 1)
+  return a(), p("div", Ni, [
+    l("div", Wi, [
+      l("div", ji, d(n.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")), 1),
+      l("div", Zi, d(e.$t("description")), 1)
     ]),
-    a("form", {
+    l("form", {
       style: { width: "100%" },
       onSubmit: t[2] || (t[2] = j((...y) => o.submit && o.submit(...y), ["prevent"])),
       onKeyup: t[3] || (t[3] = rt((...y) => o.submit && o.submit(...y), ["enter"]))
@@ -2289,7 +2289,7 @@ function Ki(e, t, n, s, i, o) {
         onClick: o.submit,
         textContent: d(e.$t("_common:save"))
       }, null, 8, ["onClick", "textContent"]),
-      n.existingFieldId ? (l(), b(h, {
+      n.existingFieldId ? (a(), b(h, {
         key: 0,
         style: { "margin-top": "5px" },
         type: "none",
@@ -2422,7 +2422,7 @@ const Qi = /* @__PURE__ */ F(Gi, [["render", Ki]]), Yi = {
       );
     },
     onCopyField(e) {
-      navigator && navigator.clipboard && e && navigator.clipboard.writeText(e).then(() => we("info", this.$t("_common:copyMessage"))).catch((t) => le(t));
+      navigator && navigator.clipboard && e && navigator.clipboard.writeText(e).then(() => we("info", this.$t("_common:copyMessage"))).catch((t) => ae(t));
     },
     filterMethod(e, t) {
       return t.filter(
@@ -2440,10 +2440,10 @@ const Qi = /* @__PURE__ */ F(Gi, [["render", Ki]]), Yi = {
 }, io = {
   class: "field-container",
   style: { position: "relative", flex: "1 1 auto" }
-}, oo = ["onDragstart", "textContent"], so = { class: "field-actions" }, ao = {
+}, oo = ["onDragstart", "textContent"], so = { class: "field-actions" }, lo = {
   key: 1,
   style: { "text-align": "center" }
-}, lo = {
+}, ao = {
   key: 1,
   style: { "padding-top": "20px" }
 }, ro = {
@@ -2455,13 +2455,13 @@ const Qi = /* @__PURE__ */ F(Gi, [["render", Ki]]), Yi = {
 }, go = ["onDragstart", "textContent"], yo = { class: "field-actions" };
 function vo(e, t, n, s, i, o) {
   const r = m("CInput"), g = m("CField"), h = m("CButton"), y = m("SmartList"), w = m("CIcon"), k = m("CAccordion");
-  return l(), p("div", Ji, [
-    a("div", Xi, [
-      a("div", {
+  return a(), p("div", Ji, [
+    l("div", Xi, [
+      l("div", {
         style: { "font-size": "16px", "font-weight": "600" },
         textContent: d(e.$t("title"))
       }, null, 8, eo),
-      a("div", {
+      l("div", {
         style: { color: "hsl(0, 0%, 35%)" },
         textContent: d(e.$t("description"))
       }, null, 8, to)
@@ -2473,26 +2473,26 @@ function vo(e, t, n, s, i, o) {
       filled: "",
       size: "small"
     }, null, 8, ["modelValue", "placeholder"]),
-    i.query ? (l(), p("div", no, [
+    i.query ? (a(), p("div", no, [
       c(y, {
         items: o.options,
         "filter-method": o.filterMethod,
         query: i.query
       }, {
         default: u(({ items: D }) => [
-          a("div", null, [
-            D.length ? (l(!0), p(I, { key: 0 }, E(D, (T, v) => (l(), p("div", {
+          l("div", null, [
+            D.length ? (a(!0), p(I, { key: 0 }, E(D, (T, v) => (a(), p("div", {
               key: v,
               class: "field-parent flex w-full items-center"
             }, [
-              a("div", io, [
+              l("div", io, [
                 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, T),
@@ -2512,8 +2512,8 @@ function vo(e, t, n, s, i, o) {
                   ]),
                   _: 2
                 }, 1024),
-                a("div", so, [
-                  !T.inputDisabled && !T.virtual ? (l(), b(h, {
+                l("div", so, [
+                  !T.inputDisabled && !T.virtual ? (a(), b(h, {
                     key: 0,
                     icon: "edit",
                     size: "small",
@@ -2532,13 +2532,13 @@ function vo(e, t, n, s, i, o) {
                   }, null, 8, ["onClick"])
                 ])
               ])
-            ]))), 128)) : (l(), p("div", ao, d(e.$t("_common:noResults")), 1))
+            ]))), 128)) : (a(), p("div", lo, d(e.$t("_common:noResults")), 1))
           ])
         ]),
         _: 1
       }, 8, ["items", "filter-method", "query"])
-    ])) : (l(), p("div", lo, [
-      a("div", ro, [
+    ])) : (a(), p("div", ao, [
+      l("div", ro, [
         c(h, {
           type: "none",
           pattern: "secondary",
@@ -2548,7 +2548,7 @@ function vo(e, t, n, s, i, o) {
           textContent: d(e.$t("_common:add", { thing: e.$t("_common:field") }))
         }, null, 8, ["onClick", "textContent"])
       ]),
-      (l(!0), p(I, null, E([
+      (a(!0), p(I, null, E([
         {
           label: e.$t("usedFields"),
           defaultOpen: !0,
@@ -2566,18 +2566,18 @@ function vo(e, t, n, s, i, o) {
           defaultOpen: !o.usedFields.length,
           items: o.unUsedFields
         }
-      ], (D, T) => (l(), b(k, {
+      ], (D, T) => (a(), b(k, {
         key: T,
         "default-open": D.defaultOpen,
         style: { "border-top": "1px solid hsl(0, 0%, 88%)" }
       }, {
         trigger: u(({ expanded: v }) => [
-          a("div", co, [
-            a("span", null, [
-              a("span", {
+          l("div", co, [
+            l("span", null, [
+              l("span", {
                 textContent: d(D.label)
               }, null, 8, uo),
-              a("span", {
+              l("span", {
                 style: { opacity: "0.45", "padding-left": "0.5em" },
                 textContent: d(D.items.length)
               }, null, 8, mo)
@@ -2590,19 +2590,19 @@ function vo(e, t, n, s, i, o) {
           ])
         ]),
         default: u(() => [
-          a("div", po, [
-            D.items.length ? (l(!0), p(I, { key: 1 }, E(D.items, (v, f) => (l(), p("div", {
+          l("div", po, [
+            D.items.length ? (a(!0), p(I, { key: 1 }, E(D.items, (v, f) => (a(), p("div", {
               key: f,
               class: "field-parent flex w-full items-center"
             }, [
-              a("div", fo, [
+              l("div", fo, [
                 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, v),
@@ -2622,8 +2622,8 @@ function vo(e, t, n, s, i, o) {
                   ]),
                   _: 2
                 }, 1024),
-                a("div", yo, [
-                  !v.inputDisabled && !v.virtual ? (l(), b(h, {
+                l("div", yo, [
+                  !v.inputDisabled && !v.virtual ? (a(), b(h, {
                     key: 0,
                     icon: "edit",
                     size: "small",
@@ -2642,7 +2642,7 @@ function vo(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"))
@@ -2693,8 +2693,8 @@ const Co = /* @__PURE__ */ F(Yi, [["render", vo], ["__scopeId", "data-v-366abad0
 }, wo = ["innerHTML"];
 function _o(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] = j((g) => e.$emit("close"), ["self"]))
     }),
@@ -2709,8 +2709,8 @@ function _o(e, t, n, s, i, o) {
       "leave-to-class": "opacity-0"
     }, {
       default: u(() => [
-        a("div", ko, [
-          a("div", {
+        l("div", ko, [
+          l("div", {
             class: "pb-4",
             innerHTML: e.$t("text")
           }, null, 8, wo),
@@ -3255,23 +3255,23 @@ const xo = /* @__PURE__ */ F(bo, [["render", _o]]), To = {
 }, Lo = ["innerHTML"], Bo = { class: "option-title" }, Vo = { class: "relative" }, Mo = ["onClick", "innerHTML"];
 function Po(e, t, n, s, i, o) {
   const r = m("MenuBlockConvertPopover"), g = m("ProBadge"), h = m("CIcon"), y = m("CButton"), w = m("DragItem"), k = m("DragList"), D = m("Simplebar"), T = m("IsPremiumPreStep");
-  return l(), p("div", {
+  return a(), p("div", {
     onMouseleavePassive: t[4] || (t[4] = (...v) => o.onMouseleaveDrawer && o.onMouseleaveDrawer(...v))
   }, [
     c(T, { feature: "documentBlocks" }, {
       default: u(({ onClick: v }) => [
-        !n.canUseBlocks && i.showConvertEditableDialog ? (l(), b(r, {
+        !n.canUseBlocks && i.showConvertEditableDialog ? (a(), b(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", Do, [
-          (l(!0), p(I, null, E([
+        l("div", Do, [
+          (a(!0), p(I, null, E([
             { data: o.primaryBlocks },
             { data: o.secondaryBlocks }
-          ], (f, x) => (l(), p("div", { key: x }, [
-            x > 0 ? (l(), p("div", So)) : C("", !0),
+          ], (f, x) => (a(), p("div", { key: x }, [
+            x > 0 ? (a(), p("div", So)) : C("", !0),
             c(k, {
               group: { name: "blocks", pull: "clone", put: !1 },
               "get-child-payload": ($) => s.getBlockPayload(o.getSectionKey({ data: f.data, index: $ })),
@@ -3286,12 +3286,12 @@ function Po(e, t, n, s, i, o) {
               behaviour: "copy"
             }, {
               default: u(() => [
-                (l(!0), p(I, null, E(f.data, ($) => (l(), b(w, {
+                (a(!0), p(I, null, E(f.data, ($) => (a(), b(w, {
                   key: $.key,
                   class: B({ "drag-item": o.canDrag })
                 }, {
                   default: u(() => [
-                    a("div", be(
+                    l("div", be(
                       { ref_for: !0 },
                       $.hasTooltip ? { "data-tooltip-key": $.key } : null,
                       {
@@ -3315,15 +3315,15 @@ function Po(e, t, n, s, i, o) {
                         onClick: (S) => o.onUseBlock({ block: $, openUpgradeModal: v })
                       }, {
                         default: u(() => [
-                          a("div", $o, [
-                            a("div", Fo, [
-                              a("div", {
+                          l("div", $o, [
+                            l("div", Fo, [
+                              l("div", {
                                 class: "option-image",
                                 innerHTML: $.icon
                               }, null, 8, Lo),
-                              a("div", Bo, d(e.$t(`blocks.${$.key}`)), 1)
+                              l("div", Bo, d(e.$t(`blocks.${$.key}`)), 1)
                             ]),
-                            $.locked ? (l(), b(g, { key: 0 })) : !n.fixed && $.subMenu ? (l(), b(h, {
+                            $.locked ? (a(), b(g, { key: 0 })) : !n.fixed && $.subMenu ? (a(), b(h, {
                               key: 1,
                               type: "chevron-right",
                               size: "14",
@@ -3345,7 +3345,7 @@ function Po(e, t, n, s, i, o) {
         ]),
         c(ne, { name: "slide-right" }, {
           default: u(() => [
-            G(a("div", {
+            G(l("div", {
               class: "submenu",
               onMouseoverPassive: t[2] || (t[2] = (f) => i.subMenuToShow = i.activeSubMenu),
               onMouseleavePassive: t[3] || (t[3] = (f) => i.subMenuToShow = null)
@@ -3367,18 +3367,18 @@ function Po(e, t, n, s, i, o) {
                     behaviour: "copy"
                   }, {
                     default: u(() => [
-                      (l(!0), p(I, null, E(i.activeSubMenu, (f, x) => (l(), b(w, {
+                      (a(!0), p(I, null, E(i.activeSubMenu, (f, x) => (a(), b(w, {
                         key: f.key + x,
                         class: B(["px-1.5", { "drag-item": !f.locked && n.canUseBlocks }])
                       }, {
                         default: u(() => [
-                          a("div", Vo, [
-                            a("div", {
+                          l("div", Vo, [
+                            l("div", {
                               class: "drag-item-preview",
                               onClick: ($) => o.onUseBlock({ block: f, openUpgradeModal: v }),
                               innerHTML: f.previewUrl
                             }, null, 8, Mo),
-                            f.locked ? (l(), b(g, {
+                            f.locked ? (a(), b(g, {
                               key: 0,
                               class: "absolute bottom-2 right-4"
                             })) : C("", !0)
@@ -3424,7 +3424,7 @@ const Ao = /* @__PURE__ */ F(To, [["render", Po], ["__scopeId", "data-v-e1fabeca
     ExtensionTab: qi,
     DocumentGeneralSettings: ci,
     DocumentGuide: ct(
-      () => import("./index-BcnDsk0Z.js")
+      () => import("./index-CYrm4Bbf.js")
     ),
     MenuBlocks: Ao,
     Simplebar: J
@@ -3500,41 +3500,41 @@ const Ao = /* @__PURE__ */ F(To, [["render", Po], ["__scopeId", "data-v-e1fabeca
 };
 function No(e, t, n, s, i, o) {
   const r = m("CIcon"), g = m("CButton"), h = m("MenuBlocks"), y = m("Design"), w = m("Fields"), k = m("ExtensionTab"), D = m("DocumentGeneralSettings"), T = m("Simplebar"), v = m("DocumentGuide");
-  return l(), p("div", null, [
-    a("div", {
+  return a(), p("div", null, [
+    l("div", {
       style: z([{ 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", {
+      l("div", {
         style: z([{ 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", zo, [
-          a("div", {
+        n.isLegacyTemplate ? C("", !0) : (a(), p("div", zo, [
+          l("div", {
             class: B([{ "is-active": i.tab === "blocks" }, "tab-item"]),
             onClick: t[1] || (t[1] = (f) => i.tab = "blocks"),
             textContent: d(e.$t("tabs.blocks"))
           }, null, 10, Ro),
-          a("div", {
+          l("div", {
             class: B([{ "is-active": i.tab === "design" }, "tab-item"]),
             onClick: t[2] || (t[2] = (f) => i.tab = "design"),
             textContent: d(e.$t("tabs.design"))
           }, null, 10, Oo),
-          a("div", {
+          l("div", {
             class: B([{ "is-active": i.tab === "fields" }, "tab-item"]),
             onClick: t[3] || (t[3] = (f) => i.tab = "fields"),
             textContent: d(e.$t("tabs.fields"))
           }, null, 10, Uo),
-          o.extensionTabType ? (l(), p("div", {
+          o.extensionTabType ? (a(), p("div", {
             key: 0,
             class: B([{ "is-active": i.tab === "extension" }, "tab-item"]),
             onClick: t[4] || (t[4] = (f) => i.tab = "extension")
           }, [
-            a("div", {
+            l("div", {
               style: z([{ 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"
@@ -3551,7 +3551,7 @@ function No(e, t, n, s, i, o) {
               }, null, 8, ["type"])
             ], 4)
           ], 2)) : C("", !0),
-          a("div", {
+          l("div", {
             class: B([{ "is-active": i.tab === "generalSettings" }, "tab-item ml-[2px]"]),
             onClick: t[5] || (t[5] = (f) => i.tab = "generalSettings")
           }, [
@@ -3562,7 +3562,7 @@ function No(e, t, n, s, i, o) {
             })
           ], 2)
         ])),
-        i.tab === "blocks" ? (l(), b(h, {
+        i.tab === "blocks" ? (a(), b(h, {
           key: 1,
           _document: n.state,
           set: n.set,
@@ -3572,7 +3572,7 @@ function No(e, t, n, s, i, o) {
           onBlockAdded: t[6] || (t[6] = (f) => n.fixed ? e.$emit("close") : null)
         }, {
           footer: u(() => [
-            a("div", Ho, [
+            l("div", Ho, [
               c(g, {
                 "icon-left": "help",
                 type: "none",
@@ -3583,17 +3583,17 @@ function No(e, t, n, s, i, o) {
               }, {
                 default: u(() => [
                   _(d(e.$t("guideButton")) + " ", 1),
-                  i.showGuideNotification ? (l(), p("div", qo)) : C("", !0)
+                  i.showGuideNotification ? (a(), p("div", qo)) : C("", !0)
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ])
           ]),
           _: 1
-        }, 8, ["_document", "set", "remove-value", "fixed", "can-use-blocks"])) : (l(), p("div", Go, [
+        }, 8, ["_document", "set", "remove-value", "fixed", "can-use-blocks"])) : (a(), p("div", Go, [
           c(T, { class: "h-full w-full" }, {
             default: u(() => [
-              i.tab === "design" ? (l(), b(y, {
+              i.tab === "design" ? (a(), b(y, {
                 key: 0,
                 _document: n.state,
                 _value: {
@@ -3601,7 +3601,7 @@ function No(e, t, n, s, i, o) {
                 },
                 set: n.set,
                 offset: n.fixed ? 0 : n.width
-              }, null, 8, ["_document", "set", "offset"])) : i.tab === "fields" ? (l(), b(w, {
+              }, null, 8, ["_document", "set", "offset"])) : i.tab === "fields" ? (a(), b(w, {
                 key: 1,
                 _document: n.state,
                 "crm-service": o.extensionTabType,
@@ -3609,7 +3609,7 @@ function No(e, t, n, s, i, o) {
                   css: "data.css"
                 },
                 set: n.set
-              }, null, 8, ["_document", "crm-service", "set"])) : i.tab === "extension" ? (l(), b(k, {
+              }, null, 8, ["_document", "crm-service", "set"])) : i.tab === "extension" ? (a(), b(k, {
                 key: 2,
                 _document: n.state,
                 _value: {
@@ -3619,7 +3619,7 @@ function No(e, t, n, s, i, o) {
                 },
                 onInput: t[7] || (t[7] = ({ key: f, value: x }) => n.set({ key: f, value: x }))
               }, null, 8, ["_document"])) : C("", !0),
-              i.tab === "generalSettings" ? (l(), b(D, {
+              i.tab === "generalSettings" ? (a(), b(D, {
                 key: 3,
                 _document: n.state,
                 _value: {
@@ -3641,7 +3641,7 @@ function No(e, t, n, s, i, o) {
             _: 1
           })
         ])),
-        i.showGuide ? (l(), b(v, {
+        i.showGuide ? (a(), b(v, {
           key: 3,
           onClose: t[9] || (t[9] = (f) => i.showGuide = !1)
         })) : C("", !0)
@@ -3916,8 +3916,8 @@ const Wo = /* @__PURE__ */ F(Eo, [["render", No], ["__scopeId", "data-v-98f898b4
 }, es = ["innerHTML"];
 function ts(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("DocumentFormViewRadio"), h = m("CIcon"), y = m("DocumentFormNav"), w = m("DocumentFormMenu"), k = m("DynamicChapter"), D = m("DynamicBlock"), T = m("LogoBanner"), v = m("IsPremium"), f = m("DocumentStyleContainer"), x = m("portal-target"), $ = m("DocumentDrawer");
-  return l(), p("div", Zo, [
-    a("div", {
+  return a(), p("div", Zo, [
+    l("div", {
       class: B([{
         "is-edit-view": o.isEditView,
         "is-empty-list": !o.nestedReadLayout.length
@@ -3925,8 +3925,8 @@ function ts(e, t, n, s, i, o) {
     }, [
       c(y, { close: n.close }, {
         left: u(() => [
-          a("div", Ko, [
-            n.close ? (l(), b(r, {
+          l("div", Ko, [
+            n.close ? (a(), b(r, {
               key: 0,
               "icon-props": { size: 20 },
               size: "normal",
@@ -3936,7 +3936,7 @@ function ts(e, t, n, s, i, o) {
               pattern: "tertiary",
               onClick: n.close
             }, null, 8, ["onClick"])) : C("", !0),
-            n.goBack && e.mq !== "sm" ? (l(), b(r, {
+            n.goBack && e.mq !== "sm" ? (a(), b(r, {
               key: 1,
               "icon-props": { size: 20 },
               type: "none",
@@ -3960,7 +3960,7 @@ function ts(e, t, n, s, i, o) {
           ])
         ]),
         center: u(() => [
-          a("div", Qo, [
+          l("div", Qo, [
             G(c(g, {
               small: e.mq === "sm",
               "model-value": n.view,
@@ -3968,8 +3968,8 @@ function ts(e, t, n, s, i, o) {
             }, null, 8, ["small", "model-value"]), [
               [ve, o.nestedReadLayout.length]
             ]),
-            !o.isEditView && !["sm", "md", "lg"].includes(e.mq) ? (l(), p("div", Yo, [
-              (l(), p(I, null, E(["desktop", "tablet", "mobile"], (S) => a("div", {
+            !o.isEditView && !["sm", "md", "lg"].includes(e.mq) ? (a(), p("div", Yo, [
+              (a(), p(I, null, E(["desktop", "tablet", "mobile"], (S) => l("div", {
                 key: S,
                 style: z(
                   i.previewDevice === S && {
@@ -4007,7 +4007,7 @@ function ts(e, t, n, s, i, o) {
       }, null, 8, ["state", "set", "remove-value", "template", "fixed", "can-use-blocks", "is-legacy-template", "width"]), [
         [ve, i.drawerState.showLeft]
       ]),
-      a("div", {
+      l("div", {
         ref: "scroll-body",
         class: B([{
           "device-offset": o.isEditView
@@ -4018,7 +4018,7 @@ function ts(e, t, n, s, i, o) {
           }
         )
       }, [
-        a("div", {
+        l("div", {
           class: B([[
             {
               "is-device-edit": o.isEditView,
@@ -4028,15 +4028,15 @@ function ts(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", Xo, [
+          !o.nestedReadLayout.length && !o.isFixedSidebar ? (a(), p("div", Xo, [
             t[8] || (t[8] = pt('<div style="position:relative;" data-v-7f3fffc7><div class="drag-drop-illustration-block" data-v-7f3fffc7><div data-v-7f3fffc7></div><div data-v-7f3fffc7></div></div><svg class="drag-drop-illustration" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" data-v-7f3fffc7><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-7f3fffc7></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-7f3fffc7></path></svg></div>', 1)),
-            a("div", {
+            l("div", {
               class: "text-center",
               style: { "max-width": "22ch" },
               innerHTML: e.$t("emptyBlockPlaceholderLarge")
             }, null, 8, es)
           ])) : C("", !0),
-          (l(), b(W(o.isEditView ? "div" : "simplebar"), { class: "h-full w-full" }, {
+          (a(), b(W(o.isEditView ? "div" : "simplebar"), { class: "h-full w-full" }, {
             default: u(() => {
               var S, H;
               return [
@@ -4045,7 +4045,7 @@ function ts(e, t, n, s, i, o) {
                   "input-style": ((H = (S = n._document) == null ? void 0 : S.data) == null ? void 0 : H.css) || null
                 }, {
                   default: u(() => [
-                    o.nestedReadLayout ? (l(), b(W(o.dndEnabled ? "DragList" : "div"), {
+                    o.nestedReadLayout ? (a(), b(W(o.dndEnabled ? "DragList" : "div"), {
                       key: 0,
                       handle: ".NO-SELECTOR",
                       "drop-placeholder": { className: "drag-drop-placeholder" },
@@ -4062,9 +4062,9 @@ function ts(e, t, n, s, i, o) {
                       onDrop: t[5] || (t[5] = (V) => o.onBlockListChange("blocks-list", V))
                     }, {
                       default: u(() => [
-                        (l(!0), p(I, null, E(n._document.getReadLayout({
+                        (a(!0), p(I, null, E(n._document.getReadLayout({
                           showHiddenNodes: o.isEditView
-                        }), (V, se) => (l(), b(W(o.dndEnabled ? "DragItem" : "div"), {
+                        }), (V, se) => (a(), b(W(o.dndEnabled ? "DragItem" : "div"), {
                           key: V.nodeId,
                           class: B([
                             {
@@ -4111,9 +4111,9 @@ function ts(e, t, n, s, i, o) {
                       ]),
                       _: 1
                     }, 40, ["should-animate-drop"])) : C("", !0),
-                    n.canShowBanner ? (l(), b(v, { key: 1 }, {
+                    n.canShowBanner ? (a(), b(v, { key: 1 }, {
                       default: u(({ isProLike: V }) => [
-                        !o.isEditView && !V ? (l(), b(T, {
+                        !o.isEditView && !V ? (a(), b(T, {
                           key: 0,
                           position: "sticky"
                         })) : C("", !0)
@@ -4129,7 +4129,7 @@ function ts(e, t, n, s, i, o) {
           }))
         ], 2)
       ], 6),
-      (l(), b($, {
+      (a(), b($, {
         id: "settingsDrawer",
         key: "settingsDrawer",
         open: !!i.drawerState.openSection,
@@ -4302,7 +4302,7 @@ const ns = /* @__PURE__ */ F(jo, [["render", ts], ["__scopeId", "data-v-7f3fffc7
 }, os = {
   key: "1",
   class: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3"
-}, ss = { class: "pl-2" }, as = ["textContent"], ls = { class: "text-sm text-red-600 text-opacity-80" }, rs = {
+}, ss = { class: "pl-2" }, ls = ["textContent"], as = { class: "text-sm text-red-600 text-opacity-80" }, rs = {
   key: "2",
   class: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3"
 }, ds = { class: "pl-2" }, cs = ["textContent"], us = { class: "mb-4 text-sm text-red-600 text-opacity-80" }, ms = {
@@ -4311,14 +4311,14 @@ const ns = /* @__PURE__ */ F(jo, [["render", ts], ["__scopeId", "data-v-7f3fffc7
 }, ps = ["onClick"], hs = { style: { "padding-left": "0.5em" } };
 function fs(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("CIcon"), h = m("CCheckbox"), y = m("ProBadge"), w = m("IsPremiumPreStep"), k = m("IsPremium"), D = m("SendForm"), T = ie("tooltip");
-  return e.mq !== "sm" || i.isOpen ? (l(), b(W(e.mq === "sm" ? "div" : "Drawer"), {
+  return e.mq !== "sm" || i.isOpen ? (a(), b(W(e.mq === "sm" ? "div" : "Drawer"), {
     key: 0,
     modelValue: i.isOpen,
     "onUpdate:modelValue": t[3] || (t[3] = (v) => i.isOpen = v),
     placement: "right"
   }, {
     default: u(() => [
-      a("div", {
+      l("div", {
         class: B([{
           "is-fullscreen": e.mq === "sm"
         }, "send-modal font-inter"])
@@ -4339,7 +4339,7 @@ function fs(e, t, n, s, i, o) {
           "use-scroll": ""
         }, {
           send: u(() => [
-            o.isPublicForm ? (l(), b(r, {
+            o.isPublicForm ? (a(), b(r, {
               key: 0,
               type: "secondary",
               wide: "",
@@ -4353,12 +4353,12 @@ function fs(e, t, n, s, i, o) {
             }, 8, ["onClick"])) : C("", !0)
           ]),
           [o.saveTemplateSlot]: u(() => [
-            a("label", ms, [
+            l("label", ms, [
               c(k, null, {
                 default: u(({ canCreateTemplate: v }) => [
                   c(w, { feature: "saveDocTemplate" }, {
                     default: u(({ onClick: f }) => [
-                      a("div", {
+                      l("div", {
                         class: "flex items-center",
                         onClick: (x) => o.onClickSaveAsTemplate({
                           event: x,
@@ -4373,7 +4373,7 @@ function fs(e, t, n, s, i, o) {
                           size: "small",
                           type: "secondary"
                         }, null, 8, ["modelValue"]),
-                        a("div", hs, [
+                        l("div", hs, [
                           _(d(e.$t("saveDocAsTemplate")) + " ", 1),
                           G(c(g, {
                             type: "info",
@@ -4382,7 +4382,7 @@ function fs(e, t, n, s, i, o) {
                             [T, o.saveTemplateTooltip]
                           ])
                         ]),
-                        v ? C("", !0) : (l(), b(y, {
+                        v ? C("", !0) : (a(), b(y, {
                           key: 0,
                           class: "ml-2 self-center"
                         }))
@@ -4396,39 +4396,39 @@ function fs(e, t, n, s, i, o) {
             ])
           ]),
           default: u(() => [
-            o.tooManyClients ? (l(), p("div", os, [
-              a("div", null, [
+            o.tooManyClients ? (a(), p("div", os, [
+              l("div", null, [
                 c(g, {
                   type: "error",
                   size: "18",
                   class: "-mt-1 text-red-600"
                 })
               ]),
-              a("div", null, [
-                a("div", ss, [
-                  a("div", {
+              l("div", null, [
+                l("div", ss, [
+                  l("div", {
                     class: "text-sm font-semibold text-red-600",
                     textContent: d(e.$t("tooManyClientsTitle"))
-                  }, null, 8, as),
-                  a("div", ls, d(e.$t("tooManyClientsText")), 1)
+                  }, null, 8, ls),
+                  l("div", as, d(e.$t("tooManyClientsText")), 1)
                 ])
               ])
             ])) : C("", !0),
-            o.hasAnswerBlock ? C("", !0) : (l(), p("div", rs, [
-              a("div", null, [
+            o.hasAnswerBlock ? C("", !0) : (a(), p("div", rs, [
+              l("div", null, [
                 c(g, {
                   type: "error",
                   size: "18",
                   class: "-mt-1 text-red-600"
                 })
               ]),
-              a("div", null, [
-                a("div", ds, [
-                  a("div", {
+              l("div", null, [
+                l("div", ds, [
+                  l("div", {
                     class: "text-sm font-semibold text-red-600",
                     textContent: d(e.$t("signMissingTitle"))
                   }, null, 8, cs),
-                  a("div", us, d(e.$t("signMissingText")), 1)
+                  l("div", us, d(e.$t("signMissingText")), 1)
                 ]),
                 c(r, {
                   type: "secondary",
@@ -4612,10 +4612,10 @@ const gs = /* @__PURE__ */ F(is, [["render", fs], ["__scopeId", "data-v-8f77b768
 }, vs = { class: "t-root font-inter" }, Cs = { style: { "font-size": "18px", "font-weight": "700", "text-align": "center", "margin-bottom": "1em" } }, bs = { key: 1 }, ks = { class: "text-gray-600" }, ws = { key: 2 }, _s = { class: "text-gray-600" };
 function xs(e, t, n, s, i, o) {
   const r = m("CCallout"), g = m("CInput"), h = m("CField"), y = m("CCheckbox"), w = m("CButton");
-  return l(), p("div", vs, [
-    a("div", Cs, 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(), b(r, { key: 0 }, {
+  return a(), p("div", vs, [
+    l("div", Cs, 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 ? C("", !0) : (a(), b(r, { key: 0 }, {
         default: u(() => [
           _(d(e.$t("calloutDescription")), 1)
         ]),
@@ -4641,7 +4641,7 @@ function xs(e, t, n, s, i, o) {
         ]),
         _: 1
       }, 8, ["vuelidate", "vuelidate-messages", "label"]),
-      n.document && n.document.template.id && i.canUpdateExistingDocTemplate ? (l(), p("div", bs, [
+      n.document && n.document.template.id && i.canUpdateExistingDocTemplate ? (a(), p("div", bs, [
         c(h, { style: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, {
           default: u(() => [
             c(y, {
@@ -4651,7 +4651,7 @@ function xs(e, t, n, s, i, o) {
               size: "normal"
             }, {
               default: u(() => [
-                a("div", ks, d(e.$t("updateExisting")), 1)
+                l("div", ks, d(e.$t("updateExisting")), 1)
               ]),
               _: 1
             }, 8, ["modelValue"])
@@ -4659,7 +4659,7 @@ function xs(e, t, n, s, i, o) {
           _: 1
         })
       ])) : C("", !0),
-      n.document && n.document.clients.length && n.showKeepClientsOption ? (l(), p("div", ws, [
+      n.document && n.document.clients.length && n.showKeepClientsOption ? (a(), p("div", ws, [
         c(h, { style: { "padding-left": "calc(0.5 * var(--rem))", "margin-bottom": "calc(0.5 * var(--rem))" } }, {
           default: u(() => [
             c(y, {
@@ -4669,7 +4669,7 @@ function xs(e, t, n, s, i, o) {
               size: "normal"
             }, {
               default: u(() => [
-                a("div", _s, d(e.$t("keepClients")), 1)
+                l("div", _s, d(e.$t("keepClients")), 1)
               ]),
               _: 1
             }, 8, ["modelValue"])
@@ -4751,31 +4751,31 @@ const Is = /* @__PURE__ */ Ue(Ss), $s = {
 }, Fs = { 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" }, Ls = { class: "text-gray-600" }, Bs = { class: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, Vs = { class: "w-56 p-4 text-sm" }, Ms = { class: "font-semibold" }, Ps = { class: "bg-primary-100 border-primary-200 text-primary-800 inline-flex rounded-md border px-1.5 py-[3px] text-xs leading-none" }, As = { class: "text-sm text-gray-600" }, Es = { 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" }, zs = { class: "mt-5" };
 function Rs(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("VDropdown"), h = m("IsPremium"), y = ie("close-popper");
-  return l(), b(h, null, {
+  return a(), b(h, null, {
     default: u(({
       accountType: w,
       trialDaysLeft: k,
       openUpgradeModal: D,
       initialFreePremiumDays: T
     }) => [
-      w === "trial" && e.mq !== "sm" ? (l(), b(g, {
+      w === "trial" && e.mq !== "sm" ? (a(), b(g, {
         key: 0,
         "popper-class": "trial-popover"
       }, {
         popper: u(() => [
-          a("div", Vs, [
-            a("div", Ms, [
+          l("div", Vs, [
+            l("div", Ms, [
               _(d(e.$t("title.1")) + " ", 1),
-              a("span", Ps, d(e.$t("title.2")), 1),
+              l("span", Ps, d(e.$t("title.2")), 1),
               _(" " + d(e.$t("title.3", { trialDaysLeft: k })) + ". ", 1)
             ]),
-            a("div", As, [
+            l("div", As, [
               _(d(e.$t("title.4")) + " ", 1),
-              a("span", Es, d(e.$t("title.5")), 1),
+              l("span", Es, d(e.$t("title.5")), 1),
               t[0] || (t[0] = _(". "))
             ]),
-            a("div", zs, [
-              G((l(), b(r, {
+            l("div", zs, [
+              G((a(), b(r, {
                 type: "secondary",
                 size: "small",
                 "icon-right": "arrow-right",
@@ -4792,10 +4792,10 @@ function Rs(e, t, n, s, i, o) {
           ])
         ]),
         default: u(() => [
-          a("div", Fs, [
-            a("div", Ls, d(e.$tc("_common:day", { count: k })) + " " + d(e.$t("button")), 1),
-            a("div", Bs, [
-              a("div", {
+          l("div", Fs, [
+            l("div", Ls, d(e.$tc("_common:day", { count: k })) + " " + d(e.$t("button")), 1),
+            l("div", Bs, [
+              l("div", {
                 style: z({
                   width: o.clamp(k / T * 100, 0, 100) + "%"
                 }),
@@ -4810,7 +4810,7 @@ function Rs(e, t, n, s, i, o) {
     _: 1
   });
 }
-const Os = /* @__PURE__ */ F($s, [["render", Rs]]), ae = yt({
+const Os = /* @__PURE__ */ F($s, [["render", Rs]]), le = yt({
   canEdit: !1,
   isForm: !0,
   setFormValue: null,
@@ -4831,7 +4831,7 @@ const Os = /* @__PURE__ */ F($s, [["render", Rs]]), ae = yt({
     return { isValid: e };
   },
   mixins: [Q],
-  provide: () => ({ viewSettings: ae }),
+  provide: () => ({ viewSettings: le }),
   props: {
     document: {
       type: Object,
@@ -4901,12 +4901,12 @@ const Os = /* @__PURE__ */ F($s, [["render", Rs]]), ae = yt({
     canEdit: {
       immediate: !0,
       handler(e) {
-        ae.canEdit = !!e;
+        le.canEdit = !!e;
       }
     }
   },
   created() {
-    this.setDocValue && (ae.setFormValue = this.setDocValue), this.removeDocValue && (ae.removeFormValue = this.removeDocValue);
+    this.setDocValue && (le.setFormValue = this.setDocValue), this.removeDocValue && (le.removeFormValue = this.removeDocValue);
   },
   methods: {
     async openSendModal() {
@@ -4942,7 +4942,7 @@ const Os = /* @__PURE__ */ F($s, [["render", Rs]]), ae = yt({
 }, qs = { class: "flex self-center" }, Gs = { class: "buttons has-addons whitespace-nowrap" };
 function Ns(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("CDropdownItem"), h = m("CDropdown"), y = m("IsPremiumPreStep"), w = m("RemainingTrialButton"), k = m("IsPremium"), D = m("DocumentFormContainer"), T = m("DocumentSend");
-  return n.document ? (l(), p("div", Hs, [
+  return n.document ? (a(), p("div", Hs, [
     c(D, {
       view: i.view,
       "onUpdate:view": t[0] || (t[0] = (v) => i.view = v),
@@ -4959,13 +4959,13 @@ function Ns(e, t, n, s, i, o) {
           default: u(({ canCreateDocument: v, canCreateTemplate: f }) => [
             c(y, { 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(y, { feature: "saveDocTemplate" }, {
                     default: u(({ onClick: $ }) => [
-                      a("div", qs, [
+                      l("div", qs, [
                         c(h, {
                           disabled: !o.canDoActions
                         }, {
@@ -5020,7 +5020,7 @@ function Ns(e, t, n, s, i, o) {
                   }, 1024),
                   A(e.$slots, "nav-right-action", {}, () => [
                     c(w),
-                    a("div", Gs, [
+                    l("div", Gs, [
                       c(r, {
                         ref: "sendButton",
                         disabled: !o.canDoActions,
@@ -5087,7 +5087,7 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
     }
     return (y, w) => {
       const k = ie("tooltip");
-      return l(), b(O(re), {
+      return a(), b(O(re), {
         "append-to-body": y.appendToBody,
         style: { top: "-8px", right: "-4px" },
         onClick: w[0] || (w[0] = j(() => {
@@ -5254,16 +5254,16 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
   key: 2,
   class: "text-center text-gray-400",
   style: { padding: "1em" }
-}, Xs = ["onClick", "onMouseoverPassive"], ea = {
+}, Xs = ["onClick", "onMouseoverPassive"], el = {
   key: 0,
   style: { display: "inline-flex", "align-items": "center", position: "absolute", right: "1em", top: "50%", transform: "translateY(-50%)" }
 };
-function ta(e, t, n, s, i, o) {
+function tl(e, t, n, s, i, o) {
   const r = m("CInput"), g = m("CSkeleton"), h = m("CButton"), y = m("IsPremiumPreStep"), w = m("IsPremium");
-  return l(), p("div", null, [
-    a("div", Ks, [
+  return a(), p("div", null, [
+    l("div", Ks, [
       A(e.$slots, "default", {}, void 0, !0),
-      i.hasItems ? (l(), b(r, {
+      i.hasItems ? (a(), b(r, {
         key: 0,
         modelValue: i.query,
         "onUpdate:modelValue": [
@@ -5278,8 +5278,8 @@ function ta(e, t, n, s, i, o) {
         class: "hidden md:flex"
       }, null, 8, ["modelValue", "loading", "placeholder", "onUpdate:modelValue"])) : C("", !0)
     ]),
-    a("div", Qs, [
-      i.isLoading && !i.list.length ? (l(), p(I, { key: 0 }, E(3, (k) => a("div", {
+    l("div", Qs, [
+      i.isLoading && !i.list.length ? (a(), p(I, { key: 0 }, E(3, (k) => l("div", {
         key: k,
         class: "recent-item placeholder"
       }, [
@@ -5288,12 +5288,12 @@ function ta(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", Ys, d(e.$t("emptyPlaceholder")), 1)) : i.query && !i.isLoading && !i.list.length ? (l(), p("div", Js, d(e.$t("noResults")), 1)) : (l(), b(w, { key: 3 }, {
+      ])), 64)) : !i.isLoading && !i.query && !i.list.length ? (a(), p("div", Ys, d(e.$t("emptyPlaceholder")), 1)) : i.query && !i.isLoading && !i.list.length ? (a(), p("div", Js, d(e.$t("noResults")), 1)) : (a(), b(w, { key: 3 }, {
         default: u(({ canCreateTemplate: k, canUseTemplate: D }) => [
           c(y, { feature: "useDocTemplate" }, {
             default: u(({ onClick: T }) => [
-              a("div", null, [
-                (l(!0), p(I, null, E(i.list, (v, f) => (l(), p("div", {
+              l("div", null, [
+                (a(!0), p(I, null, E(i.list, (v, f) => (a(), p("div", {
                   key: v._id,
                   class: "recent-item",
                   onClick: (x) => D ? o.onUseDocTemplate(v._id) : T({
@@ -5302,11 +5302,11 @@ function ta(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: B([{ "text-gray-400": !v.data.name }, "recent-item-name"])
                   }, d(v.data.name || e.$t("_common:untitled")), 3),
-                  a("div", null, d(e.$formatDistanceToNow(v.createdAt)), 1),
-                  i.hoverIndex === f ? (l(), p("div", ea, [
+                  l("div", null, d(e.$formatDistanceToNow(v.createdAt)), 1),
+                  i.hoverIndex === f ? (a(), p("div", el, [
                     c(y, { feature: "saveDocTemplate" }, {
                       default: u(({ onClick: x }) => [
                         c(h, {
@@ -5346,13 +5346,13 @@ function ta(e, t, n, s, i, o) {
     ])
   ]);
 }
-const na = /* @__PURE__ */ F(Zs, [["render", ta], ["__scopeId", "data-v-718e3064"]]), ia = { class: "item-paper" }, oa = {
+const nl = /* @__PURE__ */ F(Zs, [["render", tl], ["__scopeId", "data-v-718e3064"]]), il = { class: "item-paper" }, ol = {
   key: 2,
   class: "absolute bottom-2 right-2"
-}, sa = {
+}, sl = {
   key: 3,
   class: "add-button"
-}, aa = { class: "item-footer" }, la = ["textContent"], ra = ["textContent"], da = /* @__PURE__ */ de({
+}, ll = { class: "item-footer" }, al = ["textContent"], rl = ["textContent"], dl = /* @__PURE__ */ de({
   __name: "DocumentIcon",
   props: {
     isPlaceholder: { type: Boolean, default: !1 },
@@ -5369,7 +5369,7 @@ const na = /* @__PURE__ */ F(Zs, [["render", ta], ["__scopeId", "data-v-718e3064
     ), T = U(() => wt(n.name, 60));
     return (v, f) => {
       const x = m("CIcon");
-      return l(), p("div", be(k.value, {
+      return a(), p("div", be(k.value, {
         key: w.value,
         class: [[
           h.value,
@@ -5383,22 +5383,22 @@ const na = /* @__PURE__ */ F(Zs, [["render", ta], ["__scopeId", "data-v-718e3064
         style: g.value,
         onClick: i
       }), [
-        a("div", ia, [
-          v.thumbnail ? (l(), p("div", {
+        l("div", il, [
+          v.thumbnail ? (a(), p("div", {
             key: 0,
             style: z([{
               backgroundImage: `url(${v.thumbnail})`
             }, { width: "100%", height: "100%", "background-size": "100% auto", "background-repeat": "no-repeat", "background-position": "0% 0%" }])
-          }, null, 4)) : v.isPlaceholder || v.isAdd ? C("", !0) : (l(), b(tn, {
+          }, null, 4)) : v.isPlaceholder || v.isAdd ? C("", !0) : (a(), b(tn, {
             key: 1,
             media: v.media,
             preview: "",
             class: "item-media"
           }, null, 8, ["media"])),
-          O(o).badge ? (l(), p("div", oa, [
+          O(o).badge ? (a(), p("div", ol, [
             A(v.$slots, "badge", {}, void 0, !0)
           ])) : C("", !0),
-          v.isAdd ? (l(), p("div", sa, [
+          v.isAdd ? (a(), p("div", sl, [
             c(x, {
               size: 18,
               "stroke-width": 3,
@@ -5406,24 +5406,24 @@ const na = /* @__PURE__ */ F(Zs, [["render", ta], ["__scopeId", "data-v-718e3064
             })
           ])) : C("", !0)
         ]),
-        a("div", aa, [
-          v.isAdd ? (l(), p("div", {
+        l("div", ll, [
+          v.isAdd ? (a(), p("div", {
             key: 0,
             class: "item-text",
             style: { color: "hsl(0, 0%, 55%)" },
             textContent: d(D.value)
-          }, null, 8, la)) : v.name ? (l(), p(I, { key: 1 }, [
-            a("div", {
+          }, null, 8, al)) : v.name ? (a(), p(I, { key: 1 }, [
+            l("div", {
               class: "item-text",
               textContent: d(T.value)
-            }, null, 8, ra),
+            }, null, 8, rl),
             A(v.$slots, "default", {}, void 0, !0)
           ], 64)) : C("", !0)
         ])
       ], 16);
     };
   }
-}), ca = /* @__PURE__ */ F(da, [["__scopeId", "data-v-73746647"]]), ua = {
+}), cl = /* @__PURE__ */ F(dl, [["__scopeId", "data-v-73746647"]]), ul = {
   name: "HorizontalScroll",
   components: {
     Simplebar: J
@@ -5475,15 +5475,15 @@ const na = /* @__PURE__ */ F(Zs, [["render", ta], ["__scopeId", "data-v-718e3064
       }, 50);
     }
   }
-}, ma = {
+}, ml = {
   ref: "container",
   class: "horizontal-scroll"
-}, pa = { class: "hl-navigation" }, ha = { class: "hl-container" }, fa = { class: "flex w-full" };
-function ga(e, t, n, s, i, o) {
+}, pl = { class: "hl-navigation" }, hl = { class: "hl-container" }, fl = { class: "flex w-full" };
+function gl(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("Simplebar");
-  return l(), p("div", ma, [
-    a("div", pa, [
-      i.hasPrev ? (l(), p("div", {
+  return a(), p("div", ml, [
+    l("div", pl, [
+      i.hasPrev ? (a(), p("div", {
         key: 0,
         class: "hl-btn-left max-sm:hidden",
         onClick: t[0] || (t[0] = (h) => o.go(-1))
@@ -5498,7 +5498,7 @@ function ga(e, t, n, s, i, o) {
           })
         ], !0)
       ])) : C("", !0),
-      i.hasNext ? (l(), p("div", {
+      i.hasNext ? (a(), p("div", {
         key: 1,
         class: "hl-btn-right max-sm:hidden",
         onClick: t[2] || (t[2] = (h) => o.go(1))
@@ -5515,14 +5515,14 @@ function ga(e, t, n, s, i, o) {
         ], !0)
       ])) : C("", !0)
     ]),
-    a("div", ha, [
+    l("div", hl, [
       c(g, {
         ref: "list",
         class: "hl-list",
         onScroll: o.scrollHandler
       }, {
         default: u(() => [
-          a("div", fa, [
+          l("div", fl, [
             A(e.$slots, "default", {}, void 0, !0)
           ])
         ]),
@@ -5531,8 +5531,8 @@ function ga(e, t, n, s, i, o) {
     ])
   ], 512);
 }
-const ya = /* @__PURE__ */ F(ua, [["render", ga], ["__scopeId", "data-v-8c23700f"]]);
-function va(e, { availableProducts: t }) {
+const yl = /* @__PURE__ */ F(ul, [["render", gl], ["__scopeId", "data-v-8c23700f"]]);
+function vl(e, { availableProducts: t }) {
   if (!e) throw new Error("Missing parameter templateId");
   const n = t, s = Object.keys(n).find((i) => {
     var r;
@@ -5544,7 +5544,7 @@ function va(e, { availableProducts: t }) {
   });
   return s ? n[s] : null;
 }
-async function Ca(e) {
+async function Cl(e) {
   if (!e) throw new Error("Missing argument stripeProduct");
   const t = e == null ? void 0 : e.prices[0], { data: n } = await _t.createCheckoutSession({
     items: [
@@ -5561,7 +5561,7 @@ async function Ca(e) {
 function Je(e, { availableProducts: t }) {
   var i, o, r;
   let n = null;
-  const s = va(e.templateId, {
+  const s = vl(e.templateId, {
     availableProducts: t
   });
   return s && (n = {
@@ -5569,10 +5569,10 @@ function Je(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 () => Ca(s)
+    onBuy: async () => Cl(s)
   }), n;
 }
-const ba = {
+const bl = {
   name: "GalleryTemplateModal",
   components: {
     Simplebar: J,
@@ -5711,31 +5711,37 @@ const ba = {
       await He(t) && we("info", this.$t("copyMessage"));
     }
   }
-}, ka = { class: "template-modal font-inter bg-gray-200" }, wa = { style: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": `rgb(244, 244, 244) 0px 2px 14px 0px inset,
+}, kl = { class: "template-modal font-inter relative flex h-full w-full flex-col overflow-y-auto rounded-[1.25em] bg-gray-200 p-[10px] md:flex-row md:overflow-hidden" }, wl = {
+  class: "min-h-[400px] flex-none md:min-h-0 md:flex-auto",
+  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" } }, _a = { style: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, xa = { style: { "padding-bottom": "2em" } }, Ta = { style: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, Da = { style: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, Sa = { style: { hyphens: "auto" } }, Ia = {
+          rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset` }
+}, _l = {
+  class: "order-first w-full p-6 md:order-none md:flex-[0_1_300px] md:p-[2em_1em_3em_2em]",
+  style: { "font-size": "18px" }
+}, xl = { style: { "padding-bottom": "2em" } }, Tl = { style: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, Dl = { style: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, Sl = { style: { hyphens: "auto" } }, Il = {
   key: 0,
   style: { "padding-top": "1.5em" },
   class: "flex items-center"
-}, $a = { style: { "margin-left": "0.5em" } }, Fa = { style: { "font-weight": "500" } }, La = { style: { "font-weight": "400", "font-size": "14px" } }, Ba = { style: { "padding-bottom": "2em" } }, Va = {
+}, $l = { style: { "margin-left": "0.5em" } }, Fl = { style: { "font-weight": "500" } }, Ll = { style: { "font-weight": "400", "font-size": "14px" } }, Bl = { style: { "padding-bottom": "2em" } }, Vl = {
   key: 0,
   class: "mb-5 flex items-center gap-2 rounded-full border border-gray-300 bg-gray-300/60 p-1 text-sm"
-}, Ma = { class: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, Pa = ["textContent"], Aa = ["textContent"];
-function Ea(e, t, n, s, i, o) {
+}, Ml = { class: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, Pl = ["textContent"], Al = ["textContent"];
+function El(e, t, n, s, i, o) {
   var D;
   const r = m("DocumentLayout"), g = m("Simplebar"), h = m("CIcon"), y = m("CButton"), w = m("IsPremiumPreStep"), k = m("IsPremium");
-  return l(), p("div", ka, [
-    a("div", wa, [
+  return a(), p("div", kl, [
+    l("div", wl, [
       c(g, {
         class: "h-full w-full",
         "data-simplebar-auto-hide": "false"
       }, {
         default: u(() => [
-          o.previewDocument ? (l(), b(r, {
+          o.previewDocument ? (a(), b(r, {
             key: 0,
             document: o.previewDocument
           }, null, 8, ["document"])) : C("", !0),
-          n.product && !i.privateProduct.isPurchased ? (l(), b(W("style"), { key: 1 }, {
+          n.product && !i.privateProduct.isPurchased ? (a(), b(W("style"), { key: 1 }, {
             default: u(() => t[1] || (t[1] = [
               _(" .ProseMirror > * + * { filter: blur(8px); user-select: none; pointer-events: none; } ")
             ])),
@@ -5745,50 +5751,50 @@ function Ea(e, t, n, s, i, o) {
         _: 1
       })
     ]),
-    a("div", _a, [
-      a("div", xa, [
-        a("div", Ta, d(n.meta.name), 1),
-        a("div", Da, [
-          (D = i.templateStat) != null && D.usedTimes ? (l(), p(I, { key: 0 }, [
+    l("div", _l, [
+      l("div", xl, [
+        l("div", Tl, d(n.meta.name), 1),
+        l("div", Dl, [
+          (D = i.templateStat) != null && D.usedTimes ? (a(), p(I, { key: 0 }, [
             _(d(e.$t("_common:used").capitalize()) + " " + d(i.templateStat.usedTimes) + " " + d(e.$t("_common:times", { count: i.templateStat.usedTimes })), 1)
           ], 64)) : C("", !0)
         ]),
-        a("div", Sa, d(n.meta.text), 1),
-        n.meta.author ? (l(), p("div", Ia, [
-          a("div", {
+        l("div", Sl, d(n.meta.text), 1),
+        n.meta.author ? (a(), p("div", Il, [
+          l("div", {
             style: z([{ "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", $a, [
-            a("div", Fa, d(n.meta.author.name), 1),
-            a("div", La, [
-              n.meta.author.templatesCount ? (l(), p(I, { key: 0 }, [
+          l("div", $l, [
+            l("div", Fl, d(n.meta.author.name), 1),
+            l("div", Ll, [
+              n.meta.author.templatesCount ? (a(), p(I, { key: 0 }, [
                 _(d(n.meta.author.templatesCount) + " " + d(e.$t("_common:template", { count: n.meta.author.templatesCount })), 1)
-              ], 64)) : (l(), p(I, { key: 1 }, [
+              ], 64)) : (a(), p(I, { key: 1 }, [
                 _(d(e.$t("_common:template").capitalize()), 1)
               ], 64))
             ])
           ])
         ])) : C("", !0)
       ]),
-      a("div", Ba, [
-        n.product ? (l(), p(I, { key: 0 }, [
-          i.privateProduct.isPurchased ? (l(), p("div", Va, [
-            a("div", Ma, [
+      l("div", Bl, [
+        n.product ? (a(), p(I, { key: 0 }, [
+          i.privateProduct.isPurchased ? (a(), p("div", Vl, [
+            l("div", Ml, [
               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, Pa)
-          ])) : (l(), b(y, {
+            }, null, 8, Pl)
+          ])) : (a(), b(y, {
             key: 1,
             type: "secondary",
             wide: "",
@@ -5797,11 +5803,11 @@ function Ea(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, Aa)
+              }, null, 8, Al)
             ]),
             _: 1
           }, 8, ["onClick"]))
@@ -5810,7 +5816,7 @@ function Ea(e, t, n, s, i, o) {
           default: u(({ canUseTemplate: T }) => [
             c(w, { feature: "useDocTemplate" }, {
               default: u(({ onClick: v }) => [
-                !n.product || i.privateProduct.isPurchased ? (l(), b(y, {
+                !n.product || i.privateProduct.isPurchased ? (a(), b(y, {
                   key: 0,
                   disabled: n.product ? !i.privateProduct.isPurchased : !1,
                   type: "secondary",
@@ -5835,7 +5841,7 @@ function Ea(e, t, n, s, i, o) {
               default: u(({ onClick: v }) => {
                 var f;
                 return [
-                  (n.product ? (f = n.product) != null && f.isPurchased : n.showSave) ? (l(), b(y, {
+                  (n.product ? (f = n.product) != null && f.isPurchased : n.showSave) ? (a(), b(y, {
                     key: 0,
                     loading: e.isLoading,
                     type: i.didSave ? "success" : "none",
@@ -5856,7 +5862,7 @@ function Ea(e, t, n, s, i, o) {
           ]),
           _: 1
         }),
-        o.allowCopyTemplateLink ? (l(), b(y, {
+        o.allowCopyTemplateLink ? (a(), b(y, {
           key: 1,
           type: "none",
           "icon-left": "link",
@@ -5872,7 +5878,7 @@ function Ea(e, t, n, s, i, o) {
     ])
   ]);
 }
-const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-837746ac"]]), Ra = {
+const zl = /* @__PURE__ */ F(bl, [["render", El], ["__scopeId", "data-v-2ccff3bb"]]), Rl = {
   name: "GalleryLogic",
   i18nOptions: {
     namespaces: "GalleryLogic",
@@ -6014,7 +6020,7 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-837746ac
         );
         this.selectGalleryItem(r);
       } catch (r) {
-        le(r);
+        ae(r);
       }
   },
   methods: {
@@ -6043,7 +6049,7 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-837746ac
           []
         );
       } catch (t) {
-        le(t);
+        ae(t);
       } finally {
         this.isLoading = !1;
       }
@@ -6067,16 +6073,12 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-837746ac
       this.useTemplate({ formData: s });
     },
     openGalleryTemplateModal({ template: e, galleryItem: t }) {
-      if (window.innerWidth < 800) {
-        this.onUseTemplate(e);
-        return;
-      }
       const n = {
         cling: "/img/app/icon-blue-text-250x250.png",
         docspo: "/img/docspo/icons/apple-touch-icon-180x180.png"
       };
       this.$modal.show(
-        za,
+        zl,
         {
           template: e,
           fetchGallery: this.fetchGallery,
@@ -6121,7 +6123,7 @@ const za = /* @__PURE__ */ F(ba, [["render", Ea], ["__scopeId", "data-v-837746ac
     }
   }
 };
-function Oa(e, t, n, s, i, o) {
+function Ol(e, t, n, s, i, o) {
   return A(e.$slots, "default", {
     galleryItems: o.galleryItems,
     categories: o.categories,
@@ -6130,7 +6132,7 @@ function Oa(e, t, n, s, i, o) {
     selectGalleryItem: o.selectGalleryItem
   });
 }
-const Ua = /* @__PURE__ */ F(Ra, [["render", Oa]]), Ha = {
+const Ul = /* @__PURE__ */ F(Rl, [["render", Ol]]), Hl = {
   i18nOptions: {
     namespaces: "TemplateSelector",
     messages: {
@@ -6174,10 +6176,10 @@ const Ua = /* @__PURE__ */ F(Ra, [["render", Oa]]), Ha = {
   },
   name: "TemplateSelector",
   components: {
-    HorizontalScroll: ya,
-    DocumentIcon: ca,
-    DocumentRecent: na,
-    GalleryLogic: Ua,
+    HorizontalScroll: yl,
+    DocumentIcon: cl,
+    DocumentRecent: nl,
+    GalleryLogic: Ul,
     IsPremiumPreStep: X,
     CDropdown: re,
     CDropdownItem: q,
@@ -6313,7 +6315,7 @@ const Ua = /* @__PURE__ */ F(Ra, [["render", Oa]]), Ha = {
         ]);
         return await this.createTemplate({ body: n }), !0;
       } catch (t) {
-        le(t);
+        ae(t);
       }
       return !1;
     },
@@ -6344,39 +6346,39 @@ const Ua = /* @__PURE__ */ F(Ra, [["render", Oa]]), Ha = {
       return e.doConsumeDocumentQuota ? this.canFeature("useDocTemplate") : !0;
     }
   }
-}, qa = { class: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, Ga = { style: { width: "100%", "padding-bottom": "5em" } }, Na = { class: "section-title" }, Wa = { class: "section-subtitle" }, ja = {
+}, ql = { class: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, Gl = { style: { width: "100%", "padding-bottom": "5em" } }, Nl = { class: "section-title" }, Wl = { class: "section-subtitle" }, jl = {
   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"
-}, Za = {
+}, Zl = {
   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"
-}, Ka = { style: { width: "100%", "padding-bottom": "5em" } }, Qa = { class: "section-title w-full" }, Ya = { class: "flex items-center justify-between" }, Ja = ["innerHTML"], Xa = {
+}, Kl = { style: { width: "100%", "padding-bottom": "5em" } }, Ql = { class: "section-title w-full" }, Yl = { class: "flex items-center justify-between" }, Jl = ["innerHTML"], Xl = {
   key: 0,
   class: "bg-primary-500 border-primary-700/40 rounded border p-1 text-xs font-semibold leading-none text-white shadow-lg"
-}, el = ["textContent"], tl = {
+}, ea = ["textContent"], ta = {
   class: "section-title",
   style: { flex: "1 1 auto", "padding-bottom": "0.5em" }
-}, nl = { class: "section-subtitle" };
-function il(e, t, n, s, i, o) {
+}, na = { class: "section-subtitle" };
+function ia(e, t, n, s, i, o) {
   const r = m("CIcon"), g = m("CButton"), h = m("TemplateActionsDropdown"), y = m("DocumentIcon"), w = m("IsPremiumPreStep"), k = m("CDropdownItem"), D = m("CDropdown"), T = m("HorizontalScroll"), v = m("GalleryLogic"), f = m("DocumentRecent"), x = ie("tooltip");
-  return l(), p("div", qa, [
-    a("div", {
+  return a(), p("div", ql, [
+    l("div", {
       class: B([{ small: e.mq === "sm" }, "font-inter form-start main mx-auto max-w-5xl"])
     }, [
       A(e.$slots, "header", {}, void 0, !0),
-      a("div", Ga, [
-        a("div", Na, [
-          a("div", null, d(e.$t("myTemplates")), 1),
-          a("div", Wa, d(e.$t("myTemplatesSubTitle")), 1)
+      l("div", Gl, [
+        l("div", Nl, [
+          l("div", null, d(e.$t("myTemplates")), 1),
+          l("div", Wl, d(e.$t("myTemplatesSubTitle")), 1)
         ]),
         c(w, { feature: "useDocTemplate" }, {
           default: u(({ onClick: $ }) => [
-            (l(), b(W(i.isExpanded ? "div" : "HorizontalScroll"), {
+            (a(), b(W(i.isExpanded ? "div" : "HorizontalScroll"), {
               class: B([{ "is-expanded": i.isExpanded }, "template-list"]),
               onExpand: t[1] || (t[1] = (S) => i.isExpanded = !0)
             }, {
               default: u(() => [
-                (l(!0), p(I, null, E(o.myTemplates, (S) => (l(), b(y, {
+                (a(!0), p(I, null, E(o.myTemplates, (S) => (a(), b(y, {
                   key: S.id,
                   "is-add": S.id === "empty",
                   "is-placeholder": S.placeholder,
@@ -6387,17 +6389,17 @@ function il(e, t, n, s, i, o) {
                   onTriggerOpenTemplate: (H) => S.placeholder ? null : o.canUseTemplate(S) ? o.select({ templateId: S.id }) : $()
                 }, {
                   badge: u(() => [
-                    o.canUseTemplate(S) ? !S.doConsumeDocumentQuota && !S.placeholder ? (l(), p("div", Za, d(e.$t("_common:free")), 1)) : C("", !0) : (l(), p("div", ja, [
+                    o.canUseTemplate(S) ? !S.doConsumeDocumentQuota && !S.placeholder ? (a(), p("div", Zl, d(e.$t("_common:free")), 1)) : C("", !0) : (a(), p("div", jl, [
                       c(r, {
                         type: "lock",
                         size: "12",
                         "stroke-width": "2.5"
                       }),
-                      t[3] || (t[3] = a("div", { class: "text-[11px] font-semibold" }, "Pro", -1))
+                      t[3] || (t[3] = l("div", { class: "text-[11px] font-semibold" }, "Pro", -1))
                     ]))
                   ]),
                   default: u(() => [
-                    S.onModify === "create" && !S.doConsumeDocumentQuota ? G((l(), b(g, {
+                    S.onModify === "create" && !S.doConsumeDocumentQuota ? G((a(), b(g, {
                       key: 0,
                       icon: "info",
                       type: "none",
@@ -6411,7 +6413,7 @@ function il(e, t, n, s, i, o) {
                         content: e.$t("icon.freeTooltip"),
                         placement: "bottom"
                       }]
-                    ]) : G((l(), b(h, {
+                    ]) : G((a(), b(h, {
                       key: 1,
                       "append-to-body": "",
                       template: S,
@@ -6431,7 +6433,7 @@ function il(e, t, n, s, i, o) {
           _: 1
         })
       ]),
-      n.showGallery ? (l(), b(v, {
+      n.showGallery ? (a(), b(v, {
         key: 0,
         "fetch-gallery": o.fetchGallery,
         "use-template": o.select,
@@ -6446,10 +6448,10 @@ function il(e, t, n, s, i, o) {
           selectCategory: V,
           selectGalleryItem: se
         }) => [
-          a("div", Ka, [
-            a("div", Qa, [
-              a("div", Ya, [
-                a("div", null, d(e.$t("gallery")), 1),
+          l("div", Kl, [
+            l("div", Ql, [
+              l("div", Yl, [
+                l("div", null, d(e.$t("gallery")), 1),
                 c(D, {
                   style: { "margin-left": "calc(0.5 * var(--rem))" },
                   onClick: t[2] || (t[2] = j(() => {
@@ -6469,7 +6471,7 @@ function il(e, t, n, s, i, o) {
                     }, 1024)
                   ]),
                   default: u(() => [
-                    (l(!0), p(I, null, E(S, (L) => (l(), b(k, {
+                    (a(!0), p(I, null, E(S, (L) => (a(), b(k, {
                       key: L.key,
                       "icon-right": H && H.key === L.key ? "check" : "",
                       onClick: (ce) => V(L)
@@ -6483,14 +6485,14 @@ function il(e, t, n, s, i, o) {
                   _: 2
                 }, 1024)
               ]),
-              a("div", {
+              l("div", {
                 class: "section-subtitle",
                 innerHTML: e.$t("gallerySubTitle")
-              }, null, 8, Ja)
+              }, null, 8, Jl)
             ]),
             c(T, { class: "template-list" }, {
               default: u(() => [
-                (l(!0), p(I, null, E($, (L) => (l(), b(y, {
+                (a(!0), p(I, null, E($, (L) => (a(), b(y, {
                   key: L.id,
                   "is-placeholder": L.placeholder,
                   media: { type: "image", resourceUrl: L.backgroundUrl },
@@ -6499,16 +6501,16 @@ function il(e, t, n, s, i, o) {
                   onTriggerOpenTemplate: (ce) => L.placeholder ? null : se(L)
                 }, {
                   badge: u(() => [
-                    L.product ? (l(), p("div", Xa, [
-                      L.product.isPurchased ? (l(), b(r, {
+                    L.product ? (a(), p("div", Xl, [
+                      L.product.isPurchased ? (a(), b(r, {
                         key: 0,
                         type: "check",
                         size: "14",
                         "stroke-width": "3"
-                      })) : (l(), p("div", {
+                      })) : (a(), p("div", {
                         key: 1,
                         textContent: d(L.product.price)
-                      }, null, 8, el))
+                      }, null, 8, ea))
                     ])) : C("", !0)
                   ]),
                   _: 2
@@ -6526,9 +6528,9 @@ function il(e, t, n, s, i, o) {
         onSaveTemplate: o.openTemplateFormModal
       }, {
         default: u(() => [
-          a("div", tl, [
-            a("div", null, d(e.$t("recent")), 1),
-            a("div", nl, d(e.$t("recentSubTitle")), 1)
+          l("div", ta, [
+            l("div", null, d(e.$t("recent")), 1),
+            l("div", na, d(e.$t("recentSubTitle")), 1)
           ])
         ]),
         _: 1
@@ -6536,9 +6538,9 @@ function il(e, t, n, s, i, o) {
     ], 2)
   ]);
 }
-const ol = /* @__PURE__ */ F(Ha, [["render", il], ["__scopeId", "data-v-8b78439a"]]);
+const oa = /* @__PURE__ */ F(Hl, [["render", ia], ["__scopeId", "data-v-8b78439a"]]);
 var he, Ve;
-function sl() {
+function sa() {
   if (Ve) return he;
   Ve = 1;
   var e = Ft(), t = Lt(), n = Bt();
@@ -6552,10 +6554,10 @@ function sl() {
   return he = s, he;
 }
 var fe, Me;
-function al() {
+function la() {
   if (Me) return fe;
   Me = 1;
-  var e = sl(), t = Vt();
+  var e = sa(), t = Vt();
   function n(s, i) {
     return e(s, i, function(o, r) {
       return t(s, r);
@@ -6564,16 +6566,16 @@ function al() {
   return fe = n, fe;
 }
 var ge, Pe;
-function ll() {
+function aa() {
   if (Pe) return ge;
   Pe = 1;
-  var e = al(), t = Kt(), n = t(function(s, i) {
+  var e = la(), t = Kt(), n = t(function(s, i) {
     return s == null ? {} : e(s, i);
   });
   return ge = n, ge;
 }
-var rl = ll();
-const dl = /* @__PURE__ */ Ue(rl), cl = {
+var ra = aa();
+const da = /* @__PURE__ */ Ue(ra), ca = {
   name: "DocForm",
   i18nOptions: {
     namespaces: "widgetDocForm",
@@ -6587,7 +6589,7 @@ const dl = /* @__PURE__ */ Ue(rl), cl = {
     }
   },
   components: {
-    TemplateSelector: ol,
+    TemplateSelector: oa,
     DocumentForm: Ws,
     PostSend: dn
   },
@@ -6708,7 +6710,7 @@ const dl = /* @__PURE__ */ Ue(rl), cl = {
     },
     async onTemplateSelect({ templateId: e, documentId: t, formData: n }) {
       var i;
-      const s = dl({ ...this.rawDoc }, [
+      const s = da({ ...this.rawDoc }, [
         "__tempId",
         "externalReferences",
         "subscriberCompanyUserIds",
@@ -6757,23 +6759,23 @@ const dl = /* @__PURE__ */ Ue(rl), cl = {
       return !t.sms && !t.email;
     }
   }
-}, ul = { class: "flex h-full w-full flex-col" }, ml = {
+}, ua = { class: "flex h-full w-full flex-col" }, ma = {
   key: 0,
   class: "flex h-full w-full flex-col"
-}, pl = { class: "relative flex h-16 items-center justify-center border-b border-gray-200" };
-function hl(e, t, n, s, i, o) {
+}, pa = { class: "relative flex h-16 items-center justify-center border-b border-gray-200" };
+function ha(e, t, n, s, i, o) {
   const r = m("CButton"), g = m("TemplateSelector"), h = m("DocumentForm"), y = m("PostSend");
-  return l(), p("div", ul, [
-    i.view === "templateSelect" ? (l(), p("div", ml, [
-      a("div", pl, [
-        n.closeFunc ? (l(), b(r, {
+  return a(), p("div", ua, [
+    i.view === "templateSelect" ? (a(), p("div", ma, [
+      l("div", pa, [
+        n.closeFunc ? (a(), b(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)
+        l("div", null, d(e.$t("selectNavTitle")), 1)
       ]),
       c(g, {
         "on-use-template": o.onTemplateSelect,
@@ -6785,7 +6787,7 @@ function hl(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(), b(h, {
+    ])) : i.view === "editor" ? (a(), b(h, {
       key: 1,
       document: i.document,
       "set-doc-value": o.setDocValue,
@@ -6801,7 +6803,7 @@ function hl(e, t, n, s, i, o) {
       "show-keep-clients-option": n.showKeepClientsOption
     }, {
       "nav-right-action": u(() => [
-        n.isEditingTemplate ? (l(), b(r, {
+        n.isEditingTemplate ? (a(), b(r, {
           key: 0,
           loading: i.isSavingTemplate,
           disabled: !o.canDoActions,
@@ -6819,7 +6821,7 @@ function hl(e, t, n, s, i, o) {
         }, 8, ["loading", "disabled", "onClick"])) : C("", !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(), b(y, {
+    }, 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(), b(y, {
       key: 2,
       document: i.document,
       "on-send-func": n.closeFunc,
@@ -6827,7 +6829,7 @@ function hl(e, t, n, s, i, o) {
     }, null, 8, ["document", "on-send-func", "on-close-func"])) : C("", !0)
   ]);
 }
-const Ol = /* @__PURE__ */ F(cl, [["render", hl], ["__scopeId", "data-v-d0a00abf"]]);
+const Oa = /* @__PURE__ */ F(ca, [["render", ha], ["__scopeId", "data-v-d0a00abf"]]);
 export {
-  Ol as default
+  Oa as default
 };