@cling-se/widget 0.14.0 → 0.14.3

package/dist/{Index-Dy7K8KMB.js → Index-CGYjPfsf.js}

@@ -1,16 +1,16 @@
-import { m as y } from "./mapFormMixin-BOmDynJ-.js";
-import { E as A } from "./ErrorCallout-B_QrRAm6.js";
-import { aF as E, aG as S, aH as z, aI as B, aJ as W, aK as F, k as j, aL as N, n as l, r as H, aM as b, g as p, u as k, aC as q, aN as w, aO as U, an as f, a2 as G, aP as K, ao as Y, aQ as Z, aR as J, aS as C, p as Q, b as o, Q as g, x as X, z as ee, aT as te, q as ie, T as se } from "./main-CWRB9q-W.js";
+import { m as y } from "./mapFormMixin-y2txvLw9.js";
+import { E as P } from "./ErrorCallout-6pCYcx00.js";
+import { aF as L, aG as S, aH as E, aI as z, aJ as B, aK as W, k as F, aL as j, n as u, g as p, w as k, aC as N, aM as w, aN as H, r as C, an as f, ae as q, aO as U, ao as G, aP as K, aQ as Y, aR as T, p as Z, b as o, T as g, z as J, B as Q, aS as X, t as ee, a6 as te } from "./main-DE5THsiR.js";
 import { m as h, a as v } from "./vuex.esm-DKGl8mcw.js";
