@cling-se/widget 0.19.13 → 0.20.1

package/dist/{ColorPicker-Ca2a0Dib.js → ColorPicker-Bs_kXTFe.js}

@@ -1,4 +1,4 @@
-import { d as m, o as f, W as k, b as S, j as h, f as v, u as R, c4 as ee, t as Y, x as J, e as p, c as U, v as T, _ as te } from "./main-C18owm58.js";
+import { d as m, o as f, W as k, b as S, j as h, f as v, u as R, c4 as ee, t as Y, x as J, e as p, c as U, v as T, _ as te } from "./main-DAjWLLG0.js";
 const re = "";
 function H(e, t) {
   t === void 0 && (t = {});

package/dist/{CompanyModal-C6AUjpnI.js → CompanyModal-DzXAdbGd.js}

@@ -1,10 +1,10 @@
-import { _ as b } from "./CFormField.vue_vue_type_script_setup_true_lang-vyObNdUP.js";
-import { C as U } from "./CPhoneInput-DnigKWiR.js";
-import { w as v } from "./CDropdownItem-rpcdHW76.js";
-import { _ as F, m as P, aq as f, ar as S, a as M, b as r, d as N, o as y, j as d, c as V, e as z, f as i, t as h, w as m, q as I, W as _, an as $, x as O, g as l } from "./main-C18owm58.js";
-import { u as E } from "./index-DWwjiiMe.js";
-import { e as k, r as w } from "./index-DINik6UH.js";
-import { s as q, a as C } from "./publicSenderState-BR7541Fw.js";
+import { _ as b } from "./CFormField.vue_vue_type_script_setup_true_lang-DoO3uBt-.js";
+import { C as U } from "./CPhoneInput-kOcllgTr.js";
+import { w as v } from "./CDropdownItem-CZO28TQW.js";
+import { _ as F, m as P, aq as f, ar as S, a as M, b as r, d as N, o as y, j as d, c as V, e as z, f as i, t as h, w as m, q as I, W as _, an as $, x as O, g as l } from "./main-DAjWLLG0.js";
+import { u as E } from "./index-D-NDkjvk.js";
+import { e as k, r as w } from "./index-Bw8qzZRS.js";
+import { s as q, a as C } from "./publicSenderState-BaH8Utk8.js";
 const { mapFields: R } = S({
   getterType: "forms/getField",
   mutationType: "forms/updateField"

package/dist/{ContentWrapper-wTfXDKX-.js → ContentWrapper-2wh0OBB0.js}

@@ -1,8 +1,8 @@
-import { m as T } from "./mapFormMixin-bA_KI0pt.js";
-import { B as k } from "./BlockMedia-Dza5TjFS.js";
-import { t as w } from "./template-Y3wS95il.js";
-import { T as L } from "./DocTextEditor-DYrnRt6O.js";
-import { _ as f, d, o as l, T as s, j as p, x as b, ah as $, ae as x, ag as C, l as S, b3 as N, b as i, f as h, w as m, c as u, e as _, R as E } from "./main-C18owm58.js";
+import { m as T } from "./mapFormMixin-CFaAoXxf.js";
+import { B as k } from "./BlockMedia-BYVRSrze.js";
+import { t as w } from "./template-CHAQR6C-.js";
+import { T as L } from "./DocTextEditor-D3EjoBGe.js";
+import { _ as f, d, o as l, T as s, j as p, x as b, ah as $, ae as x, ag as C, l as S, b3 as N, b as i, f as h, w as m, c as u, e as _, R as E } from "./main-DAjWLLG0.js";
 import { i as F } from "./i18nMessages-Chz_lxGG.js";
 const M = {
   name: "StaticComboLayout",
@@ -54,7 +54,7 @@ const z = /* @__PURE__ */ f(M, [["render", j]]), A = {
   },
   components: {
     DocumentLogotype: S(
-      () => import("./DocumentLogotype-B6ENzX02.js")
+      () => import("./DocumentLogotype-BldUocoJ.js")
     ),
     StaticComboLayout: z,
     TextEditor: L

package/dist/{CoverBlockSettings-BkWhPlN2.js → CoverBlockSettings-DSOoms9U.js}

@@ -1,8 +1,8 @@
-import { m as z } from "./mapFormMixin-bA_KI0pt.js";
-import { T as B } from "./ThemeColorRow-BdXx5ClL.js";
-import { b as T } from "./helpers-DOdzW9pA.js";
-import { _ as w, N as M, d as u, o as l, j as n, R as x, ai as f, an as y, e as p, T as $, W as b, x as L, b as g, f as v, c as S, F as V, n as _, t as h, ad as N, w as k, q as C, l as R, au as U } from "./main-C18owm58.js";
-import { b as I } from "./CDropdownItem-rpcdHW76.js";
+import { m as z } from "./mapFormMixin-CFaAoXxf.js";
+import { T as B } from "./ThemeColorRow-EJd126k7.js";
+import { b as T } from "./helpers-Dkn2xKzv.js";
+import { _ as w, N as M, d as u, o as l, j as n, R as x, ai as f, an as y, e as p, T as $, W as b, x as L, b as g, f as v, c as S, F as V, n as _, t as h, ad as N, w as k, q as C, l as R, au as U } from "./main-DAjWLLG0.js";
+import { b as I } from "./CDropdownItem-CZO28TQW.js";
 const K = {
   name: "CSliderThumb",
   mixins: [M],
@@ -600,10 +600,10 @@ function le(e, t, s, a, r, i) {
 }
 const de = /* @__PURE__ */ w(ne, [["render", le], ["__scopeId", "data-v-a0f7de54"]]), ue = {
   image: R(
-    () => import("./ImageSelectModal-CSW3shsb.js")
+    () => import("./ImageSelectModal-3U22LhEN.js")
   ),
   video: R(
-    () => import("./VideoSelectModal-DIV9-62A.js")
+    () => import("./VideoSelectModal-BI0-L5dG.js")
   )
 }, me = {
   name: "CoverBlockSettings",

package/dist/{DocAnswer-DoRmk17c.js → DocAnswer-B529e1E2.js}

@@ -1,5 +1,5 @@
-import n from "./AnswerModal-B2ApEIfo.js";
-import { _ as t, b as c, c as r, o as s } from "./main-C18owm58.js";
+import n from "./AnswerModal-aoQoCe3o.js";
+import { _ as t, b as c, c as r, o as s } from "./main-DAjWLLG0.js";
 const u = {
   components: {
     AnswerModal: n

package/dist/{DocDetails-D_E3lERC.js → DocDetails-BHqTgx1H.js}

@@ -1,7 +1,7 @@
-import { D as A } from "./DocumentVoided-B9AHAIvl.js";
-import { w as F, C as I, a as B } from "./CDropdownItem-rpcdHW76.js";
-import { a7 as V, d as s, o as n, j as o, T as P, F as _, n as N, x as z, t as i, e as d, c as y, w as v, I as S, _ as $, b9 as j, af as q, b as p, f as b, q as w, aD as O, ba as E, bb as T, bc as M } from "./main-C18owm58.js";
-import { C as U } from "./CPhoneFormat-uxMRSGaN.js";
+import { D as A } from "./DocumentVoided-rZxx0TDM.js";
+import { w as F, C as I, a as B } from "./CDropdownItem-CZO28TQW.js";
+import { a7 as V, d as s, o as n, j as o, T as P, F as _, n as N, e as d, c as y, t as i, w as v, I as S, x as z, _ as $, b9 as j, af as q, b as p, f as b, q as w, aD as O, ba as E, bb as T, bc as M } from "./main-DAjWLLG0.js";
+import { C as U } from "./CPhoneFormat-CUtvNKnk.js";
 const G = { style: { "margin-bottom": "1em", border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px" } }, H = { class: "flex items-center p-4" }, J = { class: "mb-1" }, K = { class: "flex flex-col space-y-1 text-sm" }, Q = ["href"], W = ["href"], R = /* @__PURE__ */ V({
   __name: "PublicContactDetails",
   props: {

package/dist/{DocForm-DbpjRBRm.js → DocForm-DOdyjHWA.js}

@@ -1,28 +1,28 @@
-import et from "./AnswerModal-B2ApEIfo.js";
-import { o as tt } from "./index-DDfG6A20.js";
-import { w as Q, C as q, a as re } from "./CDropdownItem-rpcdHW76.js";
-import { _ as F, m as Z, cN 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, q as _, e as C, W as z, al as ne, an as j, x as V, T as A, aU as J, c as b, ap as W, R as be, F as I, a7 as de, z as nt, A as xe, H as U, p as Te, i as K, a2 as De, cO as it, I as O, af as M, n as E, a as R, cP as ot, y as st, X as ke, s as Ae, S as at, aF as Se, Y as te, cL as lt, a4 as ie, u as G, ai as rt, aE as dt, aB as we, k as le, cf as Ee, cg as ze, v as ve, l as ct, a6 as Ie, ch as ut, cQ as ue, cR as mt, bm as pt, a0 as Re, cS as ht, aa as Oe, cT as ft, cU as gt, aK as Ue, r as yt, aD as Ce, aA as He, cV as vt, cW as Ct, cX as bt, az as kt, a9 as wt, cY as _t, cZ as xt, c_ as Tt, C as qe, c$ as Dt, d0 as St, d1 as It, ci as $t, d2 as Ft, d3 as Lt, b0 as Vt, d4 as Bt, d5 as Mt } from "./main-C18owm58.js";
+import et from "./AnswerModal-aoQoCe3o.js";
+import { o as tt } from "./index-c4rO163H.js";
+import { w as Q, C as q, a as re } from "./CDropdownItem-CZO28TQW.js";
+import { _ as F, m as Z, cN 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, q as _, e as C, W as z, al as ne, an as j, x as B, T as A, aU as J, c as b, ap as W, R as be, F as I, a7 as de, z as nt, A as xe, H as U, p as Te, i as K, a2 as De, cO as it, I as O, af as M, n as E, a as R, cP as ot, y as st, X as ke, s as Ae, S as at, aF as Se, Y as te, cL as lt, a4 as ie, u as G, ai as rt, aE as dt, aB as we, k as le, cf as Ee, cg as ze, v as ve, l as ct, a6 as Ie, ch as ut, cQ as ue, cR as mt, bm as pt, a0 as Re, cS as ht, aa as Oe, cT as ft, cU as gt, aK as Ue, r as yt, aD as Ce, aA as He, cV as vt, cW as Ct, cX as bt, az as kt, a9 as wt, cY as _t, cZ as xt, c_ as Tt, C as qe, c$ as Dt, d0 as St, d1 as It, ci as $t, d2 as Ft, d3 as Lt, a$ as Bt, d4 as Vt, d5 as Mt } from "./main-DAjWLLG0.js";
 /* empty css                       */
-import { g as Pt, l as At, _ as Et, a as zt, D as Rt } from "./DocumentLayout-DbXHslTY.js";
-import { F as Ge, d as Ot } from "./tippy.esm-CQD-ZLcV.js";
-import { m as oe, c as $e, u as Ne, i as Ut } from "./mapFormMixin-bA_KI0pt.js";
-import "./helpers-DOdzW9pA.js";
-import { a as Ht } from "./ClientAutocomplete-Dof0Wnp9.js";
-import { _ as qt } from "./Sortable.vue_vue_type_script_setup_true_lang-DtvYuVUg.js";
-import { C as Gt, _ as We, a as X, I as ee, s as Nt } from "./index-DNQzIGHD.js";
-import { _ as _e } from "./CFormField.vue_vue_type_script_setup_true_lang-vyObNdUP.js";
-import { S as Wt } from "./SmartList-Opr_24HD.js";
-import { u as je } from "./index-DWwjiiMe.js";
-import { r as Fe, a as jt } from "./index-DINik6UH.js";
-import { o as Zt, r as Kt } from "./omit-BVoDlsuC.js";
-import { s as N } from "./formDrawerState-BesayjqS.js";
+import { g as Pt, l as At, _ as Et, a as zt, D as Rt } from "./DocumentLayout-B2vKSnWD.js";
+import { F as Ge, d as Ot } from "./tippy.esm-DYmyPdOc.js";
+import { m as oe, c as $e, u as Ne, i as Ut } from "./mapFormMixin-CFaAoXxf.js";
+import "./helpers-Dkn2xKzv.js";
+import { a as Ht } from "./ClientAutocomplete-DCphFPmv.js";
+import { _ as qt } from "./Sortable.vue_vue_type_script_setup_true_lang-C-Uy1WwV.js";
+import { C as Gt, _ as We, a as X, I as ee, s as Nt } from "./index-DNBN1EEl.js";
+import { _ as _e } from "./CFormField.vue_vue_type_script_setup_true_lang-DoO3uBt-.js";
+import { S as Wt } from "./SmartList-BglLgQmN.js";
+import { u as je } from "./index-D-NDkjvk.js";
+import { r as Fe, a as jt } from "./index-Bw8qzZRS.js";
+import { o as Zt, r as Kt } from "./omit-5nzNft5F.js";
+import { s as N } from "./formDrawerState-0vhg7tV-.js";
 import { s as Qt } from "./dom-DOcGU3-g.js";
-import { S as Yt } from "./SendForm-C3v06Gwx.js";
-import "./template-Y3wS95il.js";
-import { u as Jt } from "./validation-b_jF-CIN.js";
-import { C as Xt } from "./CCallout-BpHUnBsq.js";
-import { C as en } from "./CSkeleton-BsApoNUe.js";
-import { B as tn } from "./BlockMedia-Dza5TjFS.js";
+import { S as Yt } from "./SendForm-Ci2s-FsJ.js";
+import "./template-CHAQR6C-.js";
+import { u as Jt } from "./validation-BRPTZqtn.js";
+import { C as Xt } from "./CCallout-Db9YEwws.js";
+import { C as en } from "./CSkeleton-Bxdz5nlu.js";
+import { B as tn } from "./BlockMedia-BYVRSrze.js";
 const nn = {
   name: "DocumentPostSendStep",
   mixins: [Q],
@@ -229,7 +229,7 @@ function un(e, t, n, s, i, o) {
       default: u(() => [
         n.modelValue ? (l(), p("div", {
           key: 0,
-          class: V([[n.placement], "d-content"]),
+          class: B([[n.placement], "d-content"]),
           style: z({
             zIndex: n.zIndex
           }),
@@ -359,7 +359,7 @@ function Sn(e, t, n, s, i, o) {
   const r = m("CIcon");
   return l(), p("div", Dn, [
     a("div", {
-      class: V([{
+      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)
@@ -373,7 +373,7 @@ function Sn(e, t, n, s, i, o) {
       ], 64))
     ], 2),
     a("div", {
-      class: V([{
+      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",
@@ -424,10 +424,10 @@ const In = /* @__PURE__ */ F(Tn, [["render", Sn]]), $n = {
 }, Fn = { class: "control-root flex gap-2" }, Ln = {
   key: 0,
   class: "px-1.5 text-xs text-gray-600"
-}, Vn = {
+}, Bn = {
   key: 1,
   class: "flex flex-col gap-1.5"
-}, Bn = { class: "control-direction" };
+}, Vn = { class: "control-direction" };
 function Mn(e, t, n, s, i, o) {
   const r = m("CIcon");
   return l(), p("div", Fn, [
@@ -440,12 +440,12 @@ function Mn(e, t, n, s, i, o) {
       c(r, {
         type: n.isVisible ? "eye" : "eye-off",
         size: "14",
-        class: V({ "mr-1": !n.isVisible })
+        class: B({ "mr-1": !n.isVisible })
       }, null, 8, ["type", "class"])
     ])) : C("", !0),
     A(e.$slots, "default", {}, void 0, !0),
-    !o.isHidden && n.isMovable ? (l(), p("div", Vn, [
-      a("div", Bn, [
+    !o.isHidden && n.isMovable ? (l(), p("div", Bn, [
+      a("div", Vn, [
         a("div", {
           class: "control-button",
           onClick: t[1] || (t[1] = (g) => e.$emit("move", "up"))
@@ -498,7 +498,7 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-2b534db7
       return l(), b(T, { class: "w-full" }, {
         default: u(() => [
           a("div", {
-            class: V([[
+            class: B([[
               {
                 "is-edit-view": w.isEditView,
                 "is-hovering": i.value,
@@ -516,7 +516,7 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-2b534db7
             onMouseleavePassive: k[4] || (k[4] = (v) => i.value = !1)
           }, [
             a("div", {
-              class: V(["block-container", { "spacing-snug": r.value }]),
+              class: B(["block-container", { "spacing-snug": r.value }]),
               inert: r.value
             }, [
               A(w.$slots, "default", {}, void 0, !0)
@@ -574,7 +574,7 @@ const Pn = /* @__PURE__ */ F($n, [["render", Mn], ["__scopeId", "data-v-2b534db7
 }, 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", {
-    class: V([n.position, "pointer-events-none bottom-0 left-0 right-0 z-50 flex justify-end px-[10px] pb-[10px]"])
+    class: B([n.position, "pointer-events-none bottom-0 left-0 right-0 z-50 flex justify-end px-[10px] pb-[10px]"])
   }, [
     a("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",
@@ -1848,7 +1848,7 @@ const ci = /* @__PURE__ */ F(ai, [["render", di], ["__scopeId", "data-v-5b9bfecb
   class: "text-gray-600",
   style: { "font-size": "14px" }
 }, Fi = { key: 0 }, Li = { style: { padding: `0 calc(0.5 * var(--rem)) calc(1 * var(--rem))
-              calc(0.5 * var(--rem))` } }, Vi = { style: { "font-weight": "500" } }, Bi = ["textContent"], Mi = ["onClick"], Pi = ["textContent"], Ai = {
+              calc(0.5 * var(--rem))` } }, Bi = { style: { "font-weight": "500" } }, Vi = ["textContent"], Mi = ["onClick"], Pi = ["textContent"], Ai = {
   class: "text-gray-600",
   style: { "font-size": "12px" }
 }, Ei = {
@@ -2021,7 +2021,7 @@ function Hi(e, t, n, s, i, o) {
       ]),
       o.showDealProducts ? (l(), p("div", Fi, [
         a("div", Li, [
-          a("div", Vi, [
+          a("div", Bi, [
             _(d(e.$t("productsTitle")) + " ", 1),
             G(c(k, {
               type: "info",
@@ -2041,7 +2041,7 @@ function Hi(e, t, n, s, i, o) {
                 crm: i.activeCrm.capitalize()
               })
             )
-          }, null, 8, Bi)
+          }, null, 8, Vi)
         ]),
         i.dealDetails.articles && i.dealDetails.articles.length ? (l(), b(D, {
           key: 0,
@@ -3246,7 +3246,7 @@ const xo = /* @__PURE__ */ F(bo, [["render", _o]]), To = {
 }, Fo = {
   class: "flex items-center",
   style: { width: "initial", flex: "1 1 auto" }
-}, Lo = ["innerHTML"], Vo = { class: "option-title" }, Bo = { class: "relative" }, Mo = ["onClick", "innerHTML"];
+}, 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", {
@@ -3282,7 +3282,7 @@ function Po(e, t, n, s, i, o) {
               default: u(() => [
                 (l(!0), p(I, null, E(f.data, ($) => (l(), b(w, {
                   key: $.key,
-                  class: V({ "drag-item": o.canDrag })
+                  class: B({ "drag-item": o.canDrag })
                 }, {
                   default: u(() => [
                     a("div", be(
@@ -3300,7 +3300,7 @@ function Po(e, t, n, s, i, o) {
                         ref_for: !0,
                         ref: "blockItem",
                         disabled: $.disabled,
-                        class: V([{
+                        class: B([{
                           "sub-menu-active": $.key === o.activeSubMenuKey
                         }, "option-row is-thinner is-left"]),
                         wide: "",
@@ -3315,7 +3315,7 @@ function Po(e, t, n, s, i, o) {
                                 class: "option-image",
                                 innerHTML: $.icon
                               }, null, 8, Lo),
-                              a("div", Vo, d(e.$t(`blocks.${$.key}`)), 1)
+                              a("div", Bo, d(e.$t(`blocks.${$.key}`)), 1)
                             ]),
                             $.locked ? (l(), b(g, { key: 0 })) : !n.fixed && $.subMenu ? (l(), b(h, {
                               key: 1,
@@ -3363,10 +3363,10 @@ function Po(e, t, n, s, i, o) {
                     default: u(() => [
                       (l(!0), p(I, null, E(i.activeSubMenu, (f, x) => (l(), b(w, {
                         key: f.key + x,
-                        class: V(["px-1.5", { "drag-item": !f.locked && n.canUseBlocks }])
+                        class: B(["px-1.5", { "drag-item": !f.locked && n.canUseBlocks }])
                       }, {
                         default: u(() => [
-                          a("div", Bo, [
+                          a("div", Vo, [
                             a("div", {
                               class: "drag-item-preview",
                               onClick: ($) => o.onUseBlock({ block: f, openUpgradeModal: v }),
@@ -3418,7 +3418,7 @@ const Ao = /* @__PURE__ */ F(To, [["render", Po], ["__scopeId", "data-v-babdf4c0
     ExtensionTab: qi,
     DocumentGeneralSettings: ci,
     DocumentGuide: ct(
-      () => import("./index-Cl5j-fNE.js")
+      () => import("./index-dqh4rth1.js")
     ),
     MenuBlocks: Ao,
     Simplebar: J
@@ -3509,23 +3509,23 @@ function No(e, t, n, s, i, o) {
       }, [
         n.isLegacyTemplate ? C("", !0) : (l(), p("div", zo, [
           a("div", {
-            class: V([{ "is-active": i.tab === "blocks" }, "tab-item"]),
+            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", {
-            class: V([{ "is-active": i.tab === "design" }, "tab-item"]),
+            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", {
-            class: V([{ "is-active": i.tab === "fields" }, "tab-item"]),
+            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", {
             key: 0,
-            class: V([{ "is-active": i.tab === "extension" }, "tab-item"]),
+            class: B([{ "is-active": i.tab === "extension" }, "tab-item"]),
             onClick: t[4] || (t[4] = (f) => i.tab = "extension")
           }, [
             a("div", {
@@ -3546,7 +3546,7 @@ function No(e, t, n, s, i, o) {
             ], 4)
           ], 2)) : C("", !0),
           a("div", {
-            class: V([{ "is-active": i.tab === "generalSettings" }, "tab-item ml-[2px]"]),
+            class: B([{ "is-active": i.tab === "generalSettings" }, "tab-item ml-[2px]"]),
             onClick: t[5] || (t[5] = (f) => i.tab = "generalSettings")
           }, [
             c(r, {
@@ -3628,7 +3628,7 @@ function No(e, t, n, s, i, o) {
                   rounding: "data.formSettings.rounding"
                 },
                 offset: n.fixed ? 0 : n.width,
-                class: V({ "!top-0 rounded-sm": n.isLegacyTemplate }),
+                class: B({ "!top-0 rounded-sm": n.isLegacyTemplate }),
                 onInput: t[8] || (t[8] = ({ key: f, value: x }) => n.set({ key: f, value: x }))
               }, null, 8, ["_document", "offset", "class"])) : C("", !0)
             ]),
@@ -3912,7 +3912,7 @@ 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", {
-      class: V([{
+      class: B([{
         "is-edit-view": o.isEditView,
         "is-empty-list": !o.nestedReadLayout.length
       }, "relative flex min-h-screen flex-row bg-gray-200"])
@@ -4003,7 +4003,7 @@ function ts(e, t, n, s, i, o) {
       ]),
       a("div", {
         ref: "scroll-body",
-        class: V([{
+        class: B([{
           "device-offset": o.isEditView
         }, "doc-scroll-container flex w-full justify-center"]),
         style: z(
@@ -4013,7 +4013,7 @@ function ts(e, t, n, s, i, o) {
         )
       }, [
         a("div", {
-          class: V([[
+          class: B([[
             {
               "is-device-edit": o.isEditView,
               "is-empty": !o.nestedReadLayout.length
@@ -4051,16 +4051,16 @@ function ts(e, t, n, s, i, o) {
                       "group-name": "document-blocks",
                       "non-drag-area-selector": ".no-drag",
                       "drag-handle-selector": ".drag-item",
-                      onDragStart: t[3] || (t[3] = (B) => i.isDragging = !0),
-                      onDragEnd: t[4] || (t[4] = (B) => i.isDragging = !1),
-                      onDrop: t[5] || (t[5] = (B) => o.onBlockListChange("blocks-list", B))
+                      onDragStart: t[3] || (t[3] = (V) => i.isDragging = !0),
+                      onDragEnd: t[4] || (t[4] = (V) => i.isDragging = !1),
+                      onDrop: t[5] || (t[5] = (V) => o.onBlockListChange("blocks-list", V))
                     }, {
                       default: u(() => [
                         (l(!0), p(I, null, E(n._document.getReadLayout({
                           showHiddenNodes: o.isEditView
-                        }), (B, se) => (l(), b(W(o.dndEnabled ? "DragItem" : "div"), {
-                          key: B.nodeId,
-                          class: V([
+                        }), (V, se) => (l(), b(W(o.dndEnabled ? "DragItem" : "div"), {
+                          key: V.nodeId,
+                          class: B([
                             {
                               "drag-item": o.dndEnabled
                             }
@@ -4069,32 +4069,32 @@ function ts(e, t, n, s, i, o) {
                           default: u(() => [
                             c(D, {
                               ref_for: !0,
-                              ref: B.nodeId,
+                              ref: V.nodeId,
                               "is-dragging": i.isDragging,
                               "is-edit-view": o.isEditView,
                               "can-move": o.canMove,
-                              "block-type": B.itemType,
-                              "is-visible": B.isVisible,
-                              "show-edit-button": !!B.showEditButton,
-                              onRemove: (L) => o.onBlockRemove(B, se),
+                              "block-type": V.itemType,
+                              "is-visible": V.isVisible,
+                              "show-edit-button": !!V.showEditButton,
+                              onRemove: (L) => o.onBlockRemove(V, se),
                               onMove: (L) => o.onBlockMove(L, se),
                               onEdit: t[2] || (t[2] = (L) => i.drawerState.openSection = L),
-                              onToggleVisible: (L) => o.onBlockToggleVisible(B, L)
+                              onToggleVisible: (L) => o.onBlockToggleVisible(V, L)
                             }, {
                               default: u(() => [
                                 c(k, {
-                                  "component-name": B.componentName,
+                                  "component-name": V.componentName,
                                   "component-props": {
-                                    ...B.props,
+                                    ...V.props,
                                     _document: n._document,
-                                    _value: B.value,
-                                    _nodeId: B.nodeId
+                                    _value: V.value,
+                                    _nodeId: V.nodeId
                                   },
-                                  children: B.children,
-                                  "is-visible": B.isVisible,
+                                  children: V.children,
+                                  "is-visible": V.isVisible,
                                   "on-input": ({ key: L, value: ce, options: Xe }) => n.setFormValue({ key: L, value: ce, options: Xe }),
                                   "on-remove": ({ key: L }) => n.removeFormValue(L),
-                                  "on-mount": (L) => o.onAddBlockMount(B.nodeId, L)
+                                  "on-mount": (L) => o.onAddBlockMount(V.nodeId, L)
                                 }, null, 8, ["component-name", "component-props", "children", "is-visible", "on-input", "on-remove", "on-mount"])
                               ]),
                               _: 2
@@ -4106,8 +4106,8 @@ function ts(e, t, n, s, i, o) {
                       _: 1
                     }, 40, ["should-animate-drop"])) : C("", !0),
                     n.canShowBanner ? (l(), b(v, { key: 1 }, {
-                      default: u(({ isProLike: B }) => [
-                        !o.isEditView && !B ? (l(), b(T, {
+                      default: u(({ isProLike: V }) => [
+                        !o.isEditView && !V ? (l(), b(T, {
                           key: 0,
                           position: "sticky"
                         })) : C("", !0)
@@ -4313,7 +4313,7 @@ function fs(e, t, n, s, i, o) {
   }, {
     default: u(() => [
       a("div", {
-        class: V([{
+        class: B([{
           "is-fullscreen": e.mq === "sm"
         }, "send-modal font-inter"])
       }, [
@@ -4697,10 +4697,10 @@ function Ts() {
   }
   return me = e, me;
 }
-var pe, Ve;
+var pe, Be;
 function Ds() {
-  if (Ve) return pe;
-  Ve = 1;
+  if (Be) return pe;
+  Be = 1;
   var e = Ts(), t = gt();
   function n(s, i, o) {
     return o === void 0 && (o = i, i = void 0), o !== void 0 && (o = t(o), o = o === o ? o : 0), i !== void 0 && (i = t(i), i = i === i ? i : 0), e(t(s), i, o);
@@ -4742,7 +4742,7 @@ const Is = /* @__PURE__ */ Ue(Ss), $s = {
   methods: {
     clamp: Is
   }
-}, 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" }, Vs = { class: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, Bs = { 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" };
+}, 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, {
@@ -4757,7 +4757,7 @@ function Rs(e, t, n, s, i, o) {
         "popper-class": "trial-popover"
       }, {
         popper: u(() => [
-          a("div", Bs, [
+          a("div", Vs, [
             a("div", Ms, [
               _(d(e.$t("title.1")) + " ", 1),
               a("span", Ps, d(e.$t("title.2")), 1),
@@ -4788,7 +4788,7 @@ 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", Vs, [
+            a("div", Bs, [
               a("div", {
                 style: z({
                   width: o.clamp(k / T * 100, 0, 100) + "%"
@@ -5021,7 +5021,7 @@ function Ns(e, t, n, s, i, o) {
                         loading: n.isLoading,
                         "data-onboarding": "send-button",
                         size: "small",
-                        class: V(["d-nav-button position right !h-full", e.mq === "sm" && "w-9"]),
+                        class: B(["d-nav-button position right !h-full", e.mq === "sm" && "w-9"]),
                         type: "secondary",
                         icon: e.mq === "sm" ? "send" : "",
                         label: e.mq === "sm" ? "" : e.$t("_common:reviewSend"),
@@ -5060,7 +5060,8 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
   __name: "TemplateActionsDropdown",
   props: {
     template: {},
-    tooltip: {}
+    tooltip: {},
+    appendToBody: { type: Boolean }
   },
   emits: ["edit", "rename", "remove"],
   setup(e, { emit: t }) {
@@ -5081,6 +5082,7 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
     return (y, w) => {
       const k = ie("tooltip");
       return l(), b(O(re), {
+        "append-to-body": y.appendToBody,
         style: { top: "-8px", right: "-4px" },
         onClick: w[0] || (w[0] = j(() => {
         }, ["stop"]))
@@ -5143,7 +5145,7 @@ const Ws = /* @__PURE__ */ F(Us, [["render", Ns]]), js = /* @__PURE__ */ de({
           })
         ]),
         _: 1
-      });
+      }, 8, ["append-to-body"]);
     };
   }
 }), Zs = {
@@ -5295,7 +5297,7 @@ function ta(e, t, n, s, i, o) {
                   onMouseleavePassive: t[1] || (t[1] = (x) => i.hoverIndex = null)
                 }, [
                   a("div", {
-                    class: V([{ "text-gray-400": !v.data.name }, "recent-item-name"])
+                    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, [
@@ -5709,7 +5711,7 @@ const ba = {
   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" } }, Va = { style: { "padding-bottom": "2em" } }, Ba = {
+}, $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 = {
   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"];
@@ -5764,9 +5766,9 @@ function Ea(e, t, n, s, i, o) {
           ])
         ])) : C("", !0)
       ]),
-      a("div", Va, [
+      a("div", Ba, [
         n.product ? (l(), p(I, { key: 0 }, [
-          i.privateProduct.isPurchased ? (l(), p("div", Ba, [
+          i.privateProduct.isPurchased ? (l(), p("div", Va, [
             a("div", Ma, [
               c(h, {
                 type: "check",
@@ -6353,7 +6355,7 @@ function il(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", {
-      class: V([{ small: e.mq === "sm" }, "font-inter form-start main mx-auto max-w-5xl"])
+      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, [
@@ -6364,7 +6366,7 @@ function il(e, t, n, s, i, o) {
         c(w, { feature: "useDocTemplate" }, {
           default: u(({ onClick: $ }) => [
             (l(), b(W(i.isExpanded ? "div" : "HorizontalScroll"), {
-              class: V([{ "is-expanded": i.isExpanded }, "template-list"]),
+              class: B([{ "is-expanded": i.isExpanded }, "template-list"]),
               onExpand: t[1] || (t[1] = (S) => i.isExpanded = !0)
             }, {
               default: u(() => [
@@ -6435,7 +6437,7 @@ function il(e, t, n, s, i, o) {
           galleryItems: $,
           categories: S,
           activeCategory: H,
-          selectCategory: B,
+          selectCategory: V,
           selectGalleryItem: se
         }) => [
           a("div", Ka, [
@@ -6464,7 +6466,7 @@ function il(e, t, n, s, i, o) {
                     (l(!0), p(I, null, E(S, (L) => (l(), b(k, {
                       key: L.key,
                       "icon-right": H && H.key === L.key ? "check" : "",
-                      onClick: (ce) => B(L)
+                      onClick: (ce) => V(L)
                     }, {
                       default: u(() => [
                         _(d(L.label), 1)
@@ -6529,11 +6531,11 @@ function il(e, t, n, s, i, o) {
   ]);
 }
 const ol = /* @__PURE__ */ F(Ha, [["render", il], ["__scopeId", "data-v-825ca28b"]]);
-var he, Be;
+var he, Ve;
 function sl() {
-  if (Be) return he;
-  Be = 1;
-  var e = Ft(), t = Lt(), n = Vt();
+  if (Ve) return he;
+  Ve = 1;
+  var e = Ft(), t = Lt(), n = Bt();
   function s(i, o, r) {
     for (var g = -1, h = o.length, y = {}; ++g < h; ) {
       var w = o[g], k = e(i, w);
@@ -6547,7 +6549,7 @@ var fe, Me;
 function al() {
   if (Me) return fe;
   Me = 1;
-  var e = sl(), t = Bt();
+  var e = sl(), t = Vt();
   function n(s, i) {
     return e(s, i, function(o, r) {
       return t(s, r);