@cling-se/widget 0.15.3 → 0.15.6

package/dist/{Index-jIIHHGh3.js → Index-SN7H4PM1.js}

@@ -1,16 +1,18 @@
-import { m as y } from "./mapFormMixin-e2PJ431T.js";
-import { E as S } from "./ErrorCallout-CNxSDsr_.js";
-import { aJ as L, aK as P, aL as E, aM as z, aN as B, aO as W, k as j, aP as F, n as u, g as p, w as k, aG as N, aQ as w, aR as H, r as C, ar as f, ai as q, aS as U, as as G, aT as K, aU as Y, aV as T, p as Z, b as o, Y as g, z as J, B as Q, aW as X, t as ee, aa as te } from "./main-BIwKzAN8.js";
+import { m as y } from "./mapFormMixin-BTZaIaQ8.js";
+import { C as W } from "./CCallout-jnIpJu5U.js";
+import { C as x, a as b, w as B } from "./CDropdownItem-CNUf29O4.js";
+import { E as V } from "./ErrorCallout-BiCmogrM.js";
+import { aL as F, aM as R, aN as j, aO as N, aP as H, aQ as q, l as U, aR as G, n as u, g as p, D as k, aE as K, aS as T, aT as Y, r as I, av as f, $ as Z, aU as J, aw as Q, aV as X, aW as ee, aX as A, p as te, b as o, v as ie, Z as g, H as se, K as ae, aY as ne, z as re, ae as oe } from "./main-CfSVOXu-.js";
 import { m as h, a as v } from "./vuex.esm-DKGl8mcw.js";
