@cling-se/widget 0.9.4 → 0.9.5

package/dist/{DocumentLogotype-1efd1ce9.js → DocumentLogotype-441a9fdb.js}

@@ -1,10 +1,10 @@
-import { g as s, n as a } from "./main-04025a56.js";
+import { g as s, n as a } from "./main-95207159.js";
 import { m as l, a as p } from "./vuex.esm-4a0fff7c.js";
-import { a as r } from "./publicSenderState-97108de1.js";
+import { a as r } from "./publicSenderState-bea5980b.js";
 const c = {
   name: "DocumentLogotype",
   components: {
-    ImageUploadWrapper: () => import("./ImageUploadWrapper-53afd31d.js")
+    ImageUploadWrapper: () => import("./ImageUploadWrapper-7c70045f.js")
   },
   props: {
     value: {

package/dist/{EmbedInput-654c0477.js → EmbedInput-a5938c25.js}

@@ -1,5 +1,5 @@
-import { d } from "./CDropdownItem-74672842.js";
-import { b as l, n as o } from "./main-04025a56.js";
+import { d } from "./CDropdownItem-d46bf062.js";
+import { b as l, n as o } from "./main-95207159.js";
 const m = (t) => {
   const i = new DOMParser().parseFromString(t, "text/html"), [s] = l(i, "body.children") || [];
   return !s || s.tagName !== "IFRAME" ? {} : Array.from(s.attributes).reduce(

package/dist/{EmbedSettings-b81ec734.js → EmbedSettings-141ab53c.js}

@@ -1,6 +1,6 @@
-import n from "./EmbedInput-654c0477.js";
-import { n as l } from "./main-04025a56.js";
-import "./CDropdownItem-74672842.js";
+import n from "./EmbedInput-a5938c25.js";
+import { n as l } from "./main-95207159.js";
+import "./CDropdownItem-d46bf062.js";
 const o = {
   i18nOptions: {
     namespaces: "embedSettings",
@@ -52,12 +52,12 @@ const o = {
 };
 var r = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "d-root" }, [t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [e._v(e._s(e.$t("title").capitalize()))]), t("div", { staticClass: "has-text-grey-dark", staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), t("EmbedInput", { attrs: { value: e.value, "is-drawer-mode": !0 }, on: { input: function(s) {
-    return e.$emit("input", s);
-  } } })], 1), t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [t("div", { staticStyle: { flex: "1 1 auto" } }, [e._v(" " + e._s(e.$t("responsiveSize")) + " ")]), t("CSwitch", { staticStyle: { "margin-right": "0" }, attrs: { value: !!e.size, size: "small", type: "secondary" }, on: { input: (s) => e.$emit("update:size", s ? "small" : null) } })], 1), e.size ? t("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "padding-top": "5px" } }, e._l(e.sizeOptions, function({ value: s, svg: i }, a) {
-    return t("div", { key: a, staticClass: "size-option", on: { click: function(m) {
-      return e.$emit("update:size", s);
-    } } }, [t("svg", { staticClass: "size-option-image", class: { "is-active": e.size === s }, attrs: { viewBox: "0 0 99 65" }, domProps: { innerHTML: e._s(i) } })]);
+  return t("div", { staticClass: "d-root" }, [t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [e._v(e._s(e.$t("title").capitalize()))]), t("div", { staticClass: "text-gray-600", staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), t("EmbedInput", { attrs: { value: e.value, "is-drawer-mode": !0 }, on: { input: function(i) {
+    return e.$emit("input", i);
+  } } })], 1), t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [t("div", { staticStyle: { flex: "1 1 auto" } }, [e._v(" " + e._s(e.$t("responsiveSize")) + " ")]), t("CSwitch", { staticStyle: { "margin-right": "0" }, attrs: { value: !!e.size, size: "small", type: "secondary" }, on: { input: (i) => e.$emit("update:size", i ? "small" : null) } })], 1), e.size ? t("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "padding-top": "5px" } }, e._l(e.sizeOptions, function({ value: i, svg: s }, a) {
+    return t("div", { key: a, staticClass: "size-option", on: { click: function(c) {
+      return e.$emit("update:size", i);
+    } } }, [t("svg", { staticClass: "size-option-image", class: { "is-active": e.size === i }, attrs: { viewBox: "0 0 99 65" }, domProps: { innerHTML: e._s(s) } })]);
   }), 0) : e._e()])]);
 }, d = [], p = /* @__PURE__ */ l(
   o,
@@ -65,7 +65,7 @@ var r = function() {
   d,
   !1,
   null,
-  "024651f6",
+  "e95b62ec",
   null,
   null
 );

package/dist/ErrorCallout-7dea37df.js

@@ -0,0 +1,30 @@
+import { n as r } from "./main-95207159.js";
+const s = {
+  name: "ErrorCallout",
+  props: {
+    message: {
+      type: String,
+      required: !0
+    },
+    size: {
+      type: String,
+      default: "normal"
+    }
+  }
+};
+var a = function(t, e) {
+  return t("div", { staticClass: "flex items-center", class: [e.data.staticClass], staticStyle: { "margin-top": "calc(1 * var(--rem))" }, style: [e.data.staticStyle] }, [t("div", { staticClass: "error-wrapper bg-red-50 text-red-500", class: [`is-${e.props.size}`], staticStyle: { margin: "calc(1 * var(--rem)) 0" } }, [t("BaseIcon", { staticStyle: { "margin-right": "0.5em", flex: "0 0 18px" }, attrs: { type: "alert", size: "18" } }), t("div", [e._v(" " + e._s(e.props.message) + " ")])], 1)]);
+}, l = [], n = /* @__PURE__ */ r(
+  s,
+  a,
+  l,
+  !0,
+  null,
+  "7e7d102f",
+  null,
+  null
+);
+const c = n.exports;
+export {
+  c as E
+};

package/dist/{FilePreviewModal-895bd1bd.js → FilePreviewModal-875fd8c9.js}

@@ -1,7 +1,8 @@
-import { n, S as o } from "./main-04025a56.js";
-import { V as r } from "./PdfViewer-38bd8439.js";
-import "./formValidationMixin-4920ab53.js";
-import "./CDropdownItem-74672842.js";
+import { n, S as o } from "./main-95207159.js";
+import { V as r } from "./PdfViewer-096bbf00.js";
+import "./dom-068d1a7b.js";
+import "./DocumentLayout-86c367d1.js";
+import "./CDropdownItem-d46bf062.js";
 const a = {
   name: "FilesPreviewModal",
   components: {
@@ -75,11 +76,11 @@ var l = function() {
   d,
   !1,
   null,
-  "2a485b38",
+  "c103b633",
   null,
   null
 );
-const m = c.exports;
+const g = c.exports;
 export {
-  m as default
+  g as default
 };

package/dist/{HeaderSettings-c6dac755.js → HeaderSettings-0364b6df.js}

@@ -1,18 +1,18 @@
-import { m as x } from "./mapFormMixin-8d073f99.js";
-import { g as _, T as w } from "./ThemeColorRow-3558367b.js";
-import { j as v, n as y, h as d } from "./main-04025a56.js";
-import { B as C, a as k } from "./index-bf93d7c2.js";
-import b from "./VideoPlayerInput-77cd86aa.js";
-import S from "./ImageUploadWrapper-53afd31d.js";
-import { a as A } from "./tinycolor-88fa380f.js";
+import { m as x } from "./mapFormMixin-a245a297.js";
+import { g as _, T as w } from "./ThemeColorRow-c292abc6.js";
+import { k as v, n as y, j as d } from "./main-95207159.js";
+import { B as C, a as k } from "./index-762349d7.js";
+import b from "./VideoPlayerInput-d7b5fe4b.js";
+import S from "./ImageUploadWrapper-7c70045f.js";
+import { a as A } from "./tinycolor-65e7dc2e.js";
 import "./color-71c20583.js";
-import "./ColorPicker-4f6b70af.js";
-import "./CDropdownItem-74672842.js";
-import "./throttle-a2c1f34d.js";
-import "./formValidationMixin-4920ab53.js";
-import "./simplebar.min-3af55aab.js";
-import "./utils-6670dea6.js";
-import "./BaseUpload-996d74b3.js";
+import "./ColorPicker-11ee76f0.js";
+import "./CDropdownItem-d46bf062.js";
+import "./throttle-a0ce8f66.js";
+import "./dom-068d1a7b.js";
+import "./simplebar.min-97b539d6.js";
+import "./utils-580c7144.js";
+import "./BaseUpload-84d3b68b.js";
 const g = v.unsplash.id, L = v.pexels.id, z = {
   name: "MediaSelectModal",
   i18nOptions: {
@@ -50,22 +50,22 @@ const g = v.unsplash.id, L = v.pexels.id, z = {
         {
           value: "unsplash",
           label: "Unsplash",
-          icon: '<svg style="margin-right: 0.5rem;" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"/></svg>'
+          icon: '<svg style="margin-right: calc(0.5 * var(--rem));" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"/></svg>'
         },
         {
           value: "customImage",
           label: this.$t("_common:upload"),
-          icon: '<svg style="margin-right: 0.5rem;" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M20.4 14.5L16 10 4 20"/></svg>'
+          icon: '<svg style="margin-right: calc(0.5 * var(--rem));" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M20.4 14.5L16 10 4 20"/></svg>'
         },
         {
           value: "pexels",
           label: "Pexels",
-          icon: '<svg style="margin-right: 0.5rem;" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 32 32"><path d="M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z" fill="#05A081"></path><path d="M13 21h3.863v-3.752h1.167a3.124 3.124 0 1 0 0-6.248H13v10zm5.863 2H11V9h7.03a5.124 5.124 0 0 1 .833 10.18V23z" fill="#fff"></path></svg>'
+          icon: '<svg style="margin-right: calc(0.5 * var(--rem));" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 32 32"><path d="M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z" fill="#05A081"></path><path d="M13 21h3.863v-3.752h1.167a3.124 3.124 0 1 0 0-6.248H13v10zm5.863 2H11V9h7.03a5.124 5.124 0 0 1 .833 10.18V23z" fill="#fff"></path></svg>'
         },
         {
           value: "customVideo",
           label: this.$t("tabLink"),
-          icon: '<svg style="margin-right: 0.5rem;" width="28" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" xml:space="preserve" viewBox="0 0 71.412 50"><g transform="scale(.58824)"><path d="M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z" fill="red" fill-opacity="1"/><path fill="#fff" d="M80.2 42.5L48.6 24.3v36.4z"/></g></svg>'
+          icon: '<svg style="margin-right: calc(0.5 * var(--rem));" width="28" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" xml:space="preserve" viewBox="0 0 71.412 50"><g transform="scale(.58824)"><path d="M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z" fill="red" fill-opacity="1"/><path fill="#fff" d="M80.2 42.5L48.6 24.3v36.4z"/></g></svg>'
         }
       ],
       activeTab: "unsplash",
@@ -173,16 +173,16 @@ const g = v.unsplash.id, L = v.pexels.id, z = {
 };
 var I = function() {
   var t = this, e = t._self._c;
-  return e("BackgroundModal", [e("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { padding: "0.25rem 1rem", "border-bottom": "1px solid hsl(0, 0%, 88%)" }, attrs: { slot: "header" }, slot: "header" }, t._l(t.tabs, function(o, s) {
+  return e("BackgroundModal", [e("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { padding: "calc(0.25 * var(--rem)) calc(1 * var(--rem))", "border-bottom": "1px solid hsl(0, 0%, 88%)" }, attrs: { slot: "header" }, slot: "header" }, t._l(t.tabs, function(o, s) {
     return e("CButton", { key: s, staticStyle: { "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, style: t.activeTab === o.value && { opacity: 1 }, on: { click: function(r) {
       t.activeTab = o.value;
     } } }, [e("span", { staticStyle: { display: "inline-flex", "align-items": "center" } }, [e("div", { domProps: { innerHTML: t._s(o.icon) } }), t._v(" " + t._s(o.label) + " ")])]);
   }), 1), ["unsplash", "pexels"].includes(t.activeTab) ? e("BackgroundList", { key: t.activeTab, attrs: { fetch: t.isImage ? t.fetchImage : t.fetchVideo, "credit-text": t.$t("creditVideos", { thing: t.activeTab.capitalize() }), "default-query": "nature" }, on: { select: function(o) {
     t.isImage ? t.selectImage(o) : t.selectVideo(o);
-  } } }, [e("CButton", { staticStyle: { "margin-left": "0.5em" }, attrs: { slot: "footer", disabled: t.isImage ? !t.selectedImage : !t.selectedVideo, type: "secondary" }, on: { click: t.onSave }, slot: "footer" }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1) : t.activeTab === "customVideo" ? e("div", { staticClass: "flex flex-col items-center justify-center w-full" }, [e("div", { staticStyle: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "3rem" } }, [e("div", { staticStyle: { position: "relative", width: "100%", "padding-top": "56.25%", "background-color": "hsl(0, 0%, 95%)", "border-radius": "0.5em", "margin-bottom": "1.5rem" } }, [t.customVideo ? e("iframe", { staticClass: "custom-video-preview", attrs: { src: t.customVideo.url } }) : t._e()]), e("VideoPlayerInput", { attrs: { filled: !0, "video-options": { background: !0 } }, model: { value: t.customVideo, callback: function(o) {
+  } } }, [e("CButton", { staticStyle: { "margin-left": "0.5em" }, attrs: { slot: "footer", disabled: t.isImage ? !t.selectedImage : !t.selectedVideo, type: "secondary" }, on: { click: t.onSave }, slot: "footer" }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1) : t.activeTab === "customVideo" ? e("div", { staticClass: "flex flex-col items-center justify-center w-full" }, [e("div", { staticStyle: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "calc(3 * var(--rem))" } }, [e("div", { staticStyle: { position: "relative", width: "100%", "padding-top": "56.25%", "background-color": "hsl(var(--gray-color-100) / 1)", "border-radius": "0.5em", "margin-bottom": "calc(1.5 * var(--rem))" } }, [t.customVideo ? e("iframe", { staticClass: "custom-video-preview", attrs: { src: t.customVideo.url } }) : t._e()]), e("VideoPlayerInput", { attrs: { filled: !0, "video-options": { background: !0 } }, model: { value: t.customVideo, callback: function(o) {
     t.customVideo = o;
-  }, expression: "customVideo" } }, [e("CButton", { attrs: { disabled: !t.customVideo, type: "secondary" }, on: { click: t.onSave } }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1)], 1)]) : e("div", { staticClass: "flex flex-col items-center justify-center" }, [e("div", { staticStyle: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "3rem" } }, [e("ImageUploadWrapper", { ref: "uploadWrapper", attrs: { "on-image-upload": t.setCustomBackground }, scopedSlots: t._u([{ key: "default", fn: function({ progress: o }) {
-    return [e("div", { staticClass: "relative w-full mb-6" }, [t.customImage ? e("img", { staticClass: "object-cover w-full h-full", attrs: { src: t.customImage, alt: t.customImage } }) : e("div", { staticClass: "flex flex-col items-center justify-center bg-gray-100 rounded-md aspect-video" }, [e("CButton", { style: t.customImage && { opacity: 0.5 }, attrs: { loading: !!o && o < 100, "icon-left": "upload", type: "none" } }, [t._v(" " + t._s(t.$t("_common:upload")) + " ")]), e("div", { staticClass: "text-center has-text-grey-dark", staticStyle: { "padding-top": "1rem", "font-size": "14px", "max-width": "40ch" } }, [t._v(" " + t._s(t.$t("minWidth")) + " ")])], 1)])];
+  }, expression: "customVideo" } }, [e("CButton", { attrs: { disabled: !t.customVideo, type: "secondary" }, on: { click: t.onSave } }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1)], 1)]) : e("div", { staticClass: "flex flex-col items-center justify-center" }, [e("div", { staticStyle: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "calc(3 * var(--rem))" } }, [e("ImageUploadWrapper", { ref: "uploadWrapper", attrs: { "on-image-upload": t.setCustomBackground }, scopedSlots: t._u([{ key: "default", fn: function({ progress: o }) {
+    return [e("div", { staticClass: "relative w-full mb-6" }, [t.customImage ? e("img", { staticClass: "object-cover w-full h-full", attrs: { src: t.customImage, alt: t.customImage } }) : e("div", { staticClass: "flex flex-col items-center justify-center bg-gray-100 rounded-md aspect-video" }, [e("CButton", { style: t.customImage && { opacity: 0.5 }, attrs: { loading: !!o && o < 100, "icon-left": "upload", type: "none" } }, [t._v(" " + t._s(t.$t("_common:upload")) + " ")]), e("div", { staticClass: "text-center text-gray-600", staticStyle: { "padding-top": "calc(1 * var(--rem))", "font-size": "14px", "max-width": "40ch" } }, [t._v(" " + t._s(t.$t("minWidth")) + " ")])], 1)])];
   } }]) }), e("div", { staticClass: "flex items-center justify-center" }, [e("CButton", { attrs: { disabled: !t.customImage, type: "secondary" }, on: { click: t.onSave } }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1)], 1)])], 1);
 }, V = [], M = /* @__PURE__ */ y(
   z,
@@ -190,7 +190,7 @@ var I = function() {
   V,
   !1,
   null,
-  "0b054e26",
+  "5d67c30b",
   null,
   null
 );
@@ -375,9 +375,9 @@ const $ = {
 };
 var B = function() {
   var t = this, e = t._self._c;
-  return e("div", { staticClass: "d-root" }, [e("div", { staticClass: "d-option" }, [e("div", { staticClass: "d-option-title", staticStyle: { "padding-bottom": "0.5rem" } }, [t._v(" Layouts ")]), e("div", { staticClass: "grid grid-cols-3 gap-2 p-1" }, t._l(t.layoutOptions, function({ isActive: o, onClick: s, icon: r }, a) {
+  return e("div", { staticClass: "d-root" }, [e("div", { staticClass: "d-option" }, [e("div", { staticClass: "d-option-title", staticStyle: { "padding-bottom": "calc(0.5 * var(--rem))" } }, [t._v(" Layouts ")]), e("div", { staticClass: "grid grid-cols-3 gap-2 p-1" }, t._l(t.layoutOptions, function({ isActive: o, onClick: s, icon: r }, a) {
     return e("CButton", { key: a, staticStyle: { padding: "6px 10px", "border-radius": "3px", height: "initial" }, attrs: { type: o ? "secondary" : "none", pattern: o ? "primary" : "secondary", size: "normal" }, on: { click: s } }, [e("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.75", "stroke-linecap": "round", "stroke-linejoin": "round" }, domProps: { innerHTML: t._s(r) } })]);
-  }), 1)]), e("div", { staticClass: "d-option" }, [e("div", { staticClass: "d-option-title", staticStyle: { "padding-bottom": "0.5rem" } }, [t._v(" " + t._s(t.$t("_common:background").capitalize()) + " ")]), e("div", { staticClass: "d-option-button-image", style: {
+  }), 1)]), e("div", { staticClass: "d-option" }, [e("div", { staticClass: "d-option-title", staticStyle: { "padding-bottom": "calc(0.5 * var(--rem))" } }, [t._v(" " + t._s(t.$t("_common:background").capitalize()) + " ")]), e("div", { staticClass: "d-option-button-image", style: {
     backgroundImage: `url(${t.background || t.theme.background})`
   }, on: { click: t.openBgModal } })]), e("div", { staticClass: "d-option", staticStyle: { "padding-bottom": "0.5em" } }, [e("ThemeColorRow", { staticClass: "d-option-title", attrs: { value: t.overlayColor || t.theme.backgroundFilter || "", placement: "auto" }, on: { change: function(o) {
     t.overlayColor = o;
@@ -387,10 +387,10 @@ var B = function() {
     t.backgroundColor = o;
   } } }, [t._v(" " + t._s(t.$t("_common:backgroundColor").capitalize()) + " ")])], 1) : t._e()]) : [t.layout !== "center" ? e("div", { staticClass: "d-option" }, [e("ThemeColorRow", { staticClass: "d-option-title", attrs: { value: t.backgroundColor || t.theme.priceSummaryBackground || "", "picker-options": { disableAlpha: !0 }, placement: "auto" }, on: { change: function(o) {
     t.backgroundColor = o, t._document.setDirty(t._value.backgroundColor);
-  } } }, [t._v(" " + t._s(t.$t("_common:backgroundColor").capitalize()) + " ")])], 1) : t._e(), e("div", { staticClass: "d-option" }, [e("ThemeColorRow", { staticClass: "d-option-title", staticStyle: { "margin-top": "0.5rem" }, attrs: { value: t.textColor || "", "picker-options": { disableAlpha: !0 }, placement: "auto" }, on: { change: function(o) {
+  } } }, [t._v(" " + t._s(t.$t("_common:backgroundColor").capitalize()) + " ")])], 1) : t._e(), e("div", { staticClass: "d-option" }, [e("ThemeColorRow", { staticClass: "d-option-title", staticStyle: { "margin-top": "calc(0.5 * var(--rem))" }, attrs: { value: t.textColor || "", "picker-options": { disableAlpha: !0 }, placement: "auto" }, on: { change: function(o) {
     t.textColor = o, t._document.setDirty(t._value.textColor);
-  } } }, [t._v(" " + t._s(t.$t("_common:textColor").capitalize()) + " ")])], 1), e("div", { staticClass: "flex w-full d-option" }, [e("div", { staticClass: "d-option-title", staticStyle: { "margin-top": "0.5rem" } }, [t._v(" " + t._s(t.$t("_common:textAlign").capitalize()) + " ")]), e("CField", { staticStyle: { "margin-left": "auto" } }, t._l(t.alignOptions, function({ value: o, icon: s }, r) {
-    return e("CRadioButton", { key: r, class: !t.textAlign && "has-text-grey", attrs: { "native-value": o, type: t.textAlign ? "secondary" : "none", size: "small" }, on: { input: function(a) {
+  } } }, [t._v(" " + t._s(t.$t("_common:textColor").capitalize()) + " ")])], 1), e("div", { staticClass: "flex w-full d-option" }, [e("div", { staticClass: "d-option-title", staticStyle: { "margin-top": "calc(0.5 * var(--rem))" } }, [t._v(" " + t._s(t.$t("_common:textAlign").capitalize()) + " ")]), e("CField", { staticStyle: { "margin-left": "auto" } }, t._l(t.alignOptions, function({ value: o, icon: s }, r) {
+    return e("CRadioButton", { key: r, class: !t.textAlign && "text-gray-400", attrs: { "native-value": o, type: t.textAlign ? "secondary" : "none", size: "small" }, on: { input: function(a) {
       return t._document.setDirty(t._value.textAlign);
     } }, model: { value: t.textAlign, callback: function(a) {
       t.textAlign = a;
@@ -402,7 +402,7 @@ var B = function() {
   P,
   !1,
   null,
-  "9d260e69",
+  "f4832ed6",
   null,
   null
 );

package/dist/{ImageSelectModal-7cece54e.js → ImageSelectModal-2d3a69db.js}

@@ -1,14 +1,14 @@
-import { j as r, n as l, h as o } from "./main-04025a56.js";
-import { g as i } from "./ThemeColorRow-3558367b.js";
-import c from "./ImageUploadWrapper-53afd31d.js";
-import { B as m, a as p } from "./index-bf93d7c2.js";
+import { k as r, n as l, j as o } from "./main-95207159.js";
+import { g as i } from "./ThemeColorRow-c292abc6.js";
+import c from "./ImageUploadWrapper-7c70045f.js";
+import { B as m, a as p } from "./index-762349d7.js";
 import "./color-71c20583.js";
-import "./ColorPicker-4f6b70af.js";
-import "./BaseUpload-996d74b3.js";
-import "./CDropdownItem-74672842.js";
-import "./throttle-a2c1f34d.js";
-import "./formValidationMixin-4920ab53.js";
-import "./simplebar.min-3af55aab.js";
+import "./ColorPicker-11ee76f0.js";
+import "./BaseUpload-84d3b68b.js";
+import "./CDropdownItem-d46bf062.js";
+import "./throttle-a0ce8f66.js";
+import "./dom-068d1a7b.js";
+import "./simplebar.min-97b539d6.js";
 const n = r.unsplash.id, d = {
   name: "ImageSelectModal",
   i18nOptions: {
@@ -84,7 +84,7 @@ var u = function() {
   g,
   !1,
   null,
-  "7c79883e",
+  "24971860",
   null,
   null
 );

package/dist/{ImageUploadWrapper-53afd31d.js → ImageUploadWrapper-7c70045f.js}

@@ -1,5 +1,5 @@
-import Xt from "./BaseUpload-996d74b3.js";
-import { V as k, n as _t, X as Yt } from "./main-04025a56.js";
+import Xt from "./BaseUpload-84d3b68b.js";
+import { V as k, n as _t, a2 as Yt } from "./main-95207159.js";
 function yt(t, e) {
   var i = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
@@ -1488,7 +1488,7 @@ var Ee = function() {
     e.currentTarget === n.target && e.$emit("close");
   } } }, [i("CButton", { staticClass: "absolute z-50 border-transparent text-white/90 right-2 top-2 bg-black/50", attrs: { circle: "", icon: "x", type: "text" }, on: { click: function(n) {
     return e.$emit("close");
-  } } }), i("div", { staticClass: "flex items-center justify-center flex-auto min-h-0 pt-8 max-w-[calc(100%-4rem)]" }, [i("Cropper", e._b({ ref: "cropper", staticClass: "w-full h-full", attrs: { src: e.imageData } }, "Cropper", e.cropperOptions, !1))], 1), i("div", { staticClass: "flex-grow py-8 shrink-0" }, [i("CButton", { staticClass: "w-36", attrs: { type: "secondary" }, on: { click: e.onSave } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])], 1)], 1);
+  } } }), i("div", { staticClass: "flex items-center justify-center flex-auto min-h-0 pt-8 max-w-[calc(100%_-_4_*_var(--rem))]" }, [i("Cropper", e._b({ ref: "cropper", staticClass: "w-full h-full", attrs: { src: e.imageData } }, "Cropper", e.cropperOptions, !1))], 1), i("div", { staticClass: "flex-grow py-8 shrink-0" }, [i("CButton", { staticClass: "w-36", attrs: { type: "secondary" }, on: { click: e.onSave } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])], 1)], 1);
 }, Oe = [], We = /* @__PURE__ */ _t(
   Ce,
   Ee,

package/dist/{Index-f935c492.js → Index-006a27da.js}

@@ -1,8 +1,8 @@
-import { m as o } from "./mapFormMixin-8d073f99.js";
-import { I as i } from "./InputToggleRow-9d8a7da4.js";
-import { B as a } from "./BaseInput-2723d613.js";
-import { n as m } from "./main-04025a56.js";
-const l = {
+import { m as o } from "./mapFormMixin-a245a297.js";
+import { I as i } from "./InputToggleRow-c520bed9.js";
+import { B as a } from "./BaseInput-29d88150.js";
+import { n as l } from "./main-95207159.js";
+const m = {
   i18nOptions: {
     namespaces: "estimatedTimeToCompleteText",
     messages: {
@@ -35,13 +35,13 @@ var s = function() {
     count: t.noOfTimeUnits
   })}` : t.$t("_common:add"), label: t.$t("label"), "show-clear": !!(t.noOfTimeUnits && t.timeUnit) }, on: { remove: function(n) {
     t.noOfTimeUnits = null;
-  } } }, [e("BaseInput", { staticStyle: { width: "15rem" }, attrs: { type: "number" }, model: { value: t.noOfTimeUnits, callback: function(n) {
+  } } }, [e("BaseInput", { staticStyle: { width: "calc(15 * var(--rem))" }, attrs: { type: "number" }, model: { value: t.noOfTimeUnits, callback: function(n) {
     t.noOfTimeUnits = t._n(n);
   }, expression: "noOfTimeUnits" } }, [e("CSelect", { staticClass: "select-width plain", staticStyle: { width: "120px" }, attrs: { slot: "append", placeholder: t.$t("placeholder") }, slot: "append", model: { value: t.timeUnit, callback: function(n) {
     t.timeUnit = n;
   }, expression: "timeUnit" } }, [e("option", { attrs: { value: "hour" } }, [t._v(t._s(t.$t("_common:hour_plural")))]), e("option", { attrs: { value: "day" } }, [t._v(t._s(t.$t("_common:day_plural")))]), e("option", { attrs: { value: "week" } }, [t._v(t._s(t.$t("_common:week_plural")))]), e("option", { attrs: { value: "month" } }, [t._v(t._s(t.$t("_common:month_plural")))])])], 1)], 1);
-}, r = [], p = /* @__PURE__ */ m(
-  l,
+}, r = [], p = /* @__PURE__ */ l(
+  m,
   s,
   r,
   !1,
@@ -50,7 +50,7 @@ var s = function() {
   null,
   null
 );
-const T = p.exports;
+const v = p.exports;
 export {
-  T as default
+  v as default
 };

package/dist/{Index-6ef78b7a.js → Index-0313a553.js}

@@ -1,5 +1,5 @@
-import { t as i } from "./tinycolor-88fa380f.js";
-import { F as d, n } from "./main-04025a56.js";
+import { t as i } from "./tinycolor-65e7dc2e.js";
+import { L as d, n } from "./main-95207159.js";
 const c = {
   "3d": (e) => e("path", {
     attrs: {

package/dist/{Index-9aaf8b90.js → Index-06bd31c3.js}

@@ -1,13 +1,13 @@
 var j6 = Object.defineProperty;
 var K6 = (s, e, t) => e in s ? j6(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var zt = (s, e, t) => (K6(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { m as q6 } from "./mapFormMixin-8d073f99.js";
-import { t as G6 } from "./throttle-a2c1f34d.js";
-import { r as tw, b9 as S2, b as y2, n as Gk } from "./main-04025a56.js";
+import { m as q6 } from "./mapFormMixin-a245a297.js";
+import { t as G6 } from "./throttle-a0ce8f66.js";
+import { s as tw, bk as S2, b as y2, n as Gk } from "./main-95207159.js";
 import { s as Z6, p as Y6 } from "./splitpanes-ba7897bf.js";
-import { d as X6 } from "./CDropdownItem-74672842.js";
-import { W as L2 } from "./formValidationMixin-4920ab53.js";
-import { a as Q6, b as iw, d as nw } from "./template-42a1d852.js";
+import { d as X6 } from "./CDropdownItem-d46bf062.js";
+import { W as L2 } from "./DocumentLayout-86c367d1.js";
+import { a as Q6, b as iw, d as nw } from "./template-b3af7583.js";
 const J6 = `
 /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{box-sizing:border-box;font-family:sans-serif}*,::after,::before{box-sizing:inherit}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,pre{margin:0}button{background:0 0;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{margin:0}*,::after,::before{border-width:0;border-style:solid;border-color:#dae1e7}img{border-style:solid}[type=button],[type=reset],[type=submit],button{border-radius:0}textarea{resize:vertical}img{max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit;opacity:.5}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:inherit;opacity:.5}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:inherit;opacity:.5}input::placeholder,textarea::placeholder{color:inherit;opacity:.5}[role=button],button{cursor:pointer}table{border-collapse:collapse}
 `, eB = (s, { _document: e, id: t, firstRender: i }) => `
@@ -60087,37 +60087,37 @@ ue({
   id: "freemarker2",
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
-  loader: () => import("./freemarker2-7e10a65d.js").then((s) => s.TagAutoInterpolationDollar)
+  loader: () => import("./freemarker2-42cdfba5.js").then((s) => s.TagAutoInterpolationDollar)
 });
 ue({
   id: "freemarker2.tag-angle.interpolation-dollar",
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
-  loader: () => import("./freemarker2-7e10a65d.js").then((s) => s.TagAngleInterpolationDollar)
+  loader: () => import("./freemarker2-42cdfba5.js").then((s) => s.TagAngleInterpolationDollar)
 });
 ue({
   id: "freemarker2.tag-bracket.interpolation-dollar",
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
-  loader: () => import("./freemarker2-7e10a65d.js").then((s) => s.TagBracketInterpolationDollar)
+  loader: () => import("./freemarker2-42cdfba5.js").then((s) => s.TagBracketInterpolationDollar)
 });
 ue({
   id: "freemarker2.tag-angle.interpolation-bracket",
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
-  loader: () => import("./freemarker2-7e10a65d.js").then((s) => s.TagAngleInterpolationBracket)
+  loader: () => import("./freemarker2-42cdfba5.js").then((s) => s.TagAngleInterpolationBracket)
 });
 ue({
   id: "freemarker2.tag-bracket.interpolation-bracket",
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
-  loader: () => import("./freemarker2-7e10a65d.js").then((s) => s.TagBracketInterpolationBracket)
+  loader: () => import("./freemarker2-42cdfba5.js").then((s) => s.TagBracketInterpolationBracket)
 });
 ue({
   id: "freemarker2.tag-auto.interpolation-dollar",
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
-  loader: () => import("./freemarker2-7e10a65d.js").then((s) => s.TagAutoInterpolationDollar)
+  loader: () => import("./freemarker2-42cdfba5.js").then((s) => s.TagAutoInterpolationDollar)
 });
 ue({
   id: "freemarker2.tag-auto.interpolation-bracket",
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
-  loader: () => import("./freemarker2-7e10a65d.js").then((s) => s.TagAutoInterpolationBracket)
+  loader: () => import("./freemarker2-42cdfba5.js").then((s) => s.TagAutoInterpolationBracket)
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -60155,7 +60155,7 @@ ue({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => import("./handlebars-8045bfa8.js")
+  loader: () => import("./handlebars-b4515777.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -60180,7 +60180,7 @@ ue({
   extensions: [".html", ".htm", ".shtml", ".xhtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm"],
   aliases: ["HTML", "htm", "html", "xhtml"],
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
-  loader: () => import("./html-8afcb633.js")
+  loader: () => import("./html-ea5d1845.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -60221,7 +60221,7 @@ ue({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => import("./javascript-dad5561e.js")
+  loader: () => import("./javascript-185ef2e0.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -60296,7 +60296,7 @@ ue({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => import("./liquid-05247459.js")
+  loader: () => import("./liquid-517f2a7c.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -60515,7 +60515,7 @@ ue({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => import("./python-3f3513c5.js")
+  loader: () => import("./python-eb6703d8.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -60552,7 +60552,7 @@ ue({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => import("./razor-1f3e9c4e.js")
+  loader: () => import("./razor-4c5b7deb.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -60804,7 +60804,7 @@ ue({
   extensions: [".ts", ".tsx"],
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
-  loader: () => import("./typescript-baf56f67.js")
+  loader: () => import("./typescript-aeab7849.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -60844,7 +60844,7 @@ ue({
   firstLine: "(\\<\\?xml.*)|(\\<svg)|(\\<\\!doctype\\s+svg)",
   aliases: ["XML", "xml"],
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
-  loader: () => import("./xml-ffc6146a.js")
+  loader: () => import("./xml-098907e6.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -60942,7 +60942,7 @@ var CN = class {
 }, R3 = new CN("css", vN, wN), O3 = new CN("scss", vN, wN), P3 = new CN("less", vN, wN);
 Of.languages.css = { cssDefaults: R3, lessDefaults: P3, scssDefaults: O3 };
 function SN() {
-  return import("./cssMode-8552fc56.js");
+  return import("./cssMode-eda08630.js");
 }
 Of.languages.onLanguage("less", () => {
   SN().then((s) => s.setupMode(P3));
@@ -61037,7 +61037,7 @@ rv.languages.html = {
   registerHTMLLanguageService: cv
 };
 function mie() {
-  return import("./htmlMode-1a2d1b48.js");
+  return import("./htmlMode-1cc3531d.js");
 }
 function cv(s, e = av, t = lv(s)) {
   const i = new hie(s, e, t);
@@ -61114,7 +61114,7 @@ var Sie = class {
 }, V3 = new Sie("json", yie, Lie);
 Gm.languages.json = { jsonDefaults: V3 };
 function xie() {
-  return import("./jsonMode-ce09245f.js");
+  return import("./jsonMode-59ea4e99.js");
 }
 Gm.languages.register({
   id: "json",
@@ -61253,7 +61253,7 @@ lf.languages.typescript = {
   getJavaScriptWorker: Rie
 };
 function dv() {
-  return import("./tsMode-4c026047.js");
+  return import("./tsMode-a4a0e653.js");
 }
 lf.languages.onLanguage("typescript", () => dv().then((s) => s.setupTypeScript(q3)));
 lf.languages.onLanguage("javascript", () => dv().then((s) => s.setupJavaScript(G3)));
@@ -94903,7 +94903,7 @@ var Wme = function() {
     e.showControls = !0;
   }, "&mouseleave": function(i) {
     e.showControls = !1;
-  } } }, [e.isEdited ? t("CustomView", { staticStyle: { width: "100%", "min-height": "0" }, attrs: { html: e.html, css: e.css, javascript: e.javascript, _document: e._document } }) : e._e(), e.isForm ? [e.showControls ? t("CButton", { staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: e.openModal } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]) : e._e(), e.canEdit && !e.isEdited ? t("div", { staticClass: "flex flex-col items-center justify-center text-center", staticStyle: { padding: "3rem 1rem 4rem 1rem", "line-height": "1.5", color: "white" } }, [t("div", { staticStyle: { "font-weight": "500", "margin-bottom": "0.25em", opacity: "0.98" }, domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticStyle: { "font-size": "14px", "margin-bottom": "2rem", color: "hsl(218deg 24% 60%)", "max-width": "40ch" }, domProps: { textContent: e._s(e.$t("text")) } }), t("CButton", { staticStyle: { "font-size": "14px", "border-radius": "8px", padding: "12px 12px", height: "initial", "box-shadow": "rgb(0, 0, 0, 50%) 0px 10px 40px" }, attrs: { size: "normal", "icon-left": "code", type: "secondary" }, on: { click: e.openModal } }, [e._v(" " + e._s(e.$t("action")) + " ")])], 1) : e._e()] : e._e(), t("CustomModal", { ref: "customModal", attrs: { html: e.html, css: e.css, javascript: e.javascript, _document: e._document }, on: { "update:html": function(i) {
+  } } }, [e.isEdited ? t("CustomView", { staticStyle: { width: "100%", "min-height": "0" }, attrs: { html: e.html, css: e.css, javascript: e.javascript, _document: e._document } }) : e._e(), e.isForm ? [e.showControls ? t("CButton", { staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: e.openModal } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]) : e._e(), e.canEdit && !e.isEdited ? t("div", { staticClass: "flex flex-col items-center justify-center text-center", staticStyle: { padding: "calc(3 * var(--rem)) calc(1 * var(--rem)) calc(4 * var(--rem)) calc(1 * var(--rem))", "line-height": "1.5", color: "white" } }, [t("div", { staticStyle: { "font-weight": "500", "margin-bottom": "0.25em", opacity: "0.98" }, domProps: { textContent: e._s(e.$t("title")) } }), t("div", { staticStyle: { "font-size": "14px", "margin-bottom": "calc(2 * var(--rem))", color: "hsl(218deg 24% 60%)", "max-width": "40ch" }, domProps: { textContent: e._s(e.$t("text")) } }), t("CButton", { staticStyle: { "font-size": "14px", "border-radius": "8px", padding: "12px 12px", height: "initial", "box-shadow": "rgb(0, 0, 0, 50%) 0px 10px 40px" }, attrs: { size: "normal", "icon-left": "code", type: "secondary" }, on: { click: e.openModal } }, [e._v(" " + e._s(e.$t("action")) + " ")])], 1) : e._e()] : e._e(), t("CustomModal", { ref: "customModal", attrs: { html: e.html, css: e.css, javascript: e.javascript, _document: e._document }, on: { "update:html": function(i) {
     e.html = i;
   }, "update:css": function(i) {
     e.css = i;

package/dist/Index-07ae23ce.js

@@ -0,0 +1,54 @@
+import { m as l } from "./mapFormMixin-a245a297.js";
+import { o as r, n as o } from "./main-95207159.js";
+const c = {
+  name: "DocChapter",
+  components: {
+    CInput: r
+  },
+  mixins: [l(["title"])],
+  props: {
+    enableSpacingX: {
+      type: Boolean,
+      default: !0
+    },
+    enableSpacingY: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  methods: {
+    // Naming convention used by generateTemplate-functions in order for it to choose whether or not to run on add
+    conditionalOnAdd() {
+      const a = () => this.$refs.input.focus();
+      this.$refs.input ? a() : this.$once("triggerOnAdd", a);
+    }
+  }
+};
+var p = function() {
+  var i;
+  var t = this, n = t._self._c;
+  return n("div", { staticClass: "chapter" }, [n("div", { staticClass: "no-drag", class: {
+    "chapter-spacing-x": t.enableSpacingX,
+    "chapter-spacing-y": t.enableSpacingY
+  } }, [t.canEdit && ((i = t._value) != null && i.title) ? n("CInput", { ref: "input", staticClass: "title preview-title-input", attrs: { value: t.title, spellcheck: !1, placeholder: t.$t("components:account.documentForm.titleAndText.title"), static: "" }, on: { blur: (e) => {
+    var s;
+    t.title = ((s = e.target) == null ? void 0 : s.value) || "";
+  }, "hook:mounted": function(e) {
+    return t.$emit("triggerOnAdd");
+  } }, nativeOn: { keydown: function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "enter", 13, e.key, "Enter") ? null : e.target.blur();
+  } } }) : t.title ? n("div", { staticClass: "title" }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), n("div", [t._t("default")], 2)], 1)]);
+}, d = [], u = /* @__PURE__ */ o(
+  c,
+  p,
+  d,
+  !1,
+  null,
+  "24381944",
+  null,
+  null
+);
+const m = u.exports;
+export {
+  m as default
+};