@cling-se/widget 0.12.1 → 0.12.3

package/dist/{DocForm-e452f0cd.js → DocForm-ab0c0845.js}

@@ -1,36 +1,36 @@
-import { g as m, n as d, v as U, b as u, aE as ae, c as f, C as O, b6 as ne, b7 as se, K as R, L as H, h as D, b8 as oe, b9 as le, B as re, ba as ce, bb as de, b5 as pe, bc as ue, R as p, a8 as h, b0 as y, bd as me, be as he, bf as fe, bg as ge, bh as Ce, bi as ve, F as ye, bj as xe, d as we, i as $, S as be, ay as _e, l as ke, bk as Le, V as A, b2 as G, b3 as W, I as z, bl as B, b4 as $e, bm as Se, j as Te, bn as F, m as De, a as Ve, bo as Be, bp as Me } from "./main-83016097.js";
+import { g as m, n as d, v as U, b as u, aE as ae, c as f, C as O, b6 as ne, b7 as se, K as R, L as H, h as D, b8 as oe, b9 as le, B as re, ba as ce, bb as de, b5 as pe, bc as ue, R as p, a8 as h, b0 as y, bd as me, be as he, bf as fe, bg as ge, bh as Ce, bi as ve, F as ye, bj as xe, d as we, i as $, S as be, ay as _e, l as ke, bk as Le, V as A, b2 as G, b3 as W, I as z, bl as B, b4 as $e, bm as Se, j as Te, bn as F, m as De, a as Ve, bo as Be, bp as Me } from "./main-1ef64f74.js";
 import { m as g, a as x } from "./vuex.esm-4a0fff7c.js";
-import "./index-3ad3f370.js";
+import "./index-286fbf2e.js";
 import { v as I } from "./index-805c56e4.js";
-import { w as b } from "./CDropdownItem-4e64b91f.js";
-import { a as _, I as k, b as Fe, c as Ie } from "./IsPremiumPreStep-3409b0b1.js";
-import { D as He, l as Ae, g as Pe, W as ze, b as Ee, a as Ze } from "./DocumentLayout-b33f7eca.js";
-import { s as L } from "./Flag-e27c8311.js";
-import { B as Ue } from "./BlockMedia-5812545c.js";
-import { d as P, t as Oe } from "./debounce-c329e921.js";
-import { a as Re } from "./tinycolor-dbe7bbc8.js";
-import { m as S } from "./mapFormMixin-3946f304.js";
-import { S as Ge, C as q, i as We } from "./formComponentsInstall-bc0a5a0c.js";
-import { f as qe } from "./formValidationMixin-64e2fd25.js";
-import { s as v } from "./formDrawerState-e755d0ef.js";
-import { F as N, d as Ne } from "./tippy.esm-46a552eb.js";
-import { S as je } from "./CSlider.vue_vue_type_style_index_0_lang-0e241327.js";
-import { o as Ke, d as Ye } from "./vuedraggable.umd-344678d6.js";
+import { w as b } from "./CDropdownItem-46ef817a.js";
+import { a as _, I as k, b as Fe, c as Ie } from "./IsPremiumPreStep-b4094114.js";
+import { D as He, l as Ae, g as Pe, W as ze, b as Ee, a as Ze } from "./DocumentLayout-4ef4eb0c.js";
+import { s as L } from "./Flag-4e6e51fe.js";
+import { B as Ue } from "./BlockMedia-a2018340.js";
+import { d as P, t as Oe } from "./debounce-fb89e666.js";
+import { a as Re } from "./tinycolor-6fefbbd2.js";
+import { m as S } from "./mapFormMixin-37d8b2ce.js";
+import { S as Ge, C as q, i as We } from "./formComponentsInstall-cd69ac70.js";
+import { f as qe } from "./formValidationMixin-de96de9e.js";
+import { s as v } from "./formDrawerState-889851ba.js";
+import { F as N, d as Ne } from "./tippy.esm-cddf5c5a.js";
+import { S as je } from "./CSlider.vue_vue_type_style_index_0_lang-1bfafbea.js";
+import { o as Ke, d as Ye } from "./vuedraggable.umd-fcf03933.js";
 import { s as Qe } from "./dom-962579a6.js";
-import { o as Je } from "./index-4edd6331.js";
-import Xe from "./AnswerModal-50c8347c.js";
+import { o as Je } from "./index-6c4051cc.js";
+import Xe from "./AnswerModal-581cee38.js";
 import "./anime.es-e284c852.js";
 import "./color-71c20583.js";
