@cling-se/widget 0.13.1 → 0.13.2

package/dist/{ClientModal-c5ee3885.js → ClientModal-B8PkUqY2.js}

@@ -1,10 +1,8 @@
-import { A as u, W as v, I as y, n as p, l as C, c as b, b as d, g as c, X as _, w as $ } from "./main-b9ea9725.js";
-import { m as f, b as w, a as x } from "./vuex.esm-4a0fff7c.js";
-import { w as g } from "./CDropdownItem-7e71da85.js";
-import { C as k } from "./ClientAutocomplete-186cc118.js";
-import { v as r } from "./index-805c56e4.js";
-import "./SearchApi-2a59cdc7.js";
-import "./debounce-f8aeabc5.js";
+import { C as v } from "./ClientAutocomplete-hcl0bJxO.js";
+import { A as u, W as y, I as C, n as p, d as b, c as _, b as d, g as c, X as $, v as w } from "./main-DBw231uy.js";
+import { w as f } from "./CDropdownItem-CTJ55d4m.js";
+import { v as r } from "./index-C16hoSRM.js";
+import { m as g, b as x, a as k } from "./vuex.esm-DKGl8mcw.js";
 function h(a) {
   if (typeof a > "u")
     throw Error("Missing param inputParam");
@@ -151,8 +149,7 @@ const S = {
       }
     }
   }