-import { T as ae } from "./DocTextEditor-CYe_jWZ8.js";
-import { W as ne } from "./DocumentLayout-Ba121Zro.js";
-import { o as P, d as re } from "./omit-CMqxXOLn.js";
-import { C as oe } from "./tippy.esm-BcAHvKwR.js";
-import { S as ce } from "./SearchApi-CbWFQfoc.js";
-import { v as le } from "./index-M-GXl2PO.js";
-import { w as ue } from "./CDropdownItem-DhEpCmQt.js";
-import { B as V } from "./BaseInput-BDjhI5P9.js";
-const de = [
+import { T as ie } from "./DocTextEditor-BfOZFDTP.js";
+import { W as se } from "./DocumentLayout-BA7mFfZh.js";
+import { o as V } from "./omit-BrsWQAtU.js";
+import { d as ae } from "./vuedraggable.umd-Cd1g2Hr7.js";
+import { C as x } from "./CPriceInput-BpXI5X2j.js";
+import { S as ne } from "./SearchApi-CGT7-jVf.js";
+import { v as re } from "./index-DTzZP4yq.js";
+import { w as oe } from "./CDropdownItem-DlWtQwO6.js";
+const ce = [
   "unit",
   "m2",
   "hour",
@@ -27,41 +27,41 @@ const de = [
   "year",
   "kWh"
 ];
-function pe() {
+function le() {
 }
-var he = pe, x = E, me = he, fe = S, ve = 1 / 0, ge = x && 1 / fe(new x([, -0]))[1] == ve ? function(i) {
-  return new x(i);
-} : me, ye = ge, _e = z, ke = B, $e = W, be = F, xe = ye, we = S, Ce = 200;
-function Ie(i, e, t) {
-  var s = -1, n = ke, a = i.length, r = !0, c = [], u = c;
+var ue = le, b = L, de = ue, pe = S, he = 1 / 0, me = b && 1 / pe(new b([, -0]))[1] == he ? function(s) {
+  return new b(s);
+} : de, fe = me, ve = E, ge = z, ye = B, _e = W, ke = fe, $e = S, xe = 200;
+function be(s, e, t) {
+  var i = -1, n = ge, a = s.length, r = !0, c = [], l = c;
   if (t)
-    r = !1, n = $e;
-  else if (a >= Ce) {
-    var _ = e ? null : xe(i);
+    r = !1, n = ye;
+  else if (a >= xe) {
+    var _ = e ? null : ke(s);
     if (_)
-      return we(_);
-    r = !1, n = be, u = new _e();
+      return $e(_);
+    r = !1, n = _e, l = new ve();
   } else
-    u = e ? [] : c;
+    l = e ? [] : c;
   e:
-    for (; ++s < a; ) {
-      var d = i[s], 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 = u.length; I--; )
-          if (u[I] === m)
+        for (var I = l.length; I--; )
+          if (l[I] === m)
             continue e;
-        e && u.push(m), c.push(d);
+        e && l.push(m), c.push(d);
       } else
-        n(u, m, t) || (u !== c && u.push(m), c.push(d));
+        n(l, m, t) || (l !== c && l.push(m), c.push(d));
     }
   return c;
 }
-var Te = Ie, Ae = N, Se = Te;
-function Pe(i, e) {
-  return i && i.length ? Se(i, Ae(e)) : [];
+var we = be, Ce = j, Te = we;
+function Ie(s, e) {
+  return s && s.length ? Te(s, Ce(e)) : [];
 }
-var Ve = Pe;
-const De = /* @__PURE__ */ j(Ve), Re = {
+var Ae = Ie;
+const Pe = /* @__PURE__ */ F(Ae), Se = {
   name: "PackageGroupSelect",
   i18nOptions: {
     namespaces: "PackageGroupSelect",
@@ -128,147 +128,41 @@ const De = /* @__PURE__ */ j(Ve), Re = {
     };
   }
 };
-var Oe = function() {
+var Ve = 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(s, n) {
-    return t("div", { key: n, staticClass: "package-group-option", style: { backgroundColor: s.background }, on: { click: function(a) {
-      return e.$emit("input", s.value);
-    } } }, [t("div", { staticClass: "package-group-option__illustration" }, [s.value === "single" ? t("div", { staticClass: "package-group-option__illustration-card animate" }, [e._m(0, !0)]) : e._e(), s.value === "radio" ? e._l(3, function(a) {
+  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(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(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 ${s.background}`,
-        backgroundColor: s.background
+        boxShadow: `0 0 0 1px white, 0 0 0 2px ${i.background}`,
+        backgroundColor: i.background
       } }), e._m(1, !0)]);
-    }) : e._e(), s.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: s.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(s.title) + " ")]), t("div", { staticClass: "package-group-option__subtitle", domProps: { innerHTML: e._s(s.subTitle) } })])]);
+    }) : 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)])]);
-}, Le = [function() {
-  var i = this, e = i._self._c;
+}, Re = [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 i = this, e = i._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 i = this, e = i._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" } })]);
-}], Me = /* @__PURE__ */ l(
+}], De = /* @__PURE__ */ u(
+  Se,
+  Ve,
   Re,
-  Oe,
-  Le,
   !1,
   null,
   "b67c5afd"
 );
-const Ee = Me.exports, ze = {
-  name: "CPriceInput",
-  components: {
-    CInput: H,
-    CCurrencyDropdown: oe
-  },
-  props: {
-    value: {
-      type: Number,
-      default: 0
-    },
-    currency: {
-      type: String,
-      required: !0
-    },
-    priceType: {
-      type: String,
-      default: "fixed",
-      validator: (i) => ["fixed", "markup", "openAcc", "approx"].includes(i)
-    },
-    unitLabel: {
-      type: String,
-      default: ""
-    },
-    isIncVat: {
-      type: Boolean,
-      default: !1
-    },
-    // Vat in percentage
-    vat: {
-      type: Number,
-      default: null
-    }
-  },
-  data() {
-    return {
-      isCurrencyDropdownOpen: !1
-    };
-  },
-  computed: {
-    internalValue: {
-      get() {
-        if (!Number.isNaN(parseFloat(this.value)) && Number.isFinite(this.value)) {
-          if (!this.value && !this.showZero)
-            return "";
-          let i = this.value;
-          return this.isIncVat && (i *= (100 + this.vat) / 100), Math.round(i) / 100;
-        }
-        return this.value;
-      },
-      set(i) {
-        let e = i;
-        e = i * 100, this.isIncVat && (e /= (100 + this.vat) / 100), e = Math.round(e), this.$emit("input", e);
-      }
-    },
-    internalCurrency: {
-      get() {
-        return this.currency;
-      },
-      set(i) {
-        this.$emit("update:currency", i);
-      }
-    },
-    suffixValue() {
-      const i = b(this.internalCurrency);
-      switch (this.priceType) {
-        case "openAcc":
-          return `${i}/${this.unitLabel || this.$t("_common:unitType.unit")}`;
-        case "markup":
-          return "%";
-        default:
-          return i;
-      }
-    },
-    showCurrencyDropdown() {
-      return !["markup"].includes(this.priceType);
-    },
-    eventListeners() {
-      return { ...this.$listeners, onInput: () => ({}), input: () => ({}) };
-    }
-  },
-  methods: {
-    focus() {
-      this.$refs.priceInput && typeof this.$refs.priceInput.focus == "function" && this.$refs.priceInput.focus();
-    }
-  }
-};
-var Be = function() {
-  var e = this, t = e._self._c;
-  return t("CInput", e._g(e._b({ key: e.internalCurrency + e.priceType, ref: "priceInput", style: e.isCurrencyDropdownOpen && { zIndex: 99 }, attrs: { size: e.$attrs.size, placeholder: e.$attrs.placeholder, type: "number" }, model: { value: e.internalValue, callback: function(s) {
-    e.internalValue = s;
-  }, expression: "internalValue" } }, "CInput", { ...e.$attrs, ...e.$props }, !1), e.eventListeners), [e.$slots.suffix ? t("div", [e._t("suffix")], 2) : t("template", { slot: "suffix" }, [e.showCurrencyDropdown ? t("CCurrencyDropdown", { on: { "active-change": function(s) {
-    e.isCurrencyDropdownOpen = s;
-  } }, scopedSlots: e._u([{ key: "default", fn: function({ selectedValue: s }) {
-    return [t("CButton", { staticClass: "is-thinner", staticStyle: { "padding-left": "0.5em", "padding-right": "0.5em", "border-radius": "0.25em" }, attrs: { size: e.$attrs.size, type: "none", pattern: "tertiary" } }, [e._v(" " + e._s(s) + " ")])];
-  } }], null, !1, 1723986040), model: { value: e.internalCurrency, callback: function(s) {
-    e.internalCurrency = s;
-  }, expression: "internalCurrency" } }) : t("div", [e._v(e._s(e.suffixValue))])], 1)], 2);
-}, We = [], Fe = /* @__PURE__ */ l(
-  ze,
-  Be,
-  We,
-  !1,
-  null,
-  null
-);
-const D = Fe.exports, je = {
+const Oe = De.exports, Me = {
   name: "ArticleAutocomplete",
   components: {
-    SearchApi: ce
+    SearchApi: ne
   },
   mixins: [y([])],
   props: {
@@ -299,23 +193,23 @@ const D = Fe.exports, je = {
       ids: "articles/articleIdList"
     }),
     whiteList() {
-      const i = [];
+      const s = [];
       if (this.$refs.dropdown !== void 0) {
         const e = this.$refs.dropdown.querySelectorAll("*");
         for (const t of e)
-          i.push(t);
+          s.push(t);
       }
       if (this.$refs.input !== void 0) {
         const e = this.$refs.input.$el.querySelectorAll("*");
         for (const t of e)
-          i.push(t);
+          s.push(t);
       }
-      return i;
+      return s;
     }
   },
   watch: {
-    searchResults(i, e) {
-      i.length !== e.length && (this.selectedIndex = 0);
+    searchResults(s, e) {
+      s.length !== e.length && (this.selectedIndex = 0);
     }
   },
   created() {
@@ -331,13 +225,13 @@ const D = Fe.exports, je = {
       loadArticles: p.LOAD_ARTICLES
     }),
     priceFormat: k,
-    search(i, e) {
-      this.$emit("input", e), !this.viewSettings.isPublicForm && i({
+    search(s, e) {
+      this.$emit("input", e), !this.viewSettings.isPublicForm && s({
         q: e,
-        cb: ({ article: t = [], extensionArticle: s = [] }) => {
+        cb: ({ article: t = [], extensionArticle: i = [] }) => {
           this.searchResults = [
             ...t.sort((n, a) => n.usedTimes > a.usedTimes ? -1 : 1),
-            ...s
+            ...i
           ], !this.isOpen && this.searchResults.length && this.showResults();
         }
       });
@@ -346,11 +240,11 @@ const D = Fe.exports, je = {
     focus() {
       this.$refs.input.focus();
     },
-    onFocus(i) {
-      this.isFocus = !0, this.$emit("focus", i);
+    onFocus(s) {
+      this.isFocus = !0, this.$emit("focus", s);
     },
-    onBlur(i) {
-      this.isFocus = !1, this.$emit("blur", i);
+    onBlur(s) {
+      this.isFocus = !1, this.$emit("blur", s);
     },
     showResults() {
       this.isOpen = !0;
@@ -358,15 +252,15 @@ const D = Fe.exports, je = {
     hideResults() {
       this.isOpen = !1;
     },
-    onSelect(i) {
-      this.$emit("select", i), 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(i) {
-      this.whiteList.indexOf(i.target) < 0 && this.hideResults();
+    onClickOutside(s) {
+      this.whiteList.indexOf(s.target) < 0 && this.hideResults();
     },
-    onKeydown({ keyCode: i }) {
+    onKeydown({ keyCode: s }) {
       if (this.isOpen) {
-        switch (i) {
+        switch (s) {
           case 38:
             this.selectedIndex > 0 && this.selectedIndex--;
             break;
@@ -387,18 +281,18 @@ const D = Fe.exports, je = {
     }
   }
 };
-var Ne = function() {
+var Le = function() {
   var e = this, t = e._self._c;
-  return t("div", { class: { "is-open": e.isOpen }, staticStyle: { position: "relative" }, on: { "&keydown": function(s) {
+  return t("div", { class: { "is-open": e.isOpen }, staticStyle: { position: "relative" }, on: { "&keydown": function(i) {
     return e.onKeydown.apply(null, arguments);
   } } }, [t("SearchApi", { attrs: { "custom-search": {
     article: !0,
     extensionArticle: !0,
     project: !1,
     user: !1
-  } }, scopedSlots: e._u([{ key: "default", fn: function({ fetch: s }) {
+  } }, scopedSlots: e._u([{ key: "default", fn: function({ fetch: i }) {
     return [t("CInput", e._b({ ref: "input", staticClass: "r-input", attrs: { value: e.value, type: e.tag, "auto-resize": !0 }, on: { input: function(n) {
-      return e.search(s, n);
+      return e.search(i, n);
     }, focus: e.onFocus, blur: e.onBlur }, nativeOn: { keydown: [function(n) {
       return !n.type.indexOf("key") && e._k(n.keyCode, "tab", 9, n.key, "Tab") ? null : e.hideResults.apply(null, arguments);
     }, function(n) {
@@ -407,76 +301,76 @@ var Ne = function() {
       ...e.$attrs,
       ...e.$props
     }, !1), [e._t("prefix", null, { slot: "prefix" }), e._t("suffix", null, { slot: "suffix" })], 2)];
-  } }], null, !0) }), e.isOpen ? t("div", { ref: "dropdown", staticClass: "r-container" }, e._l(e.searchResults, function(s, n) {
+  } }], null, !0) }), 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(a) {
-      return a.stopPropagation(), e.onSelect(s);
-    } } }, [t("div", { staticClass: "r-item-title truncate-text" }, [e._v(e._s(s.name))]), t("div", { staticClass: "r-item-details" }, [s.externalReference && s.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: s.externalReference.service, size: "14" } })], 1) : e._e(), s.article_no ? t("div", [e._v(e._s(s.article_no))]) : e._e(), s.price ? t("div", [e._v(" " + e._s(e.priceFormat(s.price, { currency: s.currency })) + " ")]) : e._e(), s.vat ? t("div", [e._v(" " + e._s(e.$t("vat.sharedTitle").capitalize()) + " " + e._s(s.vat) + "% ")]) : e._e()]), e.selectedIndex === n ? t("div", { staticClass: "r-item-icon" }, [t("CIcon", { attrs: { type: "corner-down-left", size: "16" } })], 1) : e._e()]);
+      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);
-}, He = [], qe = /* @__PURE__ */ l(
-  je,
-  Ne,
-  He,
+}, Ee = [], ze = /* @__PURE__ */ u(
+  Me,
+  Le,
+  Ee,
   !1,
   null,
   "d068ad40"
 );
-const R = qe.exports, T = {
+const R = ze.exports, A = {
   isDeductable: !1,
   isRut: !1,
   greenRot15: !1,
   greenRot20: !1,
   greenRot50: !1
-}, $ = (i, e = "", t) => {
-  let s = {
-    ...i,
+}, $ = (s, e = "", t) => {
+  let i = {
+    ...s,
     updatedAt: (/* @__PURE__ */ new Date()).toISOString()
     // Trigger updatedAt as it us used to decide which houseWork to prioritize
   };
-  return typeof t < "u" && (s[t] = e), Object.keys(T).includes(t) && e && (s = {
-    ...s,
-    ...T,
+  return typeof t < "u" && (i[t] = e), Object.keys(A).includes(t) && e && (i = {
+    ...i,
+    ...A,
     [t]: !0
-  }), q(s.quantity) !== "number" && (s.quantity = 0), w(s);
-}, O = ({
-  stored: i,
+  }), N(i.quantity) !== "number" && (i.quantity = 0), w(i);
+}, D = ({
+  stored: s,
   current: e,
   hidePrice: t = !1,
-  activeHouseWorkType: s
+  activeHouseWorkType: i
 }) => {
-  let n = U({
-    ...i,
+  let n = H({
+    ...s,
     quantity: 1,
     showPrice: !t,
     id: null,
-    ArticleId: i.id,
+    ArticleId: s.id,
     packageId: e.packageId
   });
-  if (s) {
-    const a = (u = []) => u.reduce((_, d) => ({ ..._, [d]: !1 }), {}), c = Object.values(
-      P({
+  if (i) {
+    const a = (l = []) => l.reduce((_, d) => ({ ..._, [d]: !1 }), {}), c = Object.values(
+      V({
         rot: "isDeductable",
         rut: "isRut",
         greenRot15: "greenRot15",
         greenRot20: "greenRot20",
         greenRot50: "greenRot50"
-      }, [s])
+      }, [i])
     );
-    c.some((u) => !!n[u]) && (n = { ...n, ...a(c) });
+    c.some((l) => !!n[l]) && (n = { ...n, ...a(c) });
   }
   return n;
-}, Ue = (i, e = null) => {
-  const t = b(i.currency, e);
-  switch (i.priceType) {
+}, Be = (s, e = null) => {
+  const t = C(s.currency, e);
+  switch (s.priceType) {
     case "approx":
-      return `${G.t("_common:approx")} ${t}`;
+      return `${q.t("_common:approx")} ${t}`;
     case "openAcc":
-      return `${t}/${f(i.unitType)}`;
+      return `${t}/${f(s.unitType)}`;
     case "markup":
       return "%";
     default:
       return t;
   }
-}, L = {
+}, O = {
   en: {
     namePlaceholder: "Service or product name",
     openModalTooltip: "Edit amount and unit",
@@ -524,20 +418,20 @@ const R = qe.exports, T = {
 }, M = {
   article: {
     name: {
-      maxLength: le.maxLength(255)
+      maxLength: re.maxLength(255)
     }
   }
-}, Ge = {
+}, We = {
   // eslint-disable-next-line vue/no-reserved-component-names
   name: "Article",
   i18nOptions: {
     namespaces: "Article",
-    messages: L
+    messages: O
   },
   components: {
-    ErrorCallout: A,
+    ErrorCallout: P,
     ArticleAutocomplete: R,
-    CPriceInput: D
+    CPriceInput: x
   },
   props: {
     // Article object
@@ -584,7 +478,7 @@ const R = qe.exports, T = {
   data() {
     return {
       updateData: $,
-      addSavedArticle: O,
+      addSavedArticle: D,
       articleUnitLabel: f,
       widthCompact: 580,
       visualDisable: !1
@@ -595,27 +489,27 @@ const R = qe.exports, T = {
       get() {
         return this.value || {};
       },
-      set(i) {
-        this.$emit("input", i);
+      set(s) {
+        this.$emit("input", s);
       }
     },
     details() {
-      const i = [], {
+      const s = [], {
         priceType: e,
         quantity: t,
-        unitType: s,
+        unitType: i,
         price: n,
         vat: a,
         discount: r,
         discountType: c
       } = this.article;
-      if (e !== "fixed" && i.push({ title: this.$t(`priceTypeShort.${e}`) }), K(this.article)) {
-        const u = Y(this.article);
-        i.push({
-          title: this.$t(`_common:deduction.${u}_percentage`)
+      if (e !== "fixed" && s.push({ title: this.$t(`priceTypeShort.${e}`) }), U(this.article)) {
+        const l = G(this.article);
+        s.push({
+          title: this.$t(`_common:deduction.${l}_percentage`)
         });
       }
-      return t && ["fixed", "approx"].includes(e) && (s !== "unit" || t > 1) && i.push({
+      return t && ["fixed", "approx"].includes(e) && (i !== "unit" || t > 1) && s.push({
         title: f(this.article.unitType, {
           count: t,
           includeCount: !0
@@ -630,18 +524,18 @@ const R = qe.exports, T = {
             hideZeroDecimals: !0
           })
         }
-      }), r && i.push({
+      }), r && s.push({
         title: "-" + (c === "fixed" ? k(r, {
           withVat: this.isIncVat ? a : !1,
           currency: this.article.currency
         }) : `${r / 100} %`),
         detailClass: "discount"
-      }), i;
+      }), s;
     }
   },
   methods: {
-    updateArticle(i, e) {
-      this.article = $(this.article, i, e);
+    updateArticle(s, e) {
+      this.article = $(this.article, s, e);
     },
     onTotalPriceInputFocus() {
       (this.article.discount || this.article.quantity !== 1) && this.$emit("open-modal", { focusEl: "priceInput" });
@@ -649,28 +543,28 @@ const R = qe.exports, T = {
     focusName() {
       this.$refs.name.focus();
     },
-    errorMessage(i) {
-      return i.$error && i.article.name.$error && !i.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 Ke = function() {
+var Fe = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "article-wrapper", class: {
     "has-details": e.details.length,
     compact: e.width <= e.widthCompact,
     "show-controls": !e.hideControls
-  }, on: { keydown: function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "esc", 27, s.key, ["Esc", "Escape"]) ? null : e.$emit("esc");
-  } } }, [t("div", { staticClass: "top-row flex w-full" }, [t("ArticleAutocomplete", { ref: "name", staticClass: "article-name-wrapper article-input-wrapper form-control form-control-left", attrs: { value: e.article.name, placeholder: e.$t("namePlaceholder"), size: "large" }, on: { input: function(s) {
-    return e.updateArticle(s, "name");
-  }, focus: function(s) {
+  }, on: { keydown: function(i) {
+    return !i.type.indexOf("key") && e._k(i.keyCode, "esc", 27, i.key, ["Esc", "Escape"]) ? null : e.$emit("esc");
+  } } }, [t("div", { staticClass: "top-row flex w-full" }, [t("ArticleAutocomplete", { ref: "name", staticClass: "article-name-wrapper article-input-wrapper form-control form-control-left", attrs: { value: e.article.name, placeholder: e.$t("namePlaceholder"), size: "large" }, on: { input: function(i) {
+    return e.updateArticle(i, "name");
+  }, focus: function(i) {
     return e.$emit("focus");
-  }, select: function(s) {
+  }, select: function(i) {
     e.$emit(
       "input",
       e.addSavedArticle({
-        stored: s,
+        stored: i,
         current: e.article,
         hidePrice: e.hidePriceOnNew,
         activeHouseWorkType: e.activeHouseWorkType
@@ -682,32 +576,32 @@ var Ke = function() {
   }, expression: `{
           content: $t('openModalTooltip'),
           delay: { show: 300, hide: 0 }
-        }` }], staticClass: "article-button fade-in", attrs: { slot: "suffix" }, on: { click: function(s) {
+        }` }], staticClass: "article-button fade-in", attrs: { slot: "suffix" }, on: { click: function(i) {
     return e.$emit("open-modal");
-  } }, slot: "suffix" }, [t("CIcon", { attrs: { type: "cog", size: "18" } })], 1)]), e.hidePriceInput ? e._e() : t("CPriceInput", { key: e.rootPriceType + e.article.priceType + e.article.unitType, staticClass: "form-control form-control-right", staticStyle: { flex: "1 1", "min-width": "200px" }, attrs: { value: e.article.totalAmount, currency: e.article.currency, "is-inc-vat": e.article.priceType !== "markup" && e.isIncVat, vat: e.article.vat, placeholder: e.$t("_common:price.price").capitalize(), "price-type": e.article.priceType, "unit-label": e.articleUnitLabel(e.article.unitType) }, on: { input: function(s) {
-    return e.updateArticle(s, "price");
-  }, "update:currency": function(s) {
-    return e.$emit("update:currency", s);
-  }, focus: function(s) {
+  } }, slot: "suffix" }, [t("CIcon", { attrs: { type: "cog", size: "18" } })], 1)]), e.hidePriceInput ? e._e() : t("CPriceInput", { key: e.rootPriceType + e.article.priceType + e.article.unitType, staticClass: "form-control form-control-right", staticStyle: { flex: "1 1", "min-width": "200px" }, attrs: { value: e.article.totalAmount, currency: e.article.currency, "is-inc-vat": e.article.priceType !== "markup" && e.isIncVat, vat: e.article.vat, placeholder: e.$t("_common:price.price").capitalize(), "price-type": e.article.priceType, "unit-label": e.articleUnitLabel(e.article.unitType) }, on: { input: function(i) {
+    return e.updateArticle(i, "price");
+  }, "update:currency": function(i) {
+    return e.$emit("update:currency", i);
+  }, focus: function(i) {
     e.onTotalPriceInputFocus(), e.$emit("focus");
-  } }, nativeOn: { keydown: function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.$emit("add");
-  } } }), e.hideControls ? e._e() : [t("CIcon", { staticClass: "a-control-button close-button fade-in", attrs: { circle: "", type: "x", size: "18" }, nativeOn: { click: function(s) {
+  } }, nativeOn: { keydown: function(i) {
+    return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : e.$emit("add");
+  } } }), e.hideControls ? e._e() : [t("CIcon", { staticClass: "a-control-button close-button fade-in", attrs: { circle: "", type: "x", size: "18" }, nativeOn: { click: function(i) {
     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(s) {
+  } } }), 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: s, icon: n, subTitle: a = "", detailClass: r = "" }, c) {
-    return t("div", { key: c, staticClass: "article-details-item", class: [r] }, [e._v(" " + e._s(s) + " "), n ? t("div", { domProps: { innerHTML: e._s(n) } }) : e._e(), e._v(" " + e._s(a) + " ")]);
+  } } }, 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);
-}, Ye = [], Ze = /* @__PURE__ */ l(
-  Ge,
-  Ke,
-  Ye,
+}, je = [], Ne = /* @__PURE__ */ u(
+  We,
+  Fe,
+  je,
   !1,
   null,
   "44d89db4"
 );
-const Je = Ze.exports, Qe = {
+const He = Ne.exports, qe = {
   props: {
     canForward: {
       type: Boolean,
@@ -725,8 +619,8 @@ const Je = Ze.exports, Qe = {
     this.removeKeyHandler();
   },
   methods: {
-    getNavTooltip(i) {
-      return i === -1 ? {
+    getNavTooltip(s) {
+      return s === -1 ? {
         content: `
             <div style='margin-bottom: 0.6em;'>
               ${this.$t("show", { thing: this.$t("previous") })}
@@ -738,7 +632,7 @@ const Je = Ze.exports, Qe = {
             </div>
           `,
         html: !0
-      } : i === 1 ? {
+      } : s === 1 ? {
         content: `
             <div style='margin-bottom: 0.6em;'>
               ${this.$t("show", { thing: this.$t("next") })}
@@ -750,18 +644,18 @@ const Je = Ze.exports, Qe = {
             </div>
           `,
         html: !0
-      } : i === "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(i) {
+    onKeyUp(s) {
       const e = document.activeElement;
-      !(e.hasAttribute("contenteditable") || ["input", "textarea"].includes(e.tagName.toLowerCase())) && (parseInt(i.keyCode, 10) === 37 && this.$emit("go", -1), parseInt(i.keyCode, 10) === 39 && this.$emit("go", 1));
-      const s = i.key || i.keyCode;
-      if (s === "Escape" || s === "Esc" || s === 27) {
+      !(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 (i.defaultPrevented || n.length)
+        if (s.defaultPrevented || n.length)
           return;
         this.$emit("close");
       }
@@ -778,22 +672,22 @@ const Je = Ze.exports, Qe = {
     });
   }
 };
-var Xe = function() {
+var Ue = 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(s) {
+  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(s) {
+  } } }, [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" } })])])]);
-}, et = [], tt = /* @__PURE__ */ l(
-  Qe,
-  Xe,
-  et,
+}, Ge = [], Ke = /* @__PURE__ */ u(
+  qe,
+  Ue,
+  Ge,
   !1,
   null,
   "226f5608"
 );
-const it = tt.exports, st = {
+const Ye = Ke.exports, Ze = {
   name: "ArticleUnitEditModal",
   i18nOptions: {
     namespaces: "ArticleUnitEditModal",
@@ -821,8 +715,8 @@ const it = tt.exports, st = {
     }
   },
   components: {
-    DragList: Z,
-    DragItem: J
+    DragList: K,
+    DragItem: Y
   },
   data() {
     return {
@@ -842,8 +736,8 @@ const it = tt.exports, st = {
       unitById: "unitTypes/byId"
     }),
     unitItems() {
-      return (this.idList || []).map((i) => {
-        const e = this.unitById(i), t = f(e.value);
+      return (this.idList || []).map((s) => {
+        const e = this.unitById(s), t = f(e.value);
         return {
           ...e,
           label: t,
@@ -857,8 +751,8 @@ const it = tt.exports, st = {
   watch: {
     stateUnitIds: {
       immediate: !0,
-      handler(i) {
-        this.idList = i || [];
+      handler(s) {
+        this.idList = s || [];
       }
     }
   },
@@ -869,22 +763,22 @@ const it = tt.exports, st = {
       updateUnit: p.UPDATE_UNIT_TYPE,
       deleteUnit: p.DELETE_UNIT_TYPE
     }),
-    onEdit(i) {
-      this.selectedValue = { ...i }, this.$refs.unitInput && this.$refs.unitInput.focus();
+    onEdit(s) {
+      this.selectedValue = { ...s }, this.$refs.unitInput && this.$refs.unitInput.focus();
     },
     async submit() {
-      const { id: i, value: e } = this.selectedValue || {};
+      const { id: s, value: e } = this.selectedValue || {};
       if (!e)
         throw new Error("New unitTypes need truthy value!");
       const t = `$${e}`;
-      i ? await this.updateUnit({ id: i, 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(i, e) {
+    async remove(s, e) {
       if (this.removeConfirmIndex !== e) {
         this.removeConfirmIndex = e;
         return;
       }
-      await this.deleteUnit({ id: i }), this.reset(), this.removeConfirmIndex = null;
+      await this.deleteUnit({ id: s }), this.reset(), this.removeConfirmIndex = null;
     },
     reset() {
       this.selectedValue = { id: null, value: "" };
@@ -892,8 +786,8 @@ const it = tt.exports, st = {
     close() {
       this.$emit("close");
     },
-    async onDrop({ removedIndex: i, addedIndex: e }) {
-      i === null && e === null || i !== e && (this.idList = C(this.idList, i, e), await Q(
+    async onDrop({ removedIndex: s, addedIndex: e }) {
+      s === null && e === null || s !== e && (this.idList = T(this.idList, s, e), await Z(
         "/unitType/setPositions",
         { ids: this.idList },
         { invalidateCache: { type: "unitType" } }
@@ -901,34 +795,34 @@ const it = tt.exports, st = {
     }
   }
 };
-var at = function() {
+var Je = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "modal-overlay font-inter", on: { "&click": function(s) {
-    return s.target !== s.currentTarget ? null : e.close.apply(null, arguments);
-  } } }, [t("div", { staticClass: "unit-modal-root font-inter", staticStyle: { position: "relative" } }, [t("div", { staticStyle: { padding: "calc(1.5 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "600", "font-size": "18px", "margin-bottom": "calc(1.5 * var(--rem))" } }, [t("span", [e._v(e._s(e.$t("_common:add", { thing: e.$t("_common:unitType.unitType_plural") })))]), t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: { content: e.$t("tooltip"), html: !0 }, expression: "{ content: $t('tooltip'), html: true }" }], staticClass: "text-gray-400", staticStyle: { "margin-left": "0.5em" }, attrs: { type: "info", size: "15" } })], 1), t("CField", { staticStyle: { margin: "0" }, attrs: { grouped: "" } }, [t("CInput", { ref: "unitInput", staticClass: "unit-input", attrs: { placeholder: e.$t("_common:name").capitalize(), expanded: "", filled: "" }, model: { value: e.selectedValue.value, callback: function(s) {
-    e.$set(e.selectedValue, "value", typeof s == "string" ? s.trim() : s);
-  }, expression: "selectedValue.value" } }, [e.selectedValue.id ? t("template", { slot: "suffix" }, [t("CButton", { staticStyle: { "border-radius": "4px" }, attrs: { icon: "x", type: "none", pattern: "tertiary", size: "small" }, on: { click: e.reset } })], 1) : e._e()], 2), 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(s, n) {
-    return t("DragItem", { key: s.id }, [t("div", { staticClass: "unit-modal-list-item", class: { "is-editing": e.selectedValue.id === s.id }, on: { "&mouseover": function(a) {
+  return t("div", { staticClass: "modal-overlay font-inter", on: { "&click": function(i) {
+    return i.target !== i.currentTarget ? null : e.close.apply(null, arguments);
+  } } }, [t("div", { staticClass: "unit-modal-root font-inter", staticStyle: { position: "relative" } }, [t("div", { staticStyle: { padding: "calc(1.5 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "600", "font-size": "18px", "margin-bottom": "calc(1.5 * var(--rem))" } }, [t("span", [e._v(e._s(e.$t("_common:add", { thing: e.$t("_common:unitType.unitType_plural") })))]), t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: { content: e.$t("tooltip"), html: !0 }, expression: "{ content: $t('tooltip'), html: true }" }], staticClass: "text-gray-400", staticStyle: { "margin-left": "0.5em" }, attrs: { type: "info", size: "15" } })], 1), t("CField", { staticStyle: { margin: "0" }, attrs: { grouped: "" } }, [t("CInput", { ref: "unitInput", staticClass: "unit-input", attrs: { placeholder: e.$t("_common:name").capitalize(), expanded: "", filled: "" }, model: { value: e.selectedValue.value, callback: function(i) {
+    e.$set(e.selectedValue, "value", typeof i == "string" ? i.trim() : i);
+  }, expression: "selectedValue.value" } }, [e.selectedValue.id ? t("template", { slot: "suffix" }, [t("CButton", { staticStyle: { "border-radius": "4px" }, attrs: { icon: "x", type: "none", pattern: "tertiary", size: "small" }, on: { click: e.reset } })], 1) : e._e()], 2), 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(a) {
       e.hoverIndex = n;
     }, "&mouseleave": function(a) {
       e.hoverIndex = null;
     }, click: function(a) {
-      return e.onEdit(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(s.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(s.id, n);
+      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(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)])])]);
-}, nt = [], rt = /* @__PURE__ */ l(
-  st,
-  at,
-  nt,
+}, Qe = [], Xe = /* @__PURE__ */ u(
+  Ze,
+  Je,
+  Qe,
   !1,
   null,
   "136d8414"
 );
-const ot = rt.exports, ct = {
+const et = Xe.exports, tt = {
   name: "ArticleUnitSelect",
   props: {
     value: {
@@ -951,7 +845,7 @@ const ot = rt.exports, ct = {
       unitById: "unitTypes/byId"
     }),
     unitItems() {
-      return this.isPublicForm ? de : (this.unitIds || []).map((i) => this.unitById(i)).map(({ value: i }) => i);
+      return this.isPublicForm ? ce : (this.unitIds || []).map((s) => this.unitById(s)).map(({ value: s }) => s);
     }
   },
   created() {
@@ -964,50 +858,50 @@ const ot = rt.exports, ct = {
     }),
     openEditModal() {
       this.$modal.show(
-        ot,
+        et,
         {},
         {},
         {
-          select: (i) => this.$emit("input", i)
+          select: (s) => this.$emit("input", s)
         }
       );
     }
   }
 };
-var lt = function() {
+var it = function() {
   var e = this, t = e._self._c;
-  return t("CDropdown", e._b({ attrs: { value: e.value, scrollable: "" }, on: { input: function(s) {
-    return e.$emit("input", s);
+  return t("CDropdown", e._b({ attrs: { value: e.value, scrollable: "" }, on: { input: function(i) {
+    return e.$emit("input", i);
   } } }, "CDropdown", {
     position: "is-bottom-left",
     maxHeight: "240px",
     ...e.$attrs
   }, !1), [e._t("default", function() {
     return [t("CButton", { attrs: { slot: "trigger", type: "none", pattern: "tertiary" }, slot: "trigger" }, [e._v(" " + e._s(e.articleUnitLabel(e.value)) + " ")])];
-  }, { slot: "trigger" }), e._l(e.unitItems, function(s, n) {
-    return t("CDropdownItem", { key: `${s}-${n}`, attrs: { value: s } }, [e._v(" " + e._s(e.articleUnitLabel(s)) + " ")]);
+  }, { slot: "trigger" }), e._l(e.unitItems, function(i, n) {
+    return t("CDropdownItem", { key: `${i}-${n}`, attrs: { value: i } }, [e._v(" " + e._s(e.articleUnitLabel(i)) + " ")]);
   }), e.isPublicForm ? e._e() : t("CButton", { staticClass: "edit-button", attrs: { slot: "footer", type: "none", pattern: "secondary", size: "small" }, on: { click: e.openEditModal }, slot: "footer" }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:unit_plural") })) + " ")])], 2);
-}, ut = [], dt = /* @__PURE__ */ l(
-  ct,
-  lt,
-  ut,
+}, st = [], at = /* @__PURE__ */ u(
+  tt,
+  it,
+  st,
   !1,
   null,
   "ff74de30"
 );
-const pt = dt.exports, ht = {
+const nt = at.exports, rt = {
   name: "ArticleModal",
   i18nOptions: {
     namespaces: "ArticleModal",
-    messages: L
+    messages: O
   },
   components: {
     ArticleAutocomplete: R,
-    ArticleUnitSelect: pt,
-    ListModalButtons: it,
-    CPriceInput: D
+    ArticleUnitSelect: nt,
+    ListModalButtons: Ye,
+    CPriceInput: x
   },
-  mixins: [ue],
+  mixins: [oe],
   props: {
     _document: {
       type: Object,
@@ -1065,9 +959,9 @@ const pt = dt.exports, ht = {
   validations: M,
   data() {
     return {
-      priceSuffix: Ue,
+      priceSuffix: Be,
       updateData: $,
-      addSavedArticle: O,
+      addSavedArticle: D,
       vatOptions: [
         { value: 25, translation: "25%" },
         { value: 12, translation: "12%" },
@@ -1076,7 +970,7 @@ const pt = dt.exports, ht = {
       ],
       showDiscountInput: !1,
       setPricesIncVat: !1,
-      getCurrencySymbol: b,
+      getCurrencySymbol: C,
       articleUnitLabel: f
     };
   },
@@ -1090,8 +984,8 @@ const pt = dt.exports, ht = {
       get() {
         return this.articleList[this.index] || {};
       },
-      set(i) {
-        this.$emit("input", i);
+      set(s) {
+        this.$emit("input", s);
       }
     },
     useVat() {
@@ -1101,56 +995,56 @@ const pt = dt.exports, ht = {
       return o(this, "_document.vatType") || "";
     },
     checkboxItems() {
-      const { article: i } = this || {}, { priceType: e } = this.article || {}, t = [
+      const { article: s } = this || {}, { priceType: e } = this.article || {}, t = [
         ...e !== "markup" ? [
           {
             label: this.$t("discount").capitalize(),
-            value: i.discount || this.showDiscountInput,
+            value: s.discount || this.showDiscountInput,
             onClick: () => {
               this.showDiscountInput || this.focusEl("discountInput"), this.showDiscountInput = !this.showDiscountInput;
             }
           }
         ] : [],
-        ...this.getCompanySetting("showRot") || i.isDeductable ? [
+        ...this.getCompanySetting("showRot") || s.isDeductable ? [
           {
             label: this.$t("_common:deduction.rot"),
             value: this.article.isDeductable,
-            onClick: () => this.updateArticle(!i.isDeductable, "isDeductable")
+            onClick: () => this.updateArticle(!s.isDeductable, "isDeductable")
           }
         ] : [],
-        ...this.getCompanySetting("showRut") || i.isRut ? [
+        ...this.getCompanySetting("showRut") || s.isRut ? [
           {
             label: this.$t("_common:deduction.rut"),
-            value: i.isRut,
-            onClick: () => this.updateArticle(!i.isRut, "isRut")
+            value: s.isRut,
+            onClick: () => this.updateArticle(!s.isRut, "isRut")
           }
         ] : [],
-        ...i.greenRot15 ? [
+        ...s.greenRot15 ? [
           {
             label: this.$t("_common:deduction.greenRot15_percentage"),
-            value: i.greenRot15,
-            onClick: () => this.updateArticle(!i.greenRot15, "greenRot15")
+            value: s.greenRot15,
+            onClick: () => this.updateArticle(!s.greenRot15, "greenRot15")
           }
         ] : [],
-        ...this.getCompanySetting("showGreenRot") || i.greenRot20 || i.greenRot50 ? [
+        ...this.getCompanySetting("showGreenRot") || s.greenRot20 || s.greenRot50 ? [
           {
             label: this.$t("_common:deduction.greenRot20_percentage"),
-            value: i.greenRot20,
-            onClick: () => this.updateArticle(!i.greenRot20, "greenRot20")
+            value: s.greenRot20,
+            onClick: () => this.updateArticle(!s.greenRot20, "greenRot20")
           },
           {
             label: this.$t("_common:deduction.greenRot50_percentage"),
-            value: i.greenRot50,
-            onClick: () => this.updateArticle(!i.greenRot50, "greenRot50")
+            value: s.greenRot50,
+            onClick: () => this.updateArticle(!s.greenRot50, "greenRot50")
           }
         ] : []
       ];
       if (this.allowHidePrice) {
-        const { showPrice: s } = i || {};
+        const { showPrice: i } = s || {};
         t.push({
           label: this.$t("hidePriceLabel"),
-          value: !s,
-          onClick: () => this.updateArticle(!s, "showPrice")
+          value: !i,
+          onClick: () => this.updateArticle(!i, "showPrice")
         });
       }
       return t;
@@ -1158,28 +1052,28 @@ const pt = dt.exports, ht = {
     priceTypeOptions() {
       if (!this.enablePriceTypes || this.rootPriceType === "fixed")
         return [];
-      const { priceType: i } = this.article, e = (s) => this.$t(`priceTypeTooltips.${s}`), t = [
+      const { priceType: s } = this.article, e = (i) => this.$t(`priceTypeTooltips.${i}`), t = [
         {
           label: this.$t("price.fixed"),
           tooltip: e("fixed"),
-          value: i === "fixed",
+          value: s === "fixed",
           onClick: () => this.updateArticle("fixed", "priceType")
         }
       ];
       return this.rootPriceType === "approx" && t.push({
         label: this.$t("price.approx"),
         tooltip: e("approx"),
-        value: i === "approx",
+        value: s === "approx",
         onClick: () => this.updateArticle("approx", "priceType")
       }), this.rootPriceType.startsWith("openAcc") && (t.push({
         label: this.$t("price.openAcc"),
         tooltip: e("openAcc"),
-        value: i === "openAcc",
+        value: s === "openAcc",
         onClick: () => this.updateArticle("openAcc", "priceType")
       }), t.push({
         label: this.$t("price.markup"),
         tooltip: e("markup"),
-        value: i === "markup",
+        value: s === "markup",
         onClick: () => this.updateArticle("markup", "priceType")
       })), t;
     }
@@ -1187,29 +1081,29 @@ const pt = dt.exports, ht = {
   watch: {
     index: {
       immediate: !0,
-      handler(i, e) {
-        i !== e && (this.showDiscountInput = !1);
+      handler(s, e) {
+        s !== e && (this.showDiscountInput = !1);
       }
     },
     isIncVat: {
       immediate: !0,
-      handler(i) {
-        this.setPricesIncVat = !!i;
+      handler(s) {
+        this.setPricesIncVat = !!s;
       }
     },
     "article.discount": {
       immediate: !0,
-      handler(i) {
-        i && (this.showDiscountInput = !0);
+      handler(s) {
+        s && (this.showDiscountInput = !0);
       }
     },
     "article.priceType": {
-      handler(i) {
-        i === "markup" && (this.showDiscountInput = !1), ["openAcc", "markup"].includes(i) && this.updateArticle(1, "quantity");
+      handler(s) {
+        s === "markup" && (this.showDiscountInput = !1), ["openAcc", "markup"].includes(s) && this.updateArticle(1, "quantity");
       }
     },
-    showDiscountInput(i) {
-      i || this.updateArticle(0, "discount");
+    showDiscountInput(s) {
+      s || this.updateArticle(0, "discount");
     }
   },
   mounted() {
@@ -1222,36 +1116,36 @@ const pt = dt.exports, ht = {
     ...v({
       createArticle: p.DO_CREATE_ARTICLE
     }),
-    onCustomVatBlur(i) {
-      o(i, "target.value") || "" || this.updateArticle(0, "vat");
+    onCustomVatBlur(s) {
+      o(s, "target.value") || "" || this.updateArticle(0, "vat");
     },
-    onCustomVatInput(i) {
-      const e = o(i, "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(i, e) {
-      this.article = $(this.article, i, e);
+    updateArticle(s, e) {
+      this.article = $(this.article, s, e);
     },
     close() {
       this.$emit("close");
     },
-    onKeydown(i) {
-      i.keyCode === 13 && i.shiftKey && (i.preventDefault(), this.addNewArticle());
+    onKeydown(s) {
+      s.keyCode === 13 && s.shiftKey && (s.preventDefault(), this.addNewArticle());
     },
-    onGo(i) {
-      const e = this.index + i;
+    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(i) {
+    focusEl(s) {
       this.$nextTick(() => {
         this.$nextTick(() => {
-          this.$refs[i] && this.$refs[i].focus && this.$refs[i].focus();
+          this.$refs[s] && this.$refs[s].focus && this.$refs[s].focus();
         });
       });
     },
@@ -1261,8 +1155,8 @@ const pt = dt.exports, ht = {
       });
     },
     toggleDiscountType() {
-      let i = "fixed";
-      this.article.discountType === "fixed" && (i = "percentage"), this.updateArticle(i, "discountType");
+      let s = "fixed";
+      this.article.discountType === "fixed" && (s = "percentage"), this.updateArticle(s, "discountType");
     },
     async onSaveArticle() {
       if (this.$v.$invalid) {
@@ -1274,68 +1168,68 @@ const pt = dt.exports, ht = {
     async saveArticle() {
       if (this.viewSettings.isPublicForm)
         return;
-      let { ArticleId: i } = this.article;
-      !i && ((t) => typeof t == "string" && !!t.trim())(this.article.name) && (i = 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: i });
+      }), this.article = { ...this.article, ArticleId: s });
     }
   }
 };
-var mt = function() {
+var ot = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter", class: {
     "full-screen": e.mq === "sm",
     "modal-overlay": !0
-  }, on: { "&click": function(s) {
-    return s.target !== s.currentTarget ? null : e.close.apply(null, arguments);
-  } } }, [t("div", { staticClass: "modal-container" }, [e.mq !== "sm" ? t("ListModalButtons", { attrs: { "can-forward": !!e.articleList[e.index + 1], "can-backward": !!e.articleList[e.index - 1] }, on: { close: e.close, go: function(s) {
-    return e.onGo(s);
-  } } }) : t("div", { staticClass: "modal-close", on: { click: e.close } }, [t("CIcon", { attrs: { type: "x" } })], 1), t("transition", { attrs: { name: "slide" } }, [t("div", { key: e.article._uniqueId, staticClass: "modal-main" }, [t("CField", { staticClass: "label-selector", staticStyle: { "margin-bottom": "1.5em" }, attrs: { validator: e.$v.article.name, messages: { maxLength: e.$t("validations.name.maxLength") }, label: e.$t("name").capitalize(), "label-position": "inside" } }, [t("ArticleAutocomplete", { ref: "nameInput", staticClass: "input-selector", attrs: { value: e.article.name, autosize: !0, tag: "textarea", placeholder: "", size: "large" }, on: { input: function(s) {
-    return e.updateArticle(s, "name");
-  }, select: function(s) {
+  }, on: { "&click": function(i) {
+    return i.target !== i.currentTarget ? null : e.close.apply(null, arguments);
+  } } }, [t("div", { staticClass: "modal-container" }, [e.mq !== "sm" ? t("ListModalButtons", { attrs: { "can-forward": !!e.articleList[e.index + 1], "can-backward": !!e.articleList[e.index - 1] }, on: { close: e.close, go: function(i) {
+    return e.onGo(i);
+  } } }) : t("div", { staticClass: "modal-close", on: { click: e.close } }, [t("CIcon", { attrs: { type: "x" } })], 1), t("transition", { attrs: { name: "slide" } }, [t("div", { key: e.article._uniqueId, staticClass: "modal-main" }, [t("CField", { staticClass: "label-selector", staticStyle: { "margin-bottom": "1.5em" }, attrs: { validator: e.$v.article.name, messages: { maxLength: e.$t("validations.name.maxLength") }, label: e.$t("name").capitalize(), "label-position": "inside" } }, [t("ArticleAutocomplete", { ref: "nameInput", staticClass: "input-selector", attrs: { value: e.article.name, autosize: !0, tag: "textarea", placeholder: "", size: "large" }, on: { input: function(i) {
+    return e.updateArticle(i, "name");
+  }, select: function(i) {
     e.$emit(
       "input",
       e.addSavedArticle({
-        stored: s,
+        stored: i,
         current: e.article,
         hidePrice: e.hidePriceOnNew,
         activeHouseWorkType: e.activeHouseWorkType
       })
     );
-  } } })], 1), t("div", { staticClass: "flex w-full", staticStyle: { "margin-bottom": "1.5em" } }, [t("CField", { staticClass: "label-selector form-control form-control-left flex-grow", staticStyle: { "margin-bottom": "0" }, attrs: { label: e.$t("quantity").capitalize(), "label-position": "inside" } }, [t("CInput", { staticClass: "input-selector", attrs: { value: e.article.quantity, disabled: ["openAcc", "markup"].includes(e.article.priceType), placeholder: "", type: "number", size: "large" }, on: { input: function(s) {
-    e.updateArticle(Number.parseFloat(s), "quantity");
-  } } })], 1), t("ArticleUnitSelect", { attrs: { value: e.article.unitType, "is-public-form": e.viewSettings.isPublicForm }, on: { input: function(s) {
-    return e.updateArticle(s, "unitType");
-  } } }, [t("CButton", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "8em", "box-shadow": "none" } }, [e._v(" " + e._s(e.articleUnitLabel(e.article.unitType, { count: e.article.quantity })) + " ")])], 1)], 1), e.hidePriceInput ? e._e() : [t("div", { staticClass: "flex", staticStyle: { "margin-bottom": "1.5em" } }, [t("CField", { staticClass: "label-selector form-control form-control-left flex-1", staticStyle: { "margin-bottom": "0" }, attrs: { label: e.$t("price.price").capitalize(), "label-position": "inside" } }, [t("CPriceInput", { key: e.priceSuffix(e.article), ref: "priceInput", staticClass: "input-selector", attrs: { value: e.article.price, currency: e.article.currency, "is-inc-vat": e.article.priceType !== "markup" && e.setPricesIncVat, vat: e.article.vat, "price-type": e.article.priceType, "unit-label": e.articleUnitLabel(e.article.unitType) }, on: { input: function(s) {
-    return e.updateArticle(s, "price");
-  }, "update:currency": function(s) {
-    return e.$emit("update:currency", s);
-  }, focus: function(s) {
+  } } })], 1), t("div", { staticClass: "flex w-full", staticStyle: { "margin-bottom": "1.5em" } }, [t("CField", { staticClass: "label-selector form-control form-control-left flex-grow", staticStyle: { "margin-bottom": "0" }, attrs: { label: e.$t("quantity").capitalize(), "label-position": "inside" } }, [t("CInput", { staticClass: "input-selector", attrs: { value: e.article.quantity, disabled: ["openAcc", "markup"].includes(e.article.priceType), placeholder: "", type: "number", size: "large" }, on: { input: function(i) {
+    e.updateArticle(Number.parseFloat(i), "quantity");
+  } } })], 1), t("ArticleUnitSelect", { attrs: { value: e.article.unitType, "is-public-form": e.viewSettings.isPublicForm }, on: { input: function(i) {
+    return e.updateArticle(i, "unitType");
+  } } }, [t("CButton", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "8em", "box-shadow": "none" } }, [e._v(" " + e._s(e.articleUnitLabel(e.article.unitType, { count: e.article.quantity })) + " ")])], 1)], 1), e.hidePriceInput ? e._e() : [t("div", { staticClass: "flex", staticStyle: { "margin-bottom": "1.5em" } }, [t("CField", { staticClass: "label-selector form-control form-control-left flex-1", staticStyle: { "margin-bottom": "0" }, attrs: { label: e.$t("price.price").capitalize(), "label-position": "inside" } }, [t("CPriceInput", { key: e.priceSuffix(e.article), ref: "priceInput", staticClass: "input-selector", attrs: { value: e.article.price, currency: e.article.currency, "is-inc-vat": e.article.priceType !== "markup" && e.setPricesIncVat, vat: e.article.vat, "price-type": e.article.priceType, "unit-label": e.articleUnitLabel(e.article.unitType) }, on: { input: function(i) {
+    return e.updateArticle(i, "price");
+  }, "update:currency": function(i) {
+    return e.$emit("update:currency", i);
+  }, focus: function(i) {
     return e.$emit("focus");
-  } } })], 1), e.useVat ? t("div", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "8em" }, on: { click: function(s) {
+  } } })], 1), e.useVat ? t("div", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "8em" }, on: { click: function(i) {
     e.setPricesIncVat = !e.setPricesIncVat;
-  } } }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")]) : e._e()], 1), e.showDiscountInput ? t("div", { staticClass: "flex", staticStyle: { "margin-bottom": "1.5em" } }, [t("CField", { staticClass: "label-selector form-control form-control-left flex-grow", staticStyle: { "margin-bottom": "0" }, attrs: { label: e.$t("discount").capitalize(), "label-position": "inside" } }, [t("CPriceInput", { ref: "discountInput", staticClass: "input-selector", attrs: { value: e.article.discount, currency: e.article.currency, "is-inc-vat": e.article.discountType !== "percentage" && e.setPricesIncVat, vat: e.article.vat }, on: { input: function(s) {
-    e.updateArticle(Math.abs(s), "discount");
-  } } }, [e.article.discountType === "fixed" ? t("template", { slot: "suffix" }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")]) : t("template", { slot: "suffix" }, [e._v(" " + e._s(e.getCurrencySymbol(e.article.currency)) + " ")])], 2)], 1), t("div", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "5em" }, on: { click: function(s) {
+  } } }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")]) : e._e()], 1), e.showDiscountInput ? t("div", { staticClass: "flex", staticStyle: { "margin-bottom": "1.5em" } }, [t("CField", { staticClass: "label-selector form-control form-control-left flex-grow", staticStyle: { "margin-bottom": "0" }, attrs: { label: e.$t("discount").capitalize(), "label-position": "inside" } }, [t("CPriceInput", { ref: "discountInput", staticClass: "input-selector", attrs: { value: e.article.discount, currency: e.article.currency, "is-inc-vat": e.article.discountType !== "percentage" && e.setPricesIncVat, vat: e.article.vat, "suffix-class": "text-gray-400" }, on: { input: function(i) {
+    e.updateArticle(Math.abs(i), "discount");
+  } } }, [e.article.discountType === "fixed" ? t("template", { slot: "suffix" }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")]) : t("template", { slot: "suffix" }, [e._v(" " + e._s(e.getCurrencySymbol(e.article.currency)) + " ")])], 2)], 1), t("div", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "5em" }, on: { click: function(i) {
     return e.updateArticle(
       e.article.discountType === "percentage" ? "fixed" : "percentage",
       "discountType"
     );
-  } } }, [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(s) {
-    e.updateArticle(Number.parseFloat(s.target.value), "vat");
-  } } }, e._l(e.vatOptions, function({ translation: s, value: n }, a) {
-    return t("option", { key: a, domProps: { value: n } }, [e._v(" " + e._s(e.$t(`vat.${e.vatType}`)) + " " + e._s(s) + " ")]);
-  }), 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: s, value: n, onClick: a, tooltip: r }, c) {
+  } } }, [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 }, 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: s + c, staticClass: "tag-item", class: { active: n }, on: { click: a } }, [e._v(" " + e._s(s) + " ")]);
-  }), 0) : e._e(), t("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, e._l(e.checkboxItems, function({ label: s, value: n, onClick: a }, r) {
-    return t("div", { key: s + r, staticClass: "tag-item", class: { active: n }, on: { click: a } }, [e._v(" " + e._s(s) + " ")]);
+              }` }], 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,
@@ -1369,15 +1263,15 @@ var mt = 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)]);
-}, ft = [], vt = /* @__PURE__ */ l(
-  ht,
-  mt,
-  ft,
+}, ct = [], lt = /* @__PURE__ */ u(
+  rt,
+  ot,
+  ct,
   !1,
   null,
-  "ddb87b3c"
+  "06018d45"
 );
-const gt = vt.exports, yt = {
+const ut = lt.exports, dt = {
   i18nOptions: {
     name: "ArticleListEdit",
     namespaces: "ArticleListEdit",
@@ -1398,10 +1292,10 @@ const gt = vt.exports, yt = {
   },
   components: {
     // eslint-disable-next-line vue/no-reserved-component-names
-    Article: Je,
-    ArticleModal: gt,
-    WithDimensions: ne,
-    draggable: re
+    Article: He,
+    ArticleModal: ut,
+    WithDimensions: se,
+    draggable: ae
   },
   mixins: [y([])],
   props: {
@@ -1456,24 +1350,24 @@ const gt = vt.exports, yt = {
       return o(this, "_document.vatType");
     },
     showVatToggle() {
-      return this.useVat && (this.setPricesIncVat || (this.articles || []).some(({ vat: i }) => i !== null));
+      return this.useVat && (this.setPricesIncVat || (this.articles || []).some(({ vat: s }) => s !== null));
     }
   },
   watch: {
     activeHouseWorkType: {
       immediate: !0,
-      handler(i) {
-        this.toggleDeductions(i);
+      handler(s) {
+        this.toggleDeductions(s);
       }
     },
-    isIndivid(i) {
-      i || this.toggleDeductions(!1);
+    isIndivid(s) {
+      s || this.toggleDeductions(!1);
     },
-    setPricesIncVat(i) {
+    setPricesIncVat(s) {
       this.updateArticlesVatOption(), this.showMessage({
         type: "info",
         message: this.$t("vatOption.message", {
-          vatOption: this.$t(`_common:vat.${i ? "incVat" : "exVat"}`, {
+          vatOption: this.$t(`_common:vat.${s ? "incVat" : "exVat"}`, {
             thing: this.$t("_common:vat.sharedTitle")
           })
         }),
@@ -1485,38 +1379,38 @@ const gt = vt.exports, yt = {
     ...v({
       showMessage: p.SHOW_MESSAGE
     }),
-    openModal(i, { focusEl: e = "" } = {}) {
-      this.selectedIndex = i, 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(i, 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: i, 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(i) {
-      this.$emit("remove", i);
+    onRemoveArticle(s) {
+      this.$emit("remove", s);
     },
-    onEsc(i, e) {
-      i === this.articles.length - 1 && ["name", "price", "discount"].every((t) => !e[t]) && this.onRemoveArticle(i);
+    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((i, e) => {
-        if (i.priceType === "markup")
+      this.articles.forEach((s, e) => {
+        if (s.priceType === "markup")
           return;
-        let t = g({ amount: i.price }).divide(
-          (100 + i.vat) * 0.01
+        let t = g({ amount: s.price }).divide(
+          (100 + s.vat) * 0.01
         );
-        this.setPricesIncVat || (t = g({ amount: i.price }).multiply(
-          (100 + i.vat) * 0.01
+        this.setPricesIncVat || (t = g({ amount: s.price }).multiply(
+          (100 + s.vat) * 0.01
         )), this.updateArticleObject(
           e,
-          w({ ...i, price: t.getAmount() })
+          w({ ...s, price: t.getAmount() })
         );
       });
     },
@@ -1529,59 +1423,59 @@ const gt = vt.exports, yt = {
     openLastArticle() {
       this.$nextTick(() => this.openModal(this.articles.length - 1));
     },
-    toggleDeductions(i) {
+    toggleDeductions(s) {
       const e = {
         rot: "isDeductable",
         rut: "isRut",
         greenRot15: "greenRot15",
         greenRot20: "greenRot20",
         greenRot50: "greenRot50"
-      }, t = (s = []) => s.reduce((n, a) => ({ ...n, [a]: !1 }), {});
-      e[i] ? this.articles.forEach((s, n) => {
-        const a = Object.values(P(e, [i]));
-        if (a.some((r) => !!s[r])) {
-          const r = { ...s, ...t(a) };
+      }, t = (i = []) => i.reduce((n, a) => ({ ...n, [a]: !1 }), {});
+      e[s] ? this.articles.forEach((i, n) => {
+        const a = Object.values(V(e, [s]));
+        if (a.some((r) => !!i[r])) {
+          const r = { ...i, ...t(a) };
           this.$emit("input", { index: n, value: r });
         }
-      }) : i === !1 && this.articles.forEach((s, n) => {
+      }) : s === !1 && this.articles.forEach((i, n) => {
         const a = Object.values(e);
-        if (a.some((r) => !!s[r])) {
-          const r = { ...s, ...t(a) };
+        if (a.some((r) => !!i[r])) {
+          const r = { ...i, ...t(a) };
           this.$emit("input", { index: n, value: r });
         }
       });
     },
-    onChange(i) {
-      const { added: e, moved: t, removed: s } = i;
+    onChange(s) {
+      const { added: e, moved: t, removed: i } = s;
       if (e) {
         const { newIndex: n, element: a } = e;
         this.$emit("insert", { index: n, value: a });
       } else if (t) {
-        const n = C(
+        const n = T(
           this.articles,
           t.oldIndex,
           t.newIndex
         );
         this.$emit("move", n);
-      } else if (s) {
-        const { oldIndex: n } = s;
+      } else if (i) {
+        const { oldIndex: n } = i;
         this.$emit("remove", n);
       }
     }
   }
 };
-var _t = function() {
+var pt = 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(s) {
+  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();
-  } } }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")])]) : e._e(), t("WithDimensions", { scopedSlots: e._u([{ key: "default", fn: function({ width: s }) {
+  } } }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")])]) : e._e(), t("WithDimensions", { scopedSlots: e._u([{ key: "default", fn: function({ width: i }) {
     return [t("draggable", e._b({ staticStyle: { "min-height": "calc(3 * var(--rem))" }, attrs: { value: e.articles, group: "articles" }, on: { change: e.onChange } }, "draggable", {
       sort: !0,
       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, a) {
-      return t("Article", { key: n._uniqueId || 0, ref: "articleItem", refInFor: !0, staticClass: "article-item", attrs: { value: n, width: s, "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 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(a, r);
@@ -1599,24 +1493,24 @@ var _t = function() {
         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(s) {
-    return e.$emit("update:currency", s);
-  }, input: function(s) {
-    return e.updateArticleObject(e.selectedIndex, s);
-  }, add: function(s) {
-    return e.$emit("add", s);
-  }, "open-modal": e.openModal, close: function(s) {
+  } }]) }), 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) {
+    return e.$emit("update:currency", i);
+  }, input: function(i) {
+    return e.updateArticleObject(e.selectedIndex, i);
+  }, add: function(i) {
+    return e.$emit("add", i);
+  }, "open-modal": e.openModal, close: function(i) {
     e.showModal = !1;
   } } }) : e._e()], 1)], 1);
-}, kt = [], $t = /* @__PURE__ */ l(
-  yt,
-  _t,
-  kt,
+}, ht = [], mt = /* @__PURE__ */ u(
+  dt,
+  pt,
+  ht,
   !1,
   null,
   "3e63aac7"
 );
-const bt = $t.exports, xt = {
+const ft = mt.exports, vt = {
   name: "MaxTotalInput",
   i18nOptions: {
     namespaces: "MaxTotalInput",
@@ -1630,7 +1524,7 @@ const bt = $t.exports, xt = {
     }
   },
   components: {
-    BaseInput: V
+    CPriceInput: x
   },
   props: {
     value: {
@@ -1648,7 +1542,7 @@ const bt = $t.exports, xt = {
   },
   data() {
     return {
-      getCurrencySymbol: b
+      getCurrencySymbol: C
     };
   },
   computed: {
@@ -1657,26 +1551,26 @@ const bt = $t.exports, xt = {
     })
   },
   watch: {
-    isIncVat(i) {
+    isIncVat(s) {
       let e = g({ amount: this.value }).divide(1.25);
-      i || (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 wt = function() {
+var gt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex w-full justify-end" }, [t("BaseInput", { staticStyle: { "max-width": "275px", "margin-top": "calc(1 * var(--rem))" }, attrs: { value: e.value, "is-price": !0, "is-inc-vat": e.isIncVat, vat: 25, placeholder: e.$t("maxTotalLabel") }, on: { input: function(s) {
-    return e.$emit("input", s);
-  } } }, [t("template", { slot: "prefix" }, [e._v(e._s(e.$t("price.maxPrice").capitalize()))]), t("template", { slot: "suffix" }, [e._v(e._s(e.getCurrencySymbol(e.currency)) + " " + e._s(e.$t(`vat.${e.isIncVat ? "incVat" : "exVat"}`, { thing: e.$t(`vat.${e.vatType}`) })))])], 2)], 1);
-}, Ct = [], It = /* @__PURE__ */ l(
-  xt,
-  wt,
-  Ct,
+  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);
+  } } }, [t("template", { slot: "prefix" }, [e._v(e._s(e.$t("price.maxPrice").capitalize()))]), t("template", { slot: "suffix" }, [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}`) })) + " ")])])], 2)], 1);
+}, yt = [], _t = /* @__PURE__ */ u(
+  vt,
+  gt,
+  yt,
   !1,
   null,
-  "912bdf70"
+  null
 );
-const Tt = It.exports, At = {
+const kt = _t.exports, $t = {
   props: {
     value: {
       type: String,
@@ -1689,25 +1583,25 @@ const Tt = It.exports, At = {
     };
   }
 };
-var St = function() {
+var xt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex justify-end" }, [t("CDropdown", { attrs: { value: e.value } }, [t("CButton", { staticClass: "price-type-button", attrs: { slot: "trigger" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("price.pricing").capitalize()) + ": "), t("span", [e._v(e._s(e.$t(`price.${e.value}`)))])]), e._l(e.priceTypeOptions, function(s) {
-    return t("CDropdownItem", { key: s, staticClass: "text-right", attrs: { value: s }, on: { click: function(n) {
-      return e.$emit("input", s);
-    } } }, [e._v(" " + e._s(e.$t(`price.${s}`)) + " ")]);
+  return t("div", { staticClass: "flex justify-end" }, [t("CDropdown", { attrs: { value: e.value } }, [t("CButton", { staticClass: "price-type-button", attrs: { slot: "trigger" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("price.pricing").capitalize()) + ": "), t("span", [e._v(e._s(e.$t(`price.${e.value}`)))])]), e._l(e.priceTypeOptions, function(i) {
+    return t("CDropdownItem", { key: i, staticClass: "text-right", attrs: { value: i }, on: { click: function(n) {
+      return e.$emit("input", i);
+    } } }, [e._v(" " + e._s(e.$t(`price.${i}`)) + " ")]);
   })], 2)], 1);
-}, Pt = [], Vt = /* @__PURE__ */ l(
-  At,
-  St,
-  Pt,
+}, bt = [], wt = /* @__PURE__ */ u(
+  $t,
+  xt,
+  bt,
   !1,
   null,
   "13ef0942"
 );
-const Dt = Vt.exports, Rt = {
+const Ct = wt.exports, Tt = {
   name: "EditDeduction",
   components: {
-    BaseInput: V
+    CPriceInput: x
   },
   mixins: [y(["houseWorkManualAmount"])],
   props: {
@@ -1735,20 +1629,20 @@ const Dt = Vt.exports, Rt = {
     };
   },
   watch: {
-    houseWorkType(i) {
-      i || (this.houseWorkManualAmount = null);
+    houseWorkType(s) {
+      s || (this.houseWorkManualAmount = null);
     }
   },
   methods: {
-    setDeduction(i) {
-      this.internalValue = g({ amount: this.total }).multiply(i).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 Ot = function() {
+var It = function() {
   var e = this, t = e._self._c;
   return t("div", [t("modal", e._b({ attrs: { name: `deduction-modal-${e._uid}` } }, "modal", {
     adaptive: !0,
@@ -1756,9 +1650,11 @@ var Ot = function() {
     width: "90%",
     maxWidth: 420,
     classes: "primary"
-  }, !1), [t("div", { staticClass: "deduction-modal flex w-full flex-col items-center justify-between" }, [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("BaseInput", { attrs: { "is-price": e.amountUnit === "fixed", placeholder: e.$t("enterThing", { thing: e.$t("deduction.deduction") }), type: "number", autofocus: "", size: "large" }, model: { value: e.internalValue, callback: function(s) {
-    e.internalValue = s;
-  }, expression: "internalValue" } }, [t("template", { slot: "suffix" }, [e._v(e._s(e.$t("currency.SEK")))])], 2)], 1), t("div", { staticClass: "flex w-full" }, e._l([
+  }, !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() {
+    return [e._v(e._s(e.$t("currency.SEK")))];
+  }, proxy: !0 }]), model: { value: e.internalValue, callback: function(i) {
+    e.internalValue = e._n(i);
+  }, expression: "internalValue" } })], 1), t("div", { staticClass: "flex w-full flex-wrap justify-center gap-2" }, e._l([
     { v: 0.09, l: "9%" },
     { v: 0.105, l: "10.5%" },
     { v: 0.1455, l: "14.55%" },
@@ -1766,31 +1662,31 @@ var Ot = function() {
     { v: 0.21, l: "21%" },
     { v: 0.485, l: "48.5%" },
     { v: 0.5, l: "50%" }
-  ], function(s) {
-    return t("div", { key: s.l, staticClass: "deduction-button", class: {
-      active: Math.round(e.total * s.v * 0.01) * 100 === e.internalValue
+  ], function(i) {
+    return t("div", { key: i.l, staticClass: "deduction-button", class: {
+      active: Math.round(e.total * i.v * 0.01) * 100 === e.internalValue
     }, on: { click: function(n) {
-      return e.setDeduction(s.v);
-    } } }, [e._v(" " + e._s(s.l) + " ")]);
-  }), 0), t("CButton", { staticClass: "mt-8", attrs: { type: "secondary", wide: "" }, on: { click: function(s) {
+      return e.setDeduction(i.v);
+    } } }, [e._v(" " + e._s(i.l) + " ")]);
+  }), 0), t("CButton", { staticClass: "mt-8", attrs: { type: "secondary", wide: "" }, on: { click: function(i) {
     e.houseWorkManualAmount = e.internalValue, e.$modal.hide(`deduction-modal-${e._uid}`);
-  } } }, [e._v(" " + e._s(e.$t("save")) + " ")]), t("CButton", { staticClass: "mt-2", attrs: { type: "secondary", pattern: "tertiary", wide: "" }, on: { click: function(s) {
+  } } }, [e._v(" " + e._s(e.$t("save")) + " ")]), t("CButton", { staticClass: "mt-2", attrs: { type: "secondary", pattern: "tertiary", wide: "" }, on: { click: function(i) {
     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(s) {
+  } } }, [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);
-}, Lt = [], Mt = /* @__PURE__ */ l(
-  Rt,
-  Ot,
-  Lt,
+}, At = [], Pt = /* @__PURE__ */ u(
+  Tt,
+  It,
+  At,
   !1,
   null,
-  "701dfb4d"
+  "f3ba2092"
 );
-const Et = Mt.exports, zt = {
+const St = Pt.exports, Vt = {
   name: "Pricing",
   components: {
-    EditDeduction: Et
+    EditDeduction: St
   },
   props: {
     _document: {
@@ -1876,34 +1772,34 @@ const Et = Mt.exports, zt = {
       }));
     },
     prices() {
-      const { prices: i } = this._document.packageGroups.getPackageById(
+      const { prices: s } = this._document.packageGroups.getPackageById(
         this.packageId
       );
-      return i;
+      return s;
     },
     showHouseWork() {
       return !!o(this.prices, "region.houseWorkType", !1) || !!o(this.prices, "region.houseWorkManualAmount", !1);
     }
   }
 };
-var Bt = function() {
+var Rt = 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(s, n) {
-    return t("div", { key: n, staticClass: "price-row flex w-full justify-between", class: [s.classList || ""] }, [t("div", { staticClass: "price-label" }, [e._v(" " + e._s(s.label.capitalize()) + " "), s.subLabel ? t("span", { staticClass: "pricing-sub-label" }, [e._v(" " + e._s(s.subLabel) + " ")]) : e._e(), s.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) {
-      s.action && s.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(s.prefix) + " " + e._s(s.value) + " ")])]);
+  }, "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(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)]);
-}, Wt = [], Ft = /* @__PURE__ */ l(
-  zt,
-  Bt,
-  Wt,
+}, Dt = [], Ot = /* @__PURE__ */ u(
+  Vt,
+  Rt,
+  Dt,
   !1,
   null,
   "d22ef0b4"
 );
-const jt = Ft.exports, Nt = {
+const Mt = Ot.exports, Lt = {
   name: "PackageItemEdit",
   i18nOptions: {
     namespaces: "PackageItemEdit",
@@ -1931,11 +1827,11 @@ const jt = Ft.exports, Nt = {
     }
   },
   components: {
-    ArticleList: bt,
-    PriceFormAlternatives: Dt,
-    MaxTotalInput: Tt,
-    Pricing: jt,
-    TextEditor: ae
+    ArticleList: ft,
+    PriceFormAlternatives: Ct,
+    MaxTotalInput: kt,
+    Pricing: Mt,
+    TextEditor: ie
   },
   mixins: [
     y([
@@ -1985,31 +1881,31 @@ const jt = Ft.exports, Nt = {
       return this._document.allArticles;
     },
     mappedPackageArticles() {
-      return (this.articles || []).map((i, e) => ({ ...i, i: e })).filter(({ packageId: i }) => i === this.packageId);
+      return (this.articles || []).map((s, e) => ({ ...s, i: e })).filter(({ packageId: s }) => s === this.packageId);
     },
     internalDescription: {
       get() {
-        return X(
+        return J(
           this.description,
           this._document.textTemplateMap,
           this._document._doc
         );
       },
-      set(i) {
-        this.description = ee(i);
+      set(s) {
+        this.description = Q(s);
       }
     }
   },
   watch: {
-    priceType(i, e) {
-      if (!(i && i.startsWith("open") && e && e.startsWith("open"))) {
-        if (i) {
-          const t = i.startsWith("open") ? "openAcc" : i;
-          this.mappedPackageArticles.forEach((s, n) => {
+    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,
               value: {
-                ...s,
+                ...i,
                 priceType: t,
                 ...t === "openAcc" && { quantity: 1 }
               }
@@ -2017,7 +1913,7 @@ const jt = Ft.exports, Nt = {
           });
         }
       }
-      i !== "openAccMaxPrice" && (this.maxTotal = null);
+      s !== "openAccMaxPrice" && (this.maxTotal = null);
     }
   },
   methods: {
@@ -2026,77 +1922,77 @@ const jt = Ft.exports, Nt = {
     },
     // Article Methods
     createEmptyArticle() {
-      const i = 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, i]
+        value: [...this.articles, s]
       });
     },
-    onArticleInput({ index: i, value: e }) {
-      const { i: t } = this.mappedPackageArticles[i], s = te(e, [
+    onArticleInput({ index: s, value: e }) {
+      const { i: t } = this.mappedPackageArticles[s], i = X(e, [
         "allowRot",
         "allowRut",
         "isIncVat",
         "rootPriceType",
         "hideControls"
       ]);
-      s.currency = this.currency, this.$emit("input", { key: `articles[${[t]}]`, value: s });
+      i.currency = this.currency, this.$emit("input", { key: `articles[${[t]}]`, value: i });
     },
-    onArticleAdd({ openModal: i = !1 } = {}) {
-      this.createEmptyArticle(), i ? 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: i, value: e }) {
-      const t = ie(this.mappedPackageArticles).add(
+    onInsert({ index: s, value: e }) {
+      const t = ee(this.mappedPackageArticles).add(
         { ...e, packageId: this.packageId },
-        i
+        s
       );
       this.$emit("input", {
         key: "articles",
         value: [
           ...this.articles.filter(
-            ({ packageId: s }) => s !== this.packageId
+            ({ packageId: i }) => i !== this.packageId
           ),
           ...t
         ]
       });
     },
-    onArticleRemove(i) {
-      const { i: e } = this.mappedPackageArticles[i];
+    onArticleRemove(s) {
+      const { i: e } = this.mappedPackageArticles[s];
       this.$emit("remove", { key: `articles[${[e]}]` });
     },
-    onArticleMove(i) {
+    onArticleMove(s) {
       this.$emit("input", {
         key: "articles",
         value: [
           ...this.articles.filter(
             ({ packageId: e }) => e !== this.packageId
           ),
-          ...i
+          ...s
         ]
       });
     }
   }
 };
-var Ht = function() {
+var Et = 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" }, [t("CButton", { staticClass: "is-thinner opacity-70", attrs: { slot: "trigger", size: "small", type: "text", pattern: "secondary" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("_common:change")) + " ")]), e.toggable ? [t("CDropdownItem", { attrs: { value: e.isSelectedDefault, toggle: !0, "close-on-click": !1 }, on: { click: function(s) {
+  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" }, [t("CButton", { staticClass: "is-thinner opacity-70", attrs: { slot: "trigger", size: "small", type: "text", pattern: "secondary" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("_common:change")) + " ")]), e.toggable ? [t("CDropdownItem", { attrs: { value: e.isSelectedDefault, toggle: !0, "close-on-click": !1 }, on: { click: function(i) {
     return e.$emit("update:isSelectedDefault", !e.isSelectedDefault);
-  } } }, [e._v(" " + e._s(e.$t("selected")) + " ")]), t("CDropdownItem", { attrs: { separator: "" } })] : e._e(), t("CDropdownItem", { attrs: { "icon-left": "arrow-up", disabled: !e.moveOptions.up }, on: { click: function(s) {
+  } } }, [e._v(" " + e._s(e.$t("selected")) + " ")]), t("CDropdownItem", { attrs: { separator: "" } })] : e._e(), t("CDropdownItem", { attrs: { "icon-left": "arrow-up", disabled: !e.moveOptions.up }, on: { click: function(i) {
     return e.$emit("move", -1);
-  } } }, [e._v(" " + e._s(e.$t("_common:move", { thing: e.$t("_common:up") })) + " ")]), t("CDropdownItem", { attrs: { "icon-left": "arrow-down", disabled: !e.moveOptions.down }, on: { click: function(s) {
+  } } }, [e._v(" " + e._s(e.$t("_common:move", { thing: e.$t("_common:up") })) + " ")]), t("CDropdownItem", { attrs: { "icon-left": "arrow-down", disabled: !e.moveOptions.down }, on: { click: function(i) {
     return e.$emit("move", 1);
   } } }, [e._v(" " + e._s(e.$t("_common:move", { thing: e.$t("_common:down") })) + " ")]), t("CDropdownItem", { attrs: { "icon-props": {
     stroke: "red"
-  }, "icon-left": "trash" }, on: { click: e.onRemove } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")])], 2) : e._e()], 1), t("div", { staticClass: "p-4" }, [t("div", { staticClass: "mb-0.5 flex items-center" }, [t("input", { directives: [{ name: "model", rawName: "v-model", value: e.name, expression: "name" }], staticClass: "block w-full rounded-lg p-0 text-xl font-bold leading-loose placeholder:text-gray-400", attrs: { id: `package-name-${e.packageId}`, placeholder: e.$t("namePlaceholder") }, domProps: { value: e.name }, on: { keyup: function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.$refs.editor.focus();
-  }, input: function(s) {
-    s.target.composing || (e.name = s.target.value);
-  } } })]), t("TextEditor", { ref: "editor", staticClass: "text-editor mb-4", attrs: { placeholder: e.$t("textPlaceholder"), mentions: () => e._document.textTemplateItems, snippets: !0 }, model: { value: e.internalDescription, callback: function(s) {
-    e.internalDescription = s;
+  }, "icon-left": "trash" }, on: { click: e.onRemove } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")])], 2) : e._e()], 1), t("div", { staticClass: "p-4" }, [t("div", { staticClass: "mb-0.5 flex items-center" }, [t("input", { directives: [{ name: "model", rawName: "v-model", value: e.name, expression: "name" }], staticClass: "block w-full rounded-lg p-0 text-xl font-bold leading-loose placeholder:text-gray-400", attrs: { id: `package-name-${e.packageId}`, placeholder: e.$t("namePlaceholder") }, domProps: { value: e.name }, on: { keyup: function(i) {
+    return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : e.$refs.editor.focus();
+  }, input: function(i) {
+    i.target.composing || (e.name = i.target.value);
+  } } })]), t("TextEditor", { ref: "editor", staticClass: "text-editor mb-4", attrs: { placeholder: e.$t("textPlaceholder"), mentions: () => e._document.textTemplateItems, snippets: !0 }, model: { value: e.internalDescription, callback: function(i) {
+    e.internalDescription = i;
   }, expression: "internalDescription" } }), t("div", { directives: [{ name: "click-outside", rawName: "v-click-outside", value: () => {
     e.isFocus = !1, e.isHover = !1;
   }, expression: `
@@ -2104,23 +2000,23 @@ var Ht = function() {
           isFocus = false
           isHover = false
         }
-      ` }], on: { "&mouseover": function(s) {
+      ` }], on: { "&mouseover": function(i) {
     e.isHover = !0;
-  }, "&mouseleave": function(s) {
+  }, "&mouseleave": function(i) {
     e.isHover = !1;
-  } } }, [e.priceType === "openAccMaxPrice" ? t("MaxTotalInput", { staticClass: "mb-4", attrs: { currency: e.currency, "vat-type": e._document.vatType }, model: { value: e.maxTotal, callback: function(s) {
-    e.maxTotal = s;
-  }, expression: "maxTotal" } }) : e._e(), t("PriceFormAlternatives", { on: { input: function(s) {
-    return e.$emit("update:priceType", s);
-  } }, model: { value: e.priceType, callback: function(s) {
-    e.priceType = s;
-  }, expression: "priceType" } }), t("ArticleList", { ref: "articleList", attrs: { _document: e._document, articles: e.mappedPackageArticles, "root-price-type": e.priceType, "active-house-work-type": e.activeHouseWorkType, "hide-controls": !e.isFocus && !e.isHover }, on: { input: e.onArticleInput, "update:setPricesIncVat": function(s) {
-    return e.$emit("update:setPricesIncVat", s);
-  }, "update:currency": function(s) {
-    return e.$emit("update:currency", s);
-  }, move: e.onArticleMove, remove: e.onArticleRemove, add: e.onArticleAdd, focus: function(s) {
+  } } }, [e.priceType === "openAccMaxPrice" ? t("MaxTotalInput", { staticClass: "mb-4", attrs: { currency: e.currency, "vat-type": e._document.vatType }, model: { value: e.maxTotal, callback: function(i) {
+    e.maxTotal = i;
+  }, expression: "maxTotal" } }) : e._e(), t("PriceFormAlternatives", { on: { input: function(i) {
+    return e.$emit("update:priceType", i);
+  } }, model: { value: e.priceType, callback: function(i) {
+    e.priceType = i;
+  }, expression: "priceType" } }), t("ArticleList", { ref: "articleList", attrs: { _document: e._document, articles: e.mappedPackageArticles, "root-price-type": e.priceType, "active-house-work-type": e.activeHouseWorkType, "hide-controls": !e.isFocus && !e.isHover }, on: { input: e.onArticleInput, "update:setPricesIncVat": function(i) {
+    return e.$emit("update:setPricesIncVat", i);
+  }, "update:currency": function(i) {
+    return e.$emit("update:currency", i);
+  }, move: e.onArticleMove, remove: e.onArticleRemove, add: e.onArticleAdd, focus: function(i) {
     e.isFocus = !0;
-  }, insert: e.onInsert } }), t("div", { staticClass: "mt-2 flex gap-2" }, [t("div", { 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(s) {
+  }, insert: e.onInsert } }), t("div", { staticClass: "mt-2 flex gap-2" }, [t("div", { 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();
   } } }, [t("CIcon", { staticClass: "mr-1", attrs: { type: "plus", size: "16", "stroke-width": "3" } }), e._v(" " + e._s(e.$t("addButton")) + " ")], 1), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
     content: e.$t("advancedButtonTooltip"),
@@ -2128,28 +2024,28 @@ var Ht = function() {
   }, expression: `{
             content: $t('advancedButtonTooltip'),
             offset: 6
-          }` }], 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(s) {
+          }` }], 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)]);
-}, qt = [], Ut = /* @__PURE__ */ l(
-  Nt,
-  Ht,
-  qt,
+}, zt = [], Bt = /* @__PURE__ */ u(
+  Lt,
+  Et,
+  zt,
   !1,
   null,
   "667ca0c1"
 );
-const Gt = Ut.exports, Kt = (i) => (i || []).slice(0, 1).map((e) => ({
+const Wt = Bt.exports, Ft = (s) => (s || []).slice(0, 1).map((e) => ({
   ...e,
   isSelected: !0,
   isSelectedDefault: !0,
   toggable: !1
-})), Yt = (i) => {
-  const e = o(i, "0.data.prices.type") || "fixed";
-  return (i || []).map((t, s) => ({
+})), jt = (s) => {
+  const e = o(s, "0.data.prices.type") || "fixed";
+  return (s || []).map((t, i) => ({
     ...t,
     toggable: !0,
-    ...s === 0 ? {
+    ...i === 0 ? {
       isSelected: !0,
       isSelectedDefault: !0,
       toggable: !1
@@ -2162,10 +2058,10 @@ const Gt = Ut.exports, Kt = (i) => (i || []).slice(0, 1).map((e) => ({
       }
     }
   }));
-}, Zt = (i = []) => {
+}, Nt = (s = []) => {
   let e = !1;
-  return i.map((t) => {
-    const s = {
+  return s.map((t) => {
+    const i = {
       ...t,
       // if any earlier pkg is selected, deselect pkg, otherwise keep as is
       ...e ? {
@@ -2174,19 +2070,19 @@ const Gt = Ut.exports, Kt = (i) => (i || []).slice(0, 1).map((e) => ({
       } : null,
       toggable: !0
     };
-    return (s.isSelected || s.isSelectedDefault) && (e = !0), s;
+    return (i.isSelected || i.isSelectedDefault) && (e = !0), i;
   }, []);
 };
-function Jt(i, ...e) {
-  if (i === "single")
-    return Kt(...e);
-  if (i === "checkbox")
-    return Yt(...e);
-  if (i === "radio")
-    return Zt(...e);
-  throw new Error(`Package filter type '${i}' is not implemented`);
+function Ht(s, ...e) {
+  if (s === "single")
+    return Ft(...e);
+  if (s === "checkbox")
+    return jt(...e);
+  if (s === "radio")
+    return Nt(...e);
+  throw new Error(`Package filter type '${s}' is not implemented`);
 }
-const Qt = {
+const qt = {
   name: "PackageGroupEdit",
   i18nOptions: {
     namespaces: "PackageGroupEdit",
@@ -2224,9 +2120,9 @@ const Qt = {
     }
   },
   components: {
-    ErrorCallout: A,
-    PackageItem: Gt,
-    PackageGroupSelect: Ee
+    ErrorCallout: P,
+    PackageItem: Wt,
+    PackageGroupSelect: Oe
   },
   mixins: [
     y([
@@ -2259,13 +2155,13 @@ const Qt = {
       newArticle: "articles/getNewArticle"
     }),
     internalPackages() {
-      return this.packages.map((i, e) => ({ ...i, index: e }));
+      return this.packages.map((s, e) => ({ ...s, index: e }));
     },
     topRowPackages() {
-      return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: i }) => i === !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: i }) => i === !0) : [];
+      return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: s }) => s === !0) : [];
     },
     group() {
       return this._document.packageGroups.getPackageGroupUniqId(
@@ -2300,18 +2196,18 @@ const Qt = {
     ...v({
       showMessage: p.SHOW_MESSAGE
     }),
-    setPricesIncVatAsDefault(i = {}) {
+    setPricesIncVatAsDefault(s = {}) {
       this.$emit("input", {
         key: "data.formSettings.setPricesIncVat",
         value: this.defaultVatInput === "incVat",
-        options: i
+        options: s
       });
     },
-    onSelectType(i) {
-      this.type = i;
+    onSelectType(s) {
+      this.type = s;
       const { type: e, packages: t } = this.persistedGroup || {};
       if (e && t && t.length)
-        this.addPersistedGroup(i), i !== e && this.showMessage({
+        this.addPersistedGroup(s), s !== e && this.showMessage({
           type: "info",
           message: this.$t("reset.message"),
           actions: {
@@ -2324,29 +2220,29 @@ const Qt = {
           }
         });
       else {
-        if (i === "checkbox")
+        if (s === "checkbox")
           return;
         this.addPackage({});
       }
     },
-    addPersistedGroup(i) {
+    addPersistedGroup(s) {
       if (!this.persistedGroup || !this.persistedGroup.type)
         return;
       let { packages: e, articles: t } = this.persistedGroup;
       if (!e.length)
         return;
-      if (i !== this.persistedGroup.type && (e = Jt(i, e)), i === "single" && t.length) {
+      if (s !== this.persistedGroup.type && (e = Ht(s, e)), s === "single" && t.length) {
         const [{ packageId: n }] = e;
         t = t.filter((a) => a.packageId === n);
       }
-      const s = De(
+      const i = Pe(
         [...this._document.allArticles || [], ...t || []],
         (n) => n._uniqueId
       );
-      this.$emit("input", { key: "articles", value: s }), this.$emit("input", { key: `${[this._value.packages]}`, value: e });
+      this.$emit("input", { key: "articles", value: i }), this.$emit("input", { key: `${[this._value.packages]}`, value: e });
     },
-    addPackage(i = {}) {
-      const e = se(), t = this.type === "checkbox" && this.packages.length ? this.packages[0].data.prices.type : "fixed", s = this.currency || this.defaultCurrency, n = {
+    addPackage(s = {}) {
+      const e = te(), 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,
@@ -2356,57 +2252,57 @@ const Qt = {
           description: "",
           prices: {
             type: t,
-            currency: s
+            currency: i
           }
         },
-        ...i
+        ...s
       };
       this.$emit("input", { key: this._value.packages, value: n }), this.$emit("input", {
         key: "articles",
         value: this.newArticle({
           priceType: t.startsWith("open") ? "openAcc" : t,
           packageId: e,
-          currency: s
+          currency: i
         })
       }), this.$nextTick(() => {
         const a = document.getElementById(`package-name-${e}`);
         a && a.focus();
       });
     },
-    onInputPriceType(i, e) {
-      this.type === "checkbox" && this.packages.forEach((t, s) => {
-        s !== i && this.$emit("input", {
-          key: `${[this._value.packages]}[${[s]}].data.prices.type`,
+    onInputPriceType(s, e) {
+      this.type === "checkbox" && this.packages.forEach((t, i) => {
+        i !== s && this.$emit("input", {
+          key: `${[this._value.packages]}[${[i]}].data.prices.type`,
           value: e
         });
       });
     },
-    onInputSelectedDefault(i, e) {
-      this.type === "radio" && !e || (this.type === "radio" && e && this.packages.forEach((t, s) => {
-        s !== i && (this.$emit("input", {
-          key: `${[this._value.packages]}[${[s]}].isSelectedDefault`,
+    onInputSelectedDefault(s, e) {
+      this.type === "radio" && !e || (this.type === "radio" && e && this.packages.forEach((t, i) => {
+        i !== s && (this.$emit("input", {
+          key: `${[this._value.packages]}[${[i]}].isSelectedDefault`,
           value: !1
         }), this.$emit("input", {
-          key: `${[this._value.packages]}[${[s]}].isSelected`,
+          key: `${[this._value.packages]}[${[i]}].isSelected`,
           value: !1
         }));
       }), this.$emit("input", {
-        key: `${[this._value.packages]}[${[i]}].isSelectedDefault`,
+        key: `${[this._value.packages]}[${[s]}].isSelectedDefault`,
         value: e
       }), this.$emit("input", {
-        key: `${[this._value.packages]}[${[i]}].isSelected`,
+        key: `${[this._value.packages]}[${[s]}].isSelected`,
         value: e
       }));
     },
-    removeByIndex(i) {
-      const { packageId: e } = this.packages[i], t = this._document.allArticles.filter(
-        ({ packageId: s }) => s !== e
+    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]}[${[i]}]` });
+      this.$emit("input", { key: "articles", value: t }), this.$emit("remove", { key: `${[this._value.packages]}[${[s]}]` });
     },
     async onResetType() {
-      const i = this.packages.map((s) => s.packageId), [e, t] = this._document.allArticles.reduce(
-        ([s, n], a) => i.includes(a.packageId) ? [[...s, a], n] : [s, [...n, a]],
+      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", {
@@ -2415,41 +2311,41 @@ const Qt = {
         articles: e
       }), this.$emit("input", { key: "articles", value: t }), this.$emit("input", { key: `${[this._value.packages]}`, value: [] }), this.type = "";
     },
-    moveOptions(i, e) {
+    moveOptions(s, e) {
       const t = { up: !1, down: !1 };
-      return i > 0 && (t.up = !0), i < e - 1 && (t.down = !0), t;
+      return s > 0 && (t.up = !0), s < e - 1 && (t.down = !0), t;
     },
-    moveItem(i, e) {
-      const t = C(this.packages, i, e);
+    moveItem(s, e) {
+      const t = T(this.packages, s, e);
       this.$emit("input", { key: this._value.packages, value: t });
     }
   }
 };
-var Xt = function() {
+var Ut = 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", [t("CButton", { attrs: { slot: "trigger", type: "none", size: "normal", pattern: "secondary", icon: "more-horizontal", circle: "" }, slot: "trigger" }), t("CDropdownItem", { on: { click: e.onResetType } }, [e._v(e._s(e.$t("_common:change", { thing: e.$t("_common:price.proposal").toLowerCase() })))]), t("CDropdownItem", { attrs: { value: !!e.hideGroupPrice, "close-on-click": !1, toggle: "" }, on: { input: function(s) {
-    e.hideGroupPrice = s;
-  } } }, [e._v(" " + e._s(e.$t("hideGroupPrice")) + " ")])], 1)], 1), e.type === "checkbox" && !e.internalPackages.find((s) => s.toggable === !1) ? t("CCallout", { staticClass: "w-full", attrs: { title: e.$t("base") } }, [t("div", { staticClass: "pb-4" }, [e._v(" " + e._s(e.$t("basePlaceholder")) + " ")]), t("CButton", { staticStyle: { "font-weight": "600" }, attrs: { type: "secondary", size: "small" }, on: { click: function(s) {
+  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", [t("CButton", { attrs: { slot: "trigger", type: "none", size: "normal", pattern: "secondary", icon: "more-horizontal", circle: "" }, slot: "trigger" }), t("CDropdownItem", { on: { click: e.onResetType } }, [e._v(e._s(e.$t("_common:change", { thing: e.$t("_common:price.proposal").toLowerCase() })))]), t("CDropdownItem", { attrs: { value: !!e.hideGroupPrice, "close-on-click": !1, toggle: "" }, on: { input: function(i) {
+    e.hideGroupPrice = i;
+  } } }, [e._v(" " + e._s(e.$t("hideGroupPrice")) + " ")])], 1)], 1), e.type === "checkbox" && !e.internalPackages.find((i) => i.toggable === !1) ? t("CCallout", { staticClass: "w-full", attrs: { title: e.$t("base") } }, [t("div", { staticClass: "pb-4" }, [e._v(" " + e._s(e.$t("basePlaceholder")) + " ")]), t("CButton", { staticStyle: { "font-weight": "600" }, attrs: { type: "secondary", size: "small" }, on: { click: function(i) {
     return e.addPackage({
       isSelected: !0,
       isSelectedDefault: !0,
       toggable: !1
     });
-  } } }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("base").toLowerCase() })) + " ")])], 1) : t("transition-group", { attrs: { name: "section-list", tag: "div" } }, e._l(e.topRowPackages, function(s, n) {
-    return t("div", { key: s.packageId, staticClass: "section-item pb-4" }, [t("PackageItem", { attrs: { _document: e._document, _value: {
-      isSelectedDefault: `${e._value.packages}[${s.index}].isSelectedDefault`,
-      isSelected: `${e._value.packages}[${s.index}].isSelected`,
-      name: `${e._value.packages}[${s.index}].data.name`,
-      description: `${e._value.packages}[${s.index}].data.description`,
-      priceType: `${e._value.packages}[${s.index}].data.prices.type`,
-      maxTotal: `${e._value.packages}[${s.index}].data.prices.maxTotal`,
-      basePath: `${e._value.packages}[${s.index}]`,
-      currency: `${e._value.packages}[${s.index}].data.prices.currency`
-    }, type: e.type, "active-house-work-type": e.houseWorkType, toggable: s.toggable, "package-id": s.packageId, "move-options": e.moveOptions(n, e.topRowPackages.length) }, on: { input: function(a) {
+  } } }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("base").toLowerCase() })) + " ")])], 1) : t("transition-group", { attrs: { name: "section-list", tag: "div" } }, e._l(e.topRowPackages, function(i, n) {
+    return t("div", { key: i.packageId, staticClass: "section-item pb-4" }, [t("PackageItem", { attrs: { _document: e._document, _value: {
+      isSelectedDefault: `${e._value.packages}[${i.index}].isSelectedDefault`,
+      isSelected: `${e._value.packages}[${i.index}].isSelected`,
+      name: `${e._value.packages}[${i.index}].data.name`,
+      description: `${e._value.packages}[${i.index}].data.description`,
+      priceType: `${e._value.packages}[${i.index}].data.prices.type`,
+      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(a) {
       return e.$emit("input", a);
     }, add: function(a) {
       return e.$emit("add", a);
-    }, "update:isSelectedDefault": (a) => e.onInputSelectedDefault(s.index, a), "update:priceType": (a) => e.onInputPriceType(s.index, a), "update:setPricesIncVat": (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: a
@@ -2457,25 +2353,25 @@ var Xt = function() {
     }, "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(s.index);
+      return e.removeByIndex(i.index);
     }, move: function(a) {
-      return e.moveItem(s.index, e.topRowPackages[n + a].index);
+      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(s, n) {
-    return t("div", { key: s.packageId, staticClass: "section-item", staticStyle: { padding: "calc(1 * var(--rem)) 0" } }, [t("PackageItem", { staticClass: "package-item", attrs: { _document: e._document, _value: {
-      isSelectedDefault: `${e._value.packages}[${s.index}].isSelectedDefault`,
-      isSelected: `${e._value.packages}[${s.index}].isSelected`,
-      name: `${e._value.packages}[${s.index}].data.name`,
-      description: `${e._value.packages}[${s.index}].data.description`,
-      priceType: `${e._value.packages}[${s.index}].data.prices.type`,
-      maxTotal: `${e._value.packages}[${s.index}].data.prices.maxTotal`,
-      basePath: `${e._value.packages}[${s.index}]`,
-      currency: `${e._value.packages}[${s.index}].data.prices.currency`
-    }, type: e.type, "active-house-work-type": e.houseWorkType, "package-id": s.packageId, "move-options": e.moveOptions(n, e.bottomRowPackages.length) }, on: { input: function(a) {
+  }), 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: {
+      isSelectedDefault: `${e._value.packages}[${i.index}].isSelectedDefault`,
+      isSelected: `${e._value.packages}[${i.index}].isSelected`,
+      name: `${e._value.packages}[${i.index}].data.name`,
+      description: `${e._value.packages}[${i.index}].data.description`,
+      priceType: `${e._value.packages}[${i.index}].data.prices.type`,
+      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(a) {
       return e.$emit("input", a);
     }, add: function(a) {
       return e.$emit("add", a);
-    }, "update:isSelectedDefault": (a) => e.onInputSelectedDefault(s.index, a), "update:priceType": (a) => e.onInputPriceType(s.index, a), "update:setPricesIncVat": (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: a
@@ -2483,24 +2379,24 @@ var Xt = function() {
     }, remove: function(a) {
       return e.$emit("remove", a);
     }, "remove-package": function(a) {
-      return e.removeByIndex(s.index);
+      return e.removeByIndex(i.index);
     }, move: function(a) {
-      return e.moveItem(s.index, e.bottomRowPackages[n + a].index);
+      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(s) {
+  }), 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(s) {
-    return e.onSelectType(s);
+  } } }, [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);
-}, ei = [], ti = /* @__PURE__ */ l(
-  Qt,
-  Xt,
-  ei,
+}, Gt = [], Kt = /* @__PURE__ */ u(
+  qt,
+  Ut,
+  Gt,
   !1,
   null,
   "c6ce4c7e"
 );
-const mi = ti.exports;
+const oi = Kt.exports;
 export {
-  mi as default
+  oi as default
 };