@cling-se/widget 0.9.23 → 0.9.24

package/dist/{ClientModal-b94206f4.js → ClientModal-1bec5a45.js}

@@ -1,10 +1,10 @@
-import { A as p, R as h, I as v, n as u, T as y, c as C, b as d, g as c, U as b, w as _ } from "./main-8d566a02.js";
+import { A as p, R as h, I as v, n as u, T as y, c as C, b as d, g as c, U as b, w as _ } from "./main-b5eb6366.js";
 import { m as f, b as $, a as w } from "./vuex.esm-4a0fff7c.js";
-import { w as x } from "./CDropdownItem-e0cecd02.js";
-import { C as k } from "./ClientAutocomplete-28bf2076.js";
+import { w as x } from "./CDropdownItem-cc274799.js";
+import { C as k } from "./ClientAutocomplete-0f51c1cd.js";
 import { v as s } from "./index-805c56e4.js";
-import "./SearchApi-2523a5fb.js";
-import "./debounce-0451fa9d.js";
+import "./SearchApi-1cd32dd3.js";
+import "./debounce-97bb38ac.js";
 function g(n) {
   if (typeof n > "u")
     throw Error("Missing param inputParam");
@@ -200,7 +200,13 @@ const { mapFields: N } = p({
     }
   },
   validations() {
-    return [this.name, this.orgNo, this.reference, this.email, this.cellphone].some((e) => !!e) ? {
+    return [
+      this.name,
+      this.orgNo,
+      this.reference,
+      this.email,
+      this.cellphone
+    ].some((e) => !!e) ? {
       orgNo: {
         personalNumber(e) {
           return !this.validateOrgNo || !e ? !0 : this.isIndivid ? l(e) : m(e) || l(e);
@@ -324,7 +330,7 @@ var F = function() {
     e.cellphone = i;
   }, expression: "cellphone" } }), e.documentRole ? t("CDropdown", { staticStyle: { "margin-bottom": "calc(1 * var(--rem))" }, attrs: { expanded: "" } }, [t("CButton", { staticClass: "is-left", staticStyle: { width: "100%" }, attrs: { slot: "trigger", "dropdown-icon": !0, "icon-props": {
     stroke: "hsl(0, 0%, 50%)"
-  }, "icon-left": e.documentRole === "signee" ? "pen-tool" : "eye", type: "none", pattern: "secondary" }, slot: "trigger" }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`_common:documentRole.${e.documentRole}.description`)))]), t("div", { staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${e.documentRole}.label`)) + " ")])])]), e._l(["signee", "recipient", "approver"], function(i) {
+  }, "icon-left": e.documentRole === "signee" ? "pen-tool" : "eye", type: "none", pattern: "secondary" }, slot: "trigger" }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.documentRole}.description`)) + " ")]), t("div", { staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${e.documentRole}.label`)) + " ")])])]), e._l(["signee", "recipient", "approver"], function(i) {
     return t("CDropdownItem", { key: i, attrs: { "icon-left": i === "signee" ? "pen-tool" : "eye", "icon-props": {
       stroke: "hsl(0, 0%, 50%)"
     } }, on: { click: function(a) {
@@ -332,7 +338,7 @@ var F = function() {
     } } }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`_common:documentRole.${i}.description`)))]), t("div", { staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${i}.label`)) + " ")])])]);
   })], 2) : e._e(), t("CButton", { attrs: { type: "secondary", pattern: "tertiary", size: "small", "icon-left": "arrow-right" }, on: { click: function(i) {
     return e.$emit("show-more");
-  } } }, [e._v(" " + e._s(e.$t("showMore").capitalize()) + " ")]), t("CButton", { staticClass: "mt-4", staticStyle: { padding: "16px", "border-radius": "8px", height: "100%", "font-size": "14px", "font-weight": "600", "box-shadow": "0 2px 4px -1px rgba(0,0,0,0.1)" }, attrs: { loading: e.isPosting, "native-type": "submit", type: "secondary", wide: "", size: "medium" } }, [e._v(" " + e._s(e.$t("updateButton")) + " ")])], 1) : t("div", { class: { "column-only": e.windowWidth <= 600 } }, [t("div", { staticClass: "flex items-center justify-center", staticStyle: { "margin-bottom": "calc(2.5 * var(--rem))" } }, [t("div", { staticClass: "type-toggle" }, [t("div", { staticClass: "type-toggle-button", class: { active: e.type === "individual" }, on: { click: function(i) {
+  } } }, [e._v(" " + e._s(e.$t("showMore").capitalize()) + " ")]), t("CButton", { staticClass: "mt-4", staticStyle: { padding: "16px", "border-radius": "8px", height: "100%", "font-size": "14px", "font-weight": "600", "box-shadow": "0 2px 4px -1px rgba(0, 0, 0, 0.1)" }, attrs: { loading: e.isPosting, "native-type": "submit", type: "secondary", wide: "", size: "medium" } }, [e._v(" " + e._s(e.$t("updateButton")) + " ")])], 1) : t("div", { class: { "column-only": e.windowWidth <= 600 } }, [t("div", { staticClass: "flex items-center justify-center", staticStyle: { "margin-bottom": "calc(2.5 * var(--rem))" } }, [t("div", { staticClass: "type-toggle" }, [t("div", { staticClass: "type-toggle-button", class: { active: e.type === "individual" }, on: { click: function(i) {
     e.type = "individual";
   } } }, [e._v(" " + e._s(e.$t("individual")) + " ")]), t("div", { staticClass: "type-toggle-button", class: { active: e.type === "company" }, on: { click: function(i) {
     e.type = "company";
@@ -370,7 +376,7 @@ var F = function() {
     e.workCity = i;
   }, expression: "workCity" } })], 1)], 1)], 1) : e._e()]), e.documentRole || e.answerMethod ? t("CField", { staticClass: "flex pt-4", attrs: { grouped: "" } }, [e.documentRole ? t("div", { staticClass: "dropdown-field-wrapper" }, [t("div", { staticClass: "my-1 text-sm text-gray-600" }, [e._v(" " + e._s(e.$t("_common:documentRole.title")) + " ")]), t("CDropdown", { staticStyle: { "margin-bottom": "calc(1 * var(--rem))" }, attrs: { expanded: "" } }, [t("CButton", { staticClass: "is-left", staticStyle: { width: "100%" }, attrs: { slot: "trigger", "dropdown-icon": !0, "icon-props": {
     stroke: "hsl(0, 0%, 50%)"
-  }, "icon-left": e.documentRole === "signee" ? "pen-tool" : "eye", type: "none", pattern: "secondary" }, slot: "trigger" }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`_common:documentRole.${e.documentRole}.description`)))]), t("div", { staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${e.documentRole}.label`)) + " ")])])]), e._l(["signee", "recipient", "approver"], function(i) {
+  }, "icon-left": e.documentRole === "signee" ? "pen-tool" : "eye", type: "none", pattern: "secondary" }, slot: "trigger" }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.documentRole}.description`)) + " ")]), t("div", { staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${e.documentRole}.label`)) + " ")])])]), e._l(["signee", "recipient", "approver"], function(i) {
     return t("CDropdownItem", { key: i, attrs: { "icon-left": i === "signee" ? "pen-tool" : "eye", "icon-props": {
       stroke: "hsl(0, 0%, 50%)"
     } }, on: { click: function(a) {
@@ -382,16 +388,19 @@ var F = function() {
     "inPerson"
   ], function(i) {
     return t("CDropdownItem", { key: i, on: { click: function(a) {
-      return e.$emit("update:answer-method", { ...e.answerMethod, accept: i });
+      return e.$emit("update:answer-method", {
+        ...e.answerMethod,
+        accept: i
+      });
     } } }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`signMethod.${i}.title`)))]), t("div", { staticClass: "max-w-[calc(12_*_var(--rem))] truncate", staticStyle: { "font-size": "12px", opacity: "0.7", "text-wrap": "wrap" } }, [e._v(" " + e._s(e.$t(`signMethod.${i}.content`)) + " ")])])]);
-  })], 2)], 1) : e._e()]) : e._e(), t("div", { staticStyle: { "margin-top": "calc(3 * var(--rem))" } }, [t("CButton", { staticStyle: { padding: "16px", "border-radius": "8px", height: "100%", "font-size": "14px", "font-weight": "600", "box-shadow": "0 2px 4px -1px rgba(0,0,0,0.1)" }, attrs: { loading: e.isPosting, type: "secondary", wide: "" }, on: { click: e.validateForm } }, [e._v(e._s(e.$t("updateButton")))])], 1)], 1)]);
+  })], 2)], 1) : e._e()]) : e._e(), t("div", { staticStyle: { "margin-top": "calc(3 * var(--rem))" } }, [t("CButton", { staticStyle: { padding: "16px", "border-radius": "8px", height: "100%", "font-size": "14px", "font-weight": "600", "box-shadow": "0 2px 4px -1px rgba(0, 0, 0, 0.1)" }, attrs: { loading: e.isPosting, type: "secondary", wide: "" }, on: { click: e.validateForm } }, [e._v(e._s(e.$t("updateButton")))])], 1)], 1)]);
 }, z = [], R = /* @__PURE__ */ u(
   I,
   F,
   z,
   !1,
   null,
-  "dd8b1fcf",
+  "d4e472e0",
   null,
   null
 );
@@ -466,13 +475,19 @@ const M = R.exports, { mapFields: O } = p({
   },
   created() {
     this.forceExpand && (this.showMore = !0);
-    const n = d(this.formData, `clients[${this.documentClientIndex}]`, {});
-    this.loadForm(n), ["endCustomer", "storedNewClient"].forEach((e) => this.$watch(e, {
-      deep: !0,
-      handler() {
-        this.hasChanged = !0;
-      }
-    }));
+    const n = d(
+      this.formData,
+      `clients[${this.documentClientIndex}]`,
+      {}
+    );
+    this.loadForm(n), ["endCustomer", "storedNewClient"].forEach(
+      (e) => this.$watch(e, {
+        deep: !0,
+        handler() {
+          this.hasChanged = !0;
+        }
+      })
+    );
   },
   methods: {
     ...w({

package/dist/{ColorPicker-b5a7f700.js → ColorPicker-43c741fb.js}

@@ -1,4 +1,4 @@
-import { W as ht, n as bt } from "./main-8d566a02.js";
+import { W as ht, n as bt } from "./main-b5eb6366.js";
 var vt = { exports: {} };
 (function(gt, Ct) {
   (function(c, i) {
@@ -2871,7 +2871,7 @@ var yt = /* @__PURE__ */ bt(
   wt,
   !1,
   null,
-  "a55fe513",
+  "94048cc1",
   null,
   null
 );

package/dist/{CompanyModal-c47e7c55.js → CompanyModal-adec1d7e.js}

@@ -1,7 +1,7 @@
-import { A as r, g as i, n as l } from "./main-8d566a02.js";
-import { w as c } from "./CDropdownItem-e0cecd02.js";
+import { A as r, g as i, n as l } from "./main-b5eb6366.js";
+import { w as c } from "./CDropdownItem-cc274799.js";
 import { m as p, b as o, a as d } from "./vuex.esm-4a0fff7c.js";
-import { s as n, a as u } from "./publicSenderState-02c0c9eb.js";
+import { s as n, a as u } from "./publicSenderState-4163b1b6.js";
 import { v as m } from "./index-805c56e4.js";
 const { mapFields: f } = r({
   getterType: "forms/getField",
@@ -93,7 +93,10 @@ const { mapFields: f } = r({
       showMessage: i.SHOW_MESSAGE
     }),
     loadForm() {
-      this.isPublicForm ? (this.setForm({ key: "company", formData: n.company }), this.setForm({ key: "companyUser", formData: n.user })) : (this.formEditCompany({ props: ["name"] }), this.formEditCompanyUser({ id: this.documentCompanyUserId, props: ["id", "firstname", "lastname", "cellphone", "email"] }));
+      this.isPublicForm ? (this.setForm({ key: "company", formData: n.company }), this.setForm({ key: "companyUser", formData: n.user })) : (this.formEditCompany({ props: ["name"] }), this.formEditCompanyUser({
+        id: this.documentCompanyUserId,
+        props: ["id", "firstname", "lastname", "cellphone", "email"]
+      }));
     },
     async save() {
       this.$v.$touch(), !this.$v.$invalid && (this.isLoading = !0, this.isPublicForm ? u({ company: this.company, user: this.user }) : await Promise.all([
@@ -130,7 +133,7 @@ var h = function() {
   _,
   !1,
   null,
-  "bc90e778",
+  "accc1bc1",
   null,
   null
 );

package/dist/{ContentWrapper-8293109f.js → ContentWrapper-48e69342.js}

@@ -1,19 +1,19 @@
-import { a as l } from "./tinycolor-c6f29f33.js";
-import { m as n } from "./mapFormMixin-4446a1bd.js";
-import { B as r } from "./BlockMedia-b49a63f3.js";
-import { n as s, a6 as i, x as c, z as u, y as p } from "./main-8d566a02.js";
-import { T as m } from "./DocTextEditor-7fd7ca5f.js";
+import { a as l } from "./tinycolor-bb8652ea.js";
+import { m as n } from "./mapFormMixin-e0c45bbd.js";
+import { B as r } from "./BlockMedia-f5086397.js";
+import { n as s, a6 as i, x as c, z as u, y as p } from "./main-b5eb6366.js";
+import { T as m } from "./DocTextEditor-3eb97671.js";
 import { i as d } from "./i18nMessages-45c6bfd6.js";
 import "./color-71c20583.js";
-import "./tippy.esm-2cb937d0.js";
-import "./ColorPicker-b5a7f700.js";
-import "./DocumentLayout-00ec1c6f.js";
-import "./debounce-0451fa9d.js";
-import "./CDropdownItem-e0cecd02.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-d964f857.js";
+import "./tippy.esm-f533f77b.js";
+import "./ColorPicker-43c741fb.js";
+import "./DocumentLayout-a659ce2a.js";
+import "./debounce-97bb38ac.js";
+import "./CDropdownItem-cc274799.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-ef031b7b.js";
 import "./dom-962579a6.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ManualPopover-58c3f059.js";
+import "./ManualPopover-8a1e53a5.js";
 const _ = {
   name: "StaticComboLayout",
   props: {
@@ -34,7 +34,7 @@ var f = function() {
   y,
   !1,
   null,
-  "6d873a8e",
+  "6df3f6bf",
   null,
   null
 );
@@ -46,18 +46,20 @@ const v = {
     messages: d
   },
   components: {
-    DocumentLogotype: () => import("./DocumentLogotype-137fd8f5.js"),
+    DocumentLogotype: () => import("./DocumentLogotype-393d1610.js"),
     StaticComboLayout: h,
     TextEditor: m
   },
-  mixins: [n([
-    "layout",
-    "preText",
-    "documentName",
-    "postText",
-    "showLogo",
-    "logotype"
-  ])],
+  mixins: [
+    n([
+      "layout",
+      "preText",
+      "documentName",
+      "postText",
+      "showLogo",
+      "logotype"
+    ])
+  ],
   props: {
     validator: {
       type: Object,
@@ -79,7 +81,10 @@ const v = {
         return this.documentName || `<p data-typography="title">${((o = this._document.data) == null ? void 0 : o.name) || ""}</p>`;
       },
       set(o) {
-        this.documentName = o, this.$emit("input", { key: "data.name", value: i(o).trim().slice(0, 255) });
+        this.documentName = o, this.$emit("input", {
+          key: "data.name",
+          value: i(o).trim().slice(0, 255)
+        });
       }
     },
     mentions() {
@@ -100,7 +105,11 @@ var g = function() {
     t.showLogo = a;
   } }, slot: "logo", model: { value: t.logotype, callback: function(a) {
     t.logotype = a;
-  }, expression: "logotype" } }), e("template", { slot: "preText" }, [e("TextEditor", { key: "preText" + t.canEdit, ref: "preTextEditor", staticClass: "no-drag header-text", attrs: { value: t.canEdit ? t.mustacheToSpan(t.preText, t._document.textTemplateMap, t._document._doc) : t.interpolateString(t.preText, t._document._doc), mentions: t.mentions, snippets: !0, placeholder: t.$t("optional").capitalize(), static: "", unstyled: "" }, on: { input: function(a) {
+  }, expression: "logotype" } }), e("template", { slot: "preText" }, [e("TextEditor", { key: "preText" + t.canEdit, ref: "preTextEditor", staticClass: "no-drag header-text", attrs: { value: t.canEdit ? t.mustacheToSpan(
+    t.preText,
+    t._document.textTemplateMap,
+    t._document._doc
+  ) : t.interpolateString(t.preText, t._document._doc), mentions: t.mentions, snippets: !0, placeholder: t.$t("optional").capitalize(), static: "", unstyled: "" }, on: { input: function(a) {
     t.preText = t.spanToMustache(a);
   } } })], 1), e("div", { staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "700", margin: "calc(1 * var(--rem)) 0" }, attrs: { slot: "documentName" }, slot: "documentName" }, [t.canEdit ? e("TextEditor", { ref: "nameEditor", staticClass: "no-drag header-text", attrs: { value: t.internalName, extensions: {
     bulletList: !0,
@@ -112,7 +121,11 @@ var g = function() {
     table: !1
   }, placeholder: t.$t("name.placeholder"), unstyled: "", static: "" }, on: { input: function(a) {
     t.internalName = a;
-  } } }) : e("div", { staticClass: "header-text", domProps: { innerHTML: t._s(t.internalName) } })], 1), e("template", { slot: "postText" }, [e("TextEditor", { key: "postText" + t.canEdit, ref: "postTextEditor", staticClass: "no-drag header-text", staticStyle: { width: "100%" }, attrs: { value: t.canEdit ? t.mustacheToSpan(t.postText, t._document.textTemplateMap, t._document._doc) : t.interpolateString(t.postText, t._document._doc), editable: t.canEdit, mentions: t.mentions, snippets: !0, placeholder: t.$t("optional").capitalize(), static: "", unstyled: "" }, on: { input: function(a) {
+  } } }) : e("div", { staticClass: "header-text", domProps: { innerHTML: t._s(t.internalName) } })], 1), e("template", { slot: "postText" }, [e("TextEditor", { key: "postText" + t.canEdit, ref: "postTextEditor", staticClass: "no-drag header-text", staticStyle: { width: "100%" }, attrs: { value: t.canEdit ? t.mustacheToSpan(
+    t.postText,
+    t._document.textTemplateMap,
+    t._document._doc
+  ) : t.interpolateString(t.postText, t._document._doc), editable: t.canEdit, mentions: t.mentions, snippets: !0, placeholder: t.$t("optional").capitalize(), static: "", unstyled: "" }, on: { input: function(a) {
     t.postText = t.spanToMustache(a);
   } } })], 1)], 2)], 1);
 }, T = [], b = /* @__PURE__ */ s(
@@ -121,7 +134,7 @@ var g = function() {
   T,
   !1,
   null,
-  "37de59d2",
+  "adf92b79",
   null,
   null
 );
@@ -178,7 +191,7 @@ var w = function() {
   $,
   !1,
   null,
-  "f3da414b",
+  "342a22b3",
   null,
   null
 );

package/dist/{CoverBlockSettings-2242d653.js → CoverBlockSettings-c0a57bee.js}

@@ -1,10 +1,10 @@
-import { m as d } from "./mapFormMixin-4446a1bd.js";
-import { T as l } from "./ThemeColorRow-a33d04b5.js";
-import { a as p } from "./image-58c45661.js";
-import { n as s, K as u } from "./main-8d566a02.js";
+import { m as d } from "./mapFormMixin-e0c45bbd.js";
+import { T as l } from "./ThemeColorRow-87aad7e1.js";
+import { a as p } from "./image-456aa00c.js";
+import { n as s, K as u } from "./main-b5eb6366.js";
 import "./color-71c20583.js";
-import "./ColorPicker-b5a7f700.js";
-import "./ManualPopover-58c3f059.js";
+import "./ColorPicker-43c741fb.js";
+import "./ManualPopover-8a1e53a5.js";
 const m = (i, e, t, o) => Math.atan2(i - t, e - o) * (180 / Math.PI) * -1 + 180, v = {
   name: "DegreePicker",
   props: {
@@ -24,12 +24,21 @@ const m = (i, e, t, o) => Math.atan2(i - t, e - o) * (180 / Math.PI) * -1 + 180,
       const t = (o) => {
         e = this.mouseMoveHandler(o, e) || e;
       };
-      window.addEventListener("mousemove", t), window.addEventListener("mouseup", () => {
-        window.removeEventListener("mousemove", t);
-      }, { once: !0 });
+      window.addEventListener("mousemove", t), window.addEventListener(
+        "mouseup",
+        () => {
+          window.removeEventListener("mousemove", t);
+        },
+        { once: !0 }
+      );
     },
     mouseMoveHandler(i, { centerX: e, centerY: t }) {
-      const o = m(i.clientX, i.clientY, e, t);
+      const o = m(
+        i.clientX,
+        i.clientY,
+        e,
+        t
+      );
       this.$emit("input", parseInt(o, 10));
     },
     mouseDownHandler(i) {
@@ -47,7 +56,7 @@ var g = function() {
   _,
   !1,
   null,
-  "842d065e",
+  "0c48c700",
   null,
   null
 );
@@ -107,7 +116,9 @@ const h = {
       let t = e;
       if (i === "colors") {
         const { i: o, color: r, percent: a } = e || {};
-        t = this.internalValue.colors.map((n, c) => c === o ? { color: r, percent: a } : n);
+        t = this.internalValue.colors.map(
+          (n, c) => c === o ? { color: r, percent: a } : n
+        );
       }
       this.internalValue = { ...this.internalValue, [i]: t };
     }
@@ -128,14 +139,14 @@ var C = function() {
   b,
   !1,
   null,
-  "db914daf",
+  "3924f832",
   null,
   null
 );
 const x = w.exports;
 const $ = {
-  image: () => import("./ImageSelectModal-f54699a2.js"),
-  video: () => import("./VideoSelectModal-7b213a09.js")
+  image: () => import("./ImageSelectModal-051e0929.js"),
+  video: () => import("./VideoSelectModal-4f9def15.js")
 }, S = {
   name: "CoverBlockSettings",
   i18nOptions: {
@@ -163,21 +174,23 @@ const $ = {
     ThemeColorRow: l,
     GradientPicker: x
   },
-  mixins: [d(
-    [
-      "type",
-      "video",
-      "resourceUrl",
-      "filter",
-      "blur",
-      "position",
-      "overlay",
-      "overlayColor",
-      "gradient",
-      "backgroundColor"
-    ],
-    { useEmit: !1 }
-  )],
+  mixins: [
+    d(
+      [
+        "type",
+        "video",
+        "resourceUrl",
+        "filter",
+        "blur",
+        "position",
+        "overlay",
+        "overlayColor",
+        "gradient",
+        "backgroundColor"
+      ],
+      { useEmit: !1 }
+    )
+  ],
   data() {
     return {
       getUnsplashResized: p
@@ -227,7 +240,7 @@ const $ = {
 };
 var k = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "d-root" }, [t("div", { staticClass: "d-option", staticStyle: { "border-bottom": "none" } }, [t("div", { staticClass: "d-option-title" }, [e._v(e._s(e.$t("_common:background").capitalize()))]), t("div", { staticClass: "flex w-full", staticStyle: { "flex-wrap": "wrap", "padding-top": "0.25em" } }, e._l([
+  return t("div", { staticClass: "d-root" }, [t("div", { staticClass: "d-option", staticStyle: { "border-bottom": "none" } }, [t("div", { staticClass: "d-option-title" }, [e._v(" " + e._s(e.$t("_common:background").capitalize()) + " ")]), t("div", { staticClass: "flex w-full", staticStyle: { "flex-wrap": "wrap", "padding-top": "0.25em" } }, e._l([
     { label: e.$t("_common:image"), value: "image" },
     { label: e.$t("_common:color"), value: "color" },
     { label: e.$t("_common:gradient"), value: "gradient" },
@@ -238,7 +251,7 @@ var k = function() {
     } } }, [e._v(" " + e._s(o.capitalize()) + " ")]);
   }), 1)]), e.type === "image" ? [t("div", { staticClass: "d-option-button-image", style: { backgroundImage: `url(${e.resourceUrl})` }, on: { click: function(o) {
     return e.openResourceModal(e.type);
-  } } }), e.resourceUrl ? t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [e._v(e._s(e.$t("_common:filter").capitalize()))]), t("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "padding-top": "0.25em" } }, e._l([
+  } } }), e.resourceUrl ? t("div", { staticClass: "d-option" }, [t("div", { staticClass: "d-option-title" }, [e._v(" " + e._s(e.$t("_common:filter").capitalize()) + " ")]), t("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "padding-top": "0.25em" } }, e._l([
     "",
     "sepia(30%) brightness(110%) contrast(110%) grayscale(100%)",
     "brightness(110%) contrast(90%) saturate(150%)",
@@ -250,7 +263,9 @@ var k = function() {
       e.filter = o;
     } } }, [t("div", { staticClass: "bg-filter-preview", style: {
       filter: o,
-      backgroundImage: `url(${e.getUnsplashResized(e.resourceUrl, { w: 200 })})`
+      backgroundImage: `url(${e.getUnsplashResized(e.resourceUrl, {
+        w: 200
+      })})`
     } })]);
   }), 0)]) : e._e(), t("div", { staticClass: "d-option", staticStyle: { "padding-bottom": "0.5em" } }, [t("div", { staticClass: "d-option-title" }, [t("div", { staticStyle: { flex: "1 1 auto" } }, [e._v(" " + e._s(e.$t("_common:position").capitalize()) + " ")]), t("CSlider", { staticStyle: { width: "80px", margin: "0" }, attrs: { value: e.position || 0, type: "secondary", size: "small", rounded: "" }, on: { input: function(o) {
     e.position = o;
@@ -271,7 +286,7 @@ var k = function() {
   R,
   !1,
   null,
-  "b351ef11",
+  "3a135046",
   null,
   null
 );

package/dist/{DocAnswer-75f53dd5.js → DocAnswer-f0f7d55d.js}

@@ -1,9 +1,9 @@
-import r from "./AnswerModal-6f4004e1.js";
-import { r as e, n as s } from "./main-8d566a02.js";
+import r from "./AnswerModal-2b11381b.js";
+import { r as e, n as s } from "./main-b5eb6366.js";
 import "./anime.es-e284c852.js";
 import "./vuex.esm-4a0fff7c.js";
-import "./mapFormMixin-4446a1bd.js";
-import "./CField-c10f5951.js";
+import "./mapFormMixin-e0c45bbd.js";
+import "./CField-372bd9c7.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
 const t = {
   components: {

package/dist/{DocDetails-1bdecff4.js → DocDetails-0e25552f.js}

@@ -1,7 +1,7 @@
-import { n as c, ac as f, b as g, ad as h, ae as x, af as $, r as y } from "./main-8d566a02.js";
-import { C as w } from "./CPhoneFormat-636103a1.js";
-import { w as b, C, a as D } from "./CDropdownItem-e0cecd02.js";
-import { D as S } from "./DocumentVoided-584cbee7.js";
+import { n as c, ac as f, b as g, ad as h, ae as x, af as $, r as y } from "./main-b5eb6366.js";
+import { C as w } from "./CPhoneFormat-b273a499.js";
+import { w as b, C, a as D } from "./CDropdownItem-cc274799.js";
+import { D as S } from "./DocumentVoided-9294f5d4.js";
 const z = {
   name: "PublicDocumentEvents",
   props: {
@@ -14,54 +14,73 @@ const z = {
     events() {
       const s = [], { acceptedAt: e } = this.document;
       return this.document.events.filter(({ createdAt: t }) => e ? f(e, t) : !0).forEach((t) => {
-        const {
-          code: i,
-          createdAt: n,
-          children: r = []
-        } = t;
+        const { code: i, createdAt: n, children: r = [] } = t;
         let { data: l = {} } = t;
         l === null && (l = {});
-        const {
-          client: o = {},
-          clients: u = [],
-          status: p,
-          counter: _
-        } = l, m = {
+        const { client: o = {}, clients: u = [], status: p, counter: _ } = l, m = {
           sent: () => u.map((a) => {
-            const d = this.getClientName(a.id), v = this.filteredOxfordComma([a.email, a.cellphone]);
+            const d = this.getClientName(a.id), v = this.filteredOxfordComma([
+              a.email,
+              a.cellphone
+            ]);
             return {
               // eslint-disable-next-line prefer-template
-              text: this.document.$t("event.sent", { to: `${d ? d + ", " : ""}${v}` }),
+              text: this.document.$t("event.sent", {
+                to: `${d ? d + ", " : ""}${v}`
+              }),
               time: n
             };
           }),
           viewed: () => {
             const a = _ || r.length + 1;
-            return [{
-              text: `${this.document.$t(`event.${o.name ? "viewedName" : "viewed"}`, { name: o.name })} ${a ? this.document.$tc("times", { count: a }) : ""}.`,
-              time: n
-            }];
+            return [
+              {
+                text: `${this.document.$t(
+                  `event.${o.name ? "viewedName" : "viewed"}`,
+                  { name: o.name }
+                )} ${a ? this.document.$tc("times", { count: a }) : ""}.`,
+                time: n
+              }
+            ];
           },
-          accepted: () => [{
-            text: this.document.$t("event.accepted", { by: o.name || o.email || o.cellphone }),
-            time: n
-          }],
-          denied: () => [{
-            text: this.document.$t("event.denied", { by: o.name || o.email || o.cellphone }),
-            time: n
-          }],
-          statusChanged: () => [{
-            text: this.document.$t("event.statusChanged", { status: this.document.$t(`status.${p}`).toLowerCase() }),
-            time: n
-          }],
-          requestChange: () => [{
-            text: this.document.$t("event.requestChange", { status: this.document.$t(`status.${p}`).toLowerCase() }),
-            time: n
-          }],
-          expired: () => [{
-            text: this.document.$t("event.expired"),
-            time: n
-          }]
+          accepted: () => [
+            {
+              text: this.document.$t("event.accepted", {
+                by: o.name || o.email || o.cellphone
+              }),
+              time: n
+            }
+          ],
+          denied: () => [
+            {
+              text: this.document.$t("event.denied", {
+                by: o.name || o.email || o.cellphone
+              }),
+              time: n
+            }
+          ],
+          statusChanged: () => [
+            {
+              text: this.document.$t("event.statusChanged", {
+                status: this.document.$t(`status.${p}`).toLowerCase()
+              }),
+              time: n
+            }
+          ],
+          requestChange: () => [
+            {
+              text: this.document.$t("event.requestChange", {
+                status: this.document.$t(`status.${p}`).toLowerCase()
+              }),
+              time: n
+            }
+          ],
+          expired: () => [
+            {
+              text: this.document.$t("event.expired"),
+              time: n
+            }
+          ]
         };
         m[i] && s.push(...m[i]());
       }), s;
@@ -70,7 +89,9 @@ const z = {
   methods: {
     filteredOxfordComma(s = []) {
       const e = s.filter((i) => !!i), t = e.length;
-      return t ? t < 2 ? e[0] : `${e.slice(0, -1).join(", ")} ${this.document.$t("and")} ${e.slice(-1)}` : "";
+      return t ? t < 2 ? e[0] : `${e.slice(0, -1).join(", ")} ${this.document.$t("and")} ${e.slice(
+        -1
+      )}` : "";
     },
     getClientName(s) {
       const e = this.document.clients.find(({ id: t }) => t === s);
@@ -118,18 +139,22 @@ const A = {
 };
 var I = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px", "margin-bottom": "1em" } }, [t("div", { staticStyle: { padding: "0.5em 0.75em" } }, [e._l([e.recipient.name, e.recipient.companyName, e.recipient.orgNo], function(i, n) {
+  return t("div", { staticStyle: { border: "1px solid hsl(0, 0%, 84%)", "border-radius": "3px", "margin-bottom": "1em" } }, [t("div", { staticStyle: { padding: "0.5em 0.75em" } }, [e._l([
+    e.recipient.name,
+    e.recipient.companyName,
+    e.recipient.orgNo
+  ], function(i, n) {
     return t("span", { key: `${i}-${n}`, style: n === 0 ? { fontWeight: 500 } : { opacity: 0.65 } }, [e._v(" " + e._s(i && n > 0 ? "·" : "") + " " + e._s(i) + " ")]);
   }), t("div", { staticClass: "flex flex-col w-full", staticStyle: { "font-size": "14px", "align-items": "baseline" } }, [e.recipient.email ? t("a", { attrs: { href: `mailto:${e.recipient.email}`, target: "_blank" } }, [e._v(" " + e._s(e.recipient.email) + " ")]) : e._e(), e.recipient.cellphone ? t("CPhoneFormat", { attrs: { phone: e.recipient.cellphone, region: e.recipient.cellphoneRegion }, scopedSlots: e._u([{ key: "default", fn: function({ formattedValue: i }) {
     return t("a", { attrs: { href: `tel:${e.recipient.cellphone}` } }, [e._v(" " + e._s(i) + " ")]);
-  } }], null, !1, 2469850174) }) : e._e()], 1)], 2), t("div", { staticStyle: { "background-color": "hsl(0, 0%, 94%)", padding: "0.75em 0.75em", "font-weight": "500", "font-size": "13px", "line-height": "1", color: "hsl(0, 0%, 40%)", position: "relative" } }, [t("div", [e._v(e._s(e.$t(`_common:documentRole.${e.recipient.documentRole}.label`)))]), t("div", { staticStyle: { position: "absolute", right: "1em", top: "0px", transform: "translate(0, -50%)" } }, [t("v-popover", { attrs: { "popover-inner-class": "signee-popover", trigger: "hover", placement: "bottom-end" } }, [e.recipient.documentRole === "signee" ? t("div", { staticStyle: { padding: "5px 0.75em", background: "hsl(0, 0%, 60%)", "border-radius": "4px", "font-size": "13px", color: "hsl(0, 0%, 100%)", cursor: "default", display: "inline-flex", "align-items": "center" } }, [t("BaseIcon", { staticStyle: { "margin-right": "0.5ch" }, attrs: { size: 15, type: "info", "stroke-width": "2" } }), e.recipient.answer && e.recipient.answer.didAccept ? [e._v(" " + e._s(e.$t("_common:approved").capitalize()) + " ")] : e.recipient.answer ? [e._v(" " + e._s(e.$t("_common:denied").capitalize()) + " ")] : [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.waitingForAnswer")) + " ")]], 2) : e._e(), t("div", { staticStyle: { padding: "0" }, attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticStyle: { padding: "1em 1.5em" } }, [e.recipient.answer && e.recipient.answer.didAccept ? [e.recipient.answer.signatureDataURL ? t("div", { staticStyle: { "padding-bottom": "0.5em" } }, [t("div", { staticClass: "has-text-grey", staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("_common:signature").capitalize()) + " ")]), t("img", { staticStyle: { width: "80%" }, attrs: { src: e.recipient.answer.signatureDataURL } })]) : t("div", { staticStyle: { "font-size": "13px", "padding-top": "3px" } }, [e.get(e.recipient, "answerMethod.accept") === "bankId" ? [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(e.$t("views:publicDocument.pdfVerification.recipient.signedBankId")))]), t("div", [e._v(e._s(e.recipient.answer.response.name))]), t("div", [e._v(e._s(e.recipient.socialNo))])] : e.get(e.recipient, "answerMethod.accept") === "login" ? t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.recipient.verifiedLogin")) + " ")]) : e._e()], 2)] : e.recipient.answer ? t("div", [e._v(" " + e._s(e.$t("_common:denied").capitalize()) + " ")]) : t("div", [e._v(" " + e._s(e.$t("pendingAnswer")) + " ")])], 2), e.recipient.answer ? t("div", { staticStyle: { padding: "8px 1.5em", "border-top": "1px solid hsl(0deg 0% 88%)", "background-color": "hsl(0deg 0% 95%)", "font-size": "13px", color: "hsl(0, 0%, 35%)", "font-weight": "500" } }, [e.recipient.answer.didAnswerAt ? t("div", [t("div", [e._v(e._s(e.$t("_common:date").capitalize()) + ": " + e._s(e.$formatDate(e.recipient.answer.didAnswerAt, "P")))]), t("div", [e._v(e._s(e.$t("_common:time.time").capitalize()) + ": " + e._s(e.$formatDate(e.recipient.answer.didAnswerAt, "p")))])]) : e._e(), e.recipient.answer.ip ? t("div", [e._v(" IP: " + e._s(e.recipient.answer.ip) + " ")]) : e._e(), e.recipient.answer.browser ? t("div", [e._v(" Browser: " + e._s(e.getBrowserString(e.recipient.answer)) + " ")]) : e._e()]) : e._e()])])], 1)])]);
+  } }], null, !1, 2469850174) }) : e._e()], 1)], 2), t("div", { staticStyle: { "background-color": "hsl(0, 0%, 94%)", padding: "0.75em 0.75em", "font-weight": "500", "font-size": "13px", "line-height": "1", color: "hsl(0, 0%, 40%)", position: "relative" } }, [t("div", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.recipient.documentRole}.label`)) + " ")]), t("div", { staticStyle: { position: "absolute", right: "1em", top: "0px", transform: "translate(0, -50%)" } }, [t("v-popover", { attrs: { "popover-inner-class": "signee-popover", trigger: "hover", placement: "bottom-end" } }, [e.recipient.documentRole === "signee" ? t("div", { staticStyle: { padding: "5px 0.75em", background: "hsl(0, 0%, 60%)", "border-radius": "4px", "font-size": "13px", color: "hsl(0, 0%, 100%)", cursor: "default", display: "inline-flex", "align-items": "center" } }, [t("BaseIcon", { staticStyle: { "margin-right": "0.5ch" }, attrs: { size: 15, type: "info", "stroke-width": "2" } }), e.recipient.answer && e.recipient.answer.didAccept ? [e._v(" " + e._s(e.$t("_common:approved").capitalize()) + " ")] : e.recipient.answer ? [e._v(" " + e._s(e.$t("_common:denied").capitalize()) + " ")] : [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.waitingForAnswer")) + " ")]], 2) : e._e(), t("div", { staticStyle: { padding: "0" }, attrs: { slot: "popover" }, slot: "popover" }, [t("div", { staticStyle: { padding: "1em 1.5em" } }, [e.recipient.answer && e.recipient.answer.didAccept ? [e.recipient.answer.signatureDataURL ? t("div", { staticStyle: { "padding-bottom": "0.5em" } }, [t("div", { staticClass: "has-text-grey", staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("_common:signature").capitalize()) + " ")]), t("img", { staticStyle: { width: "80%" }, attrs: { src: e.recipient.answer.signatureDataURL } })]) : t("div", { staticStyle: { "font-size": "13px", "padding-top": "3px" } }, [e.get(e.recipient, "answerMethod.accept") === "bankId" ? [t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.recipient.signedBankId")) + " ")]), t("div", [e._v(e._s(e.recipient.answer.response.name))]), t("div", [e._v(e._s(e.recipient.socialNo))])] : e.get(e.recipient, "answerMethod.accept") === "login" ? t("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.$t("views:publicDocument.pdfVerification.recipient.verifiedLogin")) + " ")]) : e._e()], 2)] : e.recipient.answer ? t("div", [e._v(" " + e._s(e.$t("_common:denied").capitalize()) + " ")]) : t("div", [e._v(" " + e._s(e.$t("pendingAnswer")) + " ")])], 2), e.recipient.answer ? t("div", { staticStyle: { padding: "8px 1.5em", "border-top": "1px solid hsl(0deg 0% 88%)", "background-color": "hsl(0deg 0% 95%)", "font-size": "13px", color: "hsl(0, 0%, 35%)", "font-weight": "500" } }, [e.recipient.answer.didAnswerAt ? t("div", [t("div", [e._v(" " + e._s(e.$t("_common:date").capitalize()) + ": " + e._s(e.$formatDate(e.recipient.answer.didAnswerAt, "P")) + " ")]), t("div", [e._v(" " + e._s(e.$t("_common:time.time").capitalize()) + ": " + e._s(e.$formatDate(e.recipient.answer.didAnswerAt, "p")) + " ")])]) : e._e(), e.recipient.answer.ip ? t("div", [e._v(" IP: " + e._s(e.recipient.answer.ip) + " ")]) : e._e(), e.recipient.answer.browser ? t("div", [e._v(" Browser: " + e._s(e.getBrowserString(e.recipient.answer)) + " ")]) : e._e()]) : e._e()])])], 1)])]);
 }, L = [], j = /* @__PURE__ */ c(
   A,
   I,
   L,
   !1,
   null,
-  "7190c9bd",
+  "7bf07f05",
   null,
   null
 );
@@ -193,7 +218,7 @@ var O = function() {
   N,
   !1,
   null,
-  "2dc478c2",
+  "0d868038",
   null,
   null
 );