-import { T as ie } from "./DocTextEditor-BYsXFRLg.js";
-import { W as ae } from "./DocumentLayout-CiszuoQc.js";
-import { o as V } from "./omit-CpamclWf.js";
-import { d as se } from "./vuedraggable.umd-DDT8qZBI.js";
-import { C as x } from "./CPriceInput-jktMjvwx.js";
-import { S as ne } from "./SearchApi-Cwgf52EV.js";
-import { v as re } from "./index-CFx0cpeM.js";
-import { w as oe } from "./CDropdownItem-BSPNul90.js";
-const ce = [
+import { T as ce } from "./DocTextEditor-Ckfx6Hj5.js";
+import { W as le } from "./DocumentLayout-D42e3G51.js";
+import { o as D } from "./omit-DIEW6Th9.js";
+import { d as ue } from "./vuedraggable.umd-IXGjMCUG.js";
+import { C as w } from "./CPriceInput-CXGw4w0R.js";
+import { S as de } from "./SearchApi-BPJpYWWz.js";
+import { v as pe } from "./index-CySeSzas.js";
+import { C as O } from "./CFormField-qy_STCgm.js";
+const he = [
   "unit",
   "m2",
   "hour",
@@ -27,28 +29,28 @@ const ce = [
   "year",
   "kWh"
 ];
-function le() {
+function me() {
 }
-var ue = le, b = L, de = ue, pe = P, he = 1 / 0, me = b && 1 / pe(new b([, -0]))[1] == he ? function(a) {
-  return new b(a);
-} : de, fe = me, ve = E, ge = z, ye = B, _e = W, ke = fe, $e = P, xe = 200;
-function be(a, e, t) {
-  var i = -1, n = ge, s = a.length, r = !0, c = [], l = c;
+var fe = me, C = F, ve = fe, ge = R, ye = 1 / 0, _e = C && 1 / ge(new C([, -0]))[1] == ye ? function(s) {
+  return new C(s);
+} : ve, ke = _e, $e = j, xe = N, be = H, we = q, Ce = ke, Te = R, Ie = 200;
+function Ae(s, e, t) {
+  var i = -1, n = xe, a = s.length, r = !0, c = [], l = c;
   if (t)
-    r = !1, n = ye;
-  else if (s >= xe) {
-    var _ = e ? null : ke(a);
+    r = !1, n = be;
+  else if (a >= Ie) {
+    var _ = e ? null : Ce(s);
     if (_)
-      return $e(_);
-    r = !1, n = _e, l = new ve();
+      return Te(_);
+    r = !1, n = we, l = new $e();
   } else
     l = e ? [] : c;
   e:
-    for (; ++i < s; ) {
-      var d = a[i], m = e ? e(d) : d;
+    for (; ++i < a; ) {
+      var d = s[i], m = e ? e(d) : d;
       if (d = t || d !== 0 ? d : 0, r && m === m) {
-        for (var I = l.length; I--; )
-          if (l[I] === m)
+        for (var S = l.length; S--; )
+          if (l[S] === m)
             continue e;
         e && l.push(m), c.push(d);
       } else
@@ -56,12 +58,12 @@ function be(a, e, t) {
     }
   return c;
 }
-var we = be, Ce = F, Te = we;
-function Ie(a, e) {
-  return a && a.length ? Te(a, Ce(e)) : [];
+var Se = Ae, Pe = G, Ve = Se;
+function Re(s, e) {
+  return s && s.length ? Ve(s, Pe(e)) : [];
 }
-var Ae = Ie;
-const Se = /* @__PURE__ */ j(Ae), Pe = {
+var De = Re;
+const Oe = /* @__PURE__ */ U(De), Me = {
   name: "PackageGroupSelect",
   i18nOptions: {
     namespaces: "PackageGroupSelect",
@@ -128,41 +130,41 @@ const Se = /* @__PURE__ */ j(Ae), Pe = {
     };
   }
 };
-var Ve = function() {
+var Le = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter", staticStyle: { padding: "calc(2 * var(--rem)) 0 calc(1 * var(--rem)) 0", color: "#111" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, [e._v(" " + e._s(e.$t("title")) + " ")]), t("div", [t("div", { staticClass: "options", class: { "is-700-or-less": e.parentSize.width <= 700 } }, e._l(e.options, function(i, n) {
-    return t("div", { key: n, staticClass: "package-group-option", style: { backgroundColor: i.background }, on: { click: function(s) {
+    return t("div", { key: n, staticClass: "package-group-option", style: { backgroundColor: i.background }, on: { click: function(a) {
       return e.$emit("input", i.value);
-    } } }, [t("div", { staticClass: "package-group-option__illustration" }, [i.value === "single" ? t("div", { staticClass: "package-group-option__illustration-card animate" }, [e._m(0, !0)]) : e._e(), i.value === "radio" ? e._l(3, function(s) {
-      return t("div", { key: s, staticClass: "package-group-option__illustration-card", class: { animate: s === 2 } }, [t("div", { staticStyle: { width: "8px", height: "8px", "border-radius": "50%", "margin-right": "10px" }, style: s === 2 && {
+    } } }, [t("div", { staticClass: "package-group-option__illustration" }, [i.value === "single" ? t("div", { staticClass: "package-group-option__illustration-card animate" }, [e._m(0, !0)]) : e._e(), i.value === "radio" ? e._l(3, function(a) {
+      return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a === 2 } }, [t("div", { staticStyle: { width: "8px", height: "8px", "border-radius": "50%", "margin-right": "10px" }, style: a === 2 && {
         boxShadow: `0 0 0 1px white, 0 0 0 2px ${i.background}`,
         backgroundColor: i.background
       } }), e._m(1, !0)]);
-    }) : e._e(), i.value === "checkbox" ? e._l(3, function(s) {
-      return t("div", { key: s, staticClass: "package-group-option__illustration-card", class: { animate: s !== 3 } }, [t("div", { staticStyle: { height: "12px", width: "12px", "border-radius": "2px", "background-color": "hsl(0, 0%, 76%)", "margin-right": "10px", color: "white", padding: "1px", display: "inline-flex", "align-items": "center", "justify-content": "center" }, style: s !== 3 && { backgroundColor: i.background } }, [t("CIcon", { attrs: { type: s !== 3 ? "check" : "empty", "stroke-width": "5", size: "8" } })], 1), e._m(2, !0)]);
+    }) : e._e(), i.value === "checkbox" ? e._l(3, function(a) {
+      return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a !== 3 } }, [t("div", { staticStyle: { height: "12px", width: "12px", "border-radius": "2px", "background-color": "hsl(0, 0%, 76%)", "margin-right": "10px", color: "white", padding: "1px", display: "inline-flex", "align-items": "center", "justify-content": "center" }, style: a !== 3 && { backgroundColor: i.background } }, [t("CIcon", { attrs: { type: a !== 3 ? "check" : "empty", "stroke-width": "5", size: "8" } })], 1), e._m(2, !0)]);
     }) : e._e()], 2), t("div", [t("div", { staticClass: "package-group-option__title" }, [e._v(" " + e._s(i.title) + " ")]), t("div", { staticClass: "package-group-option__subtitle", domProps: { innerHTML: e._s(i.subTitle) } })])]);
   }), 0)])]);
-}, Re = [function() {
-  var a = this, e = a._self._c;
+}, Ee = [function() {
+  var s = this, e = s._self._c;
   return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
 }, function() {
-  var a = this, e = a._self._c;
+  var s = this, e = s._self._c;
   return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
 }, function() {
-  var a = this, e = a._self._c;
+  var s = this, e = s._self._c;
   return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
-}], De = /* @__PURE__ */ u(
-  Pe,
-  Ve,
-  Re,
+}], ze = /* @__PURE__ */ u(
+  Me,
+  Le,
+  Ee,
   !1,
   null,
-  "b67c5afd"
+  "38a3147b"
 );
-const Oe = De.exports, Me = {
+const We = ze.exports, Be = {
   name: "ArticleAutocomplete",
   components: {
-    SearchApi: ne
+    SearchApi: de
   },
   mixins: [y([])],
   props: {
@@ -193,23 +195,23 @@ const Oe = De.exports, Me = {
       ids: "articles/articleIdList"
     }),
     whiteList() {
-      const a = [];
+      const s = [];
       if (this.$refs.dropdown !== void 0) {
         const e = this.$refs.dropdown.querySelectorAll("*");
         for (const t of e)
-          a.push(t);
+          s.push(t);
       }
       if (this.$refs.input !== void 0) {
         const e = this.$refs.input.$el.querySelectorAll("*");
         for (const t of e)
-          a.push(t);
+          s.push(t);
       }
-      return a;
+      return s;
     }
   },
   watch: {
-    searchResults(a, e) {
-      a.length !== e.length && (this.selectedIndex = 0);
+    searchResults(s, e) {
+      s.length !== e.length && (this.selectedIndex = 0);
     }
   },
   created() {
@@ -225,12 +227,12 @@ const Oe = De.exports, Me = {
       loadArticles: p.LOAD_ARTICLES
     }),
     priceFormat: k,
-    search(a, e) {
-      this.$emit("input", e), !this.viewSettings.isPublicForm && a({
+    search(s, e) {
+      this.$emit("input", e), !this.viewSettings.isPublicForm && s({
         q: e,
         cb: ({ article: t = [], extensionArticle: i = [] }) => {
           this.searchResults = [
-            ...t.sort((n, s) => n.usedTimes > s.usedTimes ? -1 : 1),
+            ...t.sort((n, a) => n.usedTimes > a.usedTimes ? -1 : 1),
             ...i
           ], !this.isOpen && this.searchResults.length && this.showResults();
         }
@@ -240,11 +242,11 @@ const Oe = De.exports, Me = {
     focus() {
       this.$refs.input.focus();
     },
-    onFocus(a) {
-      this.isFocus = !0, this.$emit("focus", a);
+    onFocus(s) {
+      this.isFocus = !0, this.$emit("focus", s);
     },
-    onBlur(a) {
-      this.isFocus = !1, this.$emit("blur", a);
+    onBlur(s) {
+      this.isFocus = !1, this.$emit("blur", s);
     },
     showResults() {
       this.isOpen = !0;
@@ -252,15 +254,15 @@ const Oe = De.exports, Me = {
     hideResults() {
       this.isOpen = !1;
     },
-    onSelect(a) {
-      this.$emit("select", a), this.hideResults(), this.$refs.input && this.$refs.input.blur();
+    onSelect(s) {
+      this.$emit("select", s), this.hideResults(), this.$refs.input && this.$refs.input.blur();
     },
-    onClickOutside(a) {
-      this.whiteList.indexOf(a.target) < 0 && this.hideResults();
+    onClickOutside(s) {
+      this.whiteList.indexOf(s.target) < 0 && this.hideResults();
     },
-    onKeydown({ keyCode: a }) {
+    onKeydown({ keyCode: s }) {
       if (this.isOpen) {
-        switch (a) {
+        switch (s) {
           case 38:
             this.selectedIndex > 0 && this.selectedIndex--;
             break;
@@ -281,7 +283,7 @@ const Oe = De.exports, Me = {
     }
   }
 };
-var Le = function() {
+var Fe = function() {
   var e = this, t = e._self._c;
   return t("div", { class: { "is-open": e.isOpen }, staticStyle: { position: "relative" }, on: { "&keydown": function(i) {
     return e.onKeydown.apply(null, arguments);
@@ -306,52 +308,52 @@ var Le = function() {
       ...e.$props
     }, !1))];
   } }]) }), e.isOpen ? t("div", { ref: "dropdown", staticClass: "r-container" }, e._l(e.searchResults, function(i, n) {
-    return t("div", { key: n, staticClass: "r-item", class: { active: e.selectedIndex === n }, on: { "!click": function(s) {
-      return s.stopPropagation(), e.onSelect(i);
+    return t("div", { key: n, staticClass: "r-item", class: { active: e.selectedIndex === n }, on: { "!click": function(a) {
+      return a.stopPropagation(), e.onSelect(i);
     } } }, [t("div", { staticClass: "r-item-title truncate-text" }, [e._v(e._s(i.name))]), t("div", { staticClass: "r-item-details" }, [i.externalReference && i.externalReference.service ? t("div", { staticStyle: { width: "18px", height: "18px", "border-radius": "2px", "background-color": "hsl(0, 0%, 60%)", display: "inline-flex", "justify-content": "center", "align-items": "center" } }, [t("CIcon", { staticStyle: { color: "white" }, attrs: { type: i.externalReference.service, size: "14" } })], 1) : e._e(), i.article_no ? t("div", [e._v(e._s(i.article_no))]) : e._e(), i.price ? t("div", [e._v(" " + e._s(e.priceFormat(i.price, { currency: i.currency })) + " ")]) : e._e(), i.vat ? t("div", [e._v(" " + e._s(e.$t("vat.sharedTitle").capitalize()) + " " + e._s(i.vat) + "% ")]) : e._e()]), e.selectedIndex === n ? t("div", { staticClass: "r-item-icon" }, [t("CIcon", { attrs: { type: "corner-down-left", size: "16" } })], 1) : e._e()]);
   }), 0) : e._e()], 1);
-}, Ee = [], ze = /* @__PURE__ */ u(
-  Me,
-  Le,
-  Ee,
+}, je = [], Ne = /* @__PURE__ */ u(
+  Be,
+  Fe,
+  je,
   !1,
   null,
-  "aa485cb9"
+  "ac5122d0"
 );
-const R = ze.exports, A = {
+const M = Ne.exports, P = {
   isDeductable: !1,
   isRut: !1,
   greenRot15: !1,
   greenRot20: !1,
   greenRot50: !1
-}, $ = (a, e = "", t) => {
+}, $ = (s, e = "", t) => {
   let i = {
-    ...a,
+    ...s,
     updatedAt: (/* @__PURE__ */ new Date()).toISOString()
     // Trigger updatedAt as it us used to decide which houseWork to prioritize
   };
-  return typeof t < "u" && (i[t] = e), Object.keys(A).includes(t) && e && (i = {
+  return typeof t < "u" && (i[t] = e), Object.keys(P).includes(t) && e && (i = {
     ...i,
-    ...A,
+    ...P,
     [t]: !0
-  }), N(i.quantity) !== "number" && (i.quantity = 0), w(i);
-}, D = ({
-  stored: a,
+  }), K(i.quantity) !== "number" && (i.quantity = 0), T(i);
+}, L = ({
+  stored: s,
   current: e,
   hidePrice: t = !1,
   activeHouseWorkType: i
 }) => {
-  let n = H({
-    ...a,
+  let n = Y({
+    ...s,
     quantity: 1,
     showPrice: !t,
     id: null,
-    ArticleId: a.id,
+    ArticleId: s.id,
     packageId: e.packageId
   });
   if (i) {
-    const s = (l = []) => l.reduce((_, d) => ({ ..._, [d]: !1 }), {}), c = Object.values(
-      V({
+    const a = (l = []) => l.reduce((_, d) => ({ ..._, [d]: !1 }), {}), c = Object.values(
+      D({
         rot: "isDeductable",
         rut: "isRut",
         greenRot15: "greenRot15",
@@ -359,22 +361,22 @@ const R = ze.exports, A = {
         greenRot50: "greenRot50"
       }, [i])
     );
-    c.some((l) => !!n[l]) && (n = { ...n, ...s(c) });
+    c.some((l) => !!n[l]) && (n = { ...n, ...a(c) });
   }
   return n;
-}, Be = (a, e = null) => {
-  const t = C(a.currency, e);
-  switch (a.priceType) {
+}, He = (s, e = null) => {
+  const t = I(s.currency, e);
+  switch (s.priceType) {
     case "approx":
-      return `${q.t("_common:approx")} ${t}`;
+      return `${Z.t("_common:approx")} ${t}`;
     case "openAcc":
-      return `${t}/${f(a.unitType)}`;
+      return `${t}/${f(s.unitType)}`;
     case "markup":
       return "%";
     default:
       return t;
   }
-}, O = {
+}, E = {
   en: {
     namePlaceholder: "Service or product name",
     openModalTooltip: "Edit amount and unit",
@@ -419,23 +421,23 @@ const R = ze.exports, A = {
       }
     }
   }
-}, M = {
+}, z = {
   article: {
     name: {
-      maxLength: re.maxLength(255)
+      maxLength: pe.maxLength(255)
     }
   }
-}, We = {
+}, qe = {
   // eslint-disable-next-line vue/no-reserved-component-names
   name: "Article",
   i18nOptions: {
     namespaces: "Article",
-    messages: O
+    messages: E
   },
   components: {
-    ErrorCallout: S,
-    ArticleAutocomplete: R,
-    CPriceInput: x
+    ErrorCallout: V,
+    ArticleAutocomplete: M,
+    CPriceInput: w
   },
   props: {
     // Article object
@@ -478,11 +480,11 @@ const R = ze.exports, A = {
       default: null
     }
   },
-  validations: M,
+  validations: z,
   data() {
     return {
       updateData: $,
-      addSavedArticle: D,
+      addSavedArticle: L,
       articleUnitLabel: f,
       widthCompact: 580,
       visualDisable: !1
@@ -493,27 +495,27 @@ const R = ze.exports, A = {
       get() {
         return this.value || {};
       },
-      set(a) {
-        this.$emit("input", a);
+      set(s) {
+        this.$emit("input", s);
       }
     },
     details() {
-      const a = [], {
+      const s = [], {
         priceType: e,
         quantity: t,
         unitType: i,
         price: n,
-        vat: s,
+        vat: a,
         discount: r,
         discountType: c
       } = this.article;
-      if (e !== "fixed" && a.push({ title: this.$t(`priceTypeShort.${e}`) }), U(this.article)) {
-        const l = G(this.article);
-        a.push({
+      if (e !== "fixed" && s.push({ title: this.$t(`priceTypeShort.${e}`) }), J(this.article)) {
+        const l = Q(this.article);
+        s.push({
           title: this.$t(`_common:deduction.${l}_percentage`)
         });
       }
-      return t && ["fixed", "approx"].includes(e) && (i !== "unit" || t > 1) && a.push({
+      return t && ["fixed", "approx"].includes(e) && (i !== "unit" || t > 1) && s.push({
         title: f(this.article.unitType, {
           count: t,
           includeCount: !0
@@ -522,24 +524,24 @@ const R = ze.exports, A = {
           icon: '<svg style="margin: 0 4px;" width="6" height="6" viewBox="0 0 148 141" xmlns="http://www.w3.org/2000/svg"><path d="M73.742787 92.65535l-34.444359 47.40859-18.607391-13.51906 34.060775-46.88064L0 61.8743 7.107391 40 62 57.83569V0h23v57.99346L140.378182 40l7.107391 21.8743-54.751812 17.78994 34.060775 46.88064-18.607391 13.51906-34.444358-47.40859z" fill="currentColor" fill-rule="evenodd"/></svg>',
           subTitle: k(n, {
             showZero: !0,
-            withVat: this.isIncVat ? s : !1,
+            withVat: this.isIncVat ? a : !1,
             currency: this.article.currency,
             decimals: 2,
             hideZeroDecimals: !0
           })
         }
-      }), r && a.push({
+      }), r && s.push({
         title: "-" + (c === "fixed" ? k(r, {
-          withVat: this.isIncVat ? s : !1,
+          withVat: this.isIncVat ? a : !1,
           currency: this.article.currency
         }) : `${r / 100} %`),
         detailClass: "discount"
-      }), a;
+      }), s;
     }
   },
   methods: {
-    updateArticle(a, e) {
-      this.article = $(this.article, a, e);
+    updateArticle(s, e) {
+      this.article = $(this.article, s, e);
     },
     onTotalPriceInputFocus() {
       (this.article.discount || this.article.quantity !== 1) && this.$emit("open-modal", { focusEl: "priceInput" });
@@ -547,12 +549,12 @@ const R = ze.exports, A = {
     focusName() {
       this.$refs.name.focus();
     },
-    errorMessage(a) {
-      return a.$error && a.article.name.$error && !a.article.name.maxLength ? this.$t("validations.name.maxLength") : null;
+    errorMessage(s) {
+      return s.$error && s.article.name.$error && !s.article.name.maxLength ? this.$t("validations.name.maxLength") : null;
     }
   }
 };
-var je = function() {
+var Ue = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "article-wrapper", class: {
     "has-details": e.details.length,
@@ -596,18 +598,18 @@ var je = function() {
     e.enableRemove && e.$emit("remove");
   } } }), t("CIcon", { staticClass: "a-control-button fade-in move-button article-draggable-handle", class: { "c-hidden": !e.enableRemove }, attrs: { circle: "", type: "handle", size: "18" } })]], 2), e.details.length ? t("div", { staticClass: "article-details-wrapper", staticStyle: { cursor: "pointer" }, on: { click: function(i) {
     return e.$emit("open-modal");
-  } } }, e._l(e.details, function({ title: i, icon: n, subTitle: s = "", detailClass: r = "" }, c) {
-    return t("div", { key: c, staticClass: "article-details-item", class: [r] }, [e._v(" " + e._s(i) + " "), n ? t("div", { domProps: { innerHTML: e._s(n) } }) : e._e(), e._v(" " + e._s(s) + " ")]);
+  } } }, e._l(e.details, function({ title: i, icon: n, subTitle: a = "", detailClass: r = "" }, c) {
+    return t("div", { key: c, staticClass: "article-details-item", class: [r] }, [e._v(" " + e._s(i) + " "), n ? t("div", { domProps: { innerHTML: e._s(n) } }) : e._e(), e._v(" " + e._s(a) + " ")]);
   }), 0) : e._e(), e.$v.$invalid && e.$v.$dirty ? t("ErrorCallout", { attrs: { message: e.errorMessage(e.$v) } }) : e._e()], 1);
-}, Fe = [], Ne = /* @__PURE__ */ u(
-  We,
-  je,
-  Fe,
+}, Ge = [], Ke = /* @__PURE__ */ u(
+  qe,
+  Ue,
+  Ge,
   !1,
   null,
-  "417bbfef"
+  "1da5cd26"
 );
-const He = Ne.exports, qe = {
+const Ye = Ke.exports, Ze = {
   props: {
     canForward: {
       type: Boolean,
@@ -625,8 +627,8 @@ const He = Ne.exports, qe = {
     this.removeKeyHandler();
   },
   methods: {
-    getNavTooltip(a) {
-      return a === -1 ? {
+    getNavTooltip(s) {
+      return s === -1 ? {
         content: `
             <div style='margin-bottom: 0.6em;'>
               ${this.$t("show", { thing: this.$t("previous") })}
@@ -638,7 +640,7 @@ const He = Ne.exports, qe = {
             </div>
           `,
         html: !0
-      } : a === 1 ? {
+      } : s === 1 ? {
         content: `
             <div style='margin-bottom: 0.6em;'>
               ${this.$t("show", { thing: this.$t("next") })}
@@ -650,18 +652,18 @@ const He = Ne.exports, qe = {
             </div>
           `,
         html: !0
-      } : a === "close" ? {
+      } : s === "close" ? {
         content: '<div style="margin-bottom: 0.6em;">Stäng</div><div style="text-align: center; opacity: 0.85;"><svg width="30" height="20"  xmlns="http://www.w3.org/2000/svg" viewBox="17 0 105.5 72" style="enable-background:new 17 0 105.5 72"><path d="M103.3 70.3H36.2c-9.6 0-17.5-7.9-17.5-17.5V19.2c0-9.6 7.9-17.5 17.5-17.5h67.1c9.6 0 17.5 7.9 17.5 17.5v33.6c0 9.6-7.9 17.5-17.5 17.5z" style="fill:none;stroke:currentColor;stroke-width:3;stroke-miterlimit:10"/><path style="fill:none" d="M17 17.8h105.5V49H17z"/><path fill="currentColor" d="M46.6 38.2c.1 5 3.3 7.1 7 7.1 2.6 0 4.2-.5 5.6-1l.6 2.6c-1.3.6-3.5 1.3-6.8 1.3-6.3 0-10-4.1-10-10.2s3.6-11 9.5-11c6.6 0 8.4 5.8 8.4 9.6 0 .8-.1 1.3-.1 1.7l-14.2-.1zm10.9-2.7c0-2.4-1-6-5.1-6-3.7 0-5.4 3.4-5.7 6h10.8zM65.1 43.9c1.1.7 3 1.5 4.9 1.5 2.7 0 3.9-1.3 3.9-3 0-1.8-1-2.7-3.8-3.7-3.7-1.3-5.4-3.3-5.4-5.8 0-3.3 2.6-6 7-6 2.1 0 3.9.6 5 1.3l-.9 2.7c-.8-.5-2.3-1.2-4.2-1.2-2.2 0-3.4 1.3-3.4 2.8 0 1.7 1.2 2.4 3.9 3.4 3.5 1.3 5.3 3.1 5.3 6.1 0 3.6-2.8 6.1-7.6 6.1-2.2 0-4.3-.5-5.7-1.4l1-2.8zM96.7 46.9c-1 .5-3.1 1.2-5.8 1.2-6.1 0-10.1-4.2-10.1-10.4 0-6.3 4.3-10.8 10.9-10.8 2.2 0 4.1.5 5.1 1l-.8 2.9c-.9-.5-2.3-1-4.3-1-4.7 0-7.2 3.4-7.2 7.7 0 4.7 3 7.6 7.1 7.6 2.1 0 3.5-.5 4.5-1l.6 2.8z"/></svg></div>',
         html: !0
       } : null;
     },
-    onKeyUp(a) {
+    onKeyUp(s) {
       const e = document.activeElement;
-      !(e.hasAttribute("contenteditable") || ["input", "textarea"].includes(e.tagName.toLowerCase())) && (parseInt(a.keyCode, 10) === 37 && this.$emit("go", -1), parseInt(a.keyCode, 10) === 39 && this.$emit("go", 1));
-      const i = a.key || a.keyCode;
+      !(e.hasAttribute("contenteditable") || ["input", "textarea"].includes(e.tagName.toLowerCase())) && (parseInt(s.keyCode, 10) === 37 && this.$emit("go", -1), parseInt(s.keyCode, 10) === 39 && this.$emit("go", 1));
+      const i = s.key || s.keyCode;
       if (i === "Escape" || i === "Esc" || i === 27) {
         const n = this.$modal.getOpenInstances();
-        if (a.defaultPrevented || n.length)
+        if (s.defaultPrevented || n.length)
           return;
         this.$emit("close");
       }
@@ -678,22 +680,22 @@ const He = Ne.exports, qe = {
     });
   }
 };
-var Ue = function() {
+var Je = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "l-root" }, [t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.getNavTooltip(-1), expression: "getNavTooltip(-1)" }], staticClass: "l-button", class: { disabled: !e.canBackward }, staticStyle: { left: "calc(-4 * var(--rem))" }, on: { click: function(i) {
     return e.$emit("go", -1);
   } } }, [t("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "35", height: "35", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M15 18l-6-6 6-6" } })])]), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.getNavTooltip(1), expression: "getNavTooltip(1)" }], staticClass: "l-button", class: { disabled: !e.canForward }, staticStyle: { right: "calc(-4 * var(--rem))" }, on: { click: function(i) {
     return e.$emit("go", 1);
   } } }, [t("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "35", height: "35", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M9 18l6-6-6-6" } })])])]);
-}, Ge = [], Ke = /* @__PURE__ */ u(
-  qe,
-  Ue,
-  Ge,
+}, Qe = [], Xe = /* @__PURE__ */ u(
+  Ze,
+  Je,
+  Qe,
   !1,
   null,
-  "226f5608"
+  "5985de8a"
 );
-const Ye = Ke.exports, Ze = {
+const et = Xe.exports, tt = {
   name: "ArticleUnitEditModal",
   i18nOptions: {
     namespaces: "ArticleUnitEditModal",
@@ -721,8 +723,9 @@ const Ye = Ke.exports, Ze = {
     }
   },
   components: {
-    DragList: K,
-    DragItem: Y
+    DragList: X,
+    DragItem: ee,
+    CField: O
   },
   data() {
     return {
@@ -742,8 +745,8 @@ const Ye = Ke.exports, Ze = {
       unitById: "unitTypes/byId"
     }),
     unitItems() {
-      return (this.idList || []).map((a) => {
-        const e = this.unitById(a), t = f(e.value);
+      return (this.idList || []).map((s) => {
+        const e = this.unitById(s), t = f(e.value);
         return {
           ...e,
           label: t,
@@ -757,8 +760,8 @@ const Ye = Ke.exports, Ze = {
   watch: {
     stateUnitIds: {
       immediate: !0,
-      handler(a) {
-        this.idList = a || [];
+      handler(s) {
+        this.idList = s || [];
       }
     }
   },
@@ -769,22 +772,22 @@ const Ye = Ke.exports, Ze = {
       updateUnit: p.UPDATE_UNIT_TYPE,
       deleteUnit: p.DELETE_UNIT_TYPE
     }),
-    onEdit(a) {
-      this.selectedValue = { ...a }, this.$refs.unitInput && this.$refs.unitInput.focus();
+    onEdit(s) {
+      this.selectedValue = { ...s }, this.$refs.unitInput && this.$refs.unitInput.focus();
     },
     async submit() {
-      const { id: a, value: e } = this.selectedValue || {};
+      const { id: s, value: e } = this.selectedValue || {};
       if (!e)
         throw new Error("New unitTypes need truthy value!");
       const t = `$${e}`;
-      a ? await this.updateUnit({ id: a, body: { value: t } }) : await this.createUnit({ body: { value: t } }), this.reset(), this.$parent.$emit("select", t), this.close();
+      s ? await this.updateUnit({ id: s, body: { value: t } }) : await this.createUnit({ body: { value: t } }), this.reset(), this.$parent.$emit("select", t), this.close();
     },
-    async remove(a, e) {
+    async remove(s, e) {
       if (this.removeConfirmIndex !== e) {
         this.removeConfirmIndex = e;
         return;
       }
-      await this.deleteUnit({ id: a }), this.reset(), this.removeConfirmIndex = null;
+      await this.deleteUnit({ id: s }), this.reset(), this.removeConfirmIndex = null;
     },
     reset() {
       this.selectedValue = { id: null, value: "" };
@@ -792,8 +795,8 @@ const Ye = Ke.exports, Ze = {
     close() {
       this.$emit("close");
     },
-    async onDrop({ removedIndex: a, addedIndex: e }) {
-      a === null && e === null || a !== e && (this.idList = T(this.idList, a, e), await Z(
+    async onDrop({ removedIndex: s, addedIndex: e }) {
+      s === null && e === null || s !== e && (this.idList = A(this.idList, s, e), await te(
         "/unitType/setPositions",
         { ids: this.idList },
         { invalidateCache: { type: "unitType" } }
@@ -801,7 +804,7 @@ const Ye = Ke.exports, Ze = {
     }
   }
 };
-var Je = function() {
+var it = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "modal-overlay font-inter", on: { "&click": function(i) {
     return i.target !== i.currentTarget ? null : e.close.apply(null, arguments);
@@ -810,28 +813,32 @@ var Je = function() {
   }, proxy: !0 } : null], null, !0), model: { value: e.selectedValue.value, callback: function(i) {
     e.$set(e.selectedValue, "value", typeof i == "string" ? i.trim() : i);
   }, expression: "selectedValue.value" } }), t("div", { staticClass: "control" }, [t("CButton", { attrs: { loading: e.isPosting, disabled: !e.selectedValue.value, type: "secondary" }, on: { click: e.submit } }, [e._v(" " + e._s(e.selectedValue.id ? e.$t("_common:save") : e.$t("_common:add")) + " ")])], 1)], 1)], 1), t("div", { staticStyle: { "border-top": "1px solid hsl(0, 0%, 88%)", overflow: "auto", "max-height": "360px" } }, [t("div", { staticClass: "text-gray-400", staticStyle: { "font-size": "14px", padding: "calc(1 * var(--rem)) calc(1.5 * var(--rem)) 0", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("_common:unit_plural").capitalize()) + " ")]), t("div", { staticClass: "unit-modal-list" }, [e.unitItems.length ? e._e() : t("div", { staticClass: "unit-modal-list-empty" }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("_common:unit_plural") })) + " ")]), t("DragList", { attrs: { "drop-placeholder": { className: "drag-drop-placeholder" }, "drag-class": "is-dragged", "lock-axis": "y", "drag-handle-selector": ".drag-handle" }, on: { drop: e.onDrop } }, e._l(e.unitItems, function(i, n) {
-    return t("DragItem", { key: i.id }, [t("div", { staticClass: "unit-modal-list-item", class: { "is-editing": e.selectedValue.id === i.id }, on: { "&mouseover": function(s) {
+    return t("DragItem", { key: i.id }, [t("div", { staticClass: "unit-modal-list-item", class: { "is-editing": e.selectedValue.id === i.id }, on: { "&mouseover": function(a) {
       e.hoverIndex = n;
-    }, "&mouseleave": function(s) {
+    }, "&mouseleave": function(a) {
       e.hoverIndex = null;
-    }, click: function(s) {
+    }, click: function(a) {
       return e.onEdit(i);
-    } } }, [t("div", { staticClass: "drag-handle" }, [t("CIcon", { staticClass: "text-gray-300", attrs: { type: "handle", size: "16" } })], 1), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(i.label) + " ")]), t("span", { directives: [{ name: "show", rawName: "v-show", value: e.removeConfirmIndex === n, expression: "removeConfirmIndex === i" }], staticClass: "delete-confirm" }, [e._v(" " + e._s(e.$t("_common:remove")) + "? ")]), t("div", { staticClass: "unittype-buttons" }, [e.hoverIndex === n || e.removeConfirmIndex === n ? t("CButton", { attrs: { type: e.removeConfirmIndex === n ? "danger" : "none", pattern: e.removeConfirmIndex === n ? "primary" : "tertiary", circle: "", icon: "x", size: "small" }, on: { click: function(s) {
-      return s.stopPropagation(), s.preventDefault(), e.remove(i.id, n);
-    }, blur: function(s) {
+    } } }, [t("div", { staticClass: "drag-handle" }, [t("CIcon", { staticClass: "text-gray-300", attrs: { type: "handle", size: "16" } })], 1), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(i.label) + " ")]), t("span", { directives: [{ name: "show", rawName: "v-show", value: e.removeConfirmIndex === n, expression: "removeConfirmIndex === i" }], staticClass: "delete-confirm" }, [e._v(" " + e._s(e.$t("_common:remove")) + "? ")]), t("div", { staticClass: "unittype-buttons" }, [e.hoverIndex === n || e.removeConfirmIndex === n ? t("CButton", { attrs: { type: e.removeConfirmIndex === n ? "danger" : "none", pattern: e.removeConfirmIndex === n ? "primary" : "tertiary", circle: "", icon: "x", size: "small" }, on: { click: function(a) {
+      return a.stopPropagation(), a.preventDefault(), e.remove(i.id, n);
+    }, blur: function(a) {
       e.removeConfirmIndex = null;
     } } }) : e._e(), t("CButton", { attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary", circle: "" } })], 1)])]);
   }), 1)], 1)])])]);
-}, Qe = [], Xe = /* @__PURE__ */ u(
-  Ze,
-  Je,
-  Qe,
+}, st = [], at = /* @__PURE__ */ u(
+  tt,
+  it,
+  st,
   !1,
   null,
-  "e5a5ef4e"
+  "7a4d1468"
 );
-const et = Xe.exports, tt = {
+const nt = at.exports, rt = {
   name: "ArticleUnitSelect",
+  components: {
+    CDropdown: x,
+    CDropdownItem: b
+  },
   props: {
     value: {
       type: String,
@@ -853,7 +860,7 @@ const et = Xe.exports, tt = {
       unitById: "unitTypes/byId"
     }),
     unitItems() {
-      return this.isPublicForm ? ce : (this.unitIds || []).map((a) => this.unitById(a)).map(({ value: a }) => a);
+      return this.isPublicForm ? he : (this.unitIds || []).map((s) => this.unitById(s)).map(({ value: s }) => s);
     }
   },
   created() {
@@ -866,17 +873,17 @@ const et = Xe.exports, tt = {
     }),
     openEditModal() {
       this.$modal.show(
-        et,
+        nt,
         {},
         {},
         {
-          select: (a) => this.$emit("input", a)
+          select: (s) => this.$emit("input", s)
         }
       );
     }
   }
 };
-var it = function() {
+var ot = function() {
   var e = this, t = e._self._c;
   return t("CDropdown", e._b({ attrs: { value: e.value, scrollable: "" }, on: { input: function(i) {
     return e.$emit("input", i);
@@ -893,27 +900,28 @@ var it = function() {
   }, !1), e._l(e.unitItems, function(i, n) {
     return t("CDropdownItem", { key: `${i}-${n}`, attrs: { value: i } }, [e._v(" " + e._s(e.articleUnitLabel(i)) + " ")]);
   }), 1);
-}, at = [], st = /* @__PURE__ */ u(
-  tt,
-  it,
-  at,
+}, ct = [], lt = /* @__PURE__ */ u(
+  rt,
+  ot,
+  ct,
   !1,
   null,
-  "cf05a2ff"
+  "ab757fc1"
 );
-const nt = st.exports, rt = {
+const ut = lt.exports, dt = {
   name: "ArticleModal",
   i18nOptions: {
     namespaces: "ArticleModal",
-    messages: O
+    messages: E
   },
   components: {
-    ArticleAutocomplete: R,
-    ArticleUnitSelect: nt,
-    ListModalButtons: Ye,
-    CPriceInput: x
+    ArticleAutocomplete: M,
+    ArticleUnitSelect: ut,
+    ListModalButtons: et,
+    CPriceInput: w,
+    CField: O
   },
-  mixins: [oe],
+  mixins: [B],
   props: {
     _document: {
       type: Object,
@@ -968,12 +976,12 @@ const nt = st.exports, rt = {
       })
     }
   },
-  validations: M,
+  validations: z,
   data() {
     return {
-      priceSuffix: Be,
+      priceSuffix: He,
       updateData: $,
-      addSavedArticle: D,
+      addSavedArticle: L,
       vatOptions: [
         { value: 25, translation: "25%" },
         { value: 12, translation: "12%" },
@@ -982,7 +990,7 @@ const nt = st.exports, rt = {
       ],
       showDiscountInput: !1,
       setPricesIncVat: !1,
-      getCurrencySymbol: C,
+      getCurrencySymbol: I,
       articleUnitLabel: f
     };
   },
@@ -996,8 +1004,8 @@ const nt = st.exports, rt = {
       get() {
         return this.articleList[this.index] || {};
       },
-      set(a) {
-        this.$emit("input", a);
+      set(s) {
+        this.$emit("input", s);
       }
     },
     useVat() {
@@ -1007,52 +1015,52 @@ const nt = st.exports, rt = {
       return o(this, "_document.vatType") || "";
     },
     checkboxItems() {
-      const { article: a } = this || {}, { priceType: e } = this.article || {}, t = [
+      const { article: s } = this || {}, { priceType: e } = this.article || {}, t = [
         ...e !== "markup" ? [
           {
             label: this.$t("discount").capitalize(),
-            value: a.discount || this.showDiscountInput,
+            value: s.discount || this.showDiscountInput,
             onClick: () => {
               this.showDiscountInput || this.focusEl("discountInput"), this.showDiscountInput = !this.showDiscountInput;
             }
           }
         ] : [],
-        ...this.getCompanySetting("showRot") || a.isDeductable ? [
+        ...this.getCompanySetting("showRot") || s.isDeductable ? [
           {
             label: this.$t("_common:deduction.rot"),
             value: this.article.isDeductable,
-            onClick: () => this.updateArticle(!a.isDeductable, "isDeductable")
+            onClick: () => this.updateArticle(!s.isDeductable, "isDeductable")
           }
         ] : [],
-        ...this.getCompanySetting("showRut") || a.isRut ? [
+        ...this.getCompanySetting("showRut") || s.isRut ? [
           {
             label: this.$t("_common:deduction.rut"),
-            value: a.isRut,
-            onClick: () => this.updateArticle(!a.isRut, "isRut")
+            value: s.isRut,
+            onClick: () => this.updateArticle(!s.isRut, "isRut")
           }
         ] : [],
-        ...a.greenRot15 ? [
+        ...s.greenRot15 ? [
           {
             label: this.$t("_common:deduction.greenRot15_percentage"),
-            value: a.greenRot15,
-            onClick: () => this.updateArticle(!a.greenRot15, "greenRot15")
+            value: s.greenRot15,
+            onClick: () => this.updateArticle(!s.greenRot15, "greenRot15")
           }
         ] : [],
-        ...this.getCompanySetting("showGreenRot") || a.greenRot20 || a.greenRot50 ? [
+        ...this.getCompanySetting("showGreenRot") || s.greenRot20 || s.greenRot50 ? [
           {
             label: this.$t("_common:deduction.greenRot20_percentage"),
-            value: a.greenRot20,
-            onClick: () => this.updateArticle(!a.greenRot20, "greenRot20")
+            value: s.greenRot20,
+            onClick: () => this.updateArticle(!s.greenRot20, "greenRot20")
           },
           {
             label: this.$t("_common:deduction.greenRot50_percentage"),
-            value: a.greenRot50,
-            onClick: () => this.updateArticle(!a.greenRot50, "greenRot50")
+            value: s.greenRot50,
+            onClick: () => this.updateArticle(!s.greenRot50, "greenRot50")
           }
         ] : []
       ];
       if (this.allowHidePrice) {
-        const { showPrice: i } = a || {};
+        const { showPrice: i } = s || {};
         t.push({
           label: this.$t("hidePriceLabel"),
           value: !i,
@@ -1064,28 +1072,28 @@ const nt = st.exports, rt = {
     priceTypeOptions() {
       if (!this.enablePriceTypes || this.rootPriceType === "fixed")
         return [];
-      const { priceType: a } = this.article, e = (i) => this.$t(`priceTypeTooltips.${i}`), t = [
+      const { priceType: s } = this.article, e = (i) => this.$t(`priceTypeTooltips.${i}`), t = [
         {
           label: this.$t("price.fixed"),
           tooltip: e("fixed"),
-          value: a === "fixed",
+          value: s === "fixed",
           onClick: () => this.updateArticle("fixed", "priceType")
         }
       ];
       return this.rootPriceType === "approx" && t.push({
         label: this.$t("price.approx"),
         tooltip: e("approx"),
-        value: a === "approx",
+        value: s === "approx",
         onClick: () => this.updateArticle("approx", "priceType")
       }), this.rootPriceType.startsWith("openAcc") && (t.push({
         label: this.$t("price.openAcc"),
         tooltip: e("openAcc"),
-        value: a === "openAcc",
+        value: s === "openAcc",
         onClick: () => this.updateArticle("openAcc", "priceType")
       }), t.push({
         label: this.$t("price.markup"),
         tooltip: e("markup"),
-        value: a === "markup",
+        value: s === "markup",
         onClick: () => this.updateArticle("markup", "priceType")
       })), t;
     }
@@ -1093,29 +1101,29 @@ const nt = st.exports, rt = {
   watch: {
     index: {
       immediate: !0,
-      handler(a, e) {
-        a !== e && (this.showDiscountInput = !1);
+      handler(s, e) {
+        s !== e && (this.showDiscountInput = !1);
       }
     },
     isIncVat: {
       immediate: !0,
-      handler(a) {
-        this.setPricesIncVat = !!a;
+      handler(s) {
+        this.setPricesIncVat = !!s;
       }
     },
     "article.discount": {
       immediate: !0,
-      handler(a) {
-        a && (this.showDiscountInput = !0);
+      handler(s) {
+        s && (this.showDiscountInput = !0);
       }
     },
     "article.priceType": {
-      handler(a) {
-        a === "markup" && (this.showDiscountInput = !1), ["openAcc", "markup"].includes(a) && this.updateArticle(1, "quantity");
+      handler(s) {
+        s === "markup" && (this.showDiscountInput = !1), ["openAcc", "markup"].includes(s) && this.updateArticle(1, "quantity");
       }
     },
-    showDiscountInput(a) {
-      a || this.updateArticle(0, "discount");
+    showDiscountInput(s) {
+      s || this.updateArticle(0, "discount");
     }
   },
   mounted() {
@@ -1128,36 +1136,36 @@ const nt = st.exports, rt = {
     ...v({
       createArticle: p.DO_CREATE_ARTICLE
     }),
-    onCustomVatBlur(a) {
-      o(a, "target.value") || "" || this.updateArticle(0, "vat");
+    onCustomVatBlur(s) {
+      o(s, "target.value") || "" || this.updateArticle(0, "vat");
     },
-    onCustomVatInput(a) {
-      const e = o(a, "target.value") || "";
+    onCustomVatInput(s) {
+      const e = o(s, "target.value") || "";
       if (!e)
         return;
       let t = e > 100 ? e.slice(0, e.length - 1) : e;
       t < 0 && (t = 0), this.updateArticle(Number.parseFloat(t), "vat");
     },
-    updateArticle(a, e) {
-      this.article = $(this.article, a, e);
+    updateArticle(s, e) {
+      this.article = $(this.article, s, e);
     },
     close() {
       this.$emit("close");
     },
-    onKeydown(a) {
-      a.keyCode === 13 && a.shiftKey && (a.preventDefault(), this.addNewArticle());
+    onKeydown(s) {
+      s.keyCode === 13 && s.shiftKey && (s.preventDefault(), this.addNewArticle());
     },
-    onGo(a) {
-      const e = this.index + a;
+    onGo(s) {
+      const e = this.index + s;
       this.articleList[e] && (this.close(), this.$emit("open-modal", e));
     },
     async addNewArticle() {
       this.$v.$invalid || await this.saveArticle(), this.$emit("add", { openModal: !0 }), this.close();
     },
-    focusEl(a) {
+    focusEl(s) {
       this.$nextTick(() => {
         this.$nextTick(() => {
-          this.$refs[a] && this.$refs[a].focus && this.$refs[a].focus();
+          this.$refs[s] && this.$refs[s].focus && this.$refs[s].focus();
         });
       });
     },
@@ -1167,8 +1175,8 @@ const nt = st.exports, rt = {
       });
     },
     toggleDiscountType() {
-      let a = "fixed";
-      this.article.discountType === "fixed" && (a = "percentage"), this.updateArticle(a, "discountType");
+      let s = "fixed";
+      this.article.discountType === "fixed" && (s = "percentage"), this.updateArticle(s, "discountType");
     },
     async onSaveArticle() {
       if (this.$v.$invalid) {
@@ -1180,15 +1188,15 @@ const nt = st.exports, rt = {
     async saveArticle() {
       if (this.viewSettings.isPublicForm)
         return;
-      let { ArticleId: a } = this.article;
-      !a && ((t) => typeof t == "string" && !!t.trim())(this.article.name) && (a = await this.createArticle({
+      let { ArticleId: s } = this.article;
+      !s && ((t) => typeof t == "string" && !!t.trim())(this.article.name) && (s = await this.createArticle({
         body: this.article,
         showMessage: !1
-      }), this.article = { ...this.article, ArticleId: a });
+      }), this.article = { ...this.article, ArticleId: s });
     }
   }
 };
-var ot = function() {
+var pt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter", class: {
     "full-screen": e.mq === "sm",
@@ -1234,18 +1242,18 @@ var ot = function() {
     );
   } } }, [e._v(" " + e._s(e.article.discountType === "percentage" ? "%" : e.getCurrencySymbol(e.article.currency)) + " ")])], 1) : e._e()], t("div", { staticStyle: { margin: "calc(1 * var(--rem)) calc(-0.5 * var(--rem))" } }, [e.useVat ? [e.feature("regionSE") && Number.isInteger(e.article.vat) ? t("select", { staticClass: "select-css tag-item no-chevron", staticStyle: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" }, domProps: { value: e.article.vat }, on: { input: function(i) {
     e.updateArticle(Number.parseFloat(i.target.value), "vat");
-  } } }, e._l(e.vatOptions, function({ translation: i, value: n }, s) {
-    return t("option", { key: s, domProps: { value: n } }, [e._v(" " + e._s(e.$t(`vat.${e.vatType}`)) + " " + e._s(i) + " ")]);
-  }), 0) : t("span", { staticClass: "select-css tag-item no-chevron", staticStyle: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" } }, [e._v(" " + e._s(e._document.$t("vat").capitalize()) + " "), t("input", { staticStyle: { width: "calc(2.5 * var(--rem))", display: "inline", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" }, attrs: { type: "number" }, domProps: { value: e.article.vat || 0 }, on: { blur: e.onCustomVatBlur, input: e.onCustomVatInput } }), e._v(" % ")])] : e._e(), e.priceTypeOptions.length ? t("div", { staticClass: "tag-group", staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, e._l(e.priceTypeOptions, function({ label: i, value: n, onClick: s, tooltip: r }, c) {
+  } } }, e._l(e.vatOptions, function({ translation: i, value: n }, a) {
+    return t("option", { key: a, domProps: { value: n } }, [e._v(" " + e._s(e.$t(`vat.${e.vatType}`)) + " " + e._s(i) + " ")]);
+  }), 0) : t("span", { staticClass: "select-css tag-item no-chevron", staticStyle: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" } }, [e._v(" " + e._s(e._document.$t("vat").capitalize()) + " "), t("input", { staticStyle: { width: "calc(2.5 * var(--rem))", display: "inline", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" }, attrs: { type: "number" }, domProps: { value: e.article.vat || 0 }, on: { blur: e.onCustomVatBlur, input: e.onCustomVatInput } }), e._v(" % ")])] : e._e(), e.priceTypeOptions.length ? t("div", { staticClass: "tag-group", staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, e._l(e.priceTypeOptions, function({ label: i, value: n, onClick: a, tooltip: r }, c) {
     return t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
       content: r,
       delay: { show: 300, hide: 0 }
     }, expression: `{
                 content: tooltip,
                 delay: { show: 300, hide: 0 }
-              }` }], key: i + c, staticClass: "tag-item", class: { active: n }, on: { click: s } }, [e._v(" " + e._s(i) + " ")]);
-  }), 0) : e._e(), t("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, e._l(e.checkboxItems, function({ label: i, value: n, onClick: s }, r) {
-    return t("div", { key: i + r, staticClass: "tag-item", class: { active: n }, on: { click: s } }, [e._v(" " + e._s(i) + " ")]);
+              }` }], key: i + c, staticClass: "tag-item", class: { active: n }, on: { click: a } }, [e._v(" " + e._s(i) + " ")]);
+  }), 0) : e._e(), t("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, e._l(e.checkboxItems, function({ label: i, value: n, onClick: a }, r) {
+    return t("div", { key: i + r, staticClass: "tag-item", class: { active: n }, on: { click: a } }, [e._v(" " + e._s(i) + " ")]);
   }), 0)], 2)], 2)]), t("div", { staticClass: "flex space-x-4 overflow-hidden p-4 md:p-9" }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
     offset: 7,
     html: !0,
@@ -1279,15 +1287,15 @@ var ot = function() {
             </div>
           \`
         }` }], staticStyle: { padding: "1.75em", height: "4em", "font-size": "16px", "background-color": "hsl(231, 4%, 20%)", "border-color": "hsl(231, 4%, 20%)" }, attrs: { type: "primary", tabindex: "0", size: "large" }, on: { click: e.addNewArticle } }, [t("CIcon", { staticStyle: { margin: "-3px" }, attrs: { type: "zap", size: "21" } })], 1), t("CButton", { staticClass: "flex-grow", staticStyle: { padding: "1.75em", height: "4em", "font-size": "16px" }, attrs: { size: "large", type: "secondary", "full-width": "", tabindex: "0" }, on: { click: e.onSaveArticle } }, [e._v(" " + e._s(e.$t("save")) + " ")])], 1)], 1)]);
-}, ct = [], lt = /* @__PURE__ */ u(
-  rt,
-  ot,
-  ct,
+}, ht = [], mt = /* @__PURE__ */ u(
+  dt,
+  pt,
+  ht,
   !1,
   null,
-  "06421912"
+  "5d132488"
 );
-const ut = lt.exports, dt = {
+const ft = mt.exports, vt = {
   i18nOptions: {
     name: "ArticleListEdit",
     namespaces: "ArticleListEdit",
@@ -1308,10 +1316,10 @@ const ut = lt.exports, dt = {
   },
   components: {
     // eslint-disable-next-line vue/no-reserved-component-names
-    Article: He,
-    ArticleModal: ut,
-    WithDimensions: ae,
-    draggable: se
+    Article: Ye,
+    ArticleModal: ft,
+    WithDimensions: le,
+    draggable: ue
   },
   mixins: [y([])],
   props: {
@@ -1348,7 +1356,7 @@ const ut = lt.exports, dt = {
       hidePriceOnNew: "settings/hidePriceOnNewlyAddedArticles"
     }),
     articlesWithTotal() {
-      return w(this.articles);
+      return T(this.articles);
     },
     isIndivid() {
       return o(this._document, "prices.helpers.isIndivid", !0);
@@ -1366,28 +1374,27 @@ const ut = lt.exports, dt = {
       return o(this, "_document.vatType");
     },
     showVatToggle() {
-      return this.useVat && (this.setPricesIncVat || (this.articles || []).some(({ vat: a }) => a !== null));
+      return this.useVat && (this.setPricesIncVat || (this.articles || []).some(({ vat: s }) => s !== null));
     }
   },
   watch: {
     activeHouseWorkType: {
       immediate: !0,
-      handler(a) {
-        this.toggleDeductions(a);
+      handler(s) {
+        this.toggleDeductions(s);
       }
     },
-    isIndivid(a) {
-      a || this.toggleDeductions(!1);
+    isIndivid(s) {
+      s || this.toggleDeductions(!1);
     },
-    setPricesIncVat(a) {
-      this.updateArticlesVatOption(), this.showMessage({
+    setPricesIncVat(s) {
+      this.updateArticlesVatOption(), ["extension", "widget"].includes(ie.value) || this.showMessage({
         type: "info",
         message: this.$t("vatOption.message", {
-          vatOption: this.$t(`_common:vat.${a ? "incVat" : "exVat"}`, {
+          vatOption: this.$t(`_common:vat.${s ? "incVat" : "exVat"}`, {
             thing: this.$t("_common:vat.sharedTitle")
           })
-        }),
-        omit: "$view:extension,$view:widget"
+        })
       });
     }
   },
@@ -1395,38 +1402,38 @@ const ut = lt.exports, dt = {
     ...v({
       showMessage: p.SHOW_MESSAGE
     }),
-    openModal(a, { focusEl: e = "" } = {}) {
-      this.selectedIndex = a, this.showModal = !0, e && this.$nextTick(() => {
+    openModal(s, { focusEl: e = "" } = {}) {
+      this.selectedIndex = s, this.showModal = !0, e && this.$nextTick(() => {
         this.$nextTick(() => {
           this.$refs.articleModal && this.$refs.articleModal.focusEl(e);
         });
       });
     },
-    updateArticleObject(a, e) {
+    updateArticleObject(s, e) {
       const t = e;
-      this.isIndivid || (t.isDeductable = !1, t.isRut = !1, t.greenRot15 = !1, t.greenRot20 = !1, t.greenRot50 = !1), this.$emit("input", { index: a, value: t });
+      this.isIndivid || (t.isDeductable = !1, t.isRut = !1, t.greenRot15 = !1, t.greenRot20 = !1, t.greenRot50 = !1), this.$emit("input", { index: s, value: t });
     },
-    onRemoveArticle(a) {
-      this.$emit("remove", a);
+    onRemoveArticle(s) {
+      this.$emit("remove", s);
     },
-    onEsc(a, e) {
-      a === this.articles.length - 1 && ["name", "price", "discount"].every((t) => !e[t]) && this.onRemoveArticle(a);
+    onEsc(s, e) {
+      s === this.articles.length - 1 && ["name", "price", "discount"].every((t) => !e[t]) && this.onRemoveArticle(s);
     },
     changeVat() {
       this.$emit("update:setPricesIncVat", !this.setPricesIncVat);
     },
     updateArticlesVatOption() {
-      this.articles.forEach((a, e) => {
-        if (a.priceType === "markup")
+      this.articles.forEach((s, e) => {
+        if (s.priceType === "markup")
           return;
-        let t = g({ amount: a.price }).divide(
-          (100 + a.vat) * 0.01
+        let t = g({ amount: s.price }).divide(
+          (100 + s.vat) * 0.01
         );
-        this.setPricesIncVat || (t = g({ amount: a.price }).multiply(
-          (100 + a.vat) * 0.01
+        this.setPricesIncVat || (t = g({ amount: s.price }).multiply(
+          (100 + s.vat) * 0.01
         )), this.updateArticleObject(
           e,
-          w({ ...a, price: t.getAmount() })
+          T({ ...s, price: t.getAmount() })
         );
       });
     },
@@ -1439,35 +1446,35 @@ const ut = lt.exports, dt = {
     openLastArticle() {
       this.$nextTick(() => this.openModal(this.articles.length - 1));
     },
-    toggleDeductions(a) {
+    toggleDeductions(s) {
       const e = {
         rot: "isDeductable",
         rut: "isRut",
         greenRot15: "greenRot15",
         greenRot20: "greenRot20",
         greenRot50: "greenRot50"
-      }, t = (i = []) => i.reduce((n, s) => ({ ...n, [s]: !1 }), {});
-      e[a] ? this.articles.forEach((i, n) => {
-        const s = Object.values(V(e, [a]));
-        if (s.some((r) => !!i[r])) {
-          const r = { ...i, ...t(s) };
+      }, t = (i = []) => i.reduce((n, a) => ({ ...n, [a]: !1 }), {});
+      e[s] ? this.articles.forEach((i, n) => {
+        const a = Object.values(D(e, [s]));
+        if (a.some((r) => !!i[r])) {
+          const r = { ...i, ...t(a) };
           this.$emit("input", { index: n, value: r });
         }
-      }) : a === !1 && this.articles.forEach((i, n) => {
-        const s = Object.values(e);
-        if (s.some((r) => !!i[r])) {
-          const r = { ...i, ...t(s) };
+      }) : s === !1 && this.articles.forEach((i, n) => {
+        const a = Object.values(e);
+        if (a.some((r) => !!i[r])) {
+          const r = { ...i, ...t(a) };
           this.$emit("input", { index: n, value: r });
         }
       });
     },
-    onChange(a) {
-      const { added: e, moved: t, removed: i } = a;
+    onChange(s) {
+      const { added: e, moved: t, removed: i } = s;
       if (e) {
-        const { newIndex: n, element: s } = e;
-        this.$emit("insert", { index: n, value: s });
+        const { newIndex: n, element: a } = e;
+        this.$emit("insert", { index: n, value: a });
       } else if (t) {
-        const n = T(
+        const n = A(
           this.articles,
           t.oldIndex,
           t.newIndex
@@ -1480,7 +1487,7 @@ const ut = lt.exports, dt = {
     }
   }
 };
-var pt = function() {
+var gt = function() {
   var e = this, t = e._self._c;
   return t("div", [e.showVatToggle ? t("div", { staticClass: "label-text" }, [e._v(" " + e._s(e.$t("vatOption.label")) + " "), t("span", { on: { click: function(i) {
     return e.changeVat();
@@ -1490,23 +1497,23 @@ var pt = function() {
       animation: 150,
       ghostClass: "article-ghost",
       handle: ".article-draggable-handle"
-    }, !1), [t("transition-group", { staticStyle: { position: "relative", transition: "100ms" }, attrs: { name: "article-list" } }, e._l(e.articlesWithTotal, function(n, s) {
+    }, !1), [t("transition-group", { staticStyle: { position: "relative", transition: "100ms" }, attrs: { name: "article-list" } }, e._l(e.articlesWithTotal, function(n, a) {
       return t("Article", { key: n._uniqueId || 0, ref: "articleItem", refInFor: !0, staticClass: "article-item", attrs: { value: n, width: i, "hide-price-input": e.hidePriceInput, "hide-price-on-new": e.hidePriceOnNew, "is-inc-vat": e.setPricesIncVat, "hide-controls": e.hideControls, "root-price-type": e.rootPriceType, "active-house-work-type": e.activeHouseWorkType }, on: { "update:currency": function(r) {
         return e.$emit("update:currency", r);
       }, input: function(r) {
-        return e.updateArticleObject(s, r);
+        return e.updateArticleObject(a, r);
       }, focus: function(r) {
         return e.$emit("focus");
       }, remove: function(r) {
-        return e.onRemoveArticle(s);
+        return e.onRemoveArticle(a);
       }, "open-modal": function(r) {
-        return e.openModal(s, r);
+        return e.openModal(a, r);
       }, add: function(r) {
-        s === e.articlesWithTotal.length - 1 && e.$emit("add");
+        a === e.articlesWithTotal.length - 1 && e.$emit("add");
       }, select: function(r) {
-        s === e.articlesWithTotal.length - 1 && e.$emit("add");
+        a === e.articlesWithTotal.length - 1 && e.$emit("add");
       }, esc: function(r) {
-        return e.onEsc(s, n);
+        return e.onEsc(a, n);
       } } });
     }), 1)], 1)];
   } }]) }), t("Portal", { attrs: { to: "modal" } }, [e.showModal && e.articlesWithTotal[e.selectedIndex] ? t("ArticleModal", { ref: "articleModal", attrs: { _document: e._document, index: e.selectedIndex, "article-list": e.articlesWithTotal, "hide-price-input": e.hidePriceInput, "hide-price-on-new": e.hidePriceOnNew, "is-inc-vat": e.setPricesIncVat, "root-price-type": e.rootPriceType, currency: e.currency, "active-house-work-type": e.activeHouseWorkType, "view-settings": e.viewSettings }, on: { "update:currency": function(i) {
@@ -1518,15 +1525,15 @@ var pt = function() {
   }, "open-modal": e.openModal, close: function(i) {
     e.showModal = !1;
   } } }) : e._e()], 1)], 1);
-}, ht = [], mt = /* @__PURE__ */ u(
-  dt,
-  pt,
-  ht,
+}, yt = [], _t = /* @__PURE__ */ u(
+  vt,
+  gt,
+  yt,
   !1,
   null,
-  "3e63aac7"
+  "6cdba96e"
 );
-const ft = mt.exports, vt = {
+const kt = _t.exports, $t = {
   name: "MaxTotalInput",
   i18nOptions: {
     namespaces: "MaxTotalInput",
@@ -1540,7 +1547,7 @@ const ft = mt.exports, vt = {
     }
   },
   components: {
-    CPriceInput: x
+    CPriceInput: w
   },
   props: {
     value: {
@@ -1558,7 +1565,7 @@ const ft = mt.exports, vt = {
   },
   data() {
     return {
-      getCurrencySymbol: C
+      getCurrencySymbol: I
     };
   },
   computed: {
@@ -1567,13 +1574,13 @@ const ft = mt.exports, vt = {
     })
   },
   watch: {
-    isIncVat(a) {
+    isIncVat(s) {
       let e = g({ amount: this.value }).divide(1.25);
-      a || (e = g({ amount: this.value }).multiply(125 * 0.01)), this.$emit("input", e.getAmount());
+      s || (e = g({ amount: this.value }).multiply(125 * 0.01)), this.$emit("input", e.getAmount());
     }
   }
 };
-var gt = function() {
+var xt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex w-full justify-end" }, [t("CPriceInput", { staticClass: "mt-4 max-w-[275px] text-sm", attrs: { value: e.value, currency: e.currency, "is-inc-vat": e.isIncVat, vat: 25, placeholder: e.$t("maxTotalLabel"), min: "0", "prefix-class": "text-gray-400", "suffix-class": "text-gray-400" }, on: { input: function(i) {
     return e.$emit("input", i);
@@ -1582,15 +1589,19 @@ var gt = function() {
   }, proxy: !0 }, { key: "suffix", fn: function() {
     return [t("span", [e._v(" " + e._s(e.getCurrencySymbol(e.currency)) + " " + e._s(e.$t(`vat.${e.isIncVat ? "incVat" : "exVat"}`, { thing: e.$t(`vat.${e.vatType}`) })) + " ")])];
   }, proxy: !0 }]) })], 1);
-}, yt = [], _t = /* @__PURE__ */ u(
-  vt,
-  gt,
-  yt,
+}, bt = [], wt = /* @__PURE__ */ u(
+  $t,
+  xt,
+  bt,
   !1,
   null,
   null
 );
-const kt = _t.exports, $t = {
+const Ct = wt.exports, Tt = {
+  components: {
+    CDropdown: x,
+    CDropdownItem: b
+  },
   props: {
     value: {
       type: String,
@@ -1603,7 +1614,7 @@ const kt = _t.exports, $t = {
     };
   }
 };
-var xt = function() {
+var It = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex justify-end" }, [t("CDropdown", { attrs: { value: e.value }, scopedSlots: e._u([{ key: "trigger", fn: function() {
     return [t("CButton", { staticClass: "price-type-button" }, [e._v(" " + e._s(e.$t("price.pricing").capitalize()) + ": "), t("span", [e._v(e._s(e.$t(`price.${e.value}`)))])])];
@@ -1612,18 +1623,18 @@ var xt = function() {
       return e.$emit("input", i);
     } } }, [e._v(" " + e._s(e.$t(`price.${i}`)) + " ")]);
   }), 1)], 1);
-}, bt = [], wt = /* @__PURE__ */ u(
-  $t,
-  xt,
-  bt,
+}, At = [], St = /* @__PURE__ */ u(
+  Tt,
+  It,
+  At,
   !1,
   null,
-  "413621dd"
+  "5e314414"
 );
-const Ct = wt.exports, Tt = {
+const Pt = St.exports, Vt = {
   name: "EditDeduction",
   components: {
-    CPriceInput: x
+    CPriceInput: w
   },
   mixins: [y(["houseWorkManualAmount"])],
   props: {
@@ -1651,20 +1662,20 @@ const Ct = wt.exports, Tt = {
     };
   },
   watch: {
-    houseWorkType(a) {
-      a || (this.houseWorkManualAmount = null);
+    houseWorkType(s) {
+      s || (this.houseWorkManualAmount = null);
     }
   },
   methods: {
-    setDeduction(a) {
-      this.internalValue = g({ amount: this.total }).multiply(a).getAmount();
+    setDeduction(s) {
+      this.internalValue = g({ amount: this.total }).multiply(s).getAmount();
     },
     showModal() {
       this.internalValue = this.houseWorkAmount, this.$modal.show(`deduction-modal-${this._uid}`);
     }
   }
 };
-var It = function() {
+var Rt = function() {
   var e = this, t = e._self._c;
   return t("div", [t("modal", e._b({ attrs: { name: `deduction-modal-${e._uid}` } }, "modal", {
     adaptive: !0,
@@ -1672,7 +1683,7 @@ var It = function() {
     width: "90%",
     maxWidth: 420,
     classes: "primary"
-  }, !1), [t("div", { staticClass: "deduction-modal flex w-full flex-col items-center justify-between rounded-lg" }, [t("div", { staticStyle: { "font-size": "calc(calc(1 * var(--rem)) + 2px)", "font-weight": "800", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, [e._v(" " + e._s(e.$t("deduction.manualType", { type: e.houseWorkType })) + " ")]), t("div", { staticStyle: { "margin-bottom": "calc(1 * var(--rem))", width: "100%" } }, [t("CPriceInput", { attrs: { currency: "SEK", placeholder: e.$t("enterThing", { thing: e.$t("deduction.deduction") }), min: "0", size: "medium", "suffix-class": "text-gray-400" }, scopedSlots: e._u([{ key: "suffix", fn: function() {
+  }, !1), [t("div", { staticClass: "deduction-modal flex w-full flex-col items-center justify-between rounded-lg" }, [t("div", { staticStyle: { "font-size": "calc(calc(1 * var(--rem)) + 2px)", "font-weight": "800", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, [e._v(" " + e._s(e.$t("deduction.manualType", { type: e.$t(`deduction.${e.houseWorkType}`) })) + " ")]), t("div", { staticStyle: { "margin-bottom": "calc(1 * var(--rem))", width: "100%" } }, [t("CPriceInput", { attrs: { currency: "SEK", placeholder: e.$t("enterThing", { thing: e.$t("deduction.deduction") }), min: "0", size: "medium", "suffix-class": "text-gray-400" }, scopedSlots: e._u([{ key: "suffix", fn: function() {
     return [e._v(e._s(e.$t("currency.SEK")))];
   }, proxy: !0 }]), model: { value: e.internalValue, callback: function(i) {
     e.internalValue = e._n(i);
@@ -1696,19 +1707,19 @@ var It = function() {
     e.houseWorkManualAmount = null, e.$modal.hide(`deduction-modal-${e._uid}`);
   } } }, [e._v(" " + e._s(e.$t("reset")) + " ")])], 1)]), e.houseWorkManualAmount ? t("portal", { attrs: { order: 2, to: "document-nav-bottom" } }, [t("div", { staticClass: "housework-manual-nav", on: { click: function(i) {
     return e.$modal.show(`deduction-modal-${e._uid}`);
-  } } }, [t("svg", { staticClass: "css-i6dzq1", staticStyle: { "margin-right": "0.5em" }, attrs: { viewBox: "0 0 24 24", width: "12", height: "12", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" } }), t("line", { attrs: { x1: "12", y1: "9", x2: "12", y2: "13" } }), t("line", { attrs: { x1: "12", y1: "17", x2: "12.01", y2: "17" } })]), e._v(" " + e._s(e.$t("deduction.manualType", { type: e.houseWorkType })) + " " + e._s(e.$t("using")) + " ")])]) : e._e()], 1);
-}, At = [], St = /* @__PURE__ */ u(
-  Tt,
-  It,
-  At,
+  } } }, [t("svg", { staticClass: "css-i6dzq1", staticStyle: { "margin-right": "0.5em" }, attrs: { viewBox: "0 0 24 24", width: "12", height: "12", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" } }), t("line", { attrs: { x1: "12", y1: "9", x2: "12", y2: "13" } }), t("line", { attrs: { x1: "12", y1: "17", x2: "12.01", y2: "17" } })]), e._v(" " + e._s(e.$t("deduction.manualType", { type: e.$t(`deduction.${e.houseWorkType}`) })) + " " + e._s(e.$t("using")) + " ")])]) : e._e()], 1);
+}, Dt = [], Ot = /* @__PURE__ */ u(
+  Vt,
+  Rt,
+  Dt,
   !1,
   null,
-  "f3ba2092"
+  "1e846fc7"
 );
-const Pt = St.exports, Vt = {
+const Mt = Ot.exports, Lt = {
   name: "Pricing",
   components: {
-    EditDeduction: Pt
+    EditDeduction: Mt
   },
   props: {
     _document: {
@@ -1748,7 +1759,9 @@ const Pt = St.exports, Vt = {
         ...this.showHouseWork ? [
           {
             label: this._document.$t("deduction.type", {
-              type: `${this.prices.region.houseWorkType}${this.prices.region.houseWorkManualAmount === null ? "_percentage" : ""}`
+              type: this._document.$t(
+                `deduction.${this.prices.region.houseWorkType}${this.prices.region.houseWorkManualAmount === null ? "_percentage" : ""}`
+              )
             }),
             value: -this.prices.region.houseWorkAmount,
             action: () => this.$refs.deduction.showModal()
@@ -1794,34 +1807,34 @@ const Pt = St.exports, Vt = {
       }));
     },
     prices() {
-      const { prices: a } = this._document.packageGroups.getPackageById(
+      const { prices: s } = this._document.packageGroups.getPackageById(
         this.packageId
       );
-      return a;
+      return s;
     },
     showHouseWork() {
       return !!o(this.prices, "region.houseWorkType", !1) || !!o(this.prices, "region.houseWorkManualAmount", !1);
     }
   }
 };
-var Rt = function() {
+var Et = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "price-bubble" }, [t("div", { staticClass: "flex w-full items-center justify-between" }, [e.showHouseWork ? t("EditDeduction", e._g({ ref: "deduction", attrs: { disabled: !e.get(e.prices, "region.houseWorkType", !1), _document: e._document, _value: {
     houseWorkManualAmount: `${e.basePath}.data.prices.region.houseWorkManualAmount`
   }, "house-work-type": e.prices.region.houseWorkType, "house-work-amount": e.prices.region.houseWorkAmount, total: e.prices.subTotal + e.prices.taxAmount } }, e.$listeners)) : e._e()], 1), t("div", e._l(e.priceArray, function(i, n) {
-    return t("div", { key: n, staticClass: "price-row flex w-full justify-between", class: [i.classList || ""] }, [t("div", { staticClass: "price-label" }, [e._v(" " + e._s(i.label.capitalize()) + " "), i.subLabel ? t("span", { staticClass: "pricing-sub-label" }, [e._v(" " + e._s(i.subLabel) + " ")]) : e._e(), i.action ? t("span", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("edit", { thing: e.$t("deduction.deduction") }), expression: "$t('edit', { thing: $t('deduction.deduction') })" }], staticClass: "pricing-action", on: { click: function(s) {
+    return t("div", { key: n, staticClass: "price-row flex w-full justify-between", class: [i.classList || ""] }, [t("div", { staticClass: "price-label" }, [e._v(" " + e._s(i.label.capitalize()) + " "), i.subLabel ? t("span", { staticClass: "pricing-sub-label" }, [e._v(" " + e._s(i.subLabel) + " ")]) : e._e(), i.action ? t("span", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("edit", { thing: e.$t("deduction.deduction") }), expression: "$t('edit', { thing: $t('deduction.deduction') })" }], staticClass: "pricing-action", on: { click: function(a) {
       i.action && i.action();
     } } }, [t("svg", { attrs: { viewBox: "0 0 24 24", width: "15", height: "15", stroke: "currentColor", "stroke-width": "2.5", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" } }), t("path", { attrs: { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" } })])]) : e._e()]), t("div", { staticClass: "price-value" }, [e._v(" " + e._s(i.prefix) + " " + e._s(i.value) + " ")])]);
   }), 0)]);
-}, Dt = [], Ot = /* @__PURE__ */ u(
-  Vt,
-  Rt,
-  Dt,
+}, zt = [], Wt = /* @__PURE__ */ u(
+  Lt,
+  Et,
+  zt,
   !1,
   null,
-  "d22ef0b4"
+  "8a96a1f0"
 );
-const Mt = Ot.exports, Lt = {
+const Bt = Wt.exports, Ft = {
   name: "PackageItemEdit",
   i18nOptions: {
     namespaces: "PackageItemEdit",
@@ -1849,11 +1862,13 @@ const Mt = Ot.exports, Lt = {
     }
   },
   components: {
-    ArticleList: ft,
-    PriceFormAlternatives: Ct,
-    MaxTotalInput: kt,
-    Pricing: Mt,
-    TextEditor: ie
+    ArticleList: kt,
+    PriceFormAlternatives: Pt,
+    MaxTotalInput: Ct,
+    Pricing: Bt,
+    TextEditor: ce,
+    CDropdown: x,
+    CDropdownItem: b
   },
   mixins: [
     y([
@@ -1903,26 +1918,26 @@ const Mt = Ot.exports, Lt = {
       return this._document.allArticles;
     },
     mappedPackageArticles() {
-      return (this.articles || []).map((a, e) => ({ ...a, i: e })).filter(({ packageId: a }) => a === this.packageId);
+      return (this.articles || []).map((s, e) => ({ ...s, i: e })).filter(({ packageId: s }) => s === this.packageId);
     },
     internalDescription: {
       get() {
-        return J(
+        return se(
           this.description,
           this._document.textTemplateMap,
           this._document._doc
         );
       },
-      set(a) {
-        this.description = Q(a);
+      set(s) {
+        this.description = ae(s);
       }
     }
   },
   watch: {
-    priceType(a, e) {
-      if (!(a && a.startsWith("open") && e && e.startsWith("open"))) {
-        if (a) {
-          const t = a.startsWith("open") ? "openAcc" : a;
+    priceType(s, e) {
+      if (!(s && s.startsWith("open") && e && e.startsWith("open"))) {
+        if (s) {
+          const t = s.startsWith("open") ? "openAcc" : s;
           this.mappedPackageArticles.forEach((i, n) => {
             this.onArticleInput({
               index: n,
@@ -1935,7 +1950,7 @@ const Mt = Ot.exports, Lt = {
           });
         }
       }
-      a !== "openAccMaxPrice" && (this.maxTotal = null);
+      s !== "openAccMaxPrice" && (this.maxTotal = null);
     }
   },
   methods: {
@@ -1944,18 +1959,18 @@ const Mt = Ot.exports, Lt = {
     },
     // Article Methods
     createEmptyArticle() {
-      const a = this.newArticle({
+      const s = this.newArticle({
         priceType: this.priceType.startsWith("open") ? "openAcc" : this.priceType,
         packageId: this.packageId,
         currency: this.currency
       });
       this.$emit("input", {
         key: "articles",
-        value: [...this.articles, a]
+        value: [...this.articles, s]
       });
     },
-    onArticleInput({ index: a, value: e }) {
-      const { i: t } = this.mappedPackageArticles[a], i = X(e, [
+    onArticleInput({ index: s, value: e }) {
+      const { i: t } = this.mappedPackageArticles[s], i = ne(e, [
         "allowRot",
         "allowRut",
         "isIncVat",
@@ -1964,13 +1979,13 @@ const Mt = Ot.exports, Lt = {
       ]);
       i.currency = this.currency, this.$emit("input", { key: `articles[${[t]}]`, value: i });
     },
-    onArticleAdd({ openModal: a = !1 } = {}) {
-      this.createEmptyArticle(), a ? this.$refs.articleList.openLastArticle() : this.$refs.articleList.focusLastArticle();
+    onArticleAdd({ openModal: s = !1 } = {}) {
+      this.createEmptyArticle(), s ? this.$refs.articleList.openLastArticle() : this.$refs.articleList.focusLastArticle();
     },
-    onInsert({ index: a, value: e }) {
-      const t = ee(this.mappedPackageArticles).add(
+    onInsert({ index: s, value: e }) {
+      const t = re(this.mappedPackageArticles).add(
         { ...e, packageId: this.packageId },
-        a
+        s
       );
       this.$emit("input", {
         key: "articles",
@@ -1982,24 +1997,24 @@ const Mt = Ot.exports, Lt = {
         ]
       });
     },
-    onArticleRemove(a) {
-      const { i: e } = this.mappedPackageArticles[a];
+    onArticleRemove(s) {
+      const { i: e } = this.mappedPackageArticles[s];
       this.$emit("remove", { key: `articles[${[e]}]` });
     },
-    onArticleMove(a) {
+    onArticleMove(s) {
       this.$emit("input", {
         key: "articles",
         value: [
           ...this.articles.filter(
             ({ packageId: e }) => e !== this.packageId
           ),
-          ...a
+          ...s
         ]
       });
     }
   }
 };
-var Et = function() {
+var jt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "min-h-0 rounded-md border border-gray-200 bg-white text-black" }, [t("div", { staticClass: "flex w-full items-center justify-between bg-gray-100 py-1 pl-4 pr-1 text-sm font-medium text-gray-600" }, [t("div", [e._v(" " + e._s(e.type === "single" ? e.$t("single") : e.type === "radio" || e.toggable ? e.$t("option") : e.$t("base")) + " ")]), e.type !== "single" ? t("CDropdown", { staticClass: "ml-4", scopedSlots: e._u([{ key: "trigger", fn: function() {
     return [t("CButton", { staticClass: "is-thinner opacity-70", attrs: { size: "small", type: "text", pattern: "secondary" } }, [e._v(" " + e._s(e.$t("_common:change")) + " ")])];
@@ -2051,22 +2066,22 @@ var Et = function() {
           }` }], staticClass: "cursor-pointer rounded-md border border-gray-200 bg-gray-100 p-2.5 text-center text-sm font-medium leading-none text-gray-500 transition-colors hover:border-gray-400 hover:bg-gray-500 hover:text-white", on: { click: function(i) {
     return e.onArticleAdd({ openModal: !0 });
   } } }, [t("CIcon", { attrs: { type: "zap", size: "16", "stroke-width": "2.5" } })], 1)]), t("Pricing", e._g({ attrs: { _document: e._document, "base-path": `${e._value.basePath}`, "package-id": e.packageId } }, e.$listeners))], 1)], 1)]);
-}, zt = [], Bt = /* @__PURE__ */ u(
-  Lt,
-  Et,
-  zt,
+}, Nt = [], Ht = /* @__PURE__ */ u(
+  Ft,
+  jt,
+  Nt,
   !1,
   null,
-  "d34c5127"
+  "51ec9229"
 );
-const Wt = Bt.exports, jt = (a) => (a || []).slice(0, 1).map((e) => ({
+const qt = Ht.exports, Ut = (s) => (s || []).slice(0, 1).map((e) => ({
   ...e,
   isSelected: !0,
   isSelectedDefault: !0,
   toggable: !1
-})), Ft = (a) => {
-  const e = o(a, "0.data.prices.type") || "fixed";
-  return (a || []).map((t, i) => ({
+})), Gt = (s) => {
+  const e = o(s, "0.data.prices.type") || "fixed";
+  return (s || []).map((t, i) => ({
     ...t,
     toggable: !0,
     ...i === 0 ? {
@@ -2082,9 +2097,9 @@ const Wt = Bt.exports, jt = (a) => (a || []).slice(0, 1).map((e) => ({
       }
     }
   }));
-}, Nt = (a = []) => {
+}, Kt = (s = []) => {
   let e = !1;
-  return a.map((t) => {
+  return s.map((t) => {
     const i = {
       ...t,
       // if any earlier pkg is selected, deselect pkg, otherwise keep as is
@@ -2097,16 +2112,16 @@ const Wt = Bt.exports, jt = (a) => (a || []).slice(0, 1).map((e) => ({
     return (i.isSelected || i.isSelectedDefault) && (e = !0), i;
   }, []);
 };
-function Ht(a, ...e) {
-  if (a === "single")
-    return jt(...e);
-  if (a === "checkbox")
-    return Ft(...e);
-  if (a === "radio")
-    return Nt(...e);
-  throw new Error(`Package filter type '${a}' is not implemented`);
+function Yt(s, ...e) {
+  if (s === "single")
+    return Ut(...e);
+  if (s === "checkbox")
+    return Gt(...e);
+  if (s === "radio")
+    return Kt(...e);
+  throw new Error(`Package filter type '${s}' is not implemented`);
 }
-const qt = {
+const Zt = {
   name: "PackageGroupEdit",
   i18nOptions: {
     namespaces: "PackageGroupEdit",
@@ -2144,9 +2159,12 @@ const qt = {
     }
   },
   components: {
-    ErrorCallout: S,
-    PackageItem: Wt,
-    PackageGroupSelect: Oe
+    ErrorCallout: V,
+    PackageItem: qt,
+    PackageGroupSelect: We,
+    CCallout: W,
+    CDropdown: x,
+    CDropdownItem: b
   },
   mixins: [
     y([
@@ -2179,13 +2197,13 @@ const qt = {
       newArticle: "articles/getNewArticle"
     }),
     internalPackages() {
-      return this.packages.map((a, e) => ({ ...a, index: e }));
+      return this.packages.map((s, e) => ({ ...s, index: e }));
     },
     topRowPackages() {
-      return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: a }) => a === !1) : this.internalPackages;
+      return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: s }) => s === !1) : this.internalPackages;
     },
     bottomRowPackages() {
-      return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: a }) => a === !0) : [];
+      return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: s }) => s === !0) : [];
     },
     group() {
       return this._document.packageGroups.getPackageGroupUniqId(
@@ -2220,18 +2238,18 @@ const qt = {
     ...v({
       showMessage: p.SHOW_MESSAGE
     }),
-    setPricesIncVatAsDefault(a = {}) {
+    setPricesIncVatAsDefault(s = {}) {
       this.$emit("input", {
         key: "data.formSettings.setPricesIncVat",
         value: this.defaultVatInput === "incVat",
-        options: a
+        options: s
       });
     },
-    onSelectType(a) {
-      this.type = a;
+    onSelectType(s) {
+      this.type = s;
       const { type: e, packages: t } = this.persistedGroup || {};
       if (e && t && t.length)
-        this.addPersistedGroup(a), a !== e && this.showMessage({
+        this.addPersistedGroup(s), s !== e && this.showMessage({
           type: "info",
           message: this.$t("reset.message"),
           actions: {
@@ -2244,29 +2262,29 @@ const qt = {
           }
         });
       else {
-        if (a === "checkbox")
+        if (s === "checkbox")
           return;
         this.addPackage({});
       }
     },
-    addPersistedGroup(a) {
+    addPersistedGroup(s) {
       if (!this.persistedGroup || !this.persistedGroup.type)
         return;
       let { packages: e, articles: t } = this.persistedGroup;
       if (!e.length)
         return;
-      if (a !== this.persistedGroup.type && (e = Ht(a, e)), a === "single" && t.length) {
+      if (s !== this.persistedGroup.type && (e = Yt(s, e)), s === "single" && t.length) {
         const [{ packageId: n }] = e;
-        t = t.filter((s) => s.packageId === n);
+        t = t.filter((a) => a.packageId === n);
       }
-      const i = Se(
+      const i = Oe(
         [...this._document.allArticles || [], ...t || []],
         (n) => n._uniqueId
       );
       this.$emit("input", { key: "articles", value: i }), this.$emit("input", { key: `${[this._value.packages]}`, value: e });
     },
-    addPackage(a = {}) {
-      const e = te(), t = this.type === "checkbox" && this.packages.length ? this.packages[0].data.prices.type : "fixed", i = this.currency || this.defaultCurrency, n = {
+    addPackage(s = {}) {
+      const e = oe(), t = this.type === "checkbox" && this.packages.length ? this.packages[0].data.prices.type : "fixed", i = this.currency || this.defaultCurrency, n = {
         isSelected: this.type === "single",
         isSelectedDefault: this.type === "single",
         toggable: !0,
@@ -2279,7 +2297,7 @@ const qt = {
             currency: i
           }
         },
-        ...a
+        ...s
       };
       this.$emit("input", { key: this._value.packages, value: n }), this.$emit("input", {
         key: "articles",
@@ -2289,21 +2307,21 @@ const qt = {
           currency: i
         })
       }), this.$nextTick(() => {
-        const s = document.getElementById(`package-name-${e}`);
-        s && s.focus();
+        const a = document.getElementById(`package-name-${e}`);
+        a && a.focus();
       });
     },
-    onInputPriceType(a, e) {
+    onInputPriceType(s, e) {
       this.type === "checkbox" && this.packages.forEach((t, i) => {
-        i !== a && this.$emit("input", {
+        i !== s && this.$emit("input", {
           key: `${[this._value.packages]}[${[i]}].data.prices.type`,
           value: e
         });
       });
     },
-    onInputSelectedDefault(a, e) {
+    onInputSelectedDefault(s, e) {
       this.type === "radio" && !e || (this.type === "radio" && e && this.packages.forEach((t, i) => {
-        i !== a && (this.$emit("input", {
+        i !== s && (this.$emit("input", {
           key: `${[this._value.packages]}[${[i]}].isSelectedDefault`,
           value: !1
         }), this.$emit("input", {
@@ -2311,22 +2329,22 @@ const qt = {
           value: !1
         }));
       }), this.$emit("input", {
-        key: `${[this._value.packages]}[${[a]}].isSelectedDefault`,
+        key: `${[this._value.packages]}[${[s]}].isSelectedDefault`,
         value: e
       }), this.$emit("input", {
-        key: `${[this._value.packages]}[${[a]}].isSelected`,
+        key: `${[this._value.packages]}[${[s]}].isSelected`,
         value: e
       }));
     },
-    removeByIndex(a) {
-      const { packageId: e } = this.packages[a], t = this._document.allArticles.filter(
+    removeByIndex(s) {
+      const { packageId: e } = this.packages[s], t = this._document.allArticles.filter(
         ({ packageId: i }) => i !== e
       );
-      this.$emit("input", { key: "articles", value: t }), this.$emit("remove", { key: `${[this._value.packages]}[${[a]}]` });
+      this.$emit("input", { key: "articles", value: t }), this.$emit("remove", { key: `${[this._value.packages]}[${[s]}]` });
     },
     async onResetType() {
-      const a = this.packages.map((i) => i.packageId), [e, t] = this._document.allArticles.reduce(
-        ([i, n], s) => a.includes(s.packageId) ? [[...i, s], n] : [i, [...n, s]],
+      const s = this.packages.map((i) => i.packageId), [e, t] = this._document.allArticles.reduce(
+        ([i, n], a) => s.includes(a.packageId) ? [[...i, a], n] : [i, [...n, a]],
         [[], []]
       );
       this.$emit("update:persisted-group", {
@@ -2335,17 +2353,17 @@ const qt = {
         articles: e
       }), this.$emit("input", { key: "articles", value: t }), this.$emit("input", { key: `${[this._value.packages]}`, value: [] }), this.type = "";
     },
-    moveOptions(a, e) {
+    moveOptions(s, e) {
       const t = { up: !1, down: !1 };
-      return a > 0 && (t.up = !0), a < e - 1 && (t.down = !0), t;
+      return s > 0 && (t.up = !0), s < e - 1 && (t.down = !0), t;
     },
-    moveItem(a, e) {
-      const t = T(this.packages, a, e);
+    moveItem(s, e) {
+      const t = A(this.packages, s, e);
       this.$emit("input", { key: this._value.packages, value: t });
     }
   }
 };
-var Ut = function() {
+var Jt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "package-group-root font-inter" }, [e.type ? [t("div", { staticStyle: { position: "absolute", right: "0", top: "-10px", transform: "translateY(-100%)", "z-index": "2" } }, [t("CDropdown", { scopedSlots: e._u([{ key: "trigger", fn: function() {
     return [t("CButton", { attrs: { type: "none", size: "normal", pattern: "secondary", icon: "more-horizontal", circle: "" } })];
@@ -2367,21 +2385,21 @@ var Ut = function() {
       maxTotal: `${e._value.packages}[${i.index}].data.prices.maxTotal`,
       basePath: `${e._value.packages}[${i.index}]`,
       currency: `${e._value.packages}[${i.index}].data.prices.currency`
-    }, type: e.type, "active-house-work-type": e.houseWorkType, toggable: i.toggable, "package-id": i.packageId, "move-options": e.moveOptions(n, e.topRowPackages.length) }, on: { input: function(s) {
-      return e.$emit("input", s);
-    }, add: function(s) {
-      return e.$emit("add", s);
-    }, "update:isSelectedDefault": (s) => e.onInputSelectedDefault(i.index, s), "update:priceType": (s) => e.onInputPriceType(i.index, s), "update:setPricesIncVat": (s) => {
+    }, type: e.type, "active-house-work-type": e.houseWorkType, toggable: i.toggable, "package-id": i.packageId, "move-options": e.moveOptions(n, e.topRowPackages.length) }, on: { input: function(a) {
+      return e.$emit("input", a);
+    }, add: function(a) {
+      return e.$emit("add", a);
+    }, "update:isSelectedDefault": (a) => e.onInputSelectedDefault(i.index, a), "update:priceType": (a) => e.onInputPriceType(i.index, a), "update:setPricesIncVat": (a) => {
       e.$emit("input", {
         key: "data.formSettings.setPricesIncVat",
-        value: s
+        value: a
       }), e.setPricesDirty = !0;
-    }, "update:currency": (s) => e.$emit("input", { key: "currency", value: s }), remove: function(s) {
-      return e.$emit("remove", s);
-    }, "remove-package": function(s) {
+    }, "update:currency": (a) => e.$emit("input", { key: "currency", value: a }), remove: function(a) {
+      return e.$emit("remove", a);
+    }, "remove-package": function(a) {
       return e.removeByIndex(i.index);
-    }, move: function(s) {
-      return e.moveItem(i.index, e.topRowPackages[n + s].index);
+    }, move: function(a) {
+      return e.moveItem(i.index, e.topRowPackages[n + a].index);
     } } })], 1);
   }), 0), e.type === "checkbox" && e.topRowPackages.length && e.bottomRowPackages.length ? t("div", { staticStyle: { width: "calc(5 * var(--rem))", height: "1px", "margin-left": "calc(50% - calc(2.5 * var(--rem)))", "border-top": "2px dashed hsl(0, 0%, 85%)" } }) : e._e(), e.type === "checkbox" ? [t("transition-group", { staticStyle: { "margin-bottom": "calc(1 * var(--rem))" }, attrs: { name: "section-list", tag: "div" } }, e._l(e.bottomRowPackages, function(i, n) {
     return t("div", { key: i.packageId, staticClass: "section-item", staticStyle: { padding: "calc(1 * var(--rem)) 0" } }, [t("PackageItem", { staticClass: "package-item", attrs: { _document: e._document, _value: {
@@ -2393,36 +2411,36 @@ var Ut = function() {
       maxTotal: `${e._value.packages}[${i.index}].data.prices.maxTotal`,
       basePath: `${e._value.packages}[${i.index}]`,
       currency: `${e._value.packages}[${i.index}].data.prices.currency`
-    }, type: e.type, "active-house-work-type": e.houseWorkType, "package-id": i.packageId, "move-options": e.moveOptions(n, e.bottomRowPackages.length) }, on: { input: function(s) {
-      return e.$emit("input", s);
-    }, add: function(s) {
-      return e.$emit("add", s);
-    }, "update:isSelectedDefault": (s) => e.onInputSelectedDefault(i.index, s), "update:priceType": (s) => e.onInputPriceType(i.index, s), "update:setPricesIncVat": (s) => {
+    }, type: e.type, "active-house-work-type": e.houseWorkType, "package-id": i.packageId, "move-options": e.moveOptions(n, e.bottomRowPackages.length) }, on: { input: function(a) {
+      return e.$emit("input", a);
+    }, add: function(a) {
+      return e.$emit("add", a);
+    }, "update:isSelectedDefault": (a) => e.onInputSelectedDefault(i.index, a), "update:priceType": (a) => e.onInputPriceType(i.index, a), "update:setPricesIncVat": (a) => {
       e.$emit("input", {
         key: "data.formSettings.setPricesIncVat",
-        value: s
+        value: a
       }), e.setPricesDirty = !0;
-    }, remove: function(s) {
-      return e.$emit("remove", s);
-    }, "remove-package": function(s) {
+    }, remove: function(a) {
+      return e.$emit("remove", a);
+    }, "remove-package": function(a) {
       return e.removeByIndex(i.index);
-    }, move: function(s) {
-      return e.moveItem(i.index, e.bottomRowPackages[n + s].index);
+    }, move: function(a) {
+      return e.moveItem(i.index, e.bottomRowPackages[n + a].index);
     } } })], 1);
   }), 0)] : e._e(), e.type !== "single" || !e.packages.length ? t("div", { staticClass: "flex w-full flex-col items-center justify-center" }, [t("div", { staticStyle: { width: "100%" } }, [e.type === "radio" && !e.packages.length ? t("div", { staticClass: "package-placeholder bg-gray-100", staticStyle: { color: "hsl(0, 0%, 24%)", "font-weight": "500" } }, [t("svg", { staticStyle: { "vertical-align": "text-bottom", "margin-right": "3px" }, attrs: { width: "16", height: "16", viewBox: "0 0 18 14", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M8.03.22c.3.3.3.77 0 1.06L5.56 3.75h6.88L9.97 1.28A.75.75 0 1111.03.21l3.53 3.54h2.69a.75.75 0 010 1.5h-.12l-1.17 6.4a2.25 2.25 0 01-2.21 1.85h-9.5a2.25 2.25 0 01-2.21-1.84L.87 5.26H.75a.75.75 0 010-1.5h2.69L6.97.21c.3-.3.77-.3 1.06 0zM2.4 5.25L3.5 11.4c.07.35.38.61.74.61h9.5c.36 0 .67-.26.74-.61l1.11-6.14H2.4zm3.1 1.5c.41-.06.8.22.86.63l.38 2.25a.75.75 0 11-1.48.24l-.37-2.25c-.07-.4.2-.8.61-.86zm7 0c.4.08.68.47.61.87l-.37 2.25a.75.75 0 11-1.48-.24l.38-2.25a.75.75 0 01.86-.62zm-3.5 0c.41 0 .75.34.75.75v2.25a.75.75 0 01-1.5 0V7.5c0-.41.34-.75.75-.75z", fill: "#000", "fill-rule": "evenodd" } })]), e._v(" " + e._s(e.$t("selectablePlaceholder")) + " ")]) : e._e()]), e.validator.$invalid && e.validator.$dirty ? t("ErrorCallout", { staticStyle: { margin: "calc(1 * var(--rem)) 0 calc(1 * var(--rem)) 0" }, attrs: { message: e.$t("error.minOnePackage") } }) : e._e(), t("div", { staticClass: "flex w-full" }, [t("CButton", { staticStyle: { "border-color": "hsl(0, 0%, 82%)" }, attrs: { type: "secondary", outlined: "", "icon-left": "plus" }, on: { click: function(i) {
     return e.addPackage();
   } } }, [e._v(" " + e._s(e.$t("add")) + " ")])], 1)], 1) : e._e()] : t("div", [t("PackageGroupSelect", { on: { input: function(i) {
     return e.onSelectType(i);
   } } }), e.validator.$invalid && e.validator.$dirty ? t("ErrorCallout", { staticStyle: { "padding-bottom": "calc(1.5 * var(--rem))" }, attrs: { message: e.$t("error.selectType") } }) : e._e()], 1)], 2);
-}, Gt = [], Kt = /* @__PURE__ */ u(
-  qt,
-  Ut,
-  Gt,
+}, Qt = [], Xt = /* @__PURE__ */ u(
+  Zt,
+  Jt,
+  Qt,
   !1,
   null,
-  "1cbab1d2"
+  "c254d910"
 );
-const oi = Kt.exports;
+const mi = Xt.exports;
 export {
-  oi as default
+  mi as default
 };