@cling-se/widget 0.9.3 → 0.9.5

package/dist/{Index-f9b5f03c.js → Index-5196628a.js}

@@ -1,13 +1,13 @@
-import { n as i, g as o, H as u, b as l, ag as d } from "./main-2d9b8259.js";
-import { m } from "./mapFormMixin-308bbdab.js";
-import { w as _ } from "./CDropdownItem-05d84f95.js";
+import { n as i, g as o, N as u, b as l, ak as d } from "./main-95207159.js";
+import { m } from "./mapFormMixin-a245a297.js";
+import { w as _ } from "./CDropdownItem-d46bf062.js";
 import { m as g, a as f } from "./vuex.esm-4a0fff7c.js";
-import { T as v } from "./DocTextEditor-2538e1ab.js";
-import { C as h } from "./CCallout-e9ff903a.js";
-import "./FormInputRow-09d450e3.js";
-import "./ColorPicker-f90939b5.js";
-import "./formValidationMixin-df38771c.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-383db616.js";
+import { T as v } from "./DocTextEditor-cce51e7c.js";
+import { C as h } from "./CCallout-88ae9c08.js";
+import "./tippy.esm-3c111ba9.js";
+import "./ColorPicker-11ee76f0.js";
+import "./DocumentLayout-86c367d1.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-df4c839e.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
 import "./color-71c20583.js";
 const y = {
@@ -59,7 +59,7 @@ var b = function() {
   w,
   !1,
   null,
-  "2fc2a770",
+  "1a404981",
   null,
   null
 );
@@ -113,7 +113,7 @@ var $ = function() {
   M,
   !1,
   null,
-  "48d719b0",
+  "fbf30b32",
   null,
   null
 );
@@ -152,26 +152,26 @@ const I = {
 };
 var B = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex w-full" }, [e.avatarUrl ? t("div", [t("div", { staticStyle: { width: "45px", height: "45px", "border-radius": "50%", "background-position": "center", "background-size": "cover", "margin-right": "1.2rem" }, style: { backgroundImage: `url(${e.avatarUrl})` } })]) : e._e(), t("div", { staticClass: "flex flex-grow w-full" }, [t("div", [t("div", { staticStyle: { "font-size": "calc(1rem - 1px)", color: "#73758c", "font-weight": "500" } }, [e._v(e._s(e.$t("bestRegards")))]), t("div", { staticStyle: { "font-size": "calc(1rem + 1px)", "font-weight": "500" } }, [e._v(e._s(e.name))])]), e.cellphone || e.email ? t("div", { staticClass: "contact-wrapper" }, [e.cellphone ? t("a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+  return t("div", { staticClass: "flex w-full" }, [e.avatarUrl ? t("div", [t("div", { staticStyle: { width: "45px", height: "45px", "border-radius": "50%", "background-position": "center", "background-size": "cover", "margin-right": "calc(1.2 * var(--rem))" }, style: { backgroundImage: `url(${e.avatarUrl})` } })]) : e._e(), t("div", { staticClass: "flex flex-grow w-full" }, [t("div", [t("div", { staticStyle: { "font-size": "calc(calc(1 * var(--rem)) - 1px)", color: "#73758c", "font-weight": "500" } }, [e._v(e._s(e.$t("bestRegards")))]), t("div", { staticStyle: { "font-size": "calc(calc(1 * var(--rem)) + 1px)", "font-weight": "500" } }, [e._v(e._s(e.name))])]), e.cellphone || e.email ? t("div", { staticClass: "contact-wrapper" }, [e.cellphone ? t("a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
     content: e.cellphone,
     autoHide: !1
   }, expression: `{
           content: cellphone,
           autoHide: false,
-        }` }], attrs: { href: `tel:${e.cellphone}` } }, [t("CButton", { staticClass: "has-text-grey", attrs: { circle: "", type: "none", pattern: "secondary", icon: "phone" } })], 1) : e._e(), e.email ? t("a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+        }` }], attrs: { href: `tel:${e.cellphone}` } }, [t("CButton", { staticClass: "text-gray-400", attrs: { circle: "", type: "none", pattern: "secondary", icon: "phone" } })], 1) : e._e(), e.email ? t("a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
     content: e.email,
     autoHide: !1
   }, expression: `{
           content: email,
           autoHide: false,
-        }` }], attrs: { href: `mailto:${e.email}` } }, [t("CButton", { staticClass: "has-text-grey", attrs: { circle: "", type: "none", pattern: "secondary", icon: "email" } })], 1) : e._e()]) : e._e()])]);
+        }` }], attrs: { href: `mailto:${e.email}` } }, [t("CButton", { staticClass: "text-gray-400", attrs: { circle: "", type: "none", pattern: "secondary", icon: "email" } })], 1) : e._e()]) : e._e()])]);
 }, z = [], D = /* @__PURE__ */ i(
   I,
   B,
   z,
   !1,
   null,
-  "8d65d995",
+  "7ce422df",
   null,
   null
 );
@@ -235,7 +235,7 @@ const E = {
 };
 var R = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "has-background-white", staticStyle: { padding: "2rem", "border-radius": "0.75em" } }, [t("div", { staticStyle: { "font-size": "calc(1rem + 4px)", "font-weight": "900", "margin-bottom": "1rem" } }, [e._v(e._s(e.$t("title")))]), t("TextEditor", { ref: "textEditor", staticStyle: { "margin-bottom": "1em" }, attrs: { extensions: {
+  return t("div", { staticClass: "bg-white", staticStyle: { padding: "calc(2 * var(--rem))", "border-radius": "0.75em" } }, [t("div", { staticStyle: { "font-size": "calc(calc(1 * var(--rem)) + 4px)", "font-weight": "900", "margin-bottom": "calc(1 * var(--rem))" } }, [e._v(e._s(e.$t("title")))]), t("TextEditor", { ref: "textEditor", staticStyle: { "margin-bottom": "1em" }, attrs: { extensions: {
     blockquote: !0,
     highlight: !0,
     image: !0,
@@ -275,8 +275,8 @@ const A = {
   name: "DocPresentationMessage",
   components: {
     AvatarContact: F,
-    IsPremium: () => import("./index-6d08eac3.js").then((s) => s.IsPremium),
-    IsPremiumPreStep: () => import("./index-6d08eac3.js").then((s) => s.IsPremiumPreStep)
+    IsPremium: () => import("./index-676b9274.js").then((s) => s.IsPremium),
+    IsPremiumPreStep: () => import("./index-676b9274.js").then((s) => s.IsPremiumPreStep)
   },
   props: {
     _document: {
@@ -320,20 +320,20 @@ const A = {
 };
 var V = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "presentation-message" }, [e.content ? t("div", { staticClass: "quill-format", domProps: { innerHTML: e._s(e.content) } }) : e._e(), e.editable && e.content ? t("div", { staticStyle: { "margin-top": "2rem" } }, [t("CButton", { attrs: { type: "none", pattern: "secondary", size: "normal", "icon-left": "edit" }, on: { click: e.openEditModal } }, [e._v(" " + e._s(e.$t("changeMessage")) + " ")])], 1) : !e.content && e.editable ? t("CCallout", { attrs: { title: e.$t("addMessage") } }, [t("div", [e._v(e._s(e.$t("pmPlaceholder")))]), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ allowPremiumFeatures: a }) {
+  return t("div", { staticClass: "presentation-message" }, [e.content ? t("div", { staticClass: "quill-format", domProps: { innerHTML: e._s(e.content) } }) : e._e(), e.editable && e.content ? t("div", { staticStyle: { "margin-top": "calc(2 * var(--rem))" } }, [t("CButton", { attrs: { type: "none", pattern: "secondary", size: "normal", "icon-left": "edit" }, on: { click: e.openEditModal } }, [e._v(" " + e._s(e.$t("changeMessage")) + " ")])], 1) : !e.content && e.editable ? t("CCallout", { attrs: { title: e.$t("addMessage") } }, [t("div", [e._v(e._s(e.$t("pmPlaceholder")))]), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ allowPremiumFeatures: a }) {
     return [t("IsPremiumPreStep", { attrs: { feature: "personalMessage" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: n }) {
-      return [t("CButton", { staticStyle: { "margin-top": "1.5rem" }, attrs: { type: "secondary", size: "normal" }, on: { click: function(r) {
+      return [t("CButton", { staticStyle: { "margin-top": "calc(1.5 * var(--rem))" }, attrs: { type: "secondary", size: "normal" }, on: { click: function(r) {
         a ? e.openEditModal() : n({ callback: e.openEditModal });
       } } }, [e._v(" " + e._s(e.$t("writeMessage")) + " ")])];
     } }], null, !0) })];
-  } }]) })], 1) : e._e(), e.avatar ? t("AvatarContact", { staticStyle: { "margin-top": "2.5rem" }, attrs: { "avatar-url": e.creator.image, name: e.creator.name, cellphone: e.creator.cellphone, email: e.creator.email } }) : e._e()], 1);
+  } }]) })], 1) : e._e(), e.avatar ? t("AvatarContact", { staticStyle: { "margin-top": "calc(2.5 * var(--rem))" }, attrs: { "avatar-url": e.creator.image, name: e.creator.name, cellphone: e.creator.cellphone, email: e.creator.email } }) : e._e()], 1);
 }, H = [], U = /* @__PURE__ */ i(
   A,
   V,
   H,
   !1,
   null,
-  "8fe1c5d4",
+  "6bd1cca9",
   null,
   null
 );
@@ -382,14 +382,14 @@ var N = function() {
     classes: 'simple small',
     placement: 'top',
     offset: 2,
-  }` }], staticClass: "social-media-button", attrs: { href: e.url.toLowerCase().startsWith("http") ? e.url : `//${e.url}`, target: "_blank", rel: "noopener" } }, [t("CButton", { staticClass: "has-text-grey", attrs: { circle: "", type: "none", pattern: "secondary" } }, [e.type === "website" ? t("svg", { staticClass: "website-icon", attrs: { width: "18", height: "18", viewBox: "0 0 146 146", xmlns: "http://www.w3.org/2000/svg" } }, [t("g", { attrs: { transform: "translate(8 8)", fill: "none", "fill-rule": "evenodd" } }, [t("path", { attrs: { d: "M10.508537 0C4.704832 0 0 4.70357 0 10.500874v108.998252C0 125.298599 4.70357 130 10.500874 130h108.998252C125.298599 130 130 125.29643 130 119.499126V10.500874C130 4.7014 125.300178 0 119.497413 0H10.508537zM2.5 50.5h124.016128", stroke: "#3E8EFF", "stroke-width": "16", "stroke-linecap": "square" } }), t("circle", { attrs: { fill: "#3E8EFF", cx: "27", cy: "26", r: "7" } }), t("circle", { attrs: { fill: "#3E8EFF", cx: "51", cy: "26", r: "7" } }), t("circle", { attrs: { fill: "#3E8EFF", cx: "75", cy: "26", r: "7" } })])]) : e._e(), e.type === "linkedin" ? t("BaseIcon", { staticClass: "linkedin-icon", attrs: { size: 18, type: "linkedin" } }) : e._e(), e.type === "instagram" ? t("svg", { staticClass: "instagram-icon", attrs: { width: "18", height: "18", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" } }, [t("path", { attrs: { d: "M256 49.471c67.266 0 75.233.257 101.8 1.469 24.562 1.121 37.9 5.224 46.778 8.674a78.052 78.052 0 0 1 28.966 18.845 78.052 78.052 0 0 1 18.845 28.966c3.45 8.877 7.554 22.216 8.674 46.778 1.212 26.565 1.469 34.532 1.469 101.8s-.257 75.233-1.469 101.8c-1.121 24.562-5.225 37.9-8.674 46.778a83.427 83.427 0 0 1-47.811 47.811c-8.877 3.45-22.216 7.554-46.778 8.674-26.56 1.212-34.527 1.469-101.8 1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051 78.051 0 0 1-28.966-18.845 78.053 78.053 0 0 1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s.257-75.233 1.469-101.8c1.121-24.562 5.224-37.9 8.674-46.778a78.052 78.052 0 0 1 18.847-28.967 78.053 78.053 0 0 1 28.966-18.845c8.877-3.45 22.216-7.554 46.778-8.674 26.565-1.212 34.532-1.469 101.8-1.469m0-45.391c-68.418 0-77 .29-103.866 1.516-26.815 1.224-45.127 5.482-61.151 11.71a123.488 123.488 0 0 0-44.62 29.057A123.488 123.488 0 0 0 17.3 90.982c-6.223 16.025-10.481 34.337-11.7 61.152C4.369 179 4.079 187.582 4.079 256s.29 77 1.521 103.866c1.224 26.815 5.482 45.127 11.71 61.151a123.489 123.489 0 0 0 29.057 44.62 123.486 123.486 0 0 0 44.62 29.057c16.025 6.228 34.337 10.486 61.151 11.71 26.87 1.226 35.449 1.516 103.866 1.516s77-.29 103.866-1.516c26.815-1.224 45.127-5.482 61.151-11.71a128.817 128.817 0 0 0 73.677-73.677c6.228-16.025 10.486-34.337 11.71-61.151 1.226-26.87 1.516-35.449 1.516-103.866s-.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486 123.486 0 0 0-29.057-44.62A123.487 123.487 0 0 0 421.018 17.3c-16.025-6.223-34.337-10.481-61.152-11.7C333 4.369 324.418 4.079 256 4.079z" } }), t("path", { attrs: { d: "M256 126.635A129.365 129.365 0 1 0 385.365 256 129.365 129.365 0 0 0 256 126.635zm0 213.338A83.973 83.973 0 1 1 339.974 256 83.974 83.974 0 0 1 256 339.973z" } }), t("circle", { attrs: { cx: "390.476", cy: "121.524", r: "30.23" } })]) : e._e(), e.type === "facebook" ? t("svg", { staticClass: "facebook-icon", attrs: { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.407.593 24 1.325 24H12.82v-9.294H9.692v-3.622h3.128V8.413c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12V24h6.116c.73 0 1.323-.593 1.323-1.325V1.325C24 .593 23.407 0 22.675 0z" } })]) : e._e(), e.type === "google" ? t("svg", { staticClass: "google-icon", attrs: { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Google", role: "img", viewBox: "0 0 512 512" } }, [t("rect", { attrs: { width: "512", height: "512", rx: "15%", fill: "none" } }), t("path", { attrs: { fill: "#5a6886", d: "M386 400c45-42 65-112 53-179H260v74h102c-4 24-18 44-38 57z" } }), t("path", { attrs: { fill: "#5a6886", d: "M90 341a192 192 0 0 0 296 59l-62-48c-53 35-141 22-171-60z" } }), t("path", { attrs: { fill: "#5a6886", d: "M153 292c-8-25-8-48 0-73l-63-49c-23 46-30 111 0 171z" } }), t("path", { attrs: { fill: "#5a6886", d: "M153 219c22-69 116-109 179-50l55-54c-78-75-230-72-297 55z" } })]) : e._e(), e.type === "reco" ? t("svg", { staticClass: "reco-icon", attrs: { width: "20", height: "20", viewBox: "0 0 188 163", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M17.035792 77.21013c.134576 3.81669.650037 7.69152 1.569666 11.59061 8.363034 35.45799 47.039175 59.7296 88.485526 55.77833L89.860598 67.77959l-72.824806 9.43054zm.973286-12.68806l69.398537-7.67594-9.671508-43.10794C45.59368 17.85816 22.942511 38.77825 18.009081 64.52207zm143.02734-15.81978c-14.905342-21.89837-43.103385-36.14241-73.073905-35.69191L99.84883 55.47005l61.187588-6.76776zm5.240304 9.18169l-63.451888 8.21679 21.060817 75.23232c33.769528-10.10888 54.05118-39.73898 46.562981-71.4878-.976607-4.14067-2.383129-8.13748-4.17191-11.96131zm-54.317558 104.49575C61.065612 167.89817 11.730953 136.16134 1.767118 91.49354-8.196717 46.82575 24.983374 6.14176 75.876925.62332c50.893551-5.51844 100.22821 26.21839 110.192045 70.88619 9.963835 44.66779-23.216255 85.35178-74.109806 90.87022z", fill: "#000", "fill-rule": "evenodd" } })]) : e._e()], 1)], 1);
+  }` }], staticClass: "social-media-button", attrs: { href: e.url.toLowerCase().startsWith("http") ? e.url : `//${e.url}`, target: "_blank", rel: "noopener" } }, [t("CButton", { staticClass: "text-gray-400", attrs: { circle: "", type: "none", pattern: "secondary" } }, [e.type === "website" ? t("svg", { staticClass: "website-icon", attrs: { width: "18", height: "18", viewBox: "0 0 146 146", xmlns: "http://www.w3.org/2000/svg" } }, [t("g", { attrs: { transform: "translate(8 8)", fill: "none", "fill-rule": "evenodd" } }, [t("path", { attrs: { d: "M10.508537 0C4.704832 0 0 4.70357 0 10.500874v108.998252C0 125.298599 4.70357 130 10.500874 130h108.998252C125.298599 130 130 125.29643 130 119.499126V10.500874C130 4.7014 125.300178 0 119.497413 0H10.508537zM2.5 50.5h124.016128", stroke: "#3E8EFF", "stroke-width": "16", "stroke-linecap": "square" } }), t("circle", { attrs: { fill: "#3E8EFF", cx: "27", cy: "26", r: "7" } }), t("circle", { attrs: { fill: "#3E8EFF", cx: "51", cy: "26", r: "7" } }), t("circle", { attrs: { fill: "#3E8EFF", cx: "75", cy: "26", r: "7" } })])]) : e._e(), e.type === "linkedin" ? t("BaseIcon", { staticClass: "linkedin-icon", attrs: { size: 18, type: "linkedin" } }) : e._e(), e.type === "instagram" ? t("svg", { staticClass: "instagram-icon", attrs: { width: "18", height: "18", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" } }, [t("path", { attrs: { d: "M256 49.471c67.266 0 75.233.257 101.8 1.469 24.562 1.121 37.9 5.224 46.778 8.674a78.052 78.052 0 0 1 28.966 18.845 78.052 78.052 0 0 1 18.845 28.966c3.45 8.877 7.554 22.216 8.674 46.778 1.212 26.565 1.469 34.532 1.469 101.8s-.257 75.233-1.469 101.8c-1.121 24.562-5.225 37.9-8.674 46.778a83.427 83.427 0 0 1-47.811 47.811c-8.877 3.45-22.216 7.554-46.778 8.674-26.56 1.212-34.527 1.469-101.8 1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051 78.051 0 0 1-28.966-18.845 78.053 78.053 0 0 1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s.257-75.233 1.469-101.8c1.121-24.562 5.224-37.9 8.674-46.778a78.052 78.052 0 0 1 18.847-28.967 78.053 78.053 0 0 1 28.966-18.845c8.877-3.45 22.216-7.554 46.778-8.674 26.565-1.212 34.532-1.469 101.8-1.469m0-45.391c-68.418 0-77 .29-103.866 1.516-26.815 1.224-45.127 5.482-61.151 11.71a123.488 123.488 0 0 0-44.62 29.057A123.488 123.488 0 0 0 17.3 90.982c-6.223 16.025-10.481 34.337-11.7 61.152C4.369 179 4.079 187.582 4.079 256s.29 77 1.521 103.866c1.224 26.815 5.482 45.127 11.71 61.151a123.489 123.489 0 0 0 29.057 44.62 123.486 123.486 0 0 0 44.62 29.057c16.025 6.228 34.337 10.486 61.151 11.71 26.87 1.226 35.449 1.516 103.866 1.516s77-.29 103.866-1.516c26.815-1.224 45.127-5.482 61.151-11.71a128.817 128.817 0 0 0 73.677-73.677c6.228-16.025 10.486-34.337 11.71-61.151 1.226-26.87 1.516-35.449 1.516-103.866s-.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486 123.486 0 0 0-29.057-44.62A123.487 123.487 0 0 0 421.018 17.3c-16.025-6.223-34.337-10.481-61.152-11.7C333 4.369 324.418 4.079 256 4.079z" } }), t("path", { attrs: { d: "M256 126.635A129.365 129.365 0 1 0 385.365 256 129.365 129.365 0 0 0 256 126.635zm0 213.338A83.973 83.973 0 1 1 339.974 256 83.974 83.974 0 0 1 256 339.973z" } }), t("circle", { attrs: { cx: "390.476", cy: "121.524", r: "30.23" } })]) : e._e(), e.type === "facebook" ? t("svg", { staticClass: "facebook-icon", attrs: { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.407.593 24 1.325 24H12.82v-9.294H9.692v-3.622h3.128V8.413c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12V24h6.116c.73 0 1.323-.593 1.323-1.325V1.325C24 .593 23.407 0 22.675 0z" } })]) : e._e(), e.type === "google" ? t("svg", { staticClass: "google-icon", attrs: { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Google", role: "img", viewBox: "0 0 512 512" } }, [t("rect", { attrs: { width: "512", height: "512", rx: "15%", fill: "none" } }), t("path", { attrs: { fill: "#5a6886", d: "M386 400c45-42 65-112 53-179H260v74h102c-4 24-18 44-38 57z" } }), t("path", { attrs: { fill: "#5a6886", d: "M90 341a192 192 0 0 0 296 59l-62-48c-53 35-141 22-171-60z" } }), t("path", { attrs: { fill: "#5a6886", d: "M153 292c-8-25-8-48 0-73l-63-49c-23 46-30 111 0 171z" } }), t("path", { attrs: { fill: "#5a6886", d: "M153 219c22-69 116-109 179-50l55-54c-78-75-230-72-297 55z" } })]) : e._e(), e.type === "reco" ? t("svg", { staticClass: "reco-icon", attrs: { width: "20", height: "20", viewBox: "0 0 188 163", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M17.035792 77.21013c.134576 3.81669.650037 7.69152 1.569666 11.59061 8.363034 35.45799 47.039175 59.7296 88.485526 55.77833L89.860598 67.77959l-72.824806 9.43054zm.973286-12.68806l69.398537-7.67594-9.671508-43.10794C45.59368 17.85816 22.942511 38.77825 18.009081 64.52207zm143.02734-15.81978c-14.905342-21.89837-43.103385-36.14241-73.073905-35.69191L99.84883 55.47005l61.187588-6.76776zm5.240304 9.18169l-63.451888 8.21679 21.060817 75.23232c33.769528-10.10888 54.05118-39.73898 46.562981-71.4878-.976607-4.14067-2.383129-8.13748-4.17191-11.96131zm-54.317558 104.49575C61.065612 167.89817 11.730953 136.16134 1.767118 91.49354-8.196717 46.82575 24.983374 6.14176 75.876925.62332c50.893551-5.51844 100.22821 26.21839 110.192045 70.88619 9.963835 44.66779-23.216255 85.35178-74.109806 90.87022z", fill: "#000", "fill-rule": "evenodd" } })]) : e._e()], 1)], 1);
 }, W = [], G = /* @__PURE__ */ i(
   L,
   N,
   W,
   !1,
   null,
-  "9543947b",
+  "b349de8a",
   null,
   null
 );
@@ -418,7 +418,7 @@ var Y = function() {
   J,
   !1,
   null,
-  "1a348777",
+  "3dd0a0fd",
   null,
   null
 );
@@ -469,7 +469,7 @@ var te = function() {
   se,
   !1,
   null,
-  "8afe2003",
+  "3c990152",
   null,
   null
 );
@@ -656,7 +656,7 @@ var re = function() {
   oe,
   !1,
   null,
-  "f46f66e3",
+  "1878d336",
   null,
   null
 );

package/dist/{Index-dbe97658.js → Index-532b8844.js}

@@ -1,5 +1,5 @@
-import { P as n } from "./PlainHtml-04a6d7f9.js";
-import { n as s } from "./main-2d9b8259.js";
+import { P as n } from "./PlainHtml-752bc8d6.js";
+import { n as s } from "./main-95207159.js";
 const o = {
   name: "EstimatedTimeToCompleteTextRead",
   props: {

package/dist/{Index-96f39afc.js → Index-53348c92.js}

@@ -1,10 +1,10 @@
-import { m as e } from "./mapFormMixin-308bbdab.js";
-import { n as r } from "./main-2d9b8259.js";
+import { m as e } from "./mapFormMixin-a245a297.js";
+import { n as r } from "./main-95207159.js";
 const a = {
   name: "EstimatedWorkStartAndEndAtText",
   components: {
-    Read: () => import("./Index-3ee2e944.js"),
-    Edit: () => import("./Index-d68a28da.js")
+    Read: () => import("./Index-b80ab22f.js"),
+    Edit: () => import("./Index-6f957f7e.js")
   },
   mixins: [e(["startAt", "endAt"])]
 };

package/dist/{Index-cec7d4f1.js → Index-54962a1e.js}

@@ -1,21 +1,21 @@
-import { b as n, q as s, r as c, s as i, z as a, n as l } from "./main-2d9b8259.js";
-import { m as v } from "./mapFormMixin-308bbdab.js";
-import { f as u } from "./focusDrawerMixin-298861bc.js";
-import { B as d } from "./BlockMedia-b613a2a4.js";
-import { T as m } from "./DocTextEditor-2538e1ab.js";
+import { b as n, r as s, s as c, t as a, F as i, n as l } from "./main-95207159.js";
+import { m as v } from "./mapFormMixin-a245a297.js";
+import { f as u } from "./focusDrawerMixin-72f8dd7a.js";
+import { B as d } from "./BlockMedia-319932b8.js";
+import { T as m } from "./DocTextEditor-cce51e7c.js";
 import "./color-71c20583.js";
-import "./FormInputRow-09d450e3.js";
-import "./ColorPicker-f90939b5.js";
-import "./formValidationMixin-df38771c.js";
-import "./CDropdownItem-05d84f95.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-383db616.js";
+import "./tippy.esm-3c111ba9.js";
+import "./ColorPicker-11ee76f0.js";
+import "./DocumentLayout-86c367d1.js";
+import "./CDropdownItem-d46bf062.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-df4c839e.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
 const _ = {
   name: "CoverBlock",
   components: {
     BlockMedia: d,
     TextEditor: m,
-    CoverBlockSettings: () => import("./CoverBlockSettings-1f917be3.js")
+    CoverBlockSettings: () => import("./CoverBlockSettings-7ffa15b1.js")
   },
   mixins: [
     v(["coverBlock"]),
@@ -34,7 +34,7 @@ const _ = {
         return this.canEdit ? s(t, this._document.textTemplateMap, this._document._doc) : c(t, this._document._doc);
       },
       set(t) {
-        this.setValue({ key: "text", value: i(t) });
+        this.setValue({ key: "text", value: a(t) });
       }
     },
     media() {
@@ -44,7 +44,7 @@ const _ = {
   },
   methods: {
     setValue({ key: t, value: e }) {
-      this.coverBlock = a(this.coverBlock, t, e);
+      this.coverBlock = i(this.coverBlock, t, e);
     },
     onAdd() {
       const t = () => this.$refs.editor.focus();
@@ -64,7 +64,7 @@ var p = function() {
     e.text = r;
   }, expression: "text" } })], 1)])], 1), e.isForm ? [e.showControls ? o("CButton", { staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: function(r) {
     e.showDrawer = !0;
-  } } }, [e._v(" " + e._s(e.$t("_common:appearance").capitalize()) + " ")]) : e._e(), 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(r) {
+  } } }, [e._v(" " + e._s(e.$t("_common:appearance").capitalize()) + " ")]) : e._e(), 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(r) {
     e.showDrawer = !1;
   } } }), o("CoverBlockSettings", { attrs: { _document: e._document, _value: {
     type: `${e._value.coverBlock}.type`,
@@ -86,7 +86,7 @@ var p = function() {
   f,
   !1,
   null,
-  "a73620d5",
+  "28cafa4b",
   null,
   null
 );

package/dist/{Index-a37beb03.js → Index-5de564da.js}

@@ -1,4 +1,4 @@
-import { n as r } from "./main-2d9b8259.js";
+import { n as r } from "./main-95207159.js";
 const l = {
   name: "DocChapterSub",
   inheritAttrs: !1,
@@ -23,7 +23,7 @@ var o = function(e, t) {
   u,
   !0,
   null,
-  "463b1e49",
+  "e2258a71",
   null,
   null
 );

package/dist/{Index-d68a28da.js → Index-6f957f7e.js}

@@ -1,8 +1,8 @@
-import { m as n } from "./mapFormMixin-308bbdab.js";
-import { I as s } from "./InputToggleRow-68320d9f.js";
-import { B as r } from "./BaseDatePicker-a9240306.js";
-import { n as l } from "./main-2d9b8259.js";
-const i = {
+import { m as r } from "./mapFormMixin-a245a297.js";
+import { I as n } from "./InputToggleRow-c520bed9.js";
+import { B as l } from "./BaseDatePicker-581297bc.js";
+import { n as s } from "./main-95207159.js";
+const c = {
   i18nOptions: {
     namespaces: "estimatedTimeStartEnd",
     messages: {
@@ -26,38 +26,38 @@ const i = {
   },
   name: "EstimatedWorkStartAndEndAtTextEdit",
   components: {
-    InputToggleRow: s,
-    BaseDatePicker: r
+    InputToggleRow: n,
+    BaseDatePicker: l
   },
-  mixins: [n([
+  mixins: [r([
     "startAt",
     "endAt"
   ])]
 };
-var o = function() {
+var i = function() {
   var t = this, a = t._self._c;
   return a("InputToggleRow", { attrs: { "display-value": t.startAt && t.endAt ? `${t.$formatDate(t.startAt)} → ${t.$formatDate(t.endAt)}` : t.$t("_common:add"), label: t.$t("label"), "show-clear": !!(t.startAt && t.endAt) }, on: { remove: function(e) {
     t.startAt = null, t.endAt = null;
-  } } }, [a("div", { staticStyle: { display: "inline-flex" } }, [a("BaseDatePicker", { staticClass: "datepicker-simple", staticStyle: { width: "8rem" }, attrs: { placeholder: t.$t("placeholders.start") }, on: { click: function(e) {
+  } } }, [a("div", { staticStyle: { display: "inline-flex" } }, [a("BaseDatePicker", { staticClass: "datepicker-simple", staticStyle: { width: "calc(8 * var(--rem))" }, attrs: { placeholder: t.$t("placeholders.start") }, on: { click: function(e) {
     e.preventDefault();
   } }, model: { value: t.startAt, callback: function(e) {
     t.startAt = e;
-  }, expression: "startAt" } }), a("div", { staticStyle: { "line-height": "3rem", margin: "0 0.5rem", "font-size": "calc(1rem + 2px)" } }, [t._v("→")]), a("BaseDatePicker", { staticClass: "datepicker-simple", staticStyle: { width: "8rem" }, attrs: { static: !0, placeholder: t.$t("placeholders.end") }, on: { click: function(e) {
+  }, expression: "startAt" } }), a("div", { staticStyle: { "line-height": "calc(3 * var(--rem))", margin: "0 calc(0.5 * var(--rem))", "font-size": "calc(calc(1 * var(--rem)) + 2px)" } }, [t._v("→")]), a("BaseDatePicker", { staticClass: "datepicker-simple", staticStyle: { width: "calc(8 * var(--rem))" }, attrs: { static: !0, placeholder: t.$t("placeholders.end") }, on: { click: function(e) {
     e.preventDefault();
   } }, model: { value: t.endAt, callback: function(e) {
     t.endAt = e;
   }, expression: "endAt" } })], 1)]);
-}, d = [], c = /* @__PURE__ */ l(
+}, o = [], d = /* @__PURE__ */ s(
+  c,
   i,
   o,
-  d,
   !1,
   null,
   null,
   null,
   null
 );
-const v = c.exports;
+const A = d.exports;
 export {
-  v as default
+  A as default
 };

package/dist/{Index-304c45be.js → Index-710d1132.js}

@@ -1,11 +1,11 @@
-import { m as s } from "./mapFormMixin-308bbdab.js";
-import { q as i, r, s as a, n as c } from "./main-2d9b8259.js";
-import { T as m } from "./DocTextEditor-2538e1ab.js";
-import "./FormInputRow-09d450e3.js";
-import "./ColorPicker-f90939b5.js";
-import "./formValidationMixin-df38771c.js";
-import "./CDropdownItem-05d84f95.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-383db616.js";
+import { m as s } from "./mapFormMixin-a245a297.js";
+import { r as i, s as r, t as a, n as c } from "./main-95207159.js";
+import { T as m } from "./DocTextEditor-cce51e7c.js";
+import "./tippy.esm-3c111ba9.js";
+import "./ColorPicker-11ee76f0.js";
+import "./DocumentLayout-86c367d1.js";
+import "./CDropdownItem-d46bf062.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-df4c839e.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
 import "./color-71c20583.js";
 const d = {

package/dist/{Index-a86ea774.js → Index-7a2f20fd.js}

@@ -1,7 +1,7 @@
-import { m as s } from "./mapFormMixin-308bbdab.js";
-import { f as r } from "./focusDrawerMixin-298861bc.js";
-import { g as n } from "./utils-69c41ae9.js";
-import { n as a } from "./main-2d9b8259.js";
+import { m as s } from "./mapFormMixin-a245a297.js";
+import { f as r } from "./focusDrawerMixin-72f8dd7a.js";
+import { g as n } from "./utils-580c7144.js";
+import { n as a } from "./main-95207159.js";
 const d = {
   name: "VideoPlayer",
   i18nOptions: {
@@ -9,8 +9,8 @@ const d = {
     keyPrefix: "document.videoPlayer"
   },
   components: {
-    VideoPlayerSettings: () => import("./VideoPlayerSettings-496e9e79.js"),
-    VideoPlayerInput: () => import("./VideoPlayerInput-b54845a4.js")
+    VideoPlayerSettings: () => import("./VideoPlayerSettings-51c75143.js"),
+    VideoPlayerInput: () => import("./VideoPlayerInput-d7b5fe4b.js")
   },
   mixins: [s(["videoPlayer"]), r()],
   data() {
@@ -79,13 +79,13 @@ var l = function() {
     e.showControls = !0;
   }, "&mouseleave": function(o) {
     e.showControls = !1;
-  } } }, [i("div", { staticClass: "no-drag", class: [`video-is-${e.size}`] }, [i("div", { staticClass: "video-container", style: { paddingTop: e.aspectRatio } }, [!e.video.url && e.canEdit ? i("div", { staticClass: "video-element" }, [i("div", { staticClass: "is-placeholder" }, [i("div", { staticClass: "has-text-grey-dark" }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), i("VideoPlayerInput", { ref: "input", staticStyle: { "padding-top": "1em" }, attrs: { value: e.video }, on: { input: function(o) {
+  } } }, [i("div", { staticClass: "no-drag", class: [`video-is-${e.size}`] }, [i("div", { staticClass: "video-container", style: { paddingTop: e.aspectRatio } }, [!e.video.url && e.canEdit ? i("div", { staticClass: "video-element" }, [i("div", { staticClass: "is-placeholder" }, [i("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), i("VideoPlayerInput", { ref: "input", staticStyle: { "padding-top": "1em" }, attrs: { value: e.video }, on: { input: function(o) {
     return e.setValue({ key: "video", value: o });
   }, "hook:mounted": function(o) {
     return e.$emit("triggerOnAdd");
   } } })], 1)]) : i("iframe", { ref: "iframe", staticClass: "video-element", attrs: { title: "Video", src: e.video.url, frameborder: "0", allowfullscreen: "" } })])]), e.isForm ? [i("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 ? i("portal", { attrs: { to: "drawer-content" } }, [i("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 ? i("portal", { attrs: { to: "drawer-content" } }, [i("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;
   } } }), i("VideoPlayerSettings", { attrs: { video: e.video, size: e.size }, on: { input: e.setValue } })], 1) : e._e()] : e._e()], 2);
 }, c = [], u = /* @__PURE__ */ a(
@@ -94,7 +94,7 @@ var l = function() {
   c,
   !1,
   null,
-  "4d771621",
+  "846fc9cb",
   null,
   null
 );

package/dist/{Index-693005f0.js → Index-818ef607.js}

@@ -1,10 +1,10 @@
-import { m as e } from "./mapFormMixin-308bbdab.js";
-import { n as i } from "./main-2d9b8259.js";
+import { m as e } from "./mapFormMixin-a245a297.js";
+import { n as i } from "./main-95207159.js";
 const r = {
   name: "ExtraWorkTimeImpactText",
   components: {
-    Read: () => import("./Index-9a243eb8.js"),
-    Edit: () => import("./Index-53da7be8.js")
+    Read: () => import("./Index-28bdb859.js"),
+    Edit: () => import("./Index-ba48e68b.js")
   },
   mixins: [e([
     "workStartAt",

package/dist/Index-875e7805.js

@@ -0,0 +1,79 @@
+import { n, q as l } from "./main-95207159.js";
+const d = {
+  name: "MultiGroupPricing",
+  props: {
+    _document: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    docPriceItems() {
+      const { total: s, subTotal: t } = this._document.prices || {};
+      return [
+        {
+          label: this._document.$t("price.net"),
+          value: this.priceFormat(t)
+        },
+        {
+          label: this._document.$t("price.total"),
+          value: this.priceFormat(s)
+        }
+      ];
+    },
+    pkgGroups() {
+      var t;
+      return (((t = this._document.packageGroups) == null ? void 0 : t.groups) || []).map(({ title: e, prices: r, selectedPackages: a }) => {
+        const { total: c, subTotal: i } = r || {};
+        return {
+          title: e,
+          noOfSelectedPackages: a.length,
+          priceItems: [
+            {
+              label: this._document.$t("price.net"),
+              value: this.priceFormat(i)
+            },
+            {
+              label: this._document.$t("price.total"),
+              value: this.priceFormat(c)
+            }
+          ]
+        };
+      });
+    }
+  },
+  methods: {
+    priceFormat(s, t) {
+      return l(s, {
+        currency: this._document.currency,
+        showZero: !0,
+        decimals: 2,
+        hideZeroDecimals: !0,
+        ...t
+      });
+    }
+  }
+};
+var p = function() {
+  var t = this, e = t._self._c;
+  return e("div", [t._l(t.pkgGroups, function(r, a) {
+    return e("div", { key: a, staticStyle: { padding: "calc(0.5 * var(--rem)) 0" } }, [e("div", { staticStyle: { display: "flex", "font-size": "calc(1.1 * var(--rem))", "font-weight": "600", "padding-bottom": "3px", "border-bottom": "1px solid rgba(0, 0, 0, 0.2)" } }, [t._v(" " + t._s(r.title) + " "), e("span", { staticClass: "text-gray-400", staticStyle: { "margin-left": "auto", "font-size": "calc(1 * var(--rem))" } }, [t._v(" " + t._s(r.noOfSelectedPackages) + " paket ")])]), t._l(r.priceItems, function({ label: c, value: i }, o) {
+      return e("div", { key: c + o, staticStyle: { display: "flex", "justify-content": "space-between", "font-size": "calc(1 * var(--rem))" } }, [e("div", [t._v(t._s(c))]), e("div", [t._v(t._s(i))])]);
+    })], 2);
+  }), e("div", { staticStyle: { "margin-top": "calc(1 * var(--rem))" } }, [e("div", { staticStyle: { "font-size": "calc(1.1 * var(--rem))", "font-weight": "600", "padding-bottom": "3px", "border-bottom": "1px solid rgba(0, 0, 0, 0.2)" } }, [t._v("Doc summary")]), t._l(t.docPriceItems, function({ label: r, value: a }, c) {
+    return e("div", { key: c + r, staticStyle: { display: "flex", "justify-content": "space-between", "font-size": "calc(1 * var(--rem))" } }, [e("div", [t._v(t._s(r))]), e("div", [t._v(t._s(a))])]);
+  })], 2)], 2);
+}, u = [], _ = /* @__PURE__ */ n(
+  d,
+  p,
+  u,
+  !1,
+  null,
+  "6d408837",
+  null,
+  null
+);
+const v = _.exports;
+export {
+  v as default
+};

package/dist/{Index-f453850f.js → Index-889b6a45.js}

@@ -1,8 +1,7 @@
-import { A as c, o as u, n as m } from "./main-2d9b8259.js";
-import { P as p } from "./PlainHtml-04a6d7f9.js";
-import { s as g } from "./formValidationMixin-df38771c.js";
-import "./CDropdownItem-05d84f95.js";
-const h = {
+import { G as c, q as u, n as m } from "./main-95207159.js";
+import { P as p } from "./PlainHtml-752bc8d6.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-a554b58c.js → Index-8975cd1e.js}

@@ -1,10 +1,10 @@
-import { m as n } from "./mapFormMixin-308bbdab.js";
-import { n as t } from "./main-2d9b8259.js";
+import { m as n } from "./mapFormMixin-a245a297.js";
+import { n as t } from "./main-95207159.js";
 const a = {
   name: "ExtraWorkConstructionPricingList",
   components: {
-    Read: () => import("./Index-f453850f.js"),
-    Edit: () => import("./Index-78f13416.js")
+    Read: () => import("./Index-889b6a45.js"),
+    Edit: () => import("./Index-ff60354c.js")
   },
   mixins: [n([
     "workPrice",