@cling-se/widget 0.9.26 → 0.9.29

package/dist/{BaseInput-d46c6aab.js → BaseInput-489bd05b.js}

@@ -1,4 +1,4 @@
-import { n as h, Q as m } from "./main-046afb6a.js";
+import { n as h, T as m } from "./main-8fe92642.js";
 function d(t, e, i) {
   this.$children.forEach((n) => {
     n.$options.componentName === t ? n.$emit(...[e].concat(i)) : d.apply(n, [t, e].concat([i]));

package/dist/{BaseUpload-61a6ae84.js → BaseUpload-dc4efbd3.js}

@@ -1,4 +1,4 @@
-import { X as we, j as De, n as $e, ac as ye, K as ve } from "./main-046afb6a.js";
+import { Z as we, j as De, n as $e, ac as ye, L as ve } from "./main-8fe92642.js";
 /*!
  * Compressor.js v1.1.1
  * https://fengyuanchen.github.io/compressorjs
@@ -398,10 +398,10 @@ var Ge = q.ArrayBuffer, Oe = q.FileReader, X = q.URL || q.webkitURL, Ke = /\.\w+
     value: function(a) {
       var l = this, d = a.naturalWidth, c = a.naturalHeight, m = a.rotate, y = m === void 0 ? 0 : m, g = a.scaleX, _ = g === void 0 ? 1 : g, U = a.scaleY, A = U === void 0 ? 1 : U, B = this.file, T = this.image, v = this.options, S = document.createElement("canvas"), w = S.getContext("2d"), H = Math.abs(y) % 180 === 90, G = (v.resize === "contain" || v.resize === "cover") && de(v.width) && de(v.height), F = Math.max(v.maxWidth, 0) || 1 / 0, I = Math.max(v.maxHeight, 0) || 1 / 0, z = Math.max(v.minWidth, 0) || 0, W = Math.max(v.minHeight, 0) || 0, L = d / c, D = v.width, $ = v.height;
       if (H) {
-        var Q = [I, F];
-        F = Q[0], I = Q[1];
-        var Z = [W, z];
-        z = Z[0], W = Z[1];
+        var Z = [I, F];
+        F = Z[0], I = Z[1];
+        var Q = [W, z];
+        z = Q[0], W = Q[1];
         var K = [$, D];
         D = K[0], $ = K[1];
       }
@@ -1625,12 +1625,12 @@ var Ge = q.ArrayBuffer, Oe = q.FileReader, X = q.URL || q.webkitURL, Ke = /\.\w+
         }
       }
     }, $ = typeof navigator < "u" && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-    function Q(f) {
+    function Z(f) {
       return function(t, r) {
         return ee(t, r);
       };
     }
-    var Z = document.head || document.getElementsByTagName("head")[0], K = {};
+    var Q = document.head || document.getElementsByTagName("head")[0], K = {};
     function ee(f, t) {
       var r = $ ? t.media || "default" : f, i = K[r] || (K[r] = {
         ids: /* @__PURE__ */ new Set(),
@@ -1641,7 +1641,7 @@ var Ge = q.ArrayBuffer, Oe = q.FileReader, X = q.URL || q.webkitURL, Ke = /\.\w+
         var u = t.source;
         if (t.map && (u += `
 /*# sourceURL=` + t.map.sources[0] + " */", u += `
-/*# sourceMappingURL=data:application/json;base64,` + btoa(unescape(encodeURIComponent(JSON.stringify(t.map)))) + " */"), i.element || (i.element = document.createElement("style"), i.element.type = "text/css", t.media && i.element.setAttribute("media", t.media), Z.appendChild(i.element)), "styleSheet" in i.element)
+/*# sourceMappingURL=data:application/json;base64,` + btoa(unescape(encodeURIComponent(JSON.stringify(t.map)))) + " */"), i.element || (i.element = document.createElement("style"), i.element.type = "text/css", t.media && i.element.setAttribute("media", t.media), Q.appendChild(i.element)), "styleSheet" in i.element)
           i.styles.push(u), i.element.styleSheet.cssText = i.styles.filter(Boolean).join(`
 `);
         else {
@@ -1650,7 +1650,7 @@ var Ge = q.ArrayBuffer, Oe = q.FileReader, X = q.URL || q.webkitURL, Ke = /\.\w+
         }
       }
     }
-    var te = Q, re = D, ie = function() {
+    var te = Z, re = D, ie = function() {
       var t = this, r = t.$createElement, i = t._self._c || r;
       return i("span", { class: t.className }, [t._t("default"), t._v(" "), i("label", { attrs: { for: t.inputId || t.name } }), t._v(" "), i("input-file")], 2);
     }, ne = [], ae = function(t) {
@@ -1667,7 +1667,7 @@ var Ge = q.ArrayBuffer, Oe = q.FileReader, X = q.URL || q.webkitURL, Ke = /\.\w+
 })(Ue);
 var Ye = Ue.exports;
 const Ve = /* @__PURE__ */ De(Ye);
-const Qe = {
+const Ze = {
   i18nOptions: {
     namespaces: "baseUpload",
     messages: {
@@ -1698,7 +1698,7 @@ const Qe = {
   name: "BaseUpload",
   components: {
     FileUpload: Ve,
-    UploadModal: () => import("./UploadModal-fc9b0c7b.js")
+    UploadModal: () => import("./UploadModal-471296cd.js")
   },
   props: {
     // Optional function to handle any errors
@@ -1951,7 +1951,7 @@ const Qe = {
     }
   }
 };
-var Ze = function() {
+var Qe = function() {
   var l, d, c;
   var n = this, a = n._self._c;
   return a("FileUpload", { ref: "upload", staticClass: "btn btn-primary white-list", attrs: { maximum: n.maximum, "custom-action": n.postAction, extensions: n.extensions, multiple: n.multiple, drop: n.drop || n.modalOpen, size: n.maxSize, thread: 1, accept: n.accept }, on: { input: function(m) {
@@ -1966,8 +1966,8 @@ var Ze = function() {
     n.$emit("upload-success", { response: m }), n.modalOpen = !1;
   } } })], 1)]), (c = n.$refs.upload) != null && c.dropActive ? a("div", { staticClass: "drop-active font-inter", staticStyle: { "pointer-events": "none" } }, [a("style", { tag: "component", attrs: { type: "text/css" } }, [n._v(" * { pointer-events: none !important; } .white-list { pointer-events: initial !important; } ")]), a("BaseIcon", { attrs: { type: "upload-cloud", size: "60" } }), n._v(" " + n._s(n.$t("dropActive")) + " ")], 1) : n._e()]) : n._e()], 2);
 }, et = [], tt = /* @__PURE__ */ $e(
-  Qe,
   Ze,
+  Qe,
   et,
   !1,
   null,

package/dist/{BlockMedia-c0765d5f.js → BlockMedia-d91bb4a5.js}

@@ -1,4 +1,4 @@
-import { n as s, b as i } from "./main-046afb6a.js";
+import { n as s, b as i } from "./main-8fe92642.js";
 import { g as d } from "./color-71c20583.js";
 const n = {
   name: "BlockMedia",

package/dist/{CCallout-e9eb8421.js → CCallout-3d3df80b.js}

@@ -1,5 +1,5 @@
-import { n as s, d as a } from "./main-046afb6a.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-473e3473.js";
+import { n as s, d as a } from "./main-8fe92642.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-61beea49.js";
 const i = {
   name: "CCallout",
   components: {

package/dist/{CDropdownItem-0c39e15e.js → CDropdownItem-80d6f1d6.js}

@@ -1,5 +1,5 @@
-import { V as f, j as m, n as p } from "./main-046afb6a.js";
-class v {
+import { V as f, j as m, n as p } from "./main-8fe92642.js";
+class b {
   constructor({ defaults: e = { width: 800, height: 600 }, delay: i = 50 } = {}) {
     this._width = e.width, this._height = e.height, this._delay = i, this._timer = null, this._initialized = !1, this._handler = this._handleResize.bind(this);
   }
@@ -30,7 +30,7 @@ class v {
     return this.initialized ? (window.removeEventListener("resize", this._handler, { passive: !0 }), this._initialized = !1, this) : this;
   }
 }
-const b = new v().init(), c = new f({ data: { windowSize: b } }), g = {
+const v = new b().init(), c = new f({ data: { windowSize: v } }), y = {
   computed: {
     windowWidth() {
       return c.windowSize.width;
@@ -63,7 +63,7 @@ const b = new v().init(), c = new f({ data: { windowSize: b } }), g = {
                                    *[tabindex]:not([tabindex="-1"]),
                                    *[contenteditable]`) : null;
 let u;
-const y = (t, { value: e = !0 }) => {
+const g = (t, { value: e = !0 }) => {
   if (e) {
     let i = r(t), o = r(t, !0);
     i && i.length > 0 && (u = (s) => {
@@ -75,7 +75,7 @@ const y = (t, { value: e = !0 }) => {
 }, w = (t) => {
   t.removeEventListener("keydown", u);
 }, _ = {
-  bind: y,
+  bind: g,
   unbind: w
 };
 var h = { exports: {} };
@@ -88,8 +88,8 @@ var h = { exports: {} };
   }
   t.exports = e.default;
 })(h, h.exports);
-var C = h.exports;
-const x = /* @__PURE__ */ m(C), z = x();
+var x = h.exports;
+const C = /* @__PURE__ */ m(x), T = C();
 function M(t, e) {
   return e.split(".").reduce((o, s) => o ? o[s] : null, t);
 }
@@ -111,7 +111,7 @@ const B = ["escape", "outside"], S = {
   directives: {
     trapFocus: _
   },
-  mixins: [g],
+  mixins: [y],
   props: {
     value: {
       type: [String, Number, Boolean, Object, Array, Function],
@@ -266,7 +266,9 @@ const B = ["escape", "outside"], S = {
     }
   },
   mounted() {
-    typeof window < "u" && (this.getRootElm().addEventListener("click", this.clickedOutside), document.addEventListener("keyup", this.keyPress)), this.appendToBody && (this.$data._bodyEl = k(this.$refs.dropdownMenu), this.updateAppendToBody());
+    typeof window < "u" && (this.getRootElm().addEventListener("click", this.clickedOutside), document.addEventListener("keyup", this.keyPress)), this.appendToBody && (this.$data._bodyEl = k(this.$refs.dropdownMenu), this.$data._bodyEl.style.zIndex = Number(
+      window.getComputedStyle(this.$el).getPropertyValue("--app-z-index")
+    ) + 9999, this.isMobileModal && this.$data._bodyEl.appendChild(this.$refs.mobileBackground), this.updateAppendToBody());
   },
   beforeDestroy() {
     typeof window < "u" && (this.getRootElm().removeEventListener("click", this.clickedOutside), document.removeEventListener("keyup", this.keyPress)), this.appendToBody && $(this.$data._bodyEl);
@@ -375,7 +377,7 @@ const B = ["escape", "outside"], S = {
 };
 var A = function() {
   var e = this, i = e._self._c;
-  return i("div", { ref: "dropdown", staticClass: "dropdown dropdown-menu-animation", class: e.rootClasses }, [e.inline ? e._e() : i("div", { ref: "trigger", staticClass: "dropdown-trigger", attrs: { role: "button", "aria-haspopup": "true" }, on: { click: e.toggle, mouseenter: e.checkHoverable } }, [e._t("trigger", null, { active: e.isActive })], 2), i("transition", { attrs: { name: "fade-in" } }, [e.isMobileModal ? i("div", { directives: [{ name: "show", rawName: "v-show", value: e.isActive, expression: "isActive" }], staticClass: "background", attrs: { "aria-hidden": !e.isActive } }) : e._e()]), i("transition", { attrs: { name: e.isMobileModal ? "slide-in-bottom" : e.animation } }, [i("div", { directives: [{ name: "trap-focus", rawName: "v-trap-focus", value: e.trapFocus, expression: "trapFocus" }, { name: "show", rawName: "v-show", value: !e.disabled && (e.isActive || e.isHoverable) || e.inline, expression: "(!disabled && (isActive || isHoverable)) || inline" }], ref: "dropdownMenu", staticClass: "dropdown-menu", style: {
+  return i("div", { ref: "dropdown", staticClass: "dropdown dropdown-menu-animation", class: e.rootClasses }, [e.inline ? e._e() : i("div", { ref: "trigger", staticClass: "dropdown-trigger", attrs: { role: "button", "aria-haspopup": "true" }, on: { click: e.toggle, mouseenter: e.checkHoverable } }, [e._t("trigger", null, { active: e.isActive })], 2), i("transition", { attrs: { name: "fade-in" } }, [e.isMobileModal ? i("div", { directives: [{ name: "show", rawName: "v-show", value: e.isActive, expression: "isActive" }], ref: "mobileBackground", staticClass: "fixed inset-0 bg-black/40 z-40", attrs: { "aria-hidden": !e.isActive } }) : e._e()]), i("transition", { attrs: { name: e.isMobileModal ? "slide-in-bottom" : e.animation } }, [i("div", { directives: [{ name: "trap-focus", rawName: "v-trap-focus", value: e.trapFocus, expression: "trapFocus" }, { name: "show", rawName: "v-show", value: !e.disabled && (e.isActive || e.isHoverable) || e.inline, expression: "(!disabled && (isActive || isHoverable)) || inline" }], ref: "dropdownMenu", staticClass: "dropdown-menu", style: {
     ...e.style,
     ...e.menuStyling
   }, attrs: { "aria-hidden": !e.isActive } }, [e.isActive ? [e._t("header"), i("div", { staticClass: "dropdown-content", class: `${e.uniquePopoverClass}`, style: e.contentStyle, attrs: { role: e.ariaRole } }, [e.isMobileModal && e.mobileLabel ? e._t("mobileLabel", function() {
@@ -510,24 +512,24 @@ const E = {
 var I = function() {
   var e = this, i = e._self._c;
   return e.separator ? i("hr", { staticClass: "dropdown-divider" }) : !e.custom && !e.hasLink ? i(e.to && !e.disabled ? "router-link" : "a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.tooltipItem, expression: "tooltipItem" }], tag: "component", staticClass: "dropdown-item truncate-text", class: [e.anchorClasses, `is-${e.type}`], attrs: { to: e.to, role: e.ariaRoleItem, tabindex: e.isFocusable ? 0 : null }, on: { click: e.selectItem } }, [e.iconLeft ? i("BaseIcon", e._b({ staticClass: "icon dropdown-item-icon", attrs: { type: e.iconLeft } }, "BaseIcon", { size: 18, ...e.iconProps }, !1)) : e._e(), e._t("default"), e.toggle ? i("CSwitch", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.tooltipItem, expression: "tooltipItem" }], staticStyle: { display: "inline-flex", "pointer-events": "none", position: "absolute", right: "0", top: "50%", transform: "translateY(-50%)", "margin-right": "0" }, attrs: { value: e.value, size: "tiny", type: "success" } }) : e._e(), e.iconRight ? i("BaseIcon", e._b({ staticClass: "icon dropdown-item-icon is-right", attrs: { type: e.iconRight || "chevron-up-down" } }, "BaseIcon", { size: 18, ...e.iconProps }, !1)) : e._e()], 2) : i("div", { staticClass: "truncate-text", class: [e.itemClasses, `is-${e.type}`], attrs: { role: e.ariaRoleItem, tabindex: e.isFocusable ? 0 : null }, on: { click: e.selectItem } }, [e.iconLeft ? i("BaseIcon", e._b({ staticClass: "icon dropdown-item-icon", attrs: { type: e.iconLeft } }, "BaseIcon", { size: 18, ...e.iconProps }, !1)) : e._e(), e._t("default"), e.iconRight ? i("BaseIcon", e._b({ staticClass: "icon dropdown-item-icon is-right", attrs: { type: e.iconRight } }, "BaseIcon", { size: 18, ...e.iconProps }, !1)) : e._e()], 2);
-}, R = [], T = /* @__PURE__ */ p(
+}, z = [], P = /* @__PURE__ */ p(
   E,
   I,
-  R,
+  z,
   !1,
   null,
   null,
   null,
   null
 );
-const j = T.exports;
+const N = P.exports;
 export {
   H as C,
-  j as a,
+  N as a,
   D as b,
   k as c,
   M as g,
-  z as i,
+  T as i,
   $ as r,
-  g as w
+  y as w
 };

package/dist/{CField-9a36ccbe.js → CField-617ee7e0.js}

@@ -1,4 +1,4 @@
-import { n } from "./main-046afb6a.js";
+import { n } from "./main-8fe92642.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
 const l = {
   name: "CFieldBody",

package/dist/{CPhoneFormat-14fb2bfe.js → CPhoneFormat-8e8c1862.js}

@@ -1,4 +1,4 @@
-import { s as e, t as n, n as o } from "./main-046afb6a.js";
+import { t as e, u as n, n as o } from "./main-8fe92642.js";
 const r = {
   name: "CPhoneFormat",
   props: {

package/dist/{CSlider.vue_vue_type_style_index_0_lang-473e3473.js → CSlider.vue_vue_type_style_index_0_lang-61beea49.js}

@@ -1,4 +1,4 @@
-import { n as s, ah as r } from "./main-046afb6a.js";
+import { n as s, aj as r } from "./main-8fe92642.js";
 const o = {
   name: "SmartList",
   props: {

package/dist/{ClientAutocomplete-ea948de7.js → ClientAutocomplete-2b46278b.js}

@@ -1,5 +1,5 @@
-import { S as o } from "./SearchApi-2070fc66.js";
-import { n as l, w as c } from "./main-046afb6a.js";
+import { S as o } from "./SearchApi-95506360.js";
+import { n as l, w as c } from "./main-8fe92642.js";
 const i = {
   i18nOptions: {
     namespaces: "components",

package/dist/{ClientModal-03f9a7ad.js → ClientModal-3d6a6254.js}

@@ -1,37 +1,37 @@
-import { A as p, T as h, I as v, n as u, U as y, c as C, b as d, g as c, W as b, w as _ } from "./main-046afb6a.js";
-import { m as f, b as $, a as w } from "./vuex.esm-4a0fff7c.js";
-import { w as x } from "./CDropdownItem-0c39e15e.js";
-import { C as k } from "./ClientAutocomplete-ea948de7.js";
-import { v as s } from "./index-805c56e4.js";
-import "./SearchApi-2070fc66.js";
-import "./debounce-7a30cd28.js";
-function g(n) {
-  if (typeof n > "u")
+import { A as u, W as v, I as y, n as p, X as C, c as b, b as d, g as c, Y as _, w as $ } from "./main-8fe92642.js";
+import { m as f, b as w, a as x } from "./vuex.esm-4a0fff7c.js";
+import { w as g } from "./CDropdownItem-80d6f1d6.js";
+import { C as k } from "./ClientAutocomplete-2b46278b.js";
+import { v as r } from "./index-805c56e4.js";
+import "./SearchApi-95506360.js";
+import "./debounce-249438e8.js";
+function h(a) {
+  if (typeof a > "u")
     throw Error("Missing param inputParam");
-  let e = n;
+  let e = a;
   Number.isInteger(e) && (e = e.toString());
   let t = 0;
-  const i = e.length, a = i % 2;
-  let o, r;
-  for (o = 0; o < i; o += 1)
-    r = parseInt(e.charAt(o), 10), o % 2 === a && (r *= 2), r > 9 && (r -= 9), t += r;
+  const i = e.length, n = i % 2;
+  let s, o;
+  for (s = 0; s < i; s += 1)
+    o = parseInt(e.charAt(s), 10), s % 2 === n && (o *= 2), o > 9 && (o -= 9), t += o;
   return t % 10 === 0;
 }
-function m(n) {
-  let e = n.replace(/ /g, "");
-  return e = e.replace(/-/g, ""), !g(e) || (e = [e.slice(0, 6), "-", e.slice(6)].join(""), !e.match(/^(\d{6})-(\d{4})$/)) ? !1 : e;
+function m(a) {
+  let e = a.replace(/ /g, "");
+  return e = e.replace(/-/g, ""), !h(e) || (e = [e.slice(0, 6), "-", e.slice(6)].join(""), !e.match(/^(\d{6})-(\d{4})$/)) ? !1 : e;
 }
-function l(n) {
-  if (typeof n > "u" || n === null || n === "")
+function l(a) {
+  if (typeof a > "u" || a === null || a === "")
     return !1;
-  let e = n.trim().replace(/[^0-9]+/g, "");
+  let e = a.trim().replace(/[^0-9]+/g, "");
   if (e.length !== 10 && e.length !== 12)
     return !1;
   if (e.length === 10) {
-    const a = e.substring(0, 2), o = (/* @__PURE__ */ new Date()).getFullYear(), r = parseInt(o.toString().substring(2, 2), 10);
-    parseInt(a, 10) === 19 || parseInt(a, 10) === 20 || (parseInt(a, 10) >= 0 && parseInt(a, 10) <= r ? e = `20${e}` : e = `19${e}`);
+    const n = e.substring(0, 2), s = (/* @__PURE__ */ new Date()).getFullYear(), o = parseInt(s.toString().substring(2, 2), 10);
+    parseInt(n, 10) === 19 || parseInt(n, 10) === 20 || (parseInt(n, 10) >= 0 && parseInt(n, 10) <= o ? e = `20${e}` : e = `19${e}`);
   }
-  return (/* @__PURE__ */ new Date()).getFullYear() - parseInt(e.substring(0, 4), 10) < 16 ? !1 : g(e.substring(2)) ? e : !1;
+  return (/* @__PURE__ */ new Date()).getFullYear() - parseInt(e.substring(0, 4), 10) < 16 ? !1 : h(e.substring(2)) ? e : !1;
 }
 const S = {
   sv: {
@@ -149,7 +149,7 @@ const S = {
     }
   }
 };
-const { mapFields: N } = p({
+const { mapFields: N } = u({
   getterType: "forms/getField",
   mutationType: "forms/updateField"
 }), I = {
@@ -160,9 +160,9 @@ const { mapFields: N } = p({
   },
   components: {
     ClientAutocomplete: k,
-    Animation: h
+    Animation: v
   },
-  mixins: [x],
+  mixins: [g],
   props: {
     requireReference: {
       type: Boolean,
@@ -213,32 +213,32 @@ const { mapFields: N } = p({
         }
       },
       reference: {
-        required: s.requiredIf((e) => e.requireReference && !e.isIndivid)
+        required: r.requiredIf((e) => e.requireReference && !e.isIndivid)
       },
       email: {
-        email: s.email
+        email: r.email
       }
     } : {
       name: {
-        required: s.required
+        required: r.required
       },
       orgNo: {
-        required: s.requiredIf((e) => e.type === "company")
+        required: r.requiredIf((e) => e.type === "company")
       },
       cellphone: {
-        required: s.requiredIf((e) => !e.isIndivid)
+        required: r.requiredIf((e) => !e.isIndivid)
       },
       reference: {
-        required: s.requiredIf((e) => !e.isIndivid)
+        required: r.requiredIf((e) => !e.isIndivid)
       },
       email: {
-        required: s.requiredIf((e) => !e.isIndivid)
+        required: r.requiredIf((e) => !e.isIndivid)
       }
     };
   },
   watch: {
-    type(n) {
-      v.setItem("defaultClientType", n);
+    type(a) {
+      y.setItem("defaultClientType", a);
     }
   },
   computed: {
@@ -290,9 +290,9 @@ const { mapFields: N } = p({
       get() {
         return this.realOrgNo;
       },
-      set(n) {
-        const e = this.isIndivid ? l(n) : m(n) || l(n);
-        return this.validateOrgNo && e ? (this.realOrgNo = e, !0) : (this.realOrgNo = n, !0);
+      set(a) {
+        const e = this.isIndivid ? l(a) : m(a) || l(a);
+        return this.validateOrgNo && e ? (this.realOrgNo = e, !0) : (this.realOrgNo = a, !0);
       }
     },
     isIndivid() {
@@ -333,7 +333,7 @@ var F = function() {
   }, "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) {
+    } }, on: { click: function(n) {
       return e.$emit("update:document-role", i);
     } } }, [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) {
@@ -379,7 +379,7 @@ var F = function() {
   }, "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) {
+    } }, on: { click: function(n) {
       return e.$emit("update:document-role", i);
     } } }, [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)], 1) : e._e(), e.answerMethod ? t("div", { staticClass: "dropdown-field-wrapper" }, [t("div", { staticClass: "my-1 text-sm text-gray-600" }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + " ")]), t("CDropdown", { staticStyle: { "margin-bottom": "calc(1 * var(--rem))" }, attrs: { expanded: "" } }, [t("CButton", { staticClass: "is-left", attrs: { slot: "trigger", "dropdown-icon": !0, type: "none", pattern: "secondary", wide: "" }, slot: "trigger" }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`signMethod.${e.answerMethod.accept}.title`)))]), t("div", { staticClass: "truncate", staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`signMethod.${e.answerMethod.accept}.content`)) + " ")])])]), e._l([
@@ -387,14 +387,14 @@ var F = function() {
     "signature",
     "inPerson"
   ], function(i) {
-    return t("CDropdownItem", { key: i, on: { click: function(a) {
+    return t("CDropdownItem", { key: i, on: { click: function(n) {
       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)]);
-}, z = [], M = /* @__PURE__ */ u(
+}, z = [], M = /* @__PURE__ */ p(
   I,
   F,
   z,
@@ -404,18 +404,44 @@ var F = function() {
   null,
   null
 );
-const R = M.exports, { mapFields: O } = p({
+const R = M.exports, { mapFields: O } = u({
   getterType: "forms/getField",
   mutationType: "forms/updateField"
 }), q = {
   name: "ClientModal",
   i18nOptions: {
-    namespaces: "components",
-    keyPrefix: "account.documentForm.clients"
+    namespaces: "clientModal",
+    messages: {
+      en: {
+        unsavedDialog: {
+          title: "Unsaved changes",
+          message: "Are you sure you want to cancel?",
+          cancel: "No",
+          submit: "Yes"
+        },
+        removeDialog: {
+          title: "Remove recipient",
+          message: "Would you like to remove recipient from the document?"
+        }
+      },
+      sv: {
+        unsavedDialog: {
+          title: "Osparade ändringar",
+          message: "Är du säker på att du vill avbryta?",
+          cancel: "Stanna kvar",
+          submit: "Ja, stäng"
+        },
+        removeDialog: {
+          title: "Ta bort mottagare",
+          message: "Vill du ta bort mottagaren från dokumentet?"
+        }
+      }
+    }
   },
   components: {
     FormClient: R
   },
+  mixins: [g],
   props: {
     documentClientIndex: {
       type: Number,
@@ -437,6 +463,10 @@ const R = M.exports, { mapFields: O } = p({
       type: Function,
       required: !0
     },
+    removeFormValue: {
+      type: Function,
+      required: !0
+    },
     // Optional prop if this modal is mounted from public form
     isPublicForm: {
       type: Boolean,
@@ -461,8 +491,8 @@ const R = M.exports, { mapFields: O } = p({
     ...O({
       endCustomer: "endCustomer"
     }),
-    ...$("forms", {
-      formData: (n) => n.document2
+    ...w("forms", {
+      formData: (a) => a.document2
     }),
     ...f({
       can: "application/can",
@@ -470,17 +500,20 @@ const R = M.exports, { mapFields: O } = p({
       defaultClientType: "endCustomers/defaultClientType"
     }),
     validateOrgNo() {
-      return !!(this.feature("bankId") || this.isPublicForm && y[C.brand].defaultRegion === "SE");
+      return !!(this.feature("bankId") || this.isPublicForm && C[b.brand].defaultRegion === "SE");
+    },
+    existsOnDocument() {
+      return !!d(this.formData, `clients[${this.documentClientIndex}]`);
     }
   },
   created() {
     this.forceExpand && (this.showMore = !0);
-    const n = d(
+    const a = d(
       this.formData,
       `clients[${this.documentClientIndex}]`,
       {}
     );
-    this.loadForm(n), ["endCustomer", "storedNewClient"].forEach(
+    this.loadForm(a), ["endCustomer", "storedNewClient"].forEach(
       (e) => this.$watch(e, {
         deep: !0,
         handler() {
@@ -490,31 +523,51 @@ const R = M.exports, { mapFields: O } = p({
     );
   },
   methods: {
-    ...w({
+    ...x({
       saveClient: c.FORM_SUBMIT_ENDCUSTOMER,
       showMessage: c.SHOW_MESSAGE
     }),
-    loadForm(n = {}) {
-      this.storedNewClient = Object.assign(this.storedNewClient, n), this.endCustomer = b({
+    loadForm(a = {}) {
+      this.storedNewClient = Object.assign(this.storedNewClient, a), this.endCustomer = _({
         type: this.defaultClientType(),
-        ...n
+        ...a
       });
     },
     async onSave() {
       this.isLoading = !0;
-      let n = d(this.endCustomer, "id");
+      let a = d(this.endCustomer, "id");
       if (!this.isPublicForm) {
         let e = !1;
-        this.endCustomer && (this.endCustomer.id ? this.can("endCustomers", "modify", this.endCustomer.id) && (e = !0) : this.can("endCustomers", "create") && (e = !0)), e && (n = await this.saveClient());
+        this.endCustomer && (this.endCustomer.id ? this.can("endCustomers", "modify", this.endCustomer.id) && (e = !0) : this.can("endCustomers", "create") && (e = !0)), e && (a = await this.saveClient());
       }
       this.setFormValue({
         key: `clients[${this.documentClientIndex}]`,
-        value: _(
-          { ...this.endCustomer, ...n && { id: n } },
+        value: $(
+          { ...this.endCustomer, ...a && { id: a } },
           { ...this.storedNewClient, signOrder: this.signOrder }
         )
       }), this.$emit("close"), this.isLoading = !1;
     },
+    removeClient() {
+      this.showMessage({
+        displayType: "dialog",
+        type: "danger",
+        title: this.$t("removeDialog.title"),
+        message: this.$t("removeDialog.message"),
+        actions: {
+          cancel: {
+            text: this.$t("_common:cancel"),
+            callback: "cancel"
+          },
+          submit: {
+            text: this.$t("_common:remove"),
+            callback: () => {
+              this.removeFormValue(`clients[${this.documentClientIndex}]`), this.$emit("close");
+            }
+          }
+        }
+      });
+    },
     close() {
       return !this.hasChanged || !this.showMore ? this.$emit("close") : this.showMessage({
         displayType: "dialog",
@@ -539,7 +592,7 @@ var A = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-primary bg-black bg-opacity-10 fixed inset-0 sm:py-4 z-[1000] grid place-items-center overflow-auto max-sm:w-full max-sm:min-h-full max-sm:block max-sm:overflow-auto", on: { "&click": function(i) {
     return i.target !== i.currentTarget ? null : e.close.apply(null, arguments);
-  } } }, [t("div", { staticClass: "relative flex flex-col items-center p-10 mx-auto text-lg bg-white rounded-xl max-sm:w-full max-sm:h-initial max-sm:min-h-full max-sm:rounded-none" }, [t("CButton", { staticClass: "absolute z-2 top-4 right-4", class: e.showMore ? "" : "sm:!hidden", attrs: { pattern: "tertiary", type: "none", circle: "", icon: "x" }, on: { click: e.close } }), t("FormClient", { staticClass: "max-w-full p-0", class: [e.showMore ? "w-[520px]" : "w-[360px]"], attrs: { "search-enabled": !0, "require-reference": !1, "simple-form": !e.showMore, "input-focus-on-mount": e.inputFocusOnMount, "document-role": e.storedNewClient.documentRole, "answer-method": e.storedNewClient.answerMethod, "validate-org-no": e.validateOrgNo, "is-public-form": e.isPublicForm }, on: { "update:documentRole": function(i) {
+  } } }, [t("div", { staticClass: "relative flex flex-col items-center p-10 max-sm:pt-16 mx-auto text-lg bg-white rounded-xl max-sm:w-full max-sm:h-initial max-sm:min-h-full max-sm:rounded-none" }, [t("CButton", { staticClass: "absolute z-2 top-4 right-4", class: e.showMore ? "" : "sm:!hidden", attrs: { pattern: "tertiary", type: "none", circle: "", icon: "x" }, on: { click: e.close } }), t("FormClient", { staticClass: "max-w-full p-0", class: [e.showMore ? "w-[520px]" : "w-[360px]"], attrs: { "search-enabled": !0, "require-reference": !1, "simple-form": !e.showMore, "input-focus-on-mount": e.inputFocusOnMount, "document-role": e.storedNewClient.documentRole, "answer-method": e.storedNewClient.answerMethod, "validate-org-no": e.validateOrgNo, "is-public-form": e.isPublicForm }, on: { "update:documentRole": function(i) {
     return e.$set(e.storedNewClient, "documentRole", i);
   }, "update:document-role": function(i) {
     return e.$set(e.storedNewClient, "documentRole", i);
@@ -551,18 +604,18 @@ var A = function() {
     return e.loadForm(i);
   }, submit: e.onSave, "show-more": function(i) {
     e.showMore = !0;
-  } } })], 1)]);
-}, B = [], P = /* @__PURE__ */ u(
+  } } }), e.existsOnDocument && e.mq === "sm" ? t("CButton", { staticClass: "mt-4 text-sm", attrs: { type: "danger", pattern: "secondary", wide: "" }, on: { click: e.removeClient } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")]) : e._e()], 1)]);
+}, D = [], B = /* @__PURE__ */ p(
   q,
   A,
-  B,
+  D,
   !1,
   null,
   null,
   null,
   null
 );
-const U = P.exports;
+const U = B.exports;
 export {
   U as default
 };

package/dist/{ColorPicker-9d6e8692.js → ColorPicker-b5a7c17d.js}

@@ -1,4 +1,4 @@
-import { X as ht, n as bt } from "./main-046afb6a.js";
+import { Z as ht, n as bt } from "./main-8fe92642.js";
 var vt = { exports: {} };
 (function(gt, Ct) {
   (function(c, i) {

package/dist/{CompanyModal-9a2797e4.js → CompanyModal-72197be9.js}

@@ -1,7 +1,7 @@
-import { A as r, g as i, n as l } from "./main-046afb6a.js";
-import { w as c } from "./CDropdownItem-0c39e15e.js";
+import { A as r, g as i, n as l } from "./main-8fe92642.js";
+import { w as c } from "./CDropdownItem-80d6f1d6.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-6a3c9ab7.js";
+import { s as n, a as u } from "./publicSenderState-8aa670bb.js";
 import { v as m } from "./index-805c56e4.js";
 const { mapFields: f } = r({
   getterType: "forms/getField",