-};
-const { mapFields: N } = u({
+}, { mapFields: N } = u({
   getterType: "forms/getField",
   mutationType: "forms/updateField"
 }), I = {
@@ -162,10 +159,10 @@ const { mapFields: N } = u({
     messages: S
   },
   components: {
-    ClientAutocomplete: k,
-    Animation: v
+    ClientAutocomplete: v,
+    Animation: y
   },
-  mixins: [g],
+  mixins: [f],
   props: {
     requireReference: {
       type: Boolean,
@@ -239,11 +236,6 @@ const { mapFields: N } = u({
       }
     };
   },
-  watch: {
-    type(a) {
-      y.setItem("defaultClientType", a);
-    }
-  },
   computed: {
     ...N({
       id: "endCustomer.id",
@@ -264,7 +256,7 @@ const { mapFields: N } = u({
       reverseVat: "endCustomer.reverseVat",
       doUpdateEndCustomer: "endCustomer.doUpdateEndCustomer"
     }),
-    ...f({
+    ...g({
       isPosting: "endCustomers/isPosting",
       companyRegion: "application/companyRegion",
       feature: "application/feature"
@@ -302,6 +294,11 @@ const { mapFields: N } = u({
       return this.type === "individual";
     }
   },
+  watch: {
+    type(a) {
+      C.setItem("defaultClientType", a);
+    }
+  },
   mounted() {
     this.$refs[this.inputFocusOnMount] ? this.$refs[this.inputFocusOnMount].$el.querySelector("input").focus() : this.$refs.name.$el.querySelector("input").focus();
   },
@@ -403,9 +400,7 @@ var F = function() {
   z,
   !1,
   null,
-  "1c981dcb",
-  null,
-  null
+  "59306239"
 );
 const R = M.exports, { mapFields: O } = u({
   getterType: "forms/getField",
@@ -444,7 +439,7 @@ const R = M.exports, { mapFields: O } = u({
   components: {
     FormClient: R
   },
-  mixins: [g],
+  mixins: [f],
   props: {
     documentClientIndex: {
       type: Number,
@@ -494,16 +489,16 @@ const R = M.exports, { mapFields: O } = u({
     ...O({
       endCustomer: "endCustomer"
     }),
-    ...w("forms", {
+    ...x("forms", {
       formData: (a) => a.document2
     }),
-    ...f({
+    ...g({
       can: "application/can",
       feature: "application/feature",
       defaultClientType: "endCustomers/defaultClientType"
     }),
     validateOrgNo() {
-      return !!(this.feature("bankId") || this.isPublicForm && C[b.brand].defaultRegion === "SE");
+      return !!(this.feature("bankId") || this.isPublicForm && b[_.brand].defaultRegion === "SE");
     },
     existsOnDocument() {
       return !!d(this.formData, `clients[${this.documentClientIndex}]`);
@@ -526,12 +521,12 @@ const R = M.exports, { mapFields: O } = u({
     );
   },
   methods: {
-    ...x({
+    ...k({
       saveClient: c.FORM_SUBMIT_ENDCUSTOMER,
       showMessage: c.SHOW_MESSAGE
     }),
     loadForm(a = {}) {
-      this.storedNewClient = Object.assign(this.storedNewClient, a), this.endCustomer = _({
+      this.storedNewClient = Object.assign(this.storedNewClient, a), this.endCustomer = $({
         type: this.defaultClientType(),
         ...a
       });
@@ -545,7 +540,7 @@ const R = M.exports, { mapFields: O } = u({
       }
       this.setFormValue({
         key: `clients[${this.documentClientIndex}]`,
-        value: $(
+        value: w(
           { ...this.endCustomer, ...a && { id: a } },
           { ...this.storedNewClient, signOrder: this.signOrder }
         )
@@ -614,11 +609,9 @@ var A = function() {
   D,
   !1,
   null,
-  null,
-  null,
   null
 );
-const U = B.exports;
+const L = B.exports;
 export {
-  U as default
+  L as default
 };

package/dist/{ColorPicker-65a47379.js → ColorPicker-6AIHrfJ5.js}

@@ -1,4 +1,4 @@
-import { Y as ht, n as bt } from "./main-b9ea9725.js";
+import { Y as ht, n as bt } from "./main-DBw231uy.js";
 var vt = { exports: {} };
 (function(gt, Ct) {
   (function(c, i) {
@@ -151,7 +151,7 @@ var vt = { exports: {} };
           }
         };
       };
-      var W = function() {
+      var W = /* @__PURE__ */ function() {
         var S = [];
         return function(j, L) {
           return S[j] = L, S.filter(Boolean).join(`
@@ -1251,9 +1251,9 @@ var vt = { exports: {} };
           var l = "(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)", p = "[\\s|\\(]+(" + l + ")[,|\\s]+(" + l + ")[,|\\s]+(" + l + ")\\s*\\)?", u = "[\\s|\\(]+(" + l + ")[,|\\s]+(" + l + ")[,|\\s]+(" + l + ")[,|\\s]+(" + l + ")\\s*\\)?";
           return { CSS_UNIT: new RegExp(l), rgb: new RegExp("rgb" + p), rgba: new RegExp("rgba" + u), hsl: new RegExp("hsl" + p), hsla: new RegExp("hsla" + u), hsv: new RegExp("hsv" + p), hsva: new RegExp("hsva" + u), hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ };
         }();
-        c !== void 0 && c.exports ? c.exports = a : (n = function() {
+        c !== void 0 && c.exports ? c.exports = a : (n = (function() {
           return a;
-        }.call(i, e, i, c)) !== void 0 && (c.exports = n);
+        }).call(i, e, i, c)) !== void 0 && (c.exports = n);
       })(Math);
     }, function(c, i, e) {
       var n = e(67);
@@ -2871,9 +2871,7 @@ var yt = /* @__PURE__ */ bt(
   wt,
   !1,
   null,
-  "c60bd4ad",
-  null,
-  null
+  "c60bd4ad"
 );
 const Ft = yt.exports;
 export {

package/dist/{CompanyModal-564e2b35.js → CompanyModal-H4hHfy7Y.js}

@@ -1,13 +1,14 @@
-import { A as r, g as i, n as l } from "./main-b9ea9725.js";
-import { w as c } from "./CDropdownItem-7e71da85.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-a2c0cc9d.js";
-import { v as m } from "./index-805c56e4.js";
-const { mapFields: f } = r({
+import { w as r } from "./CDropdownItem-CTJ55d4m.js";
+import { A as l, g as s, n as c } from "./main-DBw231uy.js";
+import { v as o } from "./index-C16hoSRM.js";
+import { m as p, b as n, a as d } from "./vuex.esm-DKGl8mcw.js";
+import { s as m, a as u } from "./publicSenderState-BysO0Mzz.js";
+const { mapFields: f } = l({
   getterType: "forms/getField",
   mutationType: "forms/updateField"
 }), y = {
   name: "CompanyModal",
+  mixins: [r],
   props: {
     inputFocusOnMount: {
       type: String,
@@ -18,7 +19,6 @@ const { mapFields: f } = r({
       default: !1
     }
   },
-  mixins: [c],
   data() {
     return {
       isLoading: !1
@@ -26,10 +26,10 @@ const { mapFields: f } = r({
   },
   validations: {
     name: {
-      required: m.required
+      required: o.required
     },
     email: {
-      email: m.email
+      email: o.email
     }
   },
   computed: {
@@ -49,11 +49,11 @@ const { mapFields: f } = r({
       lastName: "companyUser.lastname",
       cellphone: "companyUser.cellphone"
     }),
-    ...o("application", {
-      currentUserId: (s) => s.user.userId
+    ...n("application", {
+      currentUserId: (i) => i.user.userId
     }),
-    ...o("forms", {
-      documentCompanyUserId: ({ document2: s }) => s && s.companyUserId
+    ...n("forms", {
+      documentCompanyUserId: ({ document2: i }) => i && i.companyUserId
     }),
     isFullScreen() {
       return this.mq === "sm";
@@ -65,14 +65,14 @@ const { mapFields: f } = r({
       return this.currentUserId !== this.documentCompanyUserId && !this.isPublicForm;
     },
     messages() {
-      const s = (e) => this.$t(`views:account.settings.company.validations.${e}`);
+      const i = (e) => this.$t(`views:account.settings.company.validations.${e}`);
       return {
         name: {
-          required: s("name.required")
+          required: i("name.required")
         },
         email: {
-          required: s("email.required"),
-          email: s("email.email")
+          required: i("email.required"),
+          email: i("email.email")
         }
       };
     }
@@ -85,15 +85,15 @@ const { mapFields: f } = r({
   },
   methods: {
     ...d({
-      formEditCompany: i.FORM_EDIT_COMPANY,
-      formEditCompanyUser: i.FORM_EDIT_COMPANY_USER,
-      formSubmitCompany: i.FORM_SUBMIT_COMPANY,
-      formSubmitCompanyUser: i.FORM_SUBMIT_COMPANY_USER,
-      setForm: i.SET_FORM,
-      showMessage: i.SHOW_MESSAGE
+      formEditCompany: s.FORM_EDIT_COMPANY,
+      formEditCompanyUser: s.FORM_EDIT_COMPANY_USER,
+      formSubmitCompany: s.FORM_SUBMIT_COMPANY,
+      formSubmitCompanyUser: s.FORM_SUBMIT_COMPANY_USER,
+      setForm: s.SET_FORM,
+      showMessage: s.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({
+      this.isPublicForm ? (this.setForm({ key: "company", formData: m.company }), this.setForm({ key: "companyUser", formData: m.user })) : (this.formEditCompany({ props: ["name"] }), this.formEditCompanyUser({
         id: this.documentCompanyUserId,
         props: ["id", "firstname", "lastname", "cellphone", "email"]
       }));
@@ -127,17 +127,15 @@ var h = function() {
   }, expression: "email" } })], 1), a("CField", [a("CPhoneInput", { ref: "cellphone", attrs: { "default-region": e.companyRegion, disabled: e.notCurrentUser, label: e.$t("_common:cellphone").capitalize(), "label-position": "inside", size: "medium" }, model: { value: e.cellphone, callback: function(t) {
     e.cellphone = t;
   }, expression: "cellphone" } })], 1), a("CButton", { staticStyle: { "margin-top": "calc(3 * var(--rem))" }, attrs: { loading: e.isPosting, type: "secondary", wide: "", size: "medium" }, on: { click: e.save } }, [e._v(" " + e._s(e.$t("_common:save", { thing: e.$t("_common:company") })) + " ")])], 1)], 1)]);
-}, _ = [], g = /* @__PURE__ */ l(
+}, g = [], C = /* @__PURE__ */ c(
   y,
   h,
-  _,
+  g,
   !1,
   null,
-  "accc1bc1",
-  null,
-  null
+  "20ecbb22"
 );
-const S = g.exports;
+const S = C.exports;
 export {
   S as default
 };

package/dist/{ContentWrapper-ac56e749.js → ContentWrapper-CHZtfhFI.js}

@@ -1,19 +1,9 @@
-import { t as l } from "./tinycolor-071e269c.js";
-import { m as n } from "./mapFormMixin-de4a37c3.js";
-import { B as r } from "./BlockMedia-9fa610ce.js";
-import { n as s, a7 as i, x as c, z as u, y as p } from "./main-b9ea9725.js";
-import { T as m } from "./DocTextEditor-81f63135.js";
-import { i as d } from "./i18nMessages-6b279c15.js";
-import "./color-c1606adc.js";
-import "./tippy.esm-1b89bf69.js";
-import "./ColorPicker-65a47379.js";
-import "./DocumentLayout-4005baa4.js";
-import "./debounce-f8aeabc5.js";
-import "./CDropdownItem-7e71da85.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-ceb19661.js";
-import "./dom-962579a6.js";
-import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ManualPopover-d7c2a780.js";
+import { m as n } from "./mapFormMixin-BrtcYsT9.js";
+import { B as l } from "./BlockMedia-DnbdVEZz.js";
+import { t as r } from "./tinycolor-Be3bF6zy.js";
+import { T as i } from "./DocTextEditor-C-qeLSQa.js";
+import { n as s, Z as c, w as u, y as m, x as p } from "./main-DBw231uy.js";
+import { i as d } from "./i18nMessages-Chz_lxGG.js";
 const _ = {
   name: "StaticComboLayout",
   props: {
@@ -28,27 +18,24 @@ var f = function() {
   return ["horizontal"].includes(t.layout) ? e("div", { staticClass: "flex w-full flex-col", staticStyle: { flex: "1 1 auto", "min-height": "100%" } }, [t._t("logo"), e("div", { staticClass: "flex w-full flex-col justify-end", staticStyle: { flex: "1 1 auto" } }, [t._t("preText"), t._t("documentName"), t._t("postText")], 2)], 2) : e("div", { staticClass: "flex w-full flex-col justify-between", class: {
     "items-center": t.layout === "center"
   }, staticStyle: { flex: "1 1 auto", "min-height": "100%" } }, [t._t("logo"), e("div", { staticClass: "flex w-full flex-col justify-center", staticStyle: { flex: "1 1 auto" } }, [t._t("preText"), t._t("documentName")], 2), t._t("postText")], 2);
-}, y = [], x = /* @__PURE__ */ s(
+}, x = [], y = /* @__PURE__ */ s(
   _,
   f,
-  y,
+  x,
   !1,
   null,
-  "8e41c57b",
-  null,
-  null
+  "8e41c57b"
 );
-const h = x.exports;
-const v = {
+const h = y.exports, v = {
   name: "StaticLayout",
   i18nOptions: {
     namespaces: "staticLayout",
     messages: d
   },
   components: {
-    DocumentLogotype: () => import("./DocumentLogotype-0d7d5080.js"),
+    DocumentLogotype: () => import("./DocumentLogotype-Bbas4MsY.js"),
     StaticComboLayout: h,
-    TextEditor: m
+    TextEditor: i
   },
   mixins: [
     n([
@@ -83,7 +70,7 @@ const v = {
       set(o) {
         this.documentName = o, this.$emit("input", {
           key: "data.name",
-          value: i(o).trim().slice(0, 255)
+          value: c(o).trim().slice(0, 255)
         });
       }
     },
@@ -92,14 +79,14 @@ const v = {
     }
   },
   methods: {
-    mustacheToSpan: c,
-    spanToMustache: u,
+    mustacheToSpan: u,
+    spanToMustache: m,
     interpolateString: p
   }
 };
 var g = function() {
   var t = this, e = t._self._c;
-  return e("div", { staticClass: "dont-break-out flex w-full flex-col hyphens-auto break-words", class: [`is-layout-${t.layout}`], staticStyle: { "word-wrap": "break-word", "word-break": "break-word" } }, [e("StaticComboLayout", { attrs: { layout: t.layout } }, [e("DocumentLogotype", { attrs: { slot: "logo", "show-logo": t.showLogo, "company-logotype": t.companyLogotype, "has-hover": t.hasHover }, on: { "update:showLogo": function(a) {
+  return e("div", { staticClass: "dont-break-out hyphens-auto flex w-full flex-col break-words", class: [`is-layout-${t.layout}`], staticStyle: { "word-wrap": "break-word", "word-break": "break-word" } }, [e("StaticComboLayout", { attrs: { layout: t.layout } }, [e("DocumentLogotype", { attrs: { slot: "logo", "show-logo": t.showLogo, "company-logotype": t.companyLogotype, "has-hover": t.hasHover }, on: { "update:showLogo": function(a) {
     t.showLogo = a;
   }, "update:show-logo": function(a) {
     t.showLogo = a;
@@ -134,16 +121,13 @@ var g = function() {
   T,
   !1,
   null,
-  "93532b57",
-  null,
-  null
+  "5e1fe7d6"
 );
-const C = b.exports;
-const S = {
+const C = b.exports, w = {
   name: "ContentWrapper",
   components: {
     StaticCombo: C,
-    BlockMedia: r
+    BlockMedia: l
   },
   mixins: [n(["layout", "item", "baseStyle"])],
   props: {
@@ -171,11 +155,11 @@ const S = {
       return ((o = this.baseStyle) == null ? void 0 : o.textAlign) || "left";
     },
     fallbackTextColor() {
-      return this.backgroundColor && l.readability(this.backgroundColor, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
+      return this.backgroundColor && r.readability(this.backgroundColor, "#fff") < 1.8 ? "#111111" : "#FFFFFF";
     }
   }
 };
-var w = function() {
+var S = function() {
   var t = this, e = t._self._c;
   return e("div", { staticClass: "content-root", class: { "has-hover": t.hasHover }, style: { color: t.color, textAlign: t.textAlign } }, [t.layout !== "center" ? e("BlockMedia", { staticClass: "content-media", attrs: { media: t.item.media } }) : t._e(), e("div", { staticClass: "content-spacing" }, [e("StaticCombo", t._g({ attrs: { "has-hover": t.hasHover, _document: t._document, _value: {
     layout: t._value.layout,
@@ -186,16 +170,14 @@ var w = function() {
     logotype: `${t._value.item}.value.logotype`
   }, validator: t.validator } }, t.$listeners))], 1)], 1);
 }, $ = [], L = /* @__PURE__ */ s(
-  S,
   w,
+  S,
   $,
   !1,
   null,
-  "ef71a364",
-  null,
-  null
+  "3dfe0998"
 );
-const P = L.exports;
+const j = L.exports;
 export {
-  P as default
+  j as default
 };

package/dist/{CoverBlockSettings-8949a330.js → CoverBlockSettings-etwL5N5l.js}

@@ -1,10 +1,7 @@
-import { m as d } from "./mapFormMixin-de4a37c3.js";
-import { T as l } from "./ThemeColorRow-bbf4f527.js";
-import { n as s, M as p, E as u } from "./main-b9ea9725.js";
-import "./color-c1606adc.js";
-import "./ColorPicker-65a47379.js";
-import "./ManualPopover-d7c2a780.js";
-const v = (i, e, t, o) => Math.atan2(i - t, e - o) * (180 / Math.PI) * -1 + 180, m = {
+import { m as d } from "./mapFormMixin-BrtcYsT9.js";
+import { T as l } from "./ThemeColorRow-D7TCU3ap.js";
+import { n as s, M as p, E as u } from "./main-DBw231uy.js";
+const m = (i, e, t, o) => Math.atan2(i - t, e - o) * (180 / Math.PI) * -1 + 180, v = {
   name: "DegreePicker",
   props: {
     value: {
@@ -32,7 +29,7 @@ const v = (i, e, t, o) => Math.atan2(i - t, e - o) * (180 / Math.PI) * -1 + 180,
       );
     },
     mouseMoveHandler(i, { centerX: e, centerY: t }) {
-      const o = v(
+      const o = m(
         i.clientX,
         i.clientY,
         e,
@@ -46,21 +43,18 @@ const v = (i, e, t, o) => Math.atan2(i - t, e - o) * (180 / Math.PI) * -1 + 180,
     }
   }
 };
-var _ = function() {
+var g = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "gradient-degrees-options" }, [t("div", { staticStyle: { "pointer-events": "none", "user-select": "none", "padding-right": "0.5em", opacity: "0.75" } }, [t("div", [e._v(e._s(e.value) + "°")])]), t("div", { staticClass: "gradient-degrees", on: { mousedown: e.onButtonDown } }, [t("div", { staticClass: "gradient-degree-center", style: e.degreesStyle }, [t("div", { staticClass: "gradient-degree-pointer" })])])]);
-}, g = [], f = /* @__PURE__ */ s(
-  m,
-  _,
+}, _ = [], f = /* @__PURE__ */ s(
+  v,
   g,
+  _,
   !1,
   null,
-  "0c48c700",
-  null,
-  null
+  "0c48c700"
 );
-const y = f.exports;
-const h = {
+const y = f.exports, h = {
   name: "GradientPicker",
   i18nOptions: {
     namespaces: "gradientPicker",
@@ -138,14 +132,11 @@ var C = function() {
   b,
   !1,
   null,
-  "23aaa7b8",
-  null,
-  null
+  "e22a6b42"
 );
-const x = w.exports;
-const $ = {
-  image: () => import("./ImageSelectModal-b626ef57.js"),
-  video: () => import("./VideoSelectModal-9ec9ecfc.js")
+const $ = w.exports, x = {
+  image: () => import("./ImageSelectModal-D6ifkvIw.js"),
+  video: () => import("./VideoSelectModal-BIKeCzUZ.js")
 }, S = {
   name: "CoverBlockSettings",
   i18nOptions: {
@@ -171,7 +162,7 @@ const $ = {
   },
   components: {
     ThemeColorRow: l,
-    GradientPicker: x
+    GradientPicker: $
   },
   mixins: [
     d(
@@ -216,7 +207,7 @@ const $ = {
     },
     openResourceModal(i) {
       this.$modal.show(
-        $[i],
+        x[i],
         {},
         {},
         {
@@ -276,11 +267,9 @@ var k = function() {
   R,
   !1,
   null,
-  "4b7c4a8b",
-  null,
-  null
+  "30a9943d"
 );
-const U = D.exports;
+const B = D.exports;
 export {
-  U as default
+  B as default
 };

package/dist/{DocAnswer-2c0cb58f.js → DocAnswer-Udn1ItYd.js}

@@ -1,10 +1,5 @@
-import r from "./AnswerModal-7c83d608.js";
-import { n as o } from "./main-b9ea9725.js";
-import "./anime.es-e284c852.js";
-import "./vuex.esm-4a0fff7c.js";
-import "./mapFormMixin-de4a37c3.js";
-import "./CField-823448be.js";
-import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
+import r from "./AnswerModal-DnTU4eo8.js";
+import { n as o } from "./main-DBw231uy.js";
 const t = {
   components: {
     AnswerModal: r
@@ -27,17 +22,15 @@ const t = {
 var s = function() {
   var e = this, n = e._self._c;
   return n("AnswerModal", { attrs: { mode: e.answerType, _document: e.document }, on: { close: e.closeFunc } });
-}, c = [], l = /* @__PURE__ */ o(
+}, c = [], a = /* @__PURE__ */ o(
   t,
   s,
   c,
   !1,
   null,
-  null,
-  null,
   null
 );
-const v = l.exports;
+const m = a.exports;
 export {
-  v as default
+  m as default
 };