@cling-se/widget 0.9.4 → 0.9.6

package/dist/{DocumentLogotype-1efd1ce9.js → DocumentLogotype-91436523.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-2dc98356.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-1db8a50c.js";
 const c = {
   name: "DocumentLogotype",
   components: {
-    ImageUploadWrapper: () => import("./ImageUploadWrapper-53afd31d.js")
+    ImageUploadWrapper: () => import("./ImageUploadWrapper-1e61e8da.js")
   },
   props: {
     value: {

package/dist/{EmbedInput-654c0477.js → EmbedInput-05e22228.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-5532f8af.js";
+import { b as l, n as o } from "./main-2dc98356.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-9dabb6d4.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-05e22228.js";
+import { n as l } from "./main-2dc98356.js";
+import "./CDropdownItem-5532f8af.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-c7f69cd9.js

@@ -0,0 +1,30 @@
+import { n as r } from "./main-2dc98356.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-167a40c8.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-2dc98356.js";
+import { V as r } from "./PdfViewer-1227dda6.js";
+import "./dom-068d1a7b.js";
+import "./DocumentLayout-ae49ac7a.js";
+import "./CDropdownItem-5532f8af.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-e9b177e0.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-4ac649c2.js";
+import { g as _, T as w } from "./ThemeColorRow-71af67bd.js";
+import { k as v, n as y, j as d } from "./main-2dc98356.js";
+import { B as C, a as k } from "./index-6eda8be0.js";
+import b from "./VideoPlayerInput-fe87698e.js";
+import S from "./ImageUploadWrapper-1e61e8da.js";
+import { a as A } from "./tinycolor-78c3e3d5.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-06b731b7.js";
+import "./CDropdownItem-5532f8af.js";
+import "./throttle-f8ef830f.js";
+import "./dom-068d1a7b.js";
+import "./simplebar.min-9f5e0b8a.js";
+import "./utils-aab0bc31.js";
+import "./BaseUpload-9e15729d.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-8565c461.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-2dc98356.js";
+import { g as i } from "./ThemeColorRow-71af67bd.js";
+import c from "./ImageUploadWrapper-1e61e8da.js";
+import { B as m, a as p } from "./index-6eda8be0.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-06b731b7.js";
+import "./BaseUpload-9e15729d.js";
+import "./CDropdownItem-5532f8af.js";
+import "./throttle-f8ef830f.js";
+import "./dom-068d1a7b.js";
+import "./simplebar.min-9f5e0b8a.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-1e61e8da.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-9e15729d.js";
+import { V as k, n as _t, a1 as Yt } from "./main-2dc98356.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-5cc51230.js → Index-0708b238.js}

@@ -1,6 +1,6 @@
-import { m as n } from "./mapFormMixin-8d073f99.js";
-import { f as r } from "./focusDrawerMixin-67462262.js";
-import { n as i } from "./main-04025a56.js";
+import { m as r } from "./mapFormMixin-4ac649c2.js";
+import { f as n } from "./focusDrawerMixin-24942dd1.js";
+import { n as i } from "./main-2dc98356.js";
 const a = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "Terms",
@@ -16,17 +16,17 @@ const a = {
     }
   },
   components: {
-    Read: () => import("./Index-e749f6f1.js"),
-    TermsSettings: () => import("./TermsSettings-c74eec79.js")
+    Read: () => import("./Index-85e8119e.js"),
+    TermsSettings: () => import("./TermsSettings-a0282ad7.js")
   },
   mixins: [
-    n([
+    r([
       "href",
       "termType",
       "file",
       "text"
     ]),
-    r()
+    n()
   ],
   data() {
     return {
@@ -46,24 +46,24 @@ var l = function() {
     e.showControls = !0;
   }, "&mouseleave": function(o) {
     e.showControls = !1;
-  } } }, [t("Read", e._g({ attrs: { _document: e._document, href: e.href, "term-type": e.termType, file: e.file, text: e.text } }, e.$listeners)), e.isForm ? [e.hasTerms ? e._e() : t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("noneSelected"), expression: "$t('noneSelected')" }], staticStyle: { position: "absolute", left: "1rem", top: "1rem", width: "2em", height: "2em" }, attrs: { "icon-props": { size: 18 }, pattern: "secondary", icon: "info", circle: "", size: "small", type: "danger" }, on: { click: function(o) {
+  } } }, [t("Read", e._g({ attrs: { _document: e._document, href: e.href, "term-type": e.termType, file: e.file, text: e.text } }, e.$listeners)), e.isForm ? [e.hasTerms ? e._e() : t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("noneSelected"), expression: "$t('noneSelected')" }], staticStyle: { position: "absolute", left: "calc(1 * var(--rem))", top: "calc(1 * var(--rem))", width: "2em", height: "2em" }, attrs: { "icon-props": { size: 18 }, pattern: "secondary", icon: "info", circle: "", size: "small", type: "danger" }, on: { click: function(o) {
     e.showDrawer = !0;
   } } }), t("CButton", { directives: [{ name: "show", rawName: "v-show", value: e.showControls, expression: "showControls" }], staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: function(o) {
     e.showDrawer = !0;
-  } } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]), e.showDrawer ? t("portal", { attrs: { to: "drawer-content" } }, [t("CButton", { staticStyle: { position: "absolute", top: "0.5rem", right: "0.5rem" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(o) {
+  } } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]), e.showDrawer ? t("portal", { attrs: { to: "drawer-content" } }, [t("CButton", { staticStyle: { position: "absolute", top: "calc(0.5 * var(--rem))", right: "calc(0.5 * var(--rem))" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(o) {
     e.showDrawer = !1;
   } } }), t("TermsSettings", e._g({ attrs: { _document: e._document, _value: { term: "data.terms" } } }, e.$listeners))], 1) : e._e()] : e._e()], 2) : e._e();
-}, m = [], c = /* @__PURE__ */ i(
+}, c = [], m = /* @__PURE__ */ i(
   a,
   l,
-  m,
+  c,
   !1,
   null,
   null,
   null,
   null
 );