-import "./BaseDatePicker-01dfa5b2.js";
-import "./ErrorCallout-2ca69cec.js";
-import "./AddClientCallout-9a08f2ce.js";
-import "./ClientAutocomplete-debd7fb5.js";
-import "./SearchApi-54afc953.js";
-import "./ClientModal-b2b26491.js";
-import "./CCallout-3bfbca46.js";
-import "./CField-5dbb89e1.js";
+import "./BaseDatePicker-95f61f10.js";
+import "./ErrorCallout-5207a92e.js";
+import "./AddClientCallout-751ed5aa.js";
+import "./ClientAutocomplete-5f619f92.js";
+import "./SearchApi-2cf7a417.js";
+import "./ClientModal-72bc0977.js";
+import "./CCallout-25a66bee.js";
+import "./CField-d83a443d.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-554004b4.js";
+import "./ColorPicker-b815929f.js";
 const et = {
   i18nOptions: {
     namespaces: "DocumentTemplateFormModal",
@@ -375,11 +375,11 @@ const ot = {
 var lt = function() {
   var a;
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "bg-gray-200 template-modal font-inter" }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", "box-shadow": "rgb(244, 244, 244) 0px 2px 14px 0px inset,", flex: "1 1 auto", "min-height": "0" } }, [t("simplebar", { staticClass: "w-full h-full", attrs: { "data-simplebar-auto-hide": "false" } }, [e.previewDocument ? t("DocumentLayout", { attrs: { document: e.previewDocument } }) : e._e(), e.product && !e.privateProduct.isPurchased ? t("style", { tag: "component" }, [e._v(" .ProseMirror > * + * { filter: blur(8px); user-select: none; pointer-events: none; } ")]) : e._e()], 1)], 1), t("div", { staticStyle: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, [e._v(" " + e._s(e.meta.name) + " ")]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, [(a = e.templateStat) != null && a.usedTimes ? [e._v(" " + e._s(e.$t("_common:used").capitalize()) + " " + e._s(e.templateStat.usedTimes) + " " + e._s(e.$t("_common:times", { count: e.templateStat.usedTimes })) + " ")] : e._e()], 2), t("div", { staticStyle: { hyphens: "auto" } }, [e._v(" " + e._s(e.meta.text) + " ")]), e.meta.author ? t("div", { staticClass: "flex items-center", staticStyle: { "padding-top": "1.5em" } }, [t("div", { staticStyle: { "background-color": "#03f", "border-radius": "50%", width: "2.5em", height: "2.5em", "background-size": "cover", "background-position": "center", "background-repeat": "no-repeat" }, style: {
+  return t("div", { staticClass: "template-modal font-inter bg-gray-200" }, [t("div", { staticStyle: { "background-color": "white", "border-radius": "1em", overflow: "auto", border: "10px solid white", flex: "1 1 auto", "min-height": "0" } }, [t("simplebar", { staticClass: "h-full w-full", attrs: { "data-simplebar-auto-hide": "false" } }, [e.previewDocument ? t("DocumentLayout", { attrs: { document: e.previewDocument } }) : e._e(), e.product && !e.privateProduct.isPurchased ? t("style", { tag: "component" }, [e._v(" .ProseMirror > * + * { filter: blur(8px); user-select: none; pointer-events: none; } ")]) : e._e()], 1)], 1), t("div", { staticStyle: { flex: "0 1 300px", padding: "2em 1em 3em 2em", "font-size": "18px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "21px", "font-weight": "800", color: "hsl(0, 0%, 0%)" } }, [e._v(" " + e._s(e.meta.name) + " ")]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px", "min-height": "30px", color: "hsl(0, 0%, 27%)" } }, [(a = e.templateStat) != null && a.usedTimes ? [e._v(" " + e._s(e.$t("_common:used").capitalize()) + " " + e._s(e.templateStat.usedTimes) + " " + e._s(e.$t("_common:times", { count: e.templateStat.usedTimes })) + " ")] : e._e()], 2), t("div", { staticStyle: { hyphens: "auto" } }, [e._v(" " + e._s(e.meta.text) + " ")]), e.meta.author ? t("div", { staticClass: "flex items-center", staticStyle: { "padding-top": "1.5em" } }, [t("div", { staticStyle: { "background-color": "#03f", "border-radius": "50%", width: "2.5em", height: "2.5em", "background-size": "cover", "background-position": "center", "background-repeat": "no-repeat" }, style: {
     backgroundImage: `url(${e.meta.author.avatar})`
-  } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])]) : e._e()]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [e.product ? [e.privateProduct.isPurchased ? t("div", { staticClass: "flex items-center gap-2 p-1 mb-5 text-sm border border-gray-300 rounded-full bg-gray-300/60" }, [t("div", { staticClass: "flex items-center justify-center w-5 h-5 rounded-full bg-primary-500" }, [t("BaseIcon", { staticClass: "text-white", attrs: { type: "check", size: "12" } })], 1), t("div", { staticClass: "text-xs font-medium text-gray-700", domProps: { textContent: e._s(
+  } }), t("div", { staticStyle: { "margin-left": "0.5em" } }, [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.meta.author.name))]), t("div", { staticStyle: { "font-weight": "400", "font-size": "14px" } }, [e.meta.author.templatesCount ? [e._v(" " + e._s(e.meta.author.templatesCount) + " " + e._s(e.$t("_common:template", { count: e.meta.author.templatesCount })) + " ")] : [e._v(e._s(e.$t("_common:template").capitalize()))]], 2)])]) : e._e()]), t("div", { staticStyle: { "padding-bottom": "2em" } }, [e.product ? [e.privateProduct.isPurchased ? t("div", { staticClass: "mb-5 flex items-center gap-2 rounded-full border border-gray-300 bg-gray-300/60 p-1 text-sm" }, [t("div", { staticClass: "bg-primary-500 flex h-5 w-5 items-center justify-center rounded-full" }, [t("BaseIcon", { staticClass: "text-white", attrs: { type: "check", size: "12" } })], 1), t("div", { staticClass: "text-xs font-medium text-gray-700", domProps: { textContent: e._s(
     e.$t("_common:purchased", { thing: e.$t("_common:template") })
-  ) } })]) : t("CButton", { staticClass: "text-left !justify-start !px-4", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "absolute py-1.5 px-2 text-sm leading-none text-white -translate-y-1/2 border rounded-md right-2 top-1/2 bg-primary-400/80 border-primary-600/60", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseTemplate: n }) {
+  ) } })]) : t("CButton", { staticClass: "!justify-start !px-4 text-left", staticStyle: { "margin-bottom": "0.5em" }, attrs: { type: "secondary", wide: "" }, on: { click: e.buyTemplate } }, [t("div", [e._v(" " + e._s(e.$t("_common:buy", { thing: e.$t("_common:template") })) + " ")]), t("div", { staticClass: "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", domProps: { textContent: e._s(e.privateProduct.price) } })])] : e._e(), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseTemplate: n }) {
     return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
       return [!e.product || e.privateProduct.isPurchased ? t("CButton", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { disabled: e.product ? !e.privateProduct.isPurchased : !1, type: "secondary", wide: "" }, on: { click: function(o) {
         e.isPublicForm || n ? e.useSelectedTemplate() : s({ callback: e.useSelectedTemplate });
@@ -401,7 +401,7 @@ var lt = function() {
   rt,
   !1,
   null,
-  "9a23aee5",
+  "9e4a7566",
   null,
   null
 );
@@ -703,7 +703,7 @@ var Ct = function(e, t) {
     t.listeners.click && t.listeners.click();
   } } }, "div", t.data.attrs, !1), [e("div", { staticClass: "item-paper" }, [t.props.thumbnail ? e("div", { staticStyle: { width: "100%", height: "100%", "background-size": "100% auto", "background-repeat": "no-repeat", "background-position": "0% 0%" }, style: {
     backgroundImage: `url(${t.props.thumbnail})`
-  } }) : t.props.isPlaceholder || t.props.isAdd ? t._e() : e(t.injections.components.BlockMedia, { tag: "component", staticClass: "item-media", attrs: { media: t.props.media, preview: "" } }), t.scopedSlots.badge ? e("div", { staticClass: "absolute right-2 bottom-2" }, [t._t("badge")], 2) : t._e(), t.props.isAdd ? e("div", { staticClass: "add-button" }, [e("BaseIcon", { attrs: { size: 18, "stroke-width": 3, type: "plus" } })], 1) : t._e()], 1), e("div", { staticClass: "item-footer" }, [t.props.isAdd ? e("div", { staticClass: "item-text", staticStyle: { color: "hsl(0, 0%, 55%)" }, domProps: { textContent: t._s(
+  } }) : t.props.isPlaceholder || t.props.isAdd ? t._e() : e(t.injections.components.BlockMedia, { tag: "component", staticClass: "item-media", attrs: { media: t.props.media, preview: "" } }), t.scopedSlots.badge ? e("div", { staticClass: "absolute bottom-2 right-2" }, [t._t("badge")], 2) : t._e(), t.props.isAdd ? e("div", { staticClass: "add-button" }, [e("BaseIcon", { attrs: { size: 18, "stroke-width": 3, type: "plus" } })], 1) : t._e()], 1), e("div", { staticClass: "item-footer" }, [t.props.isAdd ? e("div", { staticClass: "item-text", staticStyle: { color: "hsl(0, 0%, 55%)" }, domProps: { textContent: t._s(
     t.parent.$t("_common:empty", { thing: t.parent.$t("_common:template") })
   ) } }) : t.props.name ? [e("div", { staticClass: "item-text", domProps: { textContent: t._s(t.$options.truncate(t.props.name, 60)) } }), t._t("default")] : t._e()], 2)]);
 }, vt = [], yt = /* @__PURE__ */ d(
@@ -712,7 +712,7 @@ var Ct = function(e, t) {
   vt,
   !0,
   null,
-  "e2f4722e",
+  "44761420",
   null,
   null
 );
@@ -890,7 +890,7 @@ var St = function() {
     e.query = a;
   }, expression: "query" } }) : e._e()], 2), t("div", { staticClass: "recent-list" }, [e.isLoading && !e.list.length ? e._l(3, function(a) {
     return t("div", { key: a, staticClass: "recent-item placeholder" }, [t("CSkeleton", { staticClass: "recent-item-name", attrs: { width: "60%" } }), t("CSkeleton", { attrs: { width: "35%" } })], 1);
-  }) : !e.isLoading && !e.query && !e.list.length ? t("div", { staticClass: "p-4 text-center text-gray-400 bg-gray-100 border border-gray-200 rounded-md", staticStyle: { "font-size": "15px" } }, [e._v(" " + e._s(e.$t("emptyPlaceholder")) + " ")]) : e.query && !e.isLoading && !e.list.length ? t("div", { staticClass: "text-center text-gray-400", staticStyle: { padding: "1em" } }, [e._v(" " + e._s(e.$t("noResults")) + " ")]) : [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a, canUseTemplate: n }) {
+  }) : !e.isLoading && !e.query && !e.list.length ? t("div", { staticClass: "rounded-md border border-gray-200 bg-gray-100 p-4 text-center text-gray-400", staticStyle: { "font-size": "15px" } }, [e._v(" " + e._s(e.$t("emptyPlaceholder")) + " ")]) : e.query && !e.isLoading && !e.list.length ? t("div", { staticClass: "text-center text-gray-400", staticStyle: { padding: "1em" } }, [e._v(" " + e._s(e.$t("noResults")) + " ")]) : [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateTemplate: a, canUseTemplate: n }) {
     return [t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
       return [t("div", e._l(e.list, function(o, l) {
         return t("div", { key: o._id, staticClass: "recent-item", on: { click: function(r) {
@@ -917,7 +917,7 @@ var St = function() {
   Tt,
   !1,
   null,
-  "496e96d5",
+  "0656649f",
   null,
   null
 );
@@ -1135,13 +1135,13 @@ const Bt = {
 };
 var Mt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "w-full h-full px-4 pt-10 pb-10 overflow-y-auto bg-white md:pt-16 md:px-10 rounded-2xl" }, [t("div", { staticClass: "max-w-5xl mx-auto font-inter form-start main", class: { small: e.mq === "sm" } }, [e._t("header"), t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title" }, [t("div", [e._v(e._s(e.$t("myTemplates")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("myTemplatesSubTitle")) + " ")])]), t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: a }) {
+  return t("div", { staticClass: "h-full w-full overflow-y-auto rounded-2xl bg-white px-4 pb-10 pt-10 md:px-10 md:pt-16" }, [t("div", { staticClass: "font-inter form-start main mx-auto max-w-5xl", class: { small: e.mq === "sm" } }, [e._t("header"), t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title" }, [t("div", [e._v(e._s(e.$t("myTemplates")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("myTemplatesSubTitle")) + " ")])]), t("IsPremiumPreStep", { attrs: { feature: "useDocTemplate" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: a }) {
     return [t(e.isExpanded ? "div" : "HorizontalScroll", { tag: "component", staticClass: "template-list", class: { "is-expanded": e.isExpanded }, on: { expand: function(n) {
       e.isExpanded = !0;
     } } }, e._l(e.myTemplates, function(n) {
       return t("DocumentIcon", { key: n.id, staticClass: "template-item", attrs: { "is-add": n.id === "empty", "is-placeholder": n.placeholder, media: n.defaultMedia || e.fallbackMedia, thumbnail: n.thumbnailUrl, name: n.name }, on: { click: function(s) {
         n.placeholder || (e.canUseTemplate(n) ? e.select({ templateId: n.id }) : a());
-      } } }, [e.canUseTemplate(n) ? !n.doConsumeDocumentQuota && !n.placeholder ? t("div", { staticClass: "text-[11px] h-5 capitalize font-semibold text-white bg-primary-500 rounded leading-none px-1.5 inline-flex items-center border border-primary-600 shadow-sm", attrs: { slot: "badge" }, slot: "badge" }, [e._v(" " + e._s(e.$t("_common:free")) + " ")]) : e._e() : t("div", { staticClass: "inline-flex items-center h-5 gap-1 px-1 leading-none bg-gray-200 border border-gray-300 rounded shadow-sm text-gray-500/90", attrs: { slot: "badge" }, slot: "badge" }, [t("BaseIcon", { attrs: { type: "lock", size: "12", "stroke-width": "2.5" } }), t("div", { staticClass: "text-[11px] font-semibold" }, [e._v("Pro")])], 1), n.onModify === "create" && !n.doConsumeDocumentQuota ? t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+      } } }, [e.canUseTemplate(n) ? !n.doConsumeDocumentQuota && !n.placeholder ? t("div", { staticClass: "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", attrs: { slot: "badge" }, slot: "badge" }, [e._v(" " + e._s(e.$t("_common:free")) + " ")]) : e._e() : t("div", { staticClass: "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", attrs: { slot: "badge" }, slot: "badge" }, [t("BaseIcon", { attrs: { type: "lock", size: "12", "stroke-width": "2.5" } }), t("div", { staticClass: "text-[11px] font-semibold" }, [e._v("Pro")])], 1), n.onModify === "create" && !n.doConsumeDocumentQuota ? t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
         content: e.$t("icon.freeTooltip"),
         placement: "bottom"
       }, expression: `{
@@ -1168,7 +1168,7 @@ var Mt = function() {
     selectCategory: o,
     selectGalleryItem: l
   }) {
-    return [t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "w-full section-title" }, [t("div", { staticClass: "flex justify-between items-center" }, [t("div", [e._v(e._s(e.$t("gallery")))]), t("CDropdown", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" }, nativeOn: { click: function(r) {
+    return [t("div", { staticStyle: { width: "100%", "padding-bottom": "5em" } }, [t("div", { staticClass: "section-title w-full" }, [t("div", { staticClass: "flex items-center justify-between" }, [t("div", [e._v(e._s(e.$t("gallery")))]), t("CDropdown", { staticStyle: { "margin-left": "calc(0.5 * var(--rem))" }, nativeOn: { click: function(r) {
       r.stopPropagation();
     } } }, [t("CButton", { attrs: { slot: "trigger", size: "small", type: "none", pattern: "secondary", "icon-right": "chevron-down" }, slot: "trigger" }, [e._v(" " + e._s(s ? s.label : "") + " ")]), e._l(n, function(r) {
       return t("CDropdownItem", { key: r.key, attrs: { "icon-right": s && s.key === r.key ? "check" : "" }, on: { click: function(c) {
@@ -1177,16 +1177,16 @@ var Mt = function() {
     })], 2)], 1), t("div", { staticClass: "section-subtitle", domProps: { innerHTML: e._s(e.$t("gallerySubTitle")) } })]), t("HorizontalScroll", { staticClass: "template-list" }, e._l(a, function(r) {
       return t("DocumentIcon", { key: r.id, staticClass: "template-item", attrs: { "is-placeholder": r.placeholder, media: { type: "image", resourceUrl: r.backgroundUrl }, name: r.name }, on: { click: function(c) {
         r.placeholder || l(r);
-      } } }, [r.product ? t("div", { staticClass: "p-1 text-xs font-semibold leading-none text-white border rounded shadow-lg bg-primary-500 border-primary-700/40", attrs: { slot: "badge" }, slot: "badge" }, [r.product.isPurchased ? t("BaseIcon", { attrs: { type: "check", size: "14", "stroke-width": "3" } }) : t("div", { domProps: { textContent: e._s(r.product.price) } })], 1) : e._e()]);
+      } } }, [r.product ? t("div", { staticClass: "bg-primary-500 border-primary-700/40 rounded border p-1 text-xs font-semibold leading-none text-white shadow-lg", attrs: { slot: "badge" }, slot: "badge" }, [r.product.isPurchased ? t("BaseIcon", { attrs: { type: "check", size: "14", "stroke-width": "3" } }) : t("div", { domProps: { textContent: e._s(r.product.price) } })], 1) : e._e()]);
     }), 1)], 1)];
-  } }], null, !1, 4232935324) })] : e._e(), t("DocumentRecent", { staticStyle: { width: "100%", "padding-bottom": "5em" }, on: { "use-doc-template": e.select, "save-template": e.openTemplateFormModal } }, [t("div", { staticClass: "section-title", staticStyle: { flex: "1 1 auto", "padding-bottom": "0.5em" } }, [t("div", [e._v(e._s(e.$t("recent")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("recentSubTitle")) + " ")])])])], 2)]);
+  } }], null, !1, 1782783932) })] : e._e(), t("DocumentRecent", { staticStyle: { width: "100%", "padding-bottom": "5em" }, on: { "use-doc-template": e.select, "save-template": e.openTemplateFormModal } }, [t("div", { staticClass: "section-title", staticStyle: { flex: "1 1 auto", "padding-bottom": "0.5em" } }, [t("div", [e._v(e._s(e.$t("recent")))]), t("div", { staticClass: "section-subtitle" }, [e._v(" " + e._s(e.$t("recentSubTitle")) + " ")])])])], 2)]);
 }, Ft = [], It = /* @__PURE__ */ d(
   Bt,
   Mt,
   Ft,
   !1,
   null,
-  "ba90b627",
+  "8077610c",
   null,
   null
 );
@@ -3541,7 +3541,7 @@ var N1 = function() {
   j1,
   !1,
   null,
-  "cd4a251a",
+  "b9ff8f27",
   null,
   null
 );
@@ -3675,7 +3675,7 @@ var Q1 = function() {
     "is-fullscreen": e.mq === "sm"
   } }, [t("CButton", { staticStyle: { position: "absolute", right: "1em", top: "1em", "z-index": "99" }, attrs: { circle: "", icon: "x", pattern: "secondary" }, on: { click: function(a) {
     e.isOpen = !1;
-  } } }), t("SendForm", { attrs: { _document: e._document, _value: e._value, "set-form-value": e.setFormValue, "remove-form-value": e.removeFormValue, "on-save-document": e.onSaveDoc, "use-scroll": "" } }, [e.hasAnswerBlock ? e._e() : t("div", { key: "1", staticClass: "flex p-3 mb-8 border border-red-200 rounded-lg bg-red-50" }, [t("div", [t("BaseIcon", { staticClass: "-mt-1 text-red-600", attrs: { type: "error", size: "18" } })], 1), t("div", [t("div", { staticClass: "pl-2" }, [t("div", { staticClass: "text-sm font-semibold text-red-600", domProps: { textContent: e._s(e.$t("signMissingTitle")) } }), t("div", { staticClass: "mb-4 text-sm text-red-600 text-opacity-80" }, [e._v(" " + e._s(e.$t("signMissingText")) + " ")])]), t("AddBlock", { attrs: { set: e.setFormValue }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a }) {
+  } } }), t("SendForm", { attrs: { _document: e._document, _value: e._value, "set-form-value": e.setFormValue, "remove-form-value": e.removeFormValue, "on-save-document": e.onSaveDoc, "use-scroll": "" } }, [e.hasAnswerBlock ? e._e() : t("div", { key: "1", staticClass: "mb-8 flex rounded-lg border border-red-200 bg-red-50 p-3" }, [t("div", [t("BaseIcon", { staticClass: "-mt-1 text-red-600", attrs: { type: "error", size: "18" } })], 1), t("div", [t("div", { staticClass: "pl-2" }, [t("div", { staticClass: "text-sm font-semibold text-red-600", domProps: { textContent: e._s(e.$t("signMissingTitle")) } }), t("div", { staticClass: "mb-4 text-sm text-red-600 text-opacity-80" }, [e._v(" " + e._s(e.$t("signMissingText")) + " ")])]), t("AddBlock", { attrs: { set: e.setFormValue }, scopedSlots: e._u([{ key: "default", fn: function({ addBlock: a }) {
     return [t("CButton", { staticClass: "is-left", attrs: { type: "secondary", size: "small" }, on: { click: function(n) {
       return a({ sectionKey: "answer" });
     } } }, [e._v(" " + e._s(e.$t("signMissingAdd")) + " ")])];
@@ -3696,7 +3696,7 @@ var Q1 = function() {
   J1,
   !1,
   null,
-  "41e74cd7",
+  "045f27ef",
   null,
   null
 );
@@ -4503,7 +4503,7 @@ const g2 = {
 };
 var C2 = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex flex-col items-center w-full text-center bg-white font-inter", staticStyle: { padding: "2em", "border-radius": "10px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, [e._v(" " + e._s(e.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")) + " ")]), t("div", { staticStyle: { "margin-bottom": "0.25em", opacity: "0.65" } }, [e._v(" " + e._s(e.$t("description")) + " ")])]), t("form", { staticStyle: { width: "100%" }, on: { submit: function(a) {
+  return t("div", { staticClass: "font-inter flex w-full flex-col items-center bg-white text-center", staticStyle: { padding: "2em", "border-radius": "10px" } }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "margin-bottom": "0.25em" } }, [e._v(" " + e._s(e.existingFieldId ? e.$t("editTitle") : e.$t("newTitle")) + " ")]), t("div", { staticStyle: { "margin-bottom": "0.25em", opacity: "0.65" } }, [e._v(" " + e._s(e.$t("description")) + " ")])]), t("form", { staticStyle: { width: "100%" }, on: { submit: function(a) {
     return a.preventDefault(), e.submit.apply(null, arguments);
   }, keyup: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.submit.apply(null, arguments);
@@ -4518,7 +4518,7 @@ var C2 = function() {
   v2,
   !1,
   null,
-  "186f2d19",
+  "8e42abc9",
   null,
   null
 );
@@ -4663,7 +4663,7 @@ var b2 = function() {
     e.query = a;
   }, expression: "query" } }), e.query ? t("div", { staticStyle: { "margin-top": "15px", "padding-top": "15px", "border-top": "1px solid hsl(0, 0%, 88%)" } }, [t("SmartList", { attrs: { items: e.options, "filter-method": e.filterMethod, query: e.query }, scopedSlots: e._u([{ key: "default", fn: function({ items: a }) {
     return t("div", {}, [a.length ? e._l(a, function(n, s) {
-      return t("div", { key: s, staticClass: "flex items-center w-full field-parent" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(n.label) }, on: { dragstart: (o) => e.onDragStart(o, n) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: n.value, disabled: n.inputDisabled, filled: "", size: "small" }, on: { blur: function(o) {
+      return t("div", { key: s, staticClass: "field-parent flex w-full items-center" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(n.label) }, on: { dragstart: (o) => e.onDragStart(o, n) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: n.value, disabled: n.inputDisabled, filled: "", size: "small" }, on: { blur: function(o) {
         var l;
         return n.onInput(((l = o == null ? void 0 : o.target) == null ? void 0 : l.value) || "");
       } } })], 1), t("div", { staticClass: "field-actions" }, [!n.inputDisabled && !n.virtual ? t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary" }, on: { click: function(o) {
@@ -4672,7 +4672,7 @@ var b2 = function() {
         return e.onCopyField(`{{${n.key}}}`);
       } } })], 1)], 1)]);
     }) : t("div", { staticStyle: { "text-align": "center" } }, [e._v(" " + e._s(e.$t("_common:noResults")) + " ")])], 2);
-  } }], null, !1, 653548536) })], 1) : t("div", { staticStyle: { "padding-top": "20px" } }, [t("div", { staticClass: "flex justify-end w-full", staticStyle: { "margin-top": "0.5em", "margin-bottom": "0.5em" } }, [t("CButton", { staticStyle: { "font-size": "13px", "margin-left": "2px" }, attrs: { type: "none", pattern: "secondary", size: "small" }, domProps: { textContent: e._s(e.$t("_common:add", { thing: e.$t("_common:field") })) }, on: { click: e.openFieldModal } })], 1), e._l([
+  } }], null, !1, 1639279928) })], 1) : t("div", { staticStyle: { "padding-top": "20px" } }, [t("div", { staticClass: "flex w-full justify-end", staticStyle: { "margin-top": "0.5em", "margin-bottom": "0.5em" } }, [t("CButton", { staticStyle: { "font-size": "13px", "margin-left": "2px" }, attrs: { type: "none", pattern: "secondary", size: "small" }, domProps: { textContent: e._s(e.$t("_common:add", { thing: e.$t("_common:field") })) }, on: { click: e.openFieldModal } })], 1), e._l([
     {
       label: e.$t("usedFields"),
       defaultOpen: !0,
@@ -4694,7 +4694,7 @@ var b2 = function() {
     return t("CAccordion", { key: n, staticStyle: { "border-top": "1px solid hsl(0, 0%, 88%)" }, attrs: { "default-open": a.defaultOpen }, scopedSlots: e._u([{ key: "trigger", fn: function({ expanded: s }) {
       return t("div", { staticClass: "list-button" }, [t("span", [t("span", { domProps: { textContent: e._s(a.label) } }), t("span", { staticStyle: { opacity: "0.45", "padding-left": "0.5em" }, domProps: { textContent: e._s(a.items.length) } })]), t("BaseIcon", { staticStyle: { transition: "200ms" }, style: { transform: `rotate(${s ? "180deg" : "0deg"})` }, attrs: { type: "chevron-down", size: "15" } })], 1);
     } }], null, !0) }, [t("div", { staticStyle: { "padding-bottom": "2em" } }, [a.items.length ? e._l(a.items, function(s, o) {
-      return t("div", { key: o, staticClass: "flex items-center w-full field-parent" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(s.label) }, on: { dragstart: (l) => e.onDragStart(l, s) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: s.value, disabled: s.inputDisabled, filled: "", size: "small" }, on: { blur: function(l) {
+      return t("div", { key: o, staticClass: "field-parent flex w-full items-center" }, [t("div", { staticClass: "field-container", staticStyle: { position: "relative", flex: "1 1 auto" } }, [t("CField", { staticStyle: { width: "100%" }, attrs: { label: " ", "label-position": "inside" } }, [t("span", { staticClass: "drag-label", attrs: { draggable: "" }, domProps: { textContent: e._s(s.label) }, on: { dragstart: (l) => e.onDragStart(l, s) } }), t("CInput", { staticStyle: { width: "100%" }, attrs: { value: s.value, disabled: s.inputDisabled, filled: "", size: "small" }, on: { blur: function(l) {
         var r;
         return s.onInput(((r = l == null ? void 0 : l.target) == null ? void 0 : r.value) || "");
       } } })], 1), t("div", { staticClass: "field-actions" }, [!s.inputDisabled && !s.virtual ? t("CButton", { staticStyle: { width: "30px", height: "30px", "border-radius": "3px" }, attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary" }, on: { click: function(l) {
@@ -4710,7 +4710,7 @@ var b2 = function() {
   _2,
   !1,
   null,
-  "da1996e8",
+  "417e8c9a",
   null,
   null
 );
@@ -4928,7 +4928,7 @@ var S2 = function() {
     return t("CDropdownItem", { key: a, attrs: { type: e.activeCrm === a ? "primary" : "secondary", size: "small" }, on: { click: function(n) {
       e.activeCrm = a;
     } } }, [e._v(" " + e._s(a.capitalize()) + " ")]);
-  })], 2) : e._e(), e.isLoading && !e.dealDetails ? t("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { "padding-top": "calc(2 * var(--rem))" } }, [t("Spinner", { attrs: { size: "24", color: "grey" } })], 1) : e.activeCrm ? [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(2 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500", "font-size": "16px" } }, [e._v(" " + e._s(e.activeCrm.capitalize()) + " ")]), e.typeDetails ? t("div", [t("div", { staticClass: "x-hint" }, [t("div", { staticClass: "flex w-full" }, [t("div", { domProps: { textContent: e._s(
+  })], 2) : e._e(), e.isLoading && !e.dealDetails ? t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { "padding-top": "calc(2 * var(--rem))" } }, [t("Spinner", { attrs: { size: "24", color: "grey" } })], 1) : e.activeCrm ? [t("div", { staticStyle: { padding: "0 calc(0.5 * var(--rem)) calc(2 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "500", "font-size": "16px" } }, [e._v(" " + e._s(e.activeCrm.capitalize()) + " ")]), e.typeDetails ? t("div", [t("div", { staticClass: "x-hint" }, [t("div", { staticClass: "flex w-full" }, [t("div", { domProps: { textContent: e._s(
     e.$t("referenceTo", {
       crm: e.activeCrm.capitalize(),
       type: e.$t(`type.${e.typeDetails.type}`)
@@ -4964,14 +4964,14 @@ var S2 = function() {
     return t("div", { key: a._uniqueId, staticStyle: { 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" }, on: { click: function(n) {
       return e.addArticle(a);
     } } }, [t("div", { staticStyle: { "font-weight": "500", "padding-bottom": "4px", "font-size": "14px" }, domProps: { textContent: e._s(a.name) } }), t("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "12px" } }, [e._v(" " + e._s(e.priceFormat(a.price || 0, { showZero: !1, currency: a.currency || "USD" })) + " · " + e._s(a.quantity || 0) + "x "), a.vat !== null ? [e._v(" · " + e._s(e._document.$t("vat").capitalize()) + " " + e._s(a.vat) + "% ")] : e._e()], 2)]);
-  }), 0) : t("div", { staticClass: "flex w-full text-gray-600", staticStyle: { "background-color": "hsl(var(--gray-color-100) / 1)", padding: "5px", "font-size": "12px", "border-radius": "5px", "line-height": "1.35" } }, [t("BaseIcon", { staticStyle: { margin: "1px 4px 0 0", "flex-shrink": "0" }, attrs: { type: "info", size: "13" } }), t("div", { domProps: { textContent: e._s(e.$t("noProducts", { type: e.dealType })) } })], 1)], 1) : e._e()] : t("div", { staticClass: "flex flex-col items-center justify-center w-full text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("BaseIcon", { staticClass: "text-primary-500", staticStyle: { "padding-bottom": "5px" }, attrs: { type: "info", size: "16" } }), t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("noCrm")) + " ")]), t("div", { staticClass: "text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("router-link", { staticClass: "text-primary-500", staticStyle: { "font-weight": "500" }, attrs: { to: { name: "settings" } } }, [e._v(" " + e._s(e.$t("noCrmAction")) + " ")])], 1)], 1)], 2);
+  }), 0) : t("div", { staticClass: "flex w-full text-gray-600", staticStyle: { "background-color": "hsl(var(--gray-color-100) / 1)", padding: "5px", "font-size": "12px", "border-radius": "5px", "line-height": "1.35" } }, [t("BaseIcon", { staticStyle: { margin: "1px 4px 0 0", "flex-shrink": "0" }, attrs: { type: "info", size: "13" } }), t("div", { domProps: { textContent: e._s(e.$t("noProducts", { type: e.dealType })) } })], 1)], 1) : e._e()] : t("div", { staticClass: "flex w-full flex-col items-center justify-center text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("BaseIcon", { staticClass: "text-primary-500", staticStyle: { "padding-bottom": "5px" }, attrs: { type: "info", size: "16" } }), t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("noCrm")) + " ")]), t("div", { staticClass: "text-center", staticStyle: { "padding-top": "calc(1 * var(--rem))" } }, [t("router-link", { staticClass: "text-primary-500", staticStyle: { "font-weight": "500" }, attrs: { to: { name: "settings" } } }, [e._v(" " + e._s(e.$t("noCrmAction")) + " ")])], 1)], 1)], 2);
 }, T2 = [], D2 = /* @__PURE__ */ d(
   $2,
   S2,
   T2,
   !1,
   null,
-  "341fef10",
+  "b14c8398",
   null,
   null
 );
@@ -5368,7 +5368,7 @@ var P2 = function() {
   var e = this, t = e._self._c;
   return t("div", [t("div", { staticClass: "fixed inset-0 z-10", on: { click: function(a) {
     return a.target !== a.currentTarget ? null : e.$emit("close");
-  } } }), t("transition", { attrs: { appear: "", mode: "out-in", "enter-active-class": "transition-all duration-100 ease-out", "enter-class": "-translate-x-4 opacity-0", "enter-to-class": "translate-x-0 opacity-100", "leave-active-class": "transition-opacity duration-100 ease-out", "leave-class": "opacity-100", "leave-to-class": "opacity-0" } }, [t("div", { ref: "popover", staticClass: "absolute z-10 p-4 text-sm -translate-y-1/2 bg-white rounded-lg shadow-xl w-52" }, [t("div", { staticClass: "pb-4", domProps: { innerHTML: e._s(e.$t("text")) } }), t("CButton", { attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: function(a) {
+  } } }), t("transition", { attrs: { appear: "", mode: "out-in", "enter-active-class": "transition-all duration-100 ease-out", "enter-class": "-translate-x-4 opacity-0", "enter-to-class": "translate-x-0 opacity-100", "leave-active-class": "transition-opacity duration-100 ease-out", "leave-class": "opacity-100", "leave-to-class": "opacity-0" } }, [t("div", { ref: "popover", staticClass: "absolute z-10 w-52 -translate-y-1/2 rounded-lg bg-white p-4 text-sm shadow-xl" }, [t("div", { staticClass: "pb-4", domProps: { innerHTML: e._s(e.$t("text")) } }), t("CButton", { attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: function(a) {
     return e.$emit("convert");
   } } }, [e._v(" " + e._s(e.$t("button")) + " ")])], 1)])], 1);
 }, z2 = [], E2 = /* @__PURE__ */ d(
@@ -5947,7 +5947,7 @@ var R2 = function() {
   G2,
   !1,
   null,
-  "126e204b",
+  "65d85c3f",
   null,
   null
 );
@@ -5972,7 +5972,7 @@ const N2 = {
     Fields: L2,
     ExtensionTab: V2,
     DocumentGeneralSettings: H2,
-    DocumentGuide: () => import("./index-7cae1b9c.js"),
+    DocumentGuide: () => import("./index-e9650c8b.js"),
     MenuBlocks: q2,
     Simplebar: L
   },
@@ -6066,7 +6066,7 @@ var j2 = function() {
     e.tab = "generalSettings";
   } } }, [t("BaseIcon", { staticStyle: {}, attrs: { type: "cog", size: "16" } })], 1)]), e.tab === "blocks" ? t("MenuBlocks", { attrs: { _document: e.state, set: e.set, "remove-value": e.removeValue, fixed: e.fixed, "can-use-blocks": e.canUseBlocks }, on: { "block-added": function(a) {
     e.onAddedBlock(a), e.fixed && e.$emit("close");
-  } } }, [t("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "calc(1 * var(--rem))" }, attrs: { slot: "footer" }, slot: "footer" }, [t("CButton", { staticStyle: { position: "relative" }, attrs: { "icon-left": "help", type: "none", pattern: "secondary", size: "small" }, on: { click: e.openGuide } }, [e._v(" " + e._s(e.$t("guideButton")) + " "), e.showGuideNotification ? t("div", { staticClass: "circle-pulse" }) : e._e()])], 1)]) : t("div", { staticClass: "menu-container" }, [t("Simplebar", { staticClass: "w-full h-full" }, [e.tab === "design" ? t("Design", { attrs: { _document: e.state, _value: {
+  } } }, [t("div", { staticStyle: { flex: "1 1 auto", display: "flex", "flex-direction": "column", "justify-content": "flex-end", "align-items": "flex-start", padding: "calc(1 * var(--rem))" }, attrs: { slot: "footer" }, slot: "footer" }, [t("CButton", { staticStyle: { position: "relative" }, attrs: { "icon-left": "help", type: "none", pattern: "secondary", size: "small" }, on: { click: e.openGuide } }, [e._v(" " + e._s(e.$t("guideButton")) + " "), e.showGuideNotification ? t("div", { staticClass: "circle-pulse" }) : e._e()])], 1)]) : t("div", { staticClass: "menu-container" }, [t("Simplebar", { staticClass: "h-full w-full" }, [e.tab === "design" ? t("Design", { attrs: { _document: e.state, _value: {
     css: "data.css"
   }, set: e.set, offset: e.fixed ? 0 : e.width } }) : e.tab === "fields" ? t("Fields", { attrs: { _document: e.state, "crm-service": e.extensionTabType, _value: {
     css: "data.css"
@@ -6093,7 +6093,7 @@ var j2 = function() {
   K2,
   !1,
   null,
-  "670ad23f",
+  "8f0a413b",
   null,
   null
 );
@@ -6132,7 +6132,7 @@ const J2 = {
 };
 var X2 = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex gap-2 control-root" }, [e.canToggleVisibility ? t("div", { staticClass: "control-button", on: { click: function(a) {
+  return t("div", { staticClass: "control-root flex gap-2" }, [e.canToggleVisibility ? t("div", { staticClass: "control-button", on: { click: function(a) {
     return e.$emit("toggle-visible", !e.isVisible);
   } } }, [e.isVisible ? e._e() : t("span", { staticClass: "px-1.5 text-xs text-gray-600" }, [e._v(" " + e._s(e.$t("hidden")) + " ")]), t("BaseIcon", { class: { "mr-1": !e.isVisible }, attrs: { type: e.isVisible ? "eye" : "eye-off", size: "14" } })], 1) : e._e(), e._t("default"), !e.isHidden && e.isMovable ? t("div", { staticClass: "flex flex-col gap-1.5" }, [t("div", { staticClass: "control-direction" }, [t("div", { staticClass: "control-button", on: { click: function(a) {
     return e.$emit("move", "up");
@@ -6147,7 +6147,7 @@ var X2 = function() {
   ei,
   !1,
   null,
-  "9e35bda4",
+  "7cd3314a",
   null,
   null
 );
@@ -6232,7 +6232,7 @@ var ni = function() {
     e.isHovering = !0;
   }, "&mouseleave": function(a) {
     e.isHovering = !1;
-  } } }, [t("div", { staticClass: "block-container", class: { "spacing-snug": e.isHidden }, attrs: { inert: e.isHidden } }, [e._t("default")], 2), e.showControls ? t("BlockControlButtons", { staticClass: "z-10 control-root", attrs: { "is-movable": e.canMove, "is-visible": e.isVisible }, on: { "toggle-visible": function(a) {
+  } } }, [t("div", { staticClass: "block-container", class: { "spacing-snug": e.isHidden }, attrs: { inert: e.isHidden } }, [e._t("default")], 2), e.showControls ? t("BlockControlButtons", { staticClass: "control-root z-10", attrs: { "is-movable": e.canMove, "is-visible": e.isVisible }, on: { "toggle-visible": function(a) {
     return e.$emit("toggle-visible", a);
   }, move: function(a) {
     return e.$emit("move", a);
@@ -6245,7 +6245,7 @@ var ni = function() {
   si,
   !1,
   null,
-  "3d358acc",
+  "8de76cd9",
   null,
   null
 );
@@ -6298,8 +6298,7 @@ var ci = function() {
   null,
   null
 );
-const ui = pi.exports;
-const mi = {
+const ui = pi.exports, mi = {
   name: "DocumentFormViewRadio",
   props: {
     value: {
@@ -6314,9 +6313,13 @@ const mi = {
 };
 var hi = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "nav-toggle font-inter" }, [t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "edit" }, on: { click: function(a) {
+  return t("div", { staticClass: "inline-flex h-9 cursor-pointer space-x-2 rounded-[2em] bg-slate-300 p-1 text-sm text-white" }, [t("div", { staticClass: "inline-flex select-none items-center justify-center rounded-[2em] px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear", class: {
+    "m-0 bg-white px-3 py-[1em] text-zinc-900 drop-shadow-md": e.value === "edit"
+  }, on: { click: function(a) {
     e.value === "preview" && e.$emit("input", "edit");
-  } } }, [e.small ? t("BaseIcon", { attrs: { type: "edit", size: "18" } }) : [e._v(e._s(e.$t("edit")))]], 2), t("div", { staticClass: "nav-toggle-button", class: { active: e.value === "preview" }, attrs: { "data-onboarding": "preview-button" }, on: { click: function(a) {
+  } } }, [e.small ? t("BaseIcon", { attrs: { type: "edit", size: "18" } }) : [e._v(e._s(e.$t("edit")))]], 2), t("div", { staticClass: "inline-flex select-none items-center justify-center rounded-[2em] px-1 font-semibold leading-none text-gray-700 transition duration-150 ease-linear", class: {
+    "m-0 bg-white px-3 py-[1em] text-zinc-900 drop-shadow-md": e.value === "preview"
+  }, attrs: { "data-onboarding": "preview-button" }, on: { click: function(a) {
     e.value === "edit" && e.$emit("input", "preview");
   } } }, [e.small ? t("BaseIcon", { attrs: { type: "eye", size: "18" } }) : [e._v(e._s(e.$t("preview")))]], 2)]);
 }, fi = [], gi = /* @__PURE__ */ d(
@@ -6325,7 +6328,7 @@ var hi = function() {
   fi,
   !1,
   null,
-  "2d9aa751",
+  null,
   null,
   null
 );
@@ -6349,9 +6352,9 @@ const Ci = gi.exports, vi = {
 };
 var yi = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "z-50 flex justify-end bottom-0 left-0 right-0 pb-[10px] px-[10px] pointer-events-none", class: e.position }, [t("a", { staticClass: "pointer-events-auto inline-flex items-center h-8 pl-1.5 pr-2 border rounded-md bg-black/80 border-white/30", attrs: { href: `https://${e.$t(
+  return t("div", { staticClass: "pointer-events-none bottom-0 left-0 right-0 z-50 flex justify-end px-[10px] pb-[10px]", class: e.position }, [t("a", { staticClass: "pointer-events-auto inline-flex h-8 items-center rounded-md border border-white/30 bg-black/80 pl-1.5 pr-2", attrs: { href: `https://${e.$t(
     "_common:brand.domain"
-  )}?utm_source=document&utm_medium=logo-banner`, target: "_blank" } }, [t("div", { staticClass: "w-5 h-5 mr-2 overflow-hidden bg-white rounded" }, [t("img", { staticClass: "w-full h-full", attrs: { src: e.logoUrl, alt: e.$t("brand.name") } })]), t("div", { staticClass: "text-xs font-medium text-white" }, [e._v(" Made in " + e._s(e.$t("brand.name")) + " ")])])]);
+  )}?utm_source=document&utm_medium=logo-banner`, target: "_blank" } }, [t("div", { staticClass: "mr-2 h-5 w-5 overflow-hidden rounded bg-white" }, [t("img", { staticClass: "h-full w-full", attrs: { src: e.logoUrl, alt: e.$t("brand.name") } })]), t("div", { staticClass: "text-xs font-medium text-white" }, [e._v(" Made in " + e._s(e.$t("brand.name")) + " ")])])]);
 }, xi = [], wi = /* @__PURE__ */ d(
   vi,
   yi,
@@ -6368,14 +6371,14 @@ const _i = {
 };
 var ki = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "DocumentFormNav py-2 px-2 md:px-6 fixed left-0 top-0 right-0 z-[98]" }, [t("div", { staticClass: "flex" }, [t("div", { staticClass: "inline-flex items-center flex-grow" }, [e._t("left")], 2), t("div", { staticClass: "inline-flex items-center justify-center flex-auto" }, [e._t("center")], 2), t("div", { staticClass: "inline-flex items-center justify-end flex-grow" }, [e._t("right")], 2)])]);
+  return t("div", { staticClass: "DocumentFormNav fixed left-0 right-0 top-0 z-[98] px-2 py-2 md:px-6" }, [t("div", { staticClass: "flex" }, [t("div", { staticClass: "inline-flex flex-grow items-center" }, [e._t("left")], 2), t("div", { staticClass: "inline-flex flex-auto items-center justify-center" }, [e._t("center")], 2), t("div", { staticClass: "inline-flex flex-grow items-center justify-end" }, [e._t("right")], 2)])]);
 }, Li = [], $i = /* @__PURE__ */ d(
   _i,
   ki,
   Li,
   !1,
   null,
-  "39c32da6",
+  "0a769595",
   null,
   null
 );
@@ -6654,22 +6657,22 @@ const X = (i, e, t = "$children") => {
 };
 var Di = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { overflow: "auto", height: "100vh" } }, [t("div", { staticClass: "flex container-root font-inter", class: {
+  return t("div", { staticStyle: { overflow: "auto", height: "100vh" } }, [t("div", { staticClass: "container-root font-inter flex", class: {
     "is-edit-view": e.isEditView,
     "is-empty-list": !e.nestedReadLayout.length
   } }, [t("DocumentFormMenu", { directives: [{ name: "show", rawName: "v-show", value: e.drawerState.showLeft, expression: "drawerState.showLeft" }], attrs: { state: e._document, "on-added-block": ({ nodeId: a, onAddFnName: n = "onAdd" }) => {
     e.onAddRedis[a] = n;
   }, set: e.setFormValue, "remove-value": e.removeFormValue, template: e.docTemplate, fixed: e.drawerState.isFixed, "can-use-blocks": e.isTemplateEditable, "is-legacy-template": e.isLegacyTemplate, width: e.sidebarWidth }, on: { close: function(a) {
     e.drawerState.showLeft = !1;
-  } } }), t("div", { ref: "scroll-body", staticClass: "flex justify-center w-full doc-scroll-container", class: {
+  } } }), t("div", { ref: "scroll-body", staticClass: "doc-scroll-container flex w-full justify-center", class: {
     "device-offset": e.isEditView
   }, style: e.drawerState.showLeft && !e.drawerState.isFixed && {
     marginLeft: `${e.sidebarWidth}px`
   } }, [t("DocumentFormNav", { style: !e.drawerState.isFixed && {
     marginLeft: e.drawerState.showLeft ? `${e.sidebarWidth}px` : 0
-  }, attrs: { close: e.close } }, [t("div", { staticClass: "flex items-center w-full", staticStyle: { position: "relative" }, attrs: { slot: "left" }, slot: "left" }, [e.close ? t("CButton", { staticClass: "d-nav-button position left close", staticStyle: { "font-size": "16px", height: "2.25em", width: "2.25em", "flex-shrink": "0", "margin-right": "0.5em", "background-color": "hsla(240, 10%, 94%, 0.35)" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: e.close } }) : e._e(), e.goBack && e.mq !== "sm" ? t("CButton", { staticClass: "mr-2", staticStyle: { "background-color": "hsla(240, 10%, 94%, 0.35)" }, attrs: { circle: "", type: "none", pattern: "tertiary", icon: "arrow-left" }, on: { click: e.goBack } }) : e._e(), t("div", { staticClass: "relative" }, [t("CButton", { staticStyle: { "font-size": "16px", height: "2.5em", width: "2.5em", "background-color": "hsla(240, 10%, 94%, 0.35)" }, attrs: { circle: "", type: "none", pattern: "tertiary", icon: "sidebar" }, on: { click: function(a) {
+  }, attrs: { close: e.close } }, [t("div", { staticClass: "flex w-full items-center", staticStyle: { position: "relative" }, attrs: { slot: "left" }, slot: "left" }, [e.close ? t("CButton", { staticClass: "d-nav-button position left close", staticStyle: { "font-size": "16px", height: "2.25em", width: "2.25em", "flex-shrink": "0", "margin-right": "0.5em", background: "rgba(255, 255, 255, 0.75)", "backdrop-filter": "blur(25px)" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: e.close } }) : e._e(), e.goBack && e.mq !== "sm" ? t("CButton", { staticClass: "mr-2", staticStyle: { background: "rgba(255, 255, 255, 0.75)", "backdrop-filter": "blur(25px)" }, attrs: { circle: "", type: "none", pattern: "tertiary", icon: "arrow-left" }, on: { click: e.goBack } }) : e._e(), t("div", { staticClass: "relative" }, [t("CButton", { staticStyle: { "font-size": "16px", height: "2.5em", width: "2.5em", background: "rgba(255, 255, 255, 0.75)", "backdrop-filter": "blur(25px)" }, attrs: { circle: "", type: "none", pattern: "tertiary", icon: "sidebar" }, on: { click: function(a) {
     return a.stopPropagation(), e.drawerState.toggleLeft.apply(null, arguments);
-  } } }), t("transition", { attrs: { name: "fade-bounce", appear: "" } }, [!e.nestedReadLayout.length && e.isFixedSidebar ? t("div", { staticClass: "absolute w-64 p-3 text-base font-semibold leading-snug text-white translate-y-2 rounded-lg shadow-lg bg-primary-500 -left-3/4 top-full" }, [e._v(" " + e._s(e.$t("emptyBlockPlaceholderSmall")) + " "), t("svg", { staticClass: "absolute top-0 -translate-y-full text-primary-500 left-10", attrs: { width: "16", height: "6", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z", fill: "currentColor" } })])]) : e._e()])], 1), e._t("nav-left")], 2), t("div", { staticStyle: { position: "relative" }, attrs: { slot: "center" }, slot: "center" }, [t("DocumentFormViewRadio", { directives: [{ name: "show", rawName: "v-show", value: e.nestedReadLayout.length, expression: "nestedReadLayout.length" }], attrs: { small: e.mq === "sm", value: e.view }, on: { input: function(a) {
+  } } }), t("transition", { attrs: { name: "fade-bounce", appear: "" } }, [!e.nestedReadLayout.length && e.isFixedSidebar ? t("div", { staticClass: "bg-primary-500 absolute -left-3/4 top-full w-64 translate-y-2 rounded-lg p-3 text-base font-semibold leading-snug text-white shadow-lg" }, [e._v(" " + e._s(e.$t("emptyBlockPlaceholderSmall")) + " "), t("svg", { staticClass: "text-primary-500 absolute left-10 top-0 -translate-y-full", attrs: { width: "16", height: "6", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z", fill: "currentColor" } })])]) : e._e()])], 1), e._t("nav-left")], 2), t("div", { staticStyle: { position: "relative" }, attrs: { slot: "center" }, slot: "center" }, [t("DocumentFormViewRadio", { directives: [{ name: "show", rawName: "v-show", value: e.nestedReadLayout.length, expression: "nestedReadLayout.length" }], attrs: { small: e.mq === "sm", value: e.view }, on: { input: function(a) {
     return e.$emit("update:view", a);
   } } }), !e.isEditView && !["sm", "md"].includes(e.mq) ? t("div", { staticStyle: { position: "absolute", left: "calc(100% + calc(1.25 * var(--rem)))", transform: "translateY(50%)", top: "-50%", display: "inline-flex", "border-radius": "2em", padding: "3px", "background-color": "hsl(0, 0%, 0%, 0.07)", "backdrop-filter": "saturate(180%) blur(20px)", "font-size": "15px", height: "36px" } }, e._l(["desktop", "tablet", "mobile"], function(a) {
     return t("div", { key: a, staticStyle: { "border-radius": "2em", "font-weight": "500", cursor: "pointer", "padding-top": "4px", "padding-bottom": "4px", margin: "0 4px", "user-select": "none", display: "inline-flex", "align-items": "center", "justify-content": "center", color: "hsl(0, 0%, 0%, 0.5)", transition: "150ms" }, style: e.previewDevice === a && {
@@ -6688,12 +6691,12 @@ var Di = function() {
       "is-empty": !e.nestedReadLayout.length
     },
     !e.isEditView && `is-device-${e.previewDevice}`,
-    e.isEditView && "overflow-hidden min-h-full w-[1200px] mx-auto md:max-w-[90%] max-w-full rounded-md shadow-[0_20px_35px_-8px_hsla(0,0%,0%,0.27)] px-0"
-  ] }, [!e.nestedReadLayout.length && !e.isFixedSidebar ? t("div", { staticClass: "text-gray-400 drag-drop-empty-list is-placeholder" }, [t("div", { staticStyle: { position: "relative" } }, [e._m(0), t("svg", { staticClass: "drag-drop-illustration", attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" } }, [t("path", { staticClass: "drag-drop-illustration-finger", attrs: { 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" } }), t("path", { staticClass: "drag-drop-illustration-grabbing", attrs: { 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" } })])]), t("div", { staticClass: "text-center", staticStyle: { "max-width": "22ch" }, domProps: { innerHTML: e._s(e.$t("emptyBlockPlaceholderLarge")) } })]) : e._e(), t(e.isEditView ? "div" : "simplebar", { tag: "component", staticClass: "w-full h-full" }, [t("WithDimensions", { attrs: { "provide-device": !0 }, on: { width: function(a) {
+    e.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%]"
+  ] }, [!e.nestedReadLayout.length && !e.isFixedSidebar ? t("div", { staticClass: "drag-drop-empty-list is-placeholder text-gray-400" }, [t("div", { staticStyle: { position: "relative" } }, [e._m(0), t("svg", { staticClass: "drag-drop-illustration", attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" } }, [t("path", { staticClass: "drag-drop-illustration-finger", attrs: { 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" } }), t("path", { staticClass: "drag-drop-illustration-grabbing", attrs: { 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" } })])]), t("div", { staticClass: "text-center", staticStyle: { "max-width": "22ch" }, domProps: { innerHTML: e._s(e.$t("emptyBlockPlaceholderLarge")) } })]) : e._e(), t(e.isEditView ? "div" : "simplebar", { tag: "component", staticClass: "h-full w-full" }, [t("WithDimensions", { attrs: { "provide-device": !0 }, on: { width: function(a) {
     e.parentSize.width = a;
   } }, scopedSlots: e._u([{ key: "default", fn: function({ width: a, height: n }) {
     var s, o;
-    return t("DocumentStyleContainer", { staticClass: "relative w-full h-full", style: {
+    return t("DocumentStyleContainer", { staticClass: "relative h-full w-full", style: {
       "--vw": `${a / 100}px`,
       "--vh": `clamp(7.5px, ${n / 100}px, ${e.isEditView ? 7.5 : 9}px)`
     }, attrs: { "heading-color": e.headingColor, "input-style": ((o = (s = e._document) == null ? void 0 : s.data) == null ? void 0 : o.css) || null } }, [e.nestedReadLayout ? t("DragList", { staticClass: "drag-list", attrs: { handle: ".NO-SELECTOR", "drop-placeholder": { className: "drag-drop-placeholder" }, "should-animate-drop": e.shouldAnimateDrop, group: "blocks", "ghost-class": "drag-drop-ghost", "drag-class": "is-dragged", "group-name": "document-blocks", "non-drag-area-selector": ".no-drag", "drag-handle-selector": ".drag-item" }, on: { "drag-start": function(l) {
@@ -6727,7 +6730,7 @@ var Di = function() {
     } }], null, !0) }) : e._e()], 1);
   } }]) })], 1)], 1)], 1), t("DocumentDrawer", { key: "settingsDrawer", attrs: { id: "settingsDrawer", open: !!e.drawerState.openSection, fixed: !0, position: "right" }, on: { "update:open": function(a) {
     e.drawerState.openSection = null;
-  } } }, [t("CButton", { staticClass: "absolute top-2 right-2", attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(a) {
+  } } }, [t("CButton", { staticClass: "absolute right-2 top-2", attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(a) {
     e.drawerState.openSection = null;
   } } }), t("portal-target", { attrs: { name: "drawer-content" } })], 1)], 1)]);
 }, Vi = [function() {
@@ -6739,7 +6742,7 @@ var Di = function() {
   Vi,
   !1,
   null,
-  "d761f136",
+  "44c5b4b7",
   null,
   null
 );
@@ -6796,9 +6799,9 @@ var Zi = function() {
     openUpgradeModal: s,
     initialFreePremiumDays: o
   }) {
-    return [a === "trial" && e.mq !== "sm" ? t("v-popover", { attrs: { "popover-inner-class": "bg-white rounded-md shadow-xl" } }, [t("div", { staticClass: "relative flex flex-col justify-center px-2 mr-2 text-xs font-semibold rounded-md cursor-pointer select-none bg-gray-200/50 h-9 backdrop-blur-lg backdrop-saturate-150" }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$tc("_common:day", { count: n })) + " " + e._s(e.$t("button")) + " ")]), t("div", { staticClass: "h-[3px] bg-gray-300 absolute bottom-1 left-2 right-2 rounded-full ring-1 ring-white/10" }, [t("div", { staticClass: "absolute h-full rounded-full bg-gradient-to-r from-green-500 via-emerald-500 to-primary-600", style: {
+    return [a === "trial" && e.mq !== "sm" ? t("v-popover", { attrs: { "popover-inner-class": "bg-white rounded-md shadow-xl" } }, [t("div", { staticClass: "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" }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$tc("_common:day", { count: n })) + " " + e._s(e.$t("button")) + " ")]), t("div", { staticClass: "absolute bottom-1 left-2 right-2 h-[3px] rounded-full bg-gray-300 ring-1 ring-white/10" }, [t("div", { staticClass: "to-primary-600 absolute h-full rounded-full bg-gradient-to-r from-green-500 via-emerald-500", style: {
       width: e.clamp(n / o * 100, 0, 100) + "%"
-    } })])]), t("div", { staticClass: "p-4 text-sm w-56", attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticClass: "font-semibold" }, [e._v(" " + e._s(e.$t("title.1")) + " "), t("span", { staticClass: "inline-flex py-[3px] px-1.5 leading-none bg-primary-100 border border-primary-200 text-primary-800 rounded-md text-xs" }, [e._v(e._s(e.$t("title.2")))]), e._v(" " + e._s(e.$t("title.3", { trialDaysLeft: n })) + ". ")]), t("div", { staticClass: "text-sm text-gray-600" }, [e._v(" " + e._s(e.$t("title.4")) + " "), t("span", { staticClass: "inline-flex py-[3px] px-1.5 leading-none bg-gray-200 border border-gray-300 text-gray-600 rounded-md text-xs font-semibold" }, [e._v(e._s(e.$t("title.5")))]), e._v(". ")]), t("div", { staticClass: "mt-5" }, [t("CButton", { directives: [{ name: "close-popover", rawName: "v-close-popover" }], attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: s } }, [e._v(" " + e._s(e.$t("actionButton")) + " ")])], 1)])]) : e._e()];
+    } })])]), t("div", { staticClass: "w-56 p-4 text-sm", attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticClass: "font-semibold" }, [e._v(" " + e._s(e.$t("title.1")) + " "), t("span", { staticClass: "bg-primary-100 border-primary-200 text-primary-800 inline-flex rounded-md border px-1.5 py-[3px] text-xs leading-none" }, [e._v(e._s(e.$t("title.2")))]), e._v(" " + e._s(e.$t("title.3", { trialDaysLeft: n })) + ". ")]), t("div", { staticClass: "text-sm text-gray-600" }, [e._v(" " + e._s(e.$t("title.4")) + " "), t("span", { staticClass: "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" }, [e._v(e._s(e.$t("title.5")))]), e._v(". ")]), t("div", { staticClass: "mt-5" }, [t("CButton", { directives: [{ name: "close-popover", rawName: "v-close-popover" }], attrs: { type: "secondary", size: "small", "icon-right": "arrow-right" }, on: { click: s } }, [e._v(" " + e._s(e.$t("actionButton")) + " ")])], 1)])]) : e._e()];
   } }]) });
 }, Ui = [], Oi = /* @__PURE__ */ d(
   Ei,
@@ -6806,7 +6809,7 @@ var Zi = function() {
   Ui,
   !1,
   null,
-  "ef060cb6",
+  "5d030d36",
   null,
   null
 );
@@ -6930,7 +6933,7 @@ const Ri = Oi.exports, T = A.observable({
 };
 var Wi = function() {
   var e = this, t = e._self._c;
-  return e.document ? t("div", { staticClass: "flex flex-col w-screen bg-white" }, [t("DocumentFormContainer", { attrs: { _document: e.document, view: e.view, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "remove-form-key-value": e.removeDocKeyValue, close: e.close, "go-back": e.goBack, "can-show-banner": e.canShowBanner }, on: { "update:view": function(a) {
+  return e.document ? t("div", { staticClass: "flex w-screen flex-col bg-white" }, [t("DocumentFormContainer", { attrs: { _document: e.document, view: e.view, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "remove-form-key-value": e.removeDocKeyValue, close: e.close, "go-back": e.goBack, "can-show-banner": e.canShowBanner }, on: { "update:view": function(a) {
     e.view = a;
   } } }, [t("template", { slot: "nav-right" }, [t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canCreateDocument: a, canCreateTemplate: n }) {
     return [t("IsPremiumPreStep", { attrs: { feature: "documents" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: s }) {
@@ -7267,7 +7270,7 @@ const ea = {
 };
 var ta = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex flex-col w-full h-full" }, [e.view === "templateSelect" ? t("div", { staticClass: "flex flex-col w-full h-full" }, [t("div", { staticClass: "relative flex items-center justify-center h-16 border-b border-gray-200" }, [e.closeFunc ? t("CButton", { staticClass: "absolute -translate-y-1/2 top-1/2 left-4", attrs: { icon: "x", circle: "" }, on: { click: e.closeFunc } }) : e._e(), t("div", [e._v(e._s(e.$t("selectNavTitle")))])], 1), t("TemplateSelector", { staticClass: "min-h-0 body-scroll", attrs: { "on-use-template": e.onTemplateSelect, "show-gallery": e.feature("templateGallery"), "show-gallery-template-author": !1, "gallery-category": e.galleryCategory, "on-save-template": e.onSaveTemplate, "include-partner-templates": "" } })], 1) : e.view === "editor" ? t("DocumentForm", { attrs: { document: e.document, "set-doc-value": e.setDocValue, "set-form-value": e.setFormValue, "remove-doc-value": e.removeDocValue, "remove-doc-key-value": e.removeDocKeyValue, "on-save-template": e.onSaveTemplate, "on-save-document": e.onSaveDocument, "is-loading": e.isPosting, close: e.closeFunc, "go-back": !e.document.id && e.showBackButton ? e.goBack : null, "can-show-banner": !1 } }) : t("PostSend", { attrs: { document: e.document, "on-send-func": e.closeFunc, "on-close-func": e.closeFunc } })], 1);
+  return t("div", { staticClass: "flex h-full w-full flex-col" }, [e.view === "templateSelect" ? t("div", { staticClass: "flex h-full w-full flex-col" }, [t("div", { staticClass: "relative flex h-16 items-center justify-center border-b border-gray-200" }, [e.closeFunc ? t("CButton", { staticClass: "absolute left-4 top-1/2 -translate-y-1/2", attrs: { icon: "x", circle: "" }, on: { click: e.closeFunc } }) : e._e(), t("div", [e._v(e._s(e.$t("selectNavTitle")))])], 1), t("TemplateSelector", { staticClass: "body-scroll min-h-0", attrs: { "on-use-template": e.onTemplateSelect, "show-gallery": e.feature("templateGallery"), "show-gallery-template-author": !1, "gallery-category": e.galleryCategory, "on-save-template": e.onSaveTemplate, "include-partner-templates": "" } })], 1) : e.view === "editor" ? t("DocumentForm", { attrs: { document: e.document, "set-doc-value": e.setDocValue, "set-form-value": e.setFormValue, "remove-doc-value": e.removeDocValue, "remove-doc-key-value": e.removeDocKeyValue, "on-save-template": e.onSaveTemplate, "on-save-document": e.onSaveDocument, "is-loading": e.isPosting, close: e.closeFunc, "go-back": !e.document.id && e.showBackButton ? e.goBack : null, "can-show-banner": !1 } }) : t("PostSend", { attrs: { document: e.document, "on-send-func": e.closeFunc, "on-close-func": e.closeFunc } })], 1);
 }, ia = [], aa = /* @__PURE__ */ d(
   ea,
   ta,