-const f = c.exports;
+const f = m.exports;
 export {
   f as default
 };

package/dist/{Index-82574a41.js → Index-0799eaba.js}

@@ -1,8 +1,7 @@
-import { A as c, o as u, n as m } from "./main-04025a56.js";
-import { P as p } from "./PlainHtml-9174cbf6.js";
-import { s as g } from "./formValidationMixin-4920ab53.js";
-import "./CDropdownItem-74672842.js";
-const h = {
+import { G as c, q as u, n as m } from "./main-2dc98356.js";
+import { P as p } from "./PlainHtml-647219e9.js";
+import { s as g } from "./dom-068d1a7b.js";
+const f = {
   name: "ExtraWorkConstructionPricingListRead",
   props: {
     _document: {
@@ -65,17 +64,17 @@ const h = {
   render(e) {
     if (!this._document.readPrices)
       return e("div");
-    let n = !0, i = null, s = 1, o = null;
+    let i = !0, n = null, s = 1, o = null;
     const {
       prices: r = null
     } = this._document || {};
     if (r && (r.currency && ({
       currency: o
     } = r), r.helpers && ({
-      isIndivid: n
+      isIndivid: i
     } = r.helpers), r.region)) {
       ({
-        houseWorkType: i
+        houseWorkType: n
       } = r.region);
       const t = {
         rot: 0.7,
@@ -84,15 +83,15 @@ const h = {
         greenRot20: 0.8,
         greenRot50: 0.5
       };
-      n && (s *= 1.25), n && t[i] && (s *= t[i]);
+      i && (s *= 1.25), i && t[n] && (s *= t[n]);
     }
-    const d = () => i ? this.$t("deduction.afterType", {
-      type: i
-    }) : n ? "" : `${this.$t("vat.exVat", {
+    const d = () => n ? this.$t("deduction.afterType", {
+      type: n
+    }) : i ? "" : `${this.$t("vat.exVat", {
       thing: this.$t("_common:vat.sharedTitle")
     })} `, l = this.$t("subPriceString", {
       str: d(),
-      vat: n ? this.$t("andVat") : ""
+      vat: i ? this.$t("andVat") : ""
     }), a = [];
     if (this.workPrice) {
       const t = c({
@@ -144,7 +143,7 @@ const h = {
       class: "ata-item-data"
     }, [t.amount])]))]), e("div", {
       class: "m-b-2r"
-    }, [this.$t("descriptionBottom")]), i && e("div", {
+    }, [this.$t("descriptionBottom")]), n && e("div", {
       class: "hint-text"
     }, [this.$t("houseWorkDesc1"), " ", document.getElementById("villkor-avdrag") ? e("span", {
       on: {
@@ -158,18 +157,18 @@ const h = {
     }, [this.$t("houseWorkReadTerms")]) : this.$t("houseWorkReadTerms"), " ", this.$t("houseWorkDesc2")])]);
   }
 };
-const f = null, b = null;
+const h = null, b = null;
 var k = /* @__PURE__ */ m(
-  h,
   f,
+  h,
   b,
   !1,
   null,
-  "19c63a46",
+  "3fc3c0cf",
   null,
   null
 );
-const y = k.exports;
+const $ = k.exports;
 export {
-  y as default
+  $ as default
 };

package/dist/{Index-1a7e98d7.js → Index-1f3de208.js}

@@ -1,9 +1,10 @@
-import { n as m, k as p } from "./main-04025a56.js";
-import { m as c } from "./mapFormMixin-8d073f99.js";
-import l from "./FilePreviewModal-895bd1bd.js";
-import "./PdfViewer-38bd8439.js";
-import "./formValidationMixin-4920ab53.js";
-import "./CDropdownItem-74672842.js";
+import { n as m, l as p } from "./main-2dc98356.js";
+import { m as c } from "./mapFormMixin-4ac649c2.js";
+import l from "./FilePreviewModal-167a40c8.js";
+import "./PdfViewer-1227dda6.js";
+import "./dom-068d1a7b.js";
+import "./DocumentLayout-ae49ac7a.js";
+import "./CDropdownItem-5532f8af.js";
 const d = {
   name: "FilePreviewWrapper",
   components: {
@@ -69,8 +70,8 @@ const w = h.exports, v = {
   name: "AttachmentList",
   components: {
     FilePreviewWrapper: w,
-    BaseUpload: () => import("./BaseUpload-996d74b3.js"),
-    AttachmentItem: () => import("./AttachmentItem-d98488ee.js")
+    BaseUpload: () => import("./BaseUpload-9e15729d.js"),
+    AttachmentItem: () => import("./AttachmentItem-79eb718b.js")
   },
   mixins: [c(["attachments"])],
   data() {
@@ -154,7 +155,7 @@ var g = function() {
   null,
   null
 );
-const k = x.exports;
+const A = x.exports;
 export {
-  k as default
+  A as default
 };

package/dist/{Index-d8879ca9.js → Index-27a05d76.js}

@@ -1,5 +1,5 @@
-import { P as r } from "./PlainHtml-9174cbf6.js";
-import { n as o } from "./main-04025a56.js";
+import { P as r } from "./PlainHtml-647219e9.js";
+import { n as o } from "./main-2dc98356.js";
 const s = {
   name: "ExtraWorkTimeImpactTextRead",
   props: {

package/dist/{Index-b15cfd62.js → Index-43899daf.js}

@@ -1,18 +1,18 @@
-import { m as n } from "./mapFormMixin-8d073f99.js";
-import { f as l } from "./focusDrawerMixin-67462262.js";
-import { d as c } from "./CDropdownItem-74672842.js";
+import { m as r } from "./mapFormMixin-4ac649c2.js";
+import { f as l } from "./focusDrawerMixin-24942dd1.js";
+import { d as c } from "./CDropdownItem-5532f8af.js";
 import { s as u, p as m } from "./splitpanes-ba7897bf.js";
-import { n as r } from "./main-04025a56.js";
+import { n } from "./main-2dc98356.js";
 const d = {
   name: "HeaderItems",
   components: {
-    MediaWrapper: () => import("./MediaWrapper-d4a4b66f.js"),
-    ContentWrapper: () => import("./ContentWrapper-d5653fef.js"),
+    MediaWrapper: () => import("./MediaWrapper-ed7db800.js"),
+    ContentWrapper: () => import("./ContentWrapper-fe4a67bc.js"),
     Splitpanes: u,
     Pane: m
   },
   mixins: [
-    n(["layout", "items", "baseStyle"])
+    r(["layout", "items", "baseStyle"])
   ],
   props: {
     showControls: {
@@ -55,7 +55,7 @@ var _ = function() {
       flex: `1 1 ${a.size}%`
     }, attrs: { size: a.size } }, [o(`${a.type}Wrapper`, e._g({ tag: "component", staticClass: "item", attrs: { _document: e._document, _value: { ...e._value, item: `${e._value.items}.${s}` }, "has-hover": e.showControls } }, e.$listeners))], 1);
   }), 1);
-}, h = [], p = /* @__PURE__ */ r(
+}, h = [], p = /* @__PURE__ */ n(
   d,
   _,
   h,
@@ -69,12 +69,12 @@ const v = p.exports;
 const f = {
   name: "HeaderBlock",
   components: {
-    PriceHeader: () => import("./PriceHeader-e357afe9.js"),
-    HeaderSettings: () => import("./HeaderSettings-c6dac755.js"),
+    PriceHeader: () => import("./PriceHeader-cfb22169.js"),
+    HeaderSettings: () => import("./HeaderSettings-e9b177e0.js"),
     HeaderItems: v
   },
   mixins: [
-    n(["header"]),
+    r(["header"]),
     l()
   ],
   data() {
@@ -123,7 +123,7 @@ var y = function() {
     baseStyle: `${e._value.header}.baseStyle`
   }, "show-controls": e.showControls } }, e.$listeners)), e.isForm ? [o("CButton", { directives: [{ name: "show", rawName: "v-show", value: e.showControls, expression: "showControls" }], staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: function(a) {
     e.showDrawer = !0;
-  } } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]), e.showDrawer ? o("portal", { attrs: { to: "drawer-content" } }, [o("CButton", { staticStyle: { position: "absolute", top: "0.5rem", right: "0.5rem" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(a) {
+  } } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]), e.showDrawer ? o("portal", { attrs: { to: "drawer-content" } }, [o("CButton", { staticStyle: { position: "absolute", top: "calc(0.5 * var(--rem))", right: "calc(0.5 * var(--rem))" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(a) {
     e.showDrawer = !1;
   } } }), o("HeaderSettings", { attrs: { _document: e._document, _value: {
     layout: `${e._value.header}.layout`,
@@ -134,7 +134,7 @@ var y = function() {
     textAlign: `${e._value.header}.baseStyle.textAlign`,
     textColor: `${e._value.header}.baseStyle.textColor`
   } } })], 1) : e._e()] : e._e()], 2);
-}, $ = [], w = /* @__PURE__ */ r(
+}, $ = [], w = /* @__PURE__ */ n(
   f,
   y,
   $,

package/dist/{Index-c4de05aa.js → Index-4446581c.js}

@@ -1,8 +1,9 @@
-import { m as n } from "./mapFormMixin-8d073f99.js";
-import { V as r } from "./PdfViewer-38bd8439.js";
-import { n as l } from "./main-04025a56.js";
-import "./formValidationMixin-4920ab53.js";
-import "./CDropdownItem-74672842.js";
+import { m as n } from "./mapFormMixin-4ac649c2.js";
+import { V as r } from "./PdfViewer-1227dda6.js";
+import { n as l } from "./main-2dc98356.js";
+import "./dom-068d1a7b.js";
+import "./DocumentLayout-ae49ac7a.js";
+import "./CDropdownItem-5532f8af.js";
 const i = {
   i18nOptions: {
     namespaces: "pdfBlock",
@@ -23,8 +24,8 @@ const i = {
   name: "Pdf",
   components: {
     PdfViewer: r,
-    FileIcon: () => import("./Index-6ef78b7a.js"),
-    BaseUpload: () => import("./BaseUpload-996d74b3.js")
+    FileIcon: () => import("./Index-ecf93915.js"),
+    BaseUpload: () => import("./BaseUpload-9e15729d.js")
   },
   mixins: [
     n(["file"])
@@ -92,7 +93,7 @@ var d = function() {
   null,
   null
 );
-const _ = p.exports;
+const P = p.exports;
 export {
-  _ as default
+  P as default
 };