@cling-se/widget 0.19.6 → 0.19.8

package/dist/{Index-chiZsMLh.js → Index-D5_GLLQH.js}

@@ -1,17 +1,17 @@
-import { m as q } from "./mapFormMixin-B8xN9LiX.js";
-import { C as _e } from "./CCallout-C32zwICP.js";
-import { C as K, a as Y, w as $e } from "./CDropdownItem-BuQONogL.js";
-import { E as pe } from "./ErrorCallout-D_fUVD4I.js";
-import { bY as Te, bZ as me, b_ as Ae, b$ as Ce, c0 as Pe, c1 as xe, c2 as Ve, aL as Se, _ as D, e as g, o as a, b as c, s as l, v as m, n as V, F as A, k as S, l as J, f as b, d as p, m as E, a as z, g as L, M as N, w as h, L as B, J as F, K as ie, ad as H, c3 as De, c4 as ne, aF as Me, al as se, b5 as W, aD as Re, c5 as Le, b6 as Oe, ac as U, O as R, c as T, H as $, c6 as Ee, c7 as Ue, c8 as he, a8 as Be, c9 as ge, P as We, A as x, a1 as ze, R as Fe, a7 as je, aA as j, B as qe, E as Ne, ca as He, aw as Ge, bX as Ke, aE as Ye, cb as oe } from "./main-WDVYC60Z.js";
-import { u as Ze, a as Je } from "./DocumentLayout-Bth5tpry.js";
-import { T as Xe } from "./DocTextEditor-Ds4Cbg-2.js";
-import { _ as Qe, m as et } from "./Sortable.vue_vue_type_script_setup_true_lang-B_f6Nh_O.js";
-import { o as ve } from "./omit-BhJ-wiH8.js";
-import { C as Z } from "./CPriceInput-SbRlrDnD.js";
-import { u as fe } from "./index-Dbe2ueXc.js";
-import { S as tt } from "./SearchApi-rcvoh3Av.js";
-import { b as it } from "./index-Cwf2aXw3.js";
-import { _ as ye } from "./CFormField.vue_vue_type_script_setup_true_lang-KdkAe_wn.js";
+import { m as F } from "./mapFormMixin-Bx5_nE7g.js";
+import { C as _e } from "./CCallout-CrbMGTIj.js";
+import { C as K, a as Y, w as Te } from "./CDropdownItem-E-kRDIiy.js";
+import { E as me } from "./ErrorCallout--EnH1Ezu.js";
+import { c3 as Ae, c4 as he, c5 as Ce, c6 as Pe, c7 as xe, c8 as Ve, c9 as Se, aJ as Me, _ as M, b as g, d as c, o as a, j as l, t as p, x as V, F as C, n as S, W as J, e as b, f as u, s as N, m as z, a as E, g as L, w as h, R as B, ah as j, T as ie, am as H, ca as De, cb as ne, aE as Re, a8 as se, bh as W, aC as Le, cc as Oe, bj as Ee, a4 as U, c as A, u as R, q as $, cd as Ue, ce as Be, b$ as ge, v as We, cf as ve, $ as ze, ae as x, ak as je, aG as q, V as qe, a2 as oe, bY as Fe, ab as Ne, cg as He, ad as Ge, af as Ke, c2 as Ye, ch as re, aD as Ze } from "./main-BayUZ9OO.js";
+import { u as Je } from "./DocumentLayout-Oe-ZsHML.js";
+import { T as Qe } from "./DocTextEditor-KrfylSV6.js";
+import { _ as Xe, m as et } from "./Sortable.vue_vue_type_script_setup_true_lang-DleoAiSK.js";
+import { o as fe } from "./omit-BKJdPM2H.js";
+import { C as Z } from "./CPriceInput-agFahtr1.js";
+import { u as ye } from "./index-C3pnyYI4.js";
+import { S as tt } from "./SearchApi-Bf4jeQVr.js";
+import { m as it } from "./index-XzoHqJIR.js";
+import { _ as ke } from "./CFormField.vue_vue_type_script_setup_true_lang-Bi0MjQdW.js";
 const nt = [
   "unit",
   "m2",
@@ -29,65 +29,65 @@ const nt = [
   "year",
   "kWh"
 ];
-var X, re;
+var Q, le;
 function st() {
-  if (re) return X;
-  re = 1;
+  if (le) return Q;
+  le = 1;
   function e() {
   }
-  return X = e, X;
+  return Q = e, Q;
 }
-var Q, le;
+var X, ce;
 function at() {
-  if (le) return Q;
-  le = 1;
-  var e = Te(), t = st(), n = me(), o = 1 / 0, s = e && 1 / n(new e([, -0]))[1] == o ? function(i) {
+  if (ce) return X;
+  ce = 1;
+  var e = Ae(), t = st(), n = he(), o = 1 / 0, s = e && 1 / n(new e([, -0]))[1] == o ? function(i) {
     return new e(i);
   } : t;
-  return Q = s, Q;
+  return X = s, X;
 }
-var ee, ce;
+var ee, de;
 function ot() {
-  if (ce) return ee;
-  ce = 1;
-  var e = Ae(), t = Ce(), n = Pe(), o = xe(), s = at(), i = me(), f = 200;
-  function v(y, u, w) {
-    var k = -1, C = t, d = y.length, I = !0, r = [], P = r;
-    if (w)
-      I = !1, C = n;
-    else if (d >= f) {
-      var _ = u ? null : s(y);
-      if (_)
-        return i(_);
-      I = !1, C = o, P = new e();
+  if (de) return ee;
+  de = 1;
+  var e = Ce(), t = Pe(), n = Ve(), o = xe(), s = at(), i = he(), f = 200;
+  function v(y, d, k) {
+    var w = -1, _ = t, m = y.length, T = !0, r = [], P = r;
+    if (k)
+      T = !1, _ = n;
+    else if (m >= f) {
+      var I = d ? null : s(y);
+      if (I)
+        return i(I);
+      T = !1, _ = o, P = new e();
     } else
-      P = u ? [] : r;
+      P = d ? [] : r;
     e:
-      for (; ++k < d; ) {
-        var M = y[k], O = u ? u(M) : M;
-        if (M = w || M !== 0 ? M : 0, I && O === O) {
+      for (; ++w < m; ) {
+        var D = y[w], O = d ? d(D) : D;
+        if (D = k || D !== 0 ? D : 0, T && O === O) {
           for (var ae = P.length; ae--; )
             if (P[ae] === O)
               continue e;
-          u && P.push(O), r.push(M);
-        } else C(P, O, w) || (P !== r && P.push(O), r.push(M));
+          d && P.push(O), r.push(D);
+        } else _(P, O, k) || (P !== r && P.push(O), r.push(D));
       }
     return r;
   }
   return ee = v, ee;
 }
-var te, de;
+var te, ue;
 function rt() {
-  if (de) return te;
-  de = 1;
-  var e = Ve(), t = ot();
+  if (ue) return te;
+  ue = 1;
+  var e = Se(), t = ot();
   function n(o, s) {
     return o && o.length ? t(o, e(s, 2)) : [];
   }
   return te = n, te;
 }
 var lt = rt();
-const ct = /* @__PURE__ */ Se(lt), dt = {
+const ct = /* @__PURE__ */ Me(lt), dt = {
   name: "PackageGroupSelect",
   i18nOptions: {
     namespaces: "PackageGroupSelect",
@@ -130,7 +130,7 @@ const ct = /* @__PURE__ */ Se(lt), dt = {
   },
   emits: ["input"],
   setup() {
-    return { docWidth: Ze() };
+    return { docWidth: Je() };
   },
   data() {
     return {
@@ -166,16 +166,16 @@ const ct = /* @__PURE__ */ Se(lt), dt = {
 function yt(e, t, n, o, s, i) {
   const f = g("CIcon");
   return a(), c("div", ut, [
-    l("div", pt, m(e.$t("title")), 1),
+    l("div", pt, p(e.$t("title")), 1),
     l("div", null, [
       l("div", {
         class: V([{ "is-700-or-less": o.docWidth <= 700 }, "options"])
       }, [
-        (a(!0), c(A, null, S(s.options, (v, y) => (a(), c("div", {
+        (a(!0), c(C, null, S(s.options, (v, y) => (a(), c("div", {
           key: y,
           style: J({ backgroundColor: v.background }),
           class: "package-group-option",
-          onClick: (u) => e.$emit("input", v.value)
+          onClick: (d) => e.$emit("input", v.value)
         }, [
           l("div", ht, [
             v.value === "single" ? (a(), c("div", gt, t[0] || (t[0] = [
@@ -190,15 +190,15 @@ function yt(e, t, n, o, s, i) {
                 })
               ], -1)
             ]))) : b("", !0),
-            v.value === "radio" ? (a(), c(A, { key: 1 }, S(3, (u) => l("div", {
-              key: u,
-              class: V([{ animate: u === 2 }, "package-group-option__illustration-card"])
+            v.value === "radio" ? (a(), c(C, { key: 1 }, S(3, (d) => l("div", {
+              key: d,
+              class: V([{ animate: d === 2 }, "package-group-option__illustration-card"])
             }, [
               l("div", {
                 style: J([
                   { width: "8px", height: "8px", "border-radius": "50%", "box-shadow": `0 0 0 1px white,
                       0 0 0 2px hsl(0, 0%, 76%)`, "margin-right": "10px" },
-                  u === 2 && {
+                  d === 2 && {
                     boxShadow: `0 0 0 1px white, 0 0 0 2px ${v.background}`,
                     backgroundColor: v.background
                   }
@@ -215,15 +215,15 @@ function yt(e, t, n, o, s, i) {
                 })
               ], -1))
             ], 2)), 64)) : b("", !0),
-            v.value === "checkbox" ? (a(), c(A, { key: 2 }, S(3, (u) => l("div", {
-              key: u,
-              class: V([{ animate: u !== 3 }, "package-group-option__illustration-card"])
+            v.value === "checkbox" ? (a(), c(C, { key: 2 }, S(3, (d) => l("div", {
+              key: d,
+              class: V([{ animate: d !== 3 }, "package-group-option__illustration-card"])
             }, [
               l("div", {
-                style: J([{ 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" }, u !== 3 && { backgroundColor: v.background }])
+                style: J([{ 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" }, d !== 3 && { backgroundColor: v.background }])
               }, [
-                p(f, {
-                  type: u !== 3 ? "check" : "empty",
+                u(f, {
+                  type: d !== 3 ? "check" : "empty",
                   "stroke-width": "5",
                   size: "8"
                 }, null, 8, ["type"])
@@ -241,7 +241,7 @@ function yt(e, t, n, o, s, i) {
             ], 2)), 64)) : b("", !0)
           ]),
           l("div", null, [
-            l("div", vt, m(v.title), 1),
+            l("div", vt, p(v.title), 1),
             l("div", {
               class: "package-group-option__subtitle",
               innerHTML: v.subTitle
@@ -252,12 +252,12 @@ function yt(e, t, n, o, s, i) {
     ])
   ]);
 }
-const kt = /* @__PURE__ */ D(dt, [["render", yt], ["__scopeId", "data-v-9558e77f"]]), bt = {
+const kt = /* @__PURE__ */ M(dt, [["render", yt], ["__scopeId", "data-v-9558e77f"]]), bt = {
   name: "ArticleAutocomplete",
   components: {
     SearchApi: tt
   },
-  mixins: [q([])],
+  mixins: [F([])],
   props: {
     tag: {
       type: String,
@@ -378,7 +378,7 @@ const kt = /* @__PURE__ */ D(dt, [["render", yt], ["__scopeId", "data-v-9558e77f
   key: 0,
   ref: "dropdown",
   class: "r-container"
-}, It = ["onClickCapture"], _t = { class: "r-item-title w-full truncate" }, $t = { class: "r-item-details" }, Tt = {
+}, It = ["onClickCapture"], $t = { class: "r-item-title w-full truncate" }, _t = { class: "r-item-details" }, Tt = {
   key: 0,
   style: { width: "18px", height: "18px", "border-radius": "2px", "background-color": "hsl(0, 0%, 60%)", display: "inline-flex", "justify-content": "center", "align-items": "center" }
 }, At = { key: 1 }, Ct = { key: 2 }, Pt = { key: 3 }, xt = {
@@ -391,15 +391,15 @@ function Vt(e, t, n, o, s, i) {
     class: { "is-open": s.isOpen }
   }, e.$attrs, {
     style: { position: "relative" },
-    onKeydownPassive: t[0] || (t[0] = (...u) => i.onKeydown && i.onKeydown(...u))
+    onKeydownPassive: t[0] || (t[0] = (...d) => i.onKeydown && i.onKeydown(...d))
   }), [
-    p(v, { "custom-search": {
+    u(v, { "custom-search": {
       article: !0,
       extensionArticle: !0,
       project: !1
     } }, {
-      default: h(({ fetch: u }) => [
-        p(f, B({
+      default: h(({ fetch: d }) => [
+        u(f, B({
           ...e.$attrs,
           ...e.$props
         }, {
@@ -408,11 +408,11 @@ function Vt(e, t, n, o, s, i) {
           type: n.tag,
           "auto-resize": !0,
           class: "r-input",
-          "onUpdate:modelValue": (w) => i.search(u, w),
+          "onUpdate:modelValue": (k) => i.search(d, k),
           onFocus: i.onFocus,
           onKeydown: [
-            F(i.hideResults, ["tab"]),
-            F(i.hideResults, ["escape"])
+            j(i.hideResults, ["tab"]),
+            j(i.hideResults, ["escape"])
           ],
           onBlur: i.onBlur
         }), {
@@ -428,26 +428,26 @@ function Vt(e, t, n, o, s, i) {
       _: 3
     }),
     s.isOpen ? (a(), c("div", wt, [
-      (a(!0), c(A, null, S(s.searchResults, (u, w) => (a(), c("div", {
-        key: w,
-        class: V([{ active: s.selectedIndex === w }, "r-item"]),
-        onClickCapture: H((k) => i.onSelect(u), ["stop"])
+      (a(!0), c(C, null, S(s.searchResults, (d, k) => (a(), c("div", {
+        key: k,
+        class: V([{ active: s.selectedIndex === k }, "r-item"]),
+        onClickCapture: H((w) => i.onSelect(d), ["stop"])
       }, [
-        l("div", _t, m(u.name), 1),
-        l("div", $t, [
-          u.externalReference && u.externalReference.service ? (a(), c("div", Tt, [
-            p(y, {
-              type: u.externalReference.service,
+        l("div", $t, p(d.name), 1),
+        l("div", _t, [
+          d.externalReference && d.externalReference.service ? (a(), c("div", Tt, [
+            u(y, {
+              type: d.externalReference.service,
               style: { color: "white" },
               size: "14"
             }, null, 8, ["type"])
           ])) : b("", !0),
-          u.article_no ? (a(), c("div", At, m(u.article_no), 1)) : b("", !0),
-          u.price ? (a(), c("div", Ct, m(i.priceFormat(u.price, { currency: u.currency })), 1)) : b("", !0),
-          u.vat ? (a(), c("div", Pt, m(e.$t("vat.sharedTitle").capitalize()) + " " + m(u.vat) + "% ", 1)) : b("", !0)
+          d.article_no ? (a(), c("div", At, p(d.article_no), 1)) : b("", !0),
+          d.price ? (a(), c("div", Ct, p(i.priceFormat(d.price, { currency: d.currency })), 1)) : b("", !0),
+          d.vat ? (a(), c("div", Pt, p(e.$t("vat.sharedTitle").capitalize()) + " " + p(d.vat) + "% ", 1)) : b("", !0)
         ]),
-        s.selectedIndex === w ? (a(), c("div", xt, [
-          p(y, {
+        s.selectedIndex === k ? (a(), c("div", xt, [
+          u(y, {
             type: "corner-down-left",
             size: "16"
           })
@@ -456,7 +456,7 @@ function Vt(e, t, n, o, s, i) {
     ], 512)) : b("", !0)
   ], 16);
 }
-const ke = /* @__PURE__ */ D(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c"]]), ue = {
+const be = /* @__PURE__ */ M(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c"]]), pe = {
   isDeductable: !1,
   isRut: !1,
   greenRot15: !1,
@@ -468,18 +468,18 @@ const ke = /* @__PURE__ */ D(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
     updatedAt: (/* @__PURE__ */ new Date()).toISOString()
     // Trigger updatedAt as it us used to decide which houseWork to prioritize
   };
-  return typeof n < "u" && (o[n] = t), Object.keys(ue).includes(n) && t && (o = {
+  return typeof n < "u" && (o[n] = t), Object.keys(pe).includes(n) && t && (o = {
     ...o,
-    ...ue,
+    ...pe,
     [n]: !0
   }), De(o.quantity) !== "number" && (o.quantity = 0), ne(o);
-}, be = ({
+}, we = ({
   stored: e,
   current: t,
   hidePrice: n = !1,
   activeHouseWorkType: o
 }) => {
-  let s = Me({
+  let s = Re({
     ...e,
     quantity: 1,
     showPrice: !n,
@@ -488,8 +488,8 @@ const ke = /* @__PURE__ */ D(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
     packageId: t.packageId
   });
   if (o) {
-    const i = (y = []) => y.reduce((u, w) => ({ ...u, [w]: !1 }), {}), v = Object.values(
-      ve({
+    const i = (y = []) => y.reduce((d, k) => ({ ...d, [k]: !1 }), {}), v = Object.values(
+      fe({
         rot: "isDeductable",
         rut: "isRut",
         greenRot15: "greenRot15",
@@ -504,7 +504,7 @@ const ke = /* @__PURE__ */ D(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
   const n = se(e.currency, t);
   switch (e.priceType) {
     case "approx":
-      return `${Re.t("_common:approx")} ${n}`;
+      return `${Le.t("_common:approx")} ${n}`;
     case "openAcc":
       return `${n}/${W(e.unitType)}`;
     case "markup":
@@ -512,7 +512,7 @@ const ke = /* @__PURE__ */ D(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
     default:
       return n;
   }
-}, we = {
+}, Ie = {
   en: {
     namePlaceholder: "Service or product name",
     openModalTooltip: "Edit amount and unit",
@@ -557,21 +557,21 @@ const ke = /* @__PURE__ */ D(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
       }
     }
   }
-}, Ie = {
+}, $e = {
   article: {
     name: {
       maxLength: it(255)
     }
   }
-}, Dt = {
+}, Mt = {
   name: "Article",
   i18nOptions: {
     namespaces: "Article",
-    messages: we
+    messages: Ie
   },
   components: {
-    ErrorCallout: pe,
-    ArticleAutocomplete: ke,
+    ErrorCallout: me,
+    ArticleAutocomplete: be,
     CPriceInput: Z
   },
   expose: ["focusName"],
@@ -619,14 +619,14 @@ const ke = /* @__PURE__ */ D(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
   emits: ["input", "open-modal", "remove", "focus", "select", "add", "esc"],
   setup() {
     return {
-      v$: fe()
+      v$: ye()
     };
   },
-  validations: Ie,
+  validations: $e,
   data() {
     return {
       updateData: G,
-      addSavedArticle: be,
+      addSavedArticle: we,
       articleUnitLabel: W,
       widthCompact: 580,
       visualDisable: !1
@@ -651,8 +651,8 @@ const ke = /* @__PURE__ */ D(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
         discount: f,
         discountType: v
       } = this.article;
-      if (t !== "fixed" && e.push({ title: this.$t(`priceTypeShort.${t}`) }), Le(this.article)) {
-        const y = Oe(this.article);
+      if (t !== "fixed" && e.push({ title: this.$t(`priceTypeShort.${t}`) }), Oe(this.article)) {
+        const y = Ee(this.article);
         e.push({
           title: this.$t(`_common:deduction.${y}_percentage`)
         });
@@ -696,32 +696,32 @@ const ke = /* @__PURE__ */ D(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
       return e.$error && e.article.name.$error && ((t = e.article.name.maxLength) != null && t.$invalid) ? this.$t("validations.name.maxLength") : null;
     }
   }
-}, Mt = { class: "top-row flex w-full" }, Rt = ["innerHTML"];
+}, Dt = { class: "top-row flex w-full" }, Rt = ["innerHTML"];
 function Lt(e, t, n, o, s, i) {
-  const f = g("CIcon"), v = g("ArticleAutocomplete"), y = g("CPriceInput"), u = g("ErrorCallout"), w = U("tooltip");
+  const f = g("CIcon"), v = g("ArticleAutocomplete"), y = g("CPriceInput"), d = g("ErrorCallout"), k = U("tooltip");
   return a(), c("div", {
     class: V([{
       "has-details": i.details.length,
       compact: n.width <= s.widthCompact,
       "show-controls": !n.hideControls
     }, "article-wrapper"]),
-    onKeydown: t[10] || (t[10] = F((k) => e.$emit("esc"), ["esc"]))
+    onKeydown: t[10] || (t[10] = j((w) => e.$emit("esc"), ["esc"]))
   }, [
-    l("div", Mt, [
-      p(v, B({
+    l("div", Dt, [
+      u(v, B({
         ref: "name",
         "model-value": i.article.name,
         placeholder: e.$t("namePlaceholder"),
         size: "large",
         class: "article-name-wrapper article-input-wrapper form-control form-control-left"
       }, e.$attrs, {
-        "onUpdate:modelValue": t[1] || (t[1] = (k) => i.updateArticle(k, "name")),
-        onFocus: t[2] || (t[2] = (k) => e.$emit("focus")),
-        onSelect: t[3] || (t[3] = (k) => {
+        "onUpdate:modelValue": t[1] || (t[1] = (w) => i.updateArticle(w, "name")),
+        onFocus: t[2] || (t[2] = (w) => e.$emit("focus")),
+        onSelect: t[3] || (t[3] = (w) => {
           e.$emit(
             "input",
             s.addSavedArticle({
-              stored: k,
+              stored: w,
               current: i.article,
               hidePrice: n.hidePriceOnNew,
               activeHouseWorkType: n.activeHouseWorkType
@@ -733,14 +733,14 @@ function Lt(e, t, n, o, s, i) {
           n.hideControls ? b("", !0) : R((a(), c("div", {
             key: 0,
             class: "article-button fade-in",
-            onClick: t[0] || (t[0] = (k) => e.$emit("open-modal"))
+            onClick: t[0] || (t[0] = (w) => e.$emit("open-modal"))
           }, [
-            p(f, {
+            u(f, {
               type: "cog",
               size: "18"
             })
           ])), [
-            [w, {
+            [k, {
               content: e.$t("openModalTooltip"),
               delay: { show: 300, hide: 0 }
             }]
@@ -748,7 +748,7 @@ function Lt(e, t, n, o, s, i) {
         ]),
         _: 1
       }, 16, ["model-value", "placeholder"]),
-      n.hidePriceInput ? b("", !0) : (a(), T(y, B({
+      n.hidePriceInput ? b("", !0) : (a(), A(y, B({
         key: n.rootPriceType + i.article.priceType + i.article.unitType,
         "model-value": i.article.totalAmount,
         currency: i.article.currency,
@@ -760,22 +760,22 @@ function Lt(e, t, n, o, s, i) {
         class: "form-control form-control-right",
         style: { flex: "1 1", "min-width": "200px" }
       }, e.$attrs, {
-        "onUpdate:modelValue": t[4] || (t[4] = (k) => i.updateArticle(k, "price")),
-        "onUpdate:currency": t[5] || (t[5] = (k) => e.$emit("update:currency", k)),
+        "onUpdate:modelValue": t[4] || (t[4] = (w) => i.updateArticle(w, "price")),
+        "onUpdate:currency": t[5] || (t[5] = (w) => e.$emit("update:currency", w)),
         onFocus: t[6] || (t[6] = () => {
           i.onTotalPriceInputFocus(), e.$emit("focus");
         }),
-        onKeydown: t[7] || (t[7] = F((k) => e.$emit("add"), ["enter"]))
+        onKeydown: t[7] || (t[7] = j((w) => e.$emit("add"), ["enter"]))
       }), null, 16, ["model-value", "currency", "is-inc-vat", "vat", "placeholder", "price-type", "unit-label"])),
-      n.hideControls ? b("", !0) : (a(), c(A, { key: 1 }, [
-        p(f, {
+      n.hideControls ? b("", !0) : (a(), c(C, { key: 1 }, [
+        u(f, {
           class: "a-control-button close-button fade-in",
           circle: "",
           type: "x",
           size: "18",
-          onClick: t[8] || (t[8] = (k) => n.enableRemove ? e.$emit("remove") : null)
+          onClick: t[8] || (t[8] = (w) => n.enableRemove ? e.$emit("remove") : null)
         }),
-        p(f, {
+        u(f, {
           class: V([{ "c-hidden": !n.enableRemove }, "a-control-button fade-in move-button article-draggable-handle"]),
           circle: "",
           type: "handle",
@@ -787,27 +787,27 @@ function Lt(e, t, n, o, s, i) {
       key: 0,
       class: "article-details-wrapper",
       style: { cursor: "pointer" },
-      onClick: t[9] || (t[9] = (k) => e.$emit("open-modal"))
+      onClick: t[9] || (t[9] = (w) => e.$emit("open-modal"))
     }, [
-      (a(!0), c(A, null, S(i.details, ({ title: k, icon: C, subTitle: d = "", detailClass: I = "" }, r) => (a(), c("div", {
+      (a(!0), c(C, null, S(i.details, ({ title: w, icon: _, subTitle: m = "", detailClass: T = "" }, r) => (a(), c("div", {
         key: r,
-        class: V([[I], "article-details-item"])
+        class: V([[T], "article-details-item"])
       }, [
-        $(m(k) + " ", 1),
-        C ? (a(), c("div", {
+        $(p(w) + " ", 1),
+        _ ? (a(), c("div", {
           key: 0,
-          innerHTML: C
+          innerHTML: _
         }, null, 8, Rt)) : b("", !0),
-        $(" " + m(d), 1)
+        $(" " + p(m), 1)
       ], 2))), 128))
     ])) : b("", !0),
-    o.v$.$invalid && o.v$.$dirty ? (a(), T(u, {
+    o.v$.$invalid && o.v$.$dirty ? (a(), A(d, {
       key: 1,
       message: i.errorMessage(o.v$)
     }, null, 8, ["message"])) : b("", !0)
   ], 34);
 }
-const Ot = /* @__PURE__ */ D(Dt, [["render", Lt], ["__scopeId", "data-v-1a5f5b54"]]), Et = {
+const Ot = /* @__PURE__ */ M(Mt, [["render", Lt], ["__scopeId", "data-v-1a5f5b54"]]), Et = {
   emits: ["go", "close"],
   props: {
     canForward: {
@@ -918,7 +918,7 @@ function Bt(e, t, n, o, s, i) {
     ])
   ]);
 }
-const Wt = /* @__PURE__ */ D(Et, [["render", Bt], ["__scopeId", "data-v-f685b502"]]), zt = {
+const Wt = /* @__PURE__ */ M(Et, [["render", Bt], ["__scopeId", "data-v-f685b502"]]), zt = {
   name: "ArticleUnitEditModal",
   i18nOptions: {
     namespaces: "ArticleUnitEditModal",
@@ -946,9 +946,9 @@ const Wt = /* @__PURE__ */ D(Et, [["render", Bt], ["__scopeId", "data-v-f685b502
     }
   },
   components: {
-    DragList: Ee,
+    DragList: Be,
     DragItem: Ue,
-    CField: ye
+    CField: ke
   },
   emits: ["select", "close"],
   data() {
@@ -1019,51 +1019,51 @@ const Wt = /* @__PURE__ */ D(Et, [["render", Bt], ["__scopeId", "data-v-f685b502
       this.$emit("close");
     },
     async onDrop({ removedIndex: e, addedIndex: t }) {
-      e === null && t === null || e !== t && (this.idList = he(this.idList, e, t), await Be(
+      e === null && t === null || e !== t && (this.idList = ve(this.idList, e, t), await ze(
         "/unitType/setPositions",
         { ids: this.idList },
         { invalidateCache: { type: "unitType" } }
       ), this.reset(), await this.loadUnits());
     }
   }
-}, Ft = {
+}, jt = {
   class: "unit-modal-root font-inter",
   style: { position: "relative" }
-}, jt = { style: { padding: "calc(1.5 * var(--rem))" } }, qt = { style: { "font-weight": "600", "font-size": "18px", "margin-bottom": "calc(1.5 * var(--rem))" } }, Nt = { class: "control" }, Ht = { style: { "border-top": "1px solid hsl(0, 0%, 88%)", overflow: "auto", "max-height": "360px" } }, Gt = {
+}, qt = { style: { padding: "calc(1.5 * var(--rem))" } }, Ft = { style: { "font-weight": "600", "font-size": "18px", "margin-bottom": "calc(1.5 * var(--rem))" } }, Nt = { class: "control" }, Ht = { style: { "border-top": "1px solid hsl(0, 0%, 88%)", overflow: "auto", "max-height": "360px" } }, Gt = {
   class: "text-gray-400",
   style: { "font-size": "14px", padding: "calc(1 * var(--rem)) calc(1.5 * var(--rem)) 0", "font-weight": "500" }
 }, Kt = { class: "unit-modal-list" }, Yt = {
   key: 0,
   class: "unit-modal-list-empty"
-}, Zt = ["onMouseoverPassive", "onClick"], Jt = { class: "drag-handle" }, Xt = { style: { "padding-left": "0.5em" } }, Qt = { class: "unittype-buttons" };
+}, Zt = ["onMouseoverPassive", "onClick"], Jt = { class: "drag-handle" }, Qt = { style: { "padding-left": "0.5em" } }, Xt = { class: "unittype-buttons" };
 function ei(e, t, n, o, s, i) {
-  const f = g("CIcon"), v = g("CButton"), y = g("CInput"), u = g("CField"), w = g("DragItem"), k = g("DragList"), C = U("tooltip");
+  const f = g("CIcon"), v = g("CButton"), y = g("CInput"), d = g("CField"), k = g("DragItem"), w = g("DragList"), _ = U("tooltip");
   return a(), c("div", {
     class: "modal-overlay font-inter",
-    onClickPassive: t[3] || (t[3] = H((...d) => i.close && i.close(...d), ["self"]))
+    onClickPassive: t[3] || (t[3] = H((...m) => i.close && i.close(...m), ["self"]))
   }, [
-    l("div", Ft, [
-      l("div", jt, [
-        l("div", qt, [
-          l("span", null, m(e.$t("_common:add", { thing: e.$t("_common:unitType.unitType_other") })), 1),
-          R(p(f, {
+    l("div", jt, [
+      l("div", qt, [
+        l("div", Ft, [
+          l("span", null, p(e.$t("_common:add", { thing: e.$t("_common:unitType.unitType_other") })), 1),
+          R(u(f, {
             type: "info",
             size: "15",
             class: "text-gray-400",
             style: { "margin-left": "0.5em" }
           }, null, 512), [
-            [C, { content: e.$t("tooltip"), html: !0 }]
+            [_, { content: e.$t("tooltip"), html: !0 }]
           ])
         ]),
-        p(u, {
+        u(d, {
           grouped: "",
           style: { margin: "0" }
         }, {
           default: h(() => [
-            p(y, {
+            u(y, {
               ref: "unitInput",
               modelValue: s.selectedValue.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (d) => s.selectedValue.value = d),
+              "onUpdate:modelValue": t[0] || (t[0] = (m) => s.selectedValue.value = m),
               modelModifiers: { trim: !0 },
               placeholder: e.$t("_common:name").capitalize(),
               expanded: "",
@@ -1073,7 +1073,7 @@ function ei(e, t, n, o, s, i) {
               s.selectedValue.id ? {
                 name: "suffix",
                 fn: h(() => [
-                  p(v, {
+                  u(v, {
                     icon: "x",
                     type: "none",
                     pattern: "tertiary",
@@ -1086,14 +1086,14 @@ function ei(e, t, n, o, s, i) {
               } : void 0
             ]), 1032, ["modelValue", "placeholder"]),
             l("div", Nt, [
-              p(v, {
+              u(v, {
                 loading: e.isPosting,
                 disabled: !s.selectedValue.value,
                 type: "secondary",
                 onClick: i.submit
               }, {
                 default: h(() => [
-                  $(m(s.selectedValue.id ? e.$t("_common:save") : e.$t("_common:add")), 1)
+                  $(p(s.selectedValue.id ? e.$t("_common:save") : e.$t("_common:add")), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled", "onClick"])
@@ -1103,10 +1103,10 @@ function ei(e, t, n, o, s, i) {
         })
       ]),
       l("div", Ht, [
-        l("div", Gt, m(e.$t("_common:unit_other").capitalize()), 1),
+        l("div", Gt, p(e.$t("_common:unit_other").capitalize()), 1),
         l("div", Kt, [
-          i.unitItems.length ? b("", !0) : (a(), c("div", Yt, m(e.$t("_common:add", { thing: e.$t("_common:unit_other") })), 1)),
-          p(k, {
+          i.unitItems.length ? b("", !0) : (a(), c("div", Yt, p(e.$t("_common:add", { thing: e.$t("_common:unit_other") })), 1)),
+          u(w, {
             "drop-placeholder": { className: "drag-drop-placeholder" },
             "drag-class": "is-dragged",
             "lock-axis": "y",
@@ -1114,39 +1114,39 @@ function ei(e, t, n, o, s, i) {
             onDrop: i.onDrop
           }, {
             default: h(() => [
-              (a(!0), c(A, null, S(i.unitItems, (d, I) => (a(), T(w, {
-                key: d.id
+              (a(!0), c(C, null, S(i.unitItems, (m, T) => (a(), A(k, {
+                key: m.id
               }, {
                 default: h(() => [
                   l("div", {
-                    class: V([{ "is-editing": s.selectedValue.id === d.id }, "unit-modal-list-item"]),
-                    onMouseoverPassive: (r) => s.hoverIndex = I,
+                    class: V([{ "is-editing": s.selectedValue.id === m.id }, "unit-modal-list-item"]),
+                    onMouseoverPassive: (r) => s.hoverIndex = T,
                     onMouseleavePassive: t[2] || (t[2] = (r) => s.hoverIndex = null),
-                    onClick: (r) => i.onEdit(d)
+                    onClick: (r) => i.onEdit(m)
                   }, [
                     l("div", Jt, [
-                      p(f, {
+                      u(f, {
                         type: "handle",
                         size: "16",
                         class: "text-gray-300"
                       })
                     ]),
-                    l("div", Xt, m(d.label), 1),
-                    R(l("span", { class: "delete-confirm" }, m(e.$t("_common:remove")) + "? ", 513), [
-                      [We, s.removeConfirmIndex === I]
+                    l("div", Qt, p(m.label), 1),
+                    R(l("span", { class: "delete-confirm" }, p(e.$t("_common:remove")) + "? ", 513), [
+                      [We, s.removeConfirmIndex === T]
                     ]),
-                    l("div", Qt, [
-                      s.hoverIndex === I || s.removeConfirmIndex === I ? (a(), T(v, {
+                    l("div", Xt, [
+                      s.hoverIndex === T || s.removeConfirmIndex === T ? (a(), A(v, {
                         key: 0,
-                        type: s.removeConfirmIndex === I ? "danger" : "none",
-                        pattern: s.removeConfirmIndex === I ? "primary" : "tertiary",
+                        type: s.removeConfirmIndex === T ? "danger" : "none",
+                        pattern: s.removeConfirmIndex === T ? "primary" : "tertiary",
                         circle: "",
                         icon: "x",
                         size: "small",
-                        onClick: H((r) => i.remove(d.id, I), ["stop", "prevent"]),
+                        onClick: H((r) => i.remove(m.id, T), ["stop", "prevent"]),
                         onBlur: t[1] || (t[1] = (r) => s.removeConfirmIndex = null)
                       }, null, 8, ["type", "pattern", "onClick"])) : b("", !0),
-                      p(v, {
+                      u(v, {
                         icon: "edit",
                         size: "small",
                         type: "none",
@@ -1166,11 +1166,11 @@ function ei(e, t, n, o, s, i) {
     ])
   ], 32);
 }
-const ti = /* @__PURE__ */ D(zt, [["render", ei], ["__scopeId", "data-v-439571ca"]]), ii = {
+const ti = /* @__PURE__ */ M(zt, [["render", ei], ["__scopeId", "data-v-439571ca"]]), ii = {
   name: "ArticleUnitSelect",
   components: {
-    CDropdown: K,
-    CDropdownItem: Y
+    CDropdown: Y,
+    CDropdownItem: K
   },
   props: {
     modelValue: {
@@ -1219,30 +1219,30 @@ const ti = /* @__PURE__ */ D(zt, [["render", ei], ["__scopeId", "data-v-439571ca
 };
 function ni(e, t, n, o, s, i) {
   const f = g("CButton"), v = g("CDropdownItem"), y = g("CDropdown");
-  return a(), T(y, B({
+  return a(), A(y, B({
     position: "is-bottom-left",
     maxHeight: "240px",
     ...e.$attrs
   }, {
     "model-value": n.modelValue,
     scrollable: "",
-    "onUpdate:modelValue": t[0] || (t[0] = (u) => e.$emit("update:modelValue", u))
+    "onUpdate:modelValue": t[0] || (t[0] = (d) => e.$emit("update:modelValue", d))
   }), {
     trigger: h(() => [
       ie(e.$slots, "default", {}, () => [
-        p(f, {
+        u(f, {
           type: "none",
           pattern: "tertiary"
         }, {
           default: h(() => [
-            $(m(i.articleUnitLabel(n.modelValue)), 1)
+            $(p(i.articleUnitLabel(n.modelValue)), 1)
           ]),
           _: 1
         })
       ], !0)
     ]),
     footer: h(() => [
-      n.isPublicForm ? b("", !0) : (a(), T(f, {
+      n.isPublicForm ? b("", !0) : (a(), A(f, {
         key: 0,
         type: "none",
         pattern: "secondary",
@@ -1251,18 +1251,18 @@ function ni(e, t, n, o, s, i) {
         onClick: i.openEditModal
       }, {
         default: h(() => [
-          $(m(e.$t("_common:edit", { thing: e.$t("_common:unit_other") })), 1)
+          $(p(e.$t("_common:edit", { thing: e.$t("_common:unit_other") })), 1)
         ]),
         _: 1
       }, 8, ["onClick"]))
     ]),
     default: h(() => [
-      (a(!0), c(A, null, S(i.unitItems, (u, w) => (a(), T(v, {
-        key: `${u}-${w}`,
-        value: u
+      (a(!0), c(C, null, S(i.unitItems, (d, k) => (a(), A(v, {
+        key: `${d}-${k}`,
+        value: d
       }, {
         default: h(() => [
-          $(m(i.articleUnitLabel(u)), 1)
+          $(p(i.articleUnitLabel(d)), 1)
         ]),
         _: 2
       }, 1032, ["value"]))), 128))
@@ -1270,21 +1270,21 @@ function ni(e, t, n, o, s, i) {
     _: 3
   }, 16, ["model-value"]);
 }
-const si = /* @__PURE__ */ D(ii, [["render", ni], ["__scopeId", "data-v-3d10b9fe"]]), ai = {
+const si = /* @__PURE__ */ M(ii, [["render", ni], ["__scopeId", "data-v-3d10b9fe"]]), ai = {
   name: "ArticleModal",
   i18nOptions: {
     namespaces: "ArticleModal",
-    messages: we
+    messages: Ie
   },
   components: {
-    ArticleAutocomplete: ke,
+    ArticleAutocomplete: be,
     ArticleUnitSelect: si,
     ListModalButtons: Wt,
     CPriceInput: Z,
-    CField: ye
+    CField: ke
   },
   emits: ["add", "input", "focus", "close", "open-modal", "update:currency"],
-  mixins: [$e],
+  mixins: [Te],
   props: {
     _document: {
       type: Object,
@@ -1341,15 +1341,15 @@ const si = /* @__PURE__ */ D(ii, [["render", ni], ["__scopeId", "data-v-3d10b9fe
   },
   setup() {
     return {
-      v$: fe()
+      v$: ye()
     };
   },
-  validations: Ie,
+  validations: $e,
   data() {
     return {
       priceSuffix: St,
       updateData: G,
-      addSavedArticle: be,
+      addSavedArticle: we,
       vatOptions: [
         { value: 25, translation: "25%" },
         { value: 12, translation: "12%" },
@@ -1580,7 +1580,7 @@ const si = /* @__PURE__ */ D(ii, [["render", ni], ["__scopeId", "data-v-3d10b9fe
   style: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" }
 }, vi = ["onClick"], fi = { style: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, yi = ["onClick"], ki = { class: "flex space-x-4 overflow-hidden p-4 md:p-9" };
 function bi(e, t, n, o, s, i) {
-  const f = g("ListModalButtons"), v = g("CIcon"), y = g("ArticleAutocomplete"), u = g("CField"), w = g("CInput"), k = g("CButton"), C = g("ArticleUnitSelect"), d = g("CPriceInput"), I = U("tooltip");
+  const f = g("ListModalButtons"), v = g("CIcon"), y = g("ArticleAutocomplete"), d = g("CField"), k = g("CInput"), w = g("CButton"), _ = g("ArticleUnitSelect"), m = g("CPriceInput"), T = U("tooltip");
   return a(), c("div", {
     class: V([{
       "full-screen": e.mq === "sm",
@@ -1589,7 +1589,7 @@ function bi(e, t, n, o, s, i) {
     onClickPassive: t[15] || (t[15] = H((...r) => i.close && i.close(...r), ["self"]))
   }, [
     l("div", oi, [
-      e.mq !== "sm" ? (a(), T(f, {
+      e.mq !== "sm" ? (a(), A(f, {
         key: 0,
         "can-forward": !!n.articleList[n.index + 1],
         "can-backward": !!n.articleList[n.index - 1],
@@ -1600,15 +1600,15 @@ function bi(e, t, n, o, s, i) {
         class: "modal-close",
         onClick: t[1] || (t[1] = (...r) => i.close && i.close(...r))
       }, [
-        p(v, { type: "x" })
+        u(v, { type: "x" })
       ])),
-      p(ze, { name: "slide" }, {
+      u(je, { name: "slide" }, {
         default: h(() => [
           (a(), c("div", {
             key: i.article._uniqueId,
             class: "modal-main"
           }, [
-            p(u, {
+            u(d, {
               validator: o.v$.article.name,
               messages: { maxLength: e.$t("validations.name.maxLength") },
               label: e.$t("name").capitalize(),
@@ -1617,7 +1617,7 @@ function bi(e, t, n, o, s, i) {
               class: "label-selector"
             }, {
               default: h(() => [
-                p(y, {
+                u(y, {
                   ref: "nameInput",
                   "model-value": i.article.name,
                   autosize: !0,
@@ -1640,14 +1640,14 @@ function bi(e, t, n, o, s, i) {
               _: 1
             }, 8, ["validator", "messages", "label"]),
             l("div", ri, [
-              p(u, {
+              u(d, {
                 label: e.$t("quantity").capitalize(),
                 "label-position": "inside",
                 class: "label-selector form-control form-control-left flex-grow",
                 style: { "margin-bottom": "0" }
               }, {
                 default: h(() => [
-                  p(w, {
+                  u(k, {
                     "model-value": i.article.quantity,
                     disabled: ["openAcc", "markup"].includes(i.article.priceType),
                     placeholder: "",
@@ -1659,18 +1659,18 @@ function bi(e, t, n, o, s, i) {
                 ]),
                 _: 1
               }, 8, ["label"]),
-              p(C, {
+              u(_, {
                 "model-value": i.article.unitType,
                 "is-public-form": n.viewSettings.isPublicForm,
                 "onUpdate:modelValue": t[5] || (t[5] = (r) => i.updateArticle(r, "unitType"))
               }, {
                 default: h(() => [
-                  p(k, {
+                  u(w, {
                     class: "select-css form-control form-control-right",
                     style: { width: "8em", "box-shadow": "none" }
                   }, {
                     default: h(() => [
-                      $(m(s.articleUnitLabel(i.article.unitType, {
+                      $(p(s.articleUnitLabel(i.article.unitType, {
                         count: i.article.quantity
                       })), 1)
                     ]),
@@ -1680,16 +1680,16 @@ function bi(e, t, n, o, s, i) {
                 _: 1
               }, 8, ["model-value", "is-public-form"])
             ]),
-            n.hidePriceInput ? b("", !0) : (a(), c(A, { key: 0 }, [
+            n.hidePriceInput ? b("", !0) : (a(), c(C, { key: 0 }, [
               l("div", li, [
-                p(u, {
+                u(d, {
                   label: e.$t("price.price").capitalize(),
                   "label-position": "inside",
                   class: "label-selector form-control form-control-left flex-1",
                   style: { "margin-bottom": "0" }
                 }, {
                   default: h(() => [
-                    (a(), T(d, {
+                    (a(), A(m, {
                       ref: "priceInput",
                       key: s.priceSuffix(i.article),
                       "model-value": i.article.price,
@@ -1711,17 +1711,17 @@ function bi(e, t, n, o, s, i) {
                   class: "select-css form-control form-control-right",
                   style: { width: "8em" },
                   onClick: t[9] || (t[9] = (r) => s.setPricesIncVat = !s.setPricesIncVat)
-                }, m(n._document.$t(`vat.${s.setPricesIncVat ? "incVat" : "exVat"}`)), 1)) : b("", !0)
+                }, p(n._document.$t(`vat.${s.setPricesIncVat ? "incVat" : "exVat"}`)), 1)) : b("", !0)
               ]),
               s.showDiscountInput ? (a(), c("div", ci, [
-                p(u, {
+                u(d, {
                   label: e.$t("discount").capitalize(),
                   "label-position": "inside",
                   class: "label-selector form-control form-control-left flex-grow",
                   style: { "margin-bottom": "0" }
                 }, {
                   default: h(() => [
-                    p(d, {
+                    u(m, {
                       ref: "discountInput",
                       "model-value": i.article.discount,
                       currency: i.article.currency,
@@ -1734,7 +1734,7 @@ function bi(e, t, n, o, s, i) {
                       i.article.discountType === "fixed" ? {
                         name: "suffix",
                         fn: h(() => [
-                          $(m(n._document.$t(
+                          $(p(n._document.$t(
                             `vat.${s.setPricesIncVat ? "incVat" : "exVat"}`
                           )), 1)
                         ]),
@@ -1742,7 +1742,7 @@ function bi(e, t, n, o, s, i) {
                       } : {
                         name: "suffix",
                         fn: h(() => [
-                          $(m(s.getCurrencySymbol(i.article.currency)), 1)
+                          $(p(s.getCurrencySymbol(i.article.currency)), 1)
                         ]),
                         key: "1"
                       }
@@ -1757,11 +1757,11 @@ function bi(e, t, n, o, s, i) {
                     i.article.discountType === "percentage" ? "fixed" : "percentage",
                     "discountType"
                   ))
-                }, m(i.article.discountType === "percentage" ? "%" : s.getCurrencySymbol(i.article.currency)), 1)
+                }, p(i.article.discountType === "percentage" ? "%" : s.getCurrencySymbol(i.article.currency)), 1)
               ])) : b("", !0)
             ], 64)),
             l("div", di, [
-              i.useVat ? (a(), c(A, { key: 0 }, [
+              i.useVat ? (a(), c(C, { key: 0 }, [
                 e.feature("regionSE") && Number.isInteger(i.article.vat) ? (a(), c("select", {
                   key: 0,
                   value: i.article.vat,
@@ -1769,12 +1769,12 @@ function bi(e, t, n, o, s, i) {
                   style: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" },
                   onInput: t[12] || (t[12] = (r) => i.updateArticle(Number.parseFloat(r.target.value), "vat"))
                 }, [
-                  (a(!0), c(A, null, S(s.vatOptions, ({ translation: r, value: P }, _) => (a(), c("option", {
-                    key: _,
+                  (a(!0), c(C, null, S(s.vatOptions, ({ translation: r, value: P }, I) => (a(), c("option", {
+                    key: I,
                     value: P
-                  }, m(e.$t(`vat.${i.vatType}`)) + " " + m(r), 9, pi))), 128))
+                  }, p(e.$t(`vat.${i.vatType}`)) + " " + p(r), 9, pi))), 128))
                 ], 40, ui)) : (a(), c("span", mi, [
-                  $(m(n._document.$t("vat").capitalize()) + " ", 1),
+                  $(p(n._document.$t("vat").capitalize()) + " ", 1),
                   l("input", {
                     value: i.article.vat || 0,
                     type: "number",
@@ -1786,25 +1786,25 @@ function bi(e, t, n, o, s, i) {
                 ]))
               ], 64)) : b("", !0),
               i.priceTypeOptions.length ? (a(), c("div", gi, [
-                (a(!0), c(A, null, S(i.priceTypeOptions, ({ label: r, value: P, onClick: _, tooltip: M }, O) => R((a(), c("div", {
+                (a(!0), c(C, null, S(i.priceTypeOptions, ({ label: r, value: P, onClick: I, tooltip: D }, O) => R((a(), c("div", {
                   key: r + O,
                   class: V([{ active: P }, "tag-item"]),
-                  onClick: _
+                  onClick: I
                 }, [
-                  $(m(r), 1)
+                  $(p(r), 1)
                 ], 10, vi)), [
-                  [I, {
-                    content: M,
+                  [T, {
+                    content: D,
                     delay: { show: 300, hide: 0 }
                   }]
                 ])), 128))
               ])) : b("", !0),
               l("div", fi, [
-                (a(!0), c(A, null, S(i.checkboxItems, ({ label: r, value: P, onClick: _ }, M) => (a(), c("div", {
-                  key: r + M,
+                (a(!0), c(C, null, S(i.checkboxItems, ({ label: r, value: P, onClick: I }, D) => (a(), c("div", {
+                  key: r + D,
                   class: V([{ active: P }, "tag-item"]),
-                  onClick: _
-                }, m(r), 11, yi))), 128))
+                  onClick: I
+                }, p(r), 11, yi))), 128))
               ])
             ])
           ]))
@@ -1812,7 +1812,7 @@ function bi(e, t, n, o, s, i) {
         _: 1
       }),
       l("div", ki, [
-        R((a(), T(k, {
+        R((a(), A(w, {
           type: "primary",
           tabindex: "0",
           size: "large",
@@ -1820,7 +1820,7 @@ function bi(e, t, n, o, s, i) {
           onClick: i.addNewArticle
         }, {
           default: h(() => [
-            p(v, {
+            u(v, {
               type: "zap",
               size: "21",
               style: { margin: "-3px" }
@@ -1828,7 +1828,7 @@ function bi(e, t, n, o, s, i) {
           ]),
           _: 1
         }, 8, ["onClick"])), [
-          [I, {
+          [T, {
             distance: 7,
             html: !0,
             content: `
@@ -1846,7 +1846,7 @@ function bi(e, t, n, o, s, i) {
             `
           }]
         ]),
-        p(k, {
+        u(w, {
           size: "large",
           class: "flex-grow",
           type: "secondary",
@@ -1856,7 +1856,7 @@ function bi(e, t, n, o, s, i) {
           onClick: i.onSaveArticle
         }, {
           default: h(() => [
-            $(m(e.$t("save")), 1)
+            $(p(e.$t("save")), 1)
           ]),
           _: 1
         }, 8, ["onClick"])
@@ -1864,7 +1864,7 @@ function bi(e, t, n, o, s, i) {
     ])
   ], 34);
 }
-const wi = /* @__PURE__ */ D(ai, [["render", bi], ["__scopeId", "data-v-eacf482e"]]), Ii = {
+const wi = /* @__PURE__ */ M(ai, [["render", bi], ["__scopeId", "data-v-eacf482e"]]), Ii = {
   i18nOptions: {
     name: "ArticleListEdit",
     namespaces: "ArticleListEdit",
@@ -1886,11 +1886,10 @@ const wi = /* @__PURE__ */ D(ai, [["render", bi], ["__scopeId", "data-v-eacf482e
   components: {
     Article: Ot,
     ArticleModal: wi,
-    WithDimensions: Je,
-    Sortable: Qe
+    Sortable: Xe
   },
   expose: ["focusLastArticle", "openLastArticle"],
-  mixins: [q([])],
+  mixins: [F([])],
   props: {
     _document: {
       type: Object,
@@ -1914,7 +1913,8 @@ const wi = /* @__PURE__ */ D(ai, [["render", bi], ["__scopeId", "data-v-eacf482e
     }
   },
   setup() {
-    return { articleItem: Fe(null) };
+    const e = oe("articleItem"), t = oe("container"), { width: n } = Fe(t);
+    return { articleItem: e, articlesWidth: n };
   },
   emits: [
     "input",
@@ -1970,7 +1970,7 @@ const wi = /* @__PURE__ */ D(ai, [["render", bi], ["__scopeId", "data-v-eacf482e
       e || this.toggleDeductions(!1);
     },
     setPricesIncVat(e) {
-      this.updateArticlesVatOption(), ["extension", "widget"].includes(je.value) || this.showMessage({
+      this.updateArticlesVatOption(), ["extension", "widget"].includes(qe.value) || this.showMessage({
         type: "info",
         message: this.$t("vatOption.message", {
           vatOption: this.$t(`_common:vat.${e ? "incVat" : "exVat"}`, {
@@ -2007,10 +2007,10 @@ const wi = /* @__PURE__ */ D(ai, [["render", bi], ["__scopeId", "data-v-eacf482e
     updateArticlesVatOption() {
       this.articles.forEach((e, t) => {
         if (e.priceType === "markup") return;
-        let n = j({ amount: e.price }).divide(
+        let n = q({ amount: e.price }).divide(
           (100 + e.vat) * 0.01
         );
-        this.setPricesIncVat || (n = j({ amount: e.price }).multiply(
+        this.setPricesIncVat || (n = q({ amount: e.price }).multiply(
           (100 + e.vat) * 0.01
         )), this.updateArticleObject(
           t,
@@ -2037,7 +2037,7 @@ const wi = /* @__PURE__ */ D(ai, [["render", bi], ["__scopeId", "data-v-eacf482e
         greenRot50: "greenRot50"
       }, n = (o = []) => o.reduce((s, i) => ({ ...s, [i]: !1 }), {});
       t[e] ? this.articles.forEach((o, s) => {
-        const i = Object.values(ve(t, [e]));
+        const i = Object.values(fe(t, [e]));
         if (i.some((f) => !!o[f])) {
           const f = { ...o, ...n(i) };
           this.$emit("input", { index: s, value: f });
@@ -2066,66 +2066,61 @@ const wi = /* @__PURE__ */ D(ai, [["render", bi], ["__scopeId", "data-v-eacf482e
       this.$emit("move", t);
     }
   }
-}, _i = {
+}, $i = { ref: "container" }, _i = {
   key: 0,
   class: "label-text"
 };
-function $i(e, t, n, o, s, i) {
-  const f = g("Article"), v = g("Sortable"), y = g("WithDimensions"), u = g("ArticleModal"), w = g("Portal");
-  return a(), c("div", null, [
+function Ti(e, t, n, o, s, i) {
+  const f = g("Article"), v = g("Sortable"), y = g("ArticleModal"), d = g("Portal");
+  return a(), c("div", $i, [
     i.showVatToggle ? (a(), c("div", _i, [
-      $(m(e.$t("vatOption.label")) + " ", 1),
+      $(p(e.$t("vatOption.label")) + " ", 1),
       l("span", {
         onClick: t[0] || (t[0] = (k) => i.changeVat())
-      }, m(n._document.$t(`vat.${i.setPricesIncVat ? "incVat" : "exVat"}`)), 1)
+      }, p(n._document.$t(`vat.${i.setPricesIncVat ? "incVat" : "exVat"}`)), 1)
     ])) : b("", !0),
-    p(y, null, {
-      default: h(({ width: k }) => [
-        p(v, {
-          "item-key": "_uniqueId",
-          options: {
-            group: "articles",
-            sort: !0,
-            animation: 150,
-            ghostClass: "article-ghost",
-            handle: ".article-draggable-handle",
-            onAdd: i.onAdd,
-            onRemove: i.onRemove,
-            onUpdate: i.onUpdate
-          },
-          list: n.articles,
-          style: { "min-height": "calc(3 * var(--rem))" }
-        }, {
-          item: h(({ item: C, index: d }) => [
-            p(f, {
-              ref: "articleItem",
-              value: C,
-              width: k,
-              "hide-price-input": e.hidePriceInput,
-              "hide-price-on-new": e.hidePriceOnNew,
-              "is-inc-vat": i.setPricesIncVat,
-              "hide-controls": n.hideControls,
-              "root-price-type": n.rootPriceType,
-              "active-house-work-type": n.activeHouseWorkType,
-              class: "article-item",
-              "onUpdate:currency": t[1] || (t[1] = (I) => e.$emit("update:currency", I)),
-              onInput: (I) => i.updateArticleObject(d, I),
-              onFocus: t[2] || (t[2] = (I) => e.$emit("focus")),
-              onRemove: (I) => i.onRemoveArticle(d),
-              onOpenModal: (I) => i.openModal(d, I),
-              onAdd: (I) => d === i.articlesWithTotal.length - 1 ? e.$emit("add") : null,
-              onSelect: (I) => d === i.articlesWithTotal.length - 1 ? e.$emit("add") : null,
-              onEsc: (I) => i.onEsc(d, C)
-            }, null, 8, ["value", "width", "hide-price-input", "hide-price-on-new", "is-inc-vat", "hide-controls", "root-price-type", "active-house-work-type", "onInput", "onRemove", "onOpenModal", "onAdd", "onSelect", "onEsc"])
-          ]),
-          _: 2
-        }, 1032, ["options", "list"])
+    u(v, {
+      "item-key": "_uniqueId",
+      options: {
+        group: "articles",
+        sort: !0,
+        animation: 150,
+        ghostClass: "article-ghost",
+        handle: ".article-draggable-handle",
+        onAdd: i.onAdd,
+        onRemove: i.onRemove,
+        onUpdate: i.onUpdate
+      },
+      list: n.articles,
+      style: { "min-height": "calc(3 * var(--rem))" }
+    }, {
+      item: h(({ item: k, index: w }) => [
+        u(f, {
+          ref: "articleItem",
+          value: k,
+          width: o.articlesWidth,
+          "hide-price-input": e.hidePriceInput,
+          "hide-price-on-new": e.hidePriceOnNew,
+          "is-inc-vat": i.setPricesIncVat,
+          "hide-controls": n.hideControls,
+          "root-price-type": n.rootPriceType,
+          "active-house-work-type": n.activeHouseWorkType,
+          class: "article-item",
+          "onUpdate:currency": t[1] || (t[1] = (_) => e.$emit("update:currency", _)),
+          onInput: (_) => i.updateArticleObject(w, _),
+          onFocus: t[2] || (t[2] = (_) => e.$emit("focus")),
+          onRemove: (_) => i.onRemoveArticle(w),
+          onOpenModal: (_) => i.openModal(w, _),
+          onAdd: (_) => w === i.articlesWithTotal.length - 1 ? e.$emit("add") : null,
+          onSelect: (_) => w === i.articlesWithTotal.length - 1 ? e.$emit("add") : null,
+          onEsc: (_) => i.onEsc(w, k)
+        }, null, 8, ["value", "width", "hide-price-input", "hide-price-on-new", "is-inc-vat", "hide-controls", "root-price-type", "active-house-work-type", "onInput", "onRemove", "onOpenModal", "onAdd", "onSelect", "onEsc"])
       ]),
       _: 1
-    }),
-    p(w, { to: "modal" }, {
+    }, 8, ["options", "list"]),
+    u(d, { to: "modal" }, {
       default: h(() => [
-        s.showModal && i.articlesWithTotal[s.selectedIndex] ? (a(), T(u, {
+        s.showModal && i.articlesWithTotal[s.selectedIndex] ? (a(), A(y, {
           key: 0,
           ref: "articleModal",
           _document: n._document,
@@ -2147,9 +2142,9 @@ function $i(e, t, n, o, s, i) {
       ]),
       _: 1
     })
-  ]);
+  ], 512);
 }
-const Ti = /* @__PURE__ */ D(Ii, [["render", $i], ["__scopeId", "data-v-76a7d87c"]]), Ai = {
+const Ai = /* @__PURE__ */ M(Ii, [["render", Ti], ["__scopeId", "data-v-8ab60481"]]), Ci = {
   name: "MaxTotalInput",
   i18nOptions: {
     namespaces: "MaxTotalInput",
@@ -2192,19 +2187,19 @@ const Ti = /* @__PURE__ */ D(Ii, [["render", $i], ["__scopeId", "data-v-76a7d87c
   },
   watch: {
     isIncVat(e) {
-      let t = j({ amount: this.modelValue }).divide(
+      let t = q({ amount: this.modelValue }).divide(
         1.25
       );
-      e || (t = j({ amount: this.modelValue }).multiply(
+      e || (t = q({ amount: this.modelValue }).multiply(
         125 * 0.01
       )), this.$emit("update:modelValue", t.getAmount());
     }
   }
-}, Ci = { class: "flex w-full justify-end" };
-function Pi(e, t, n, o, s, i) {
+}, Pi = { class: "flex w-full justify-end" };
+function xi(e, t, n, o, s, i) {
   const f = g("CPriceInput");
-  return a(), c("div", Ci, [
-    p(f, {
+  return a(), c("div", Pi, [
+    u(f, {
       "model-value": n.modelValue,
       currency: n.currency,
       "is-inc-vat": e.isIncVat,
@@ -2217,10 +2212,10 @@ function Pi(e, t, n, o, s, i) {
       "onUpdate:modelValue": t[0] || (t[0] = (v) => e.$emit("update:modelValue", v))
     }, {
       prefix: h(() => [
-        $(m(e.$t("price.maxPrice").capitalize()), 1)
+        $(p(e.$t("price.maxPrice").capitalize()), 1)
       ]),
       suffix: h(() => [
-        l("span", null, m(s.getCurrencySymbol(n.currency)) + " " + m(e.$t(`vat.${e.isIncVat ? "incVat" : "exVat"}`, {
+        l("span", null, p(s.getCurrencySymbol(n.currency)) + " " + p(e.$t(`vat.${e.isIncVat ? "incVat" : "exVat"}`, {
           thing: e.$t(`vat.${n.vatType}`)
         })), 1)
       ]),
@@ -2228,10 +2223,10 @@ function Pi(e, t, n, o, s, i) {
     }, 8, ["model-value", "currency", "is-inc-vat", "placeholder"])
   ]);
 }
-const xi = /* @__PURE__ */ D(Ai, [["render", Pi]]), Vi = {
+const Vi = /* @__PURE__ */ M(Ci, [["render", xi]]), Si = {
   components: {
-    CDropdown: K,
-    CDropdownItem: Y
+    CDropdown: Y,
+    CDropdownItem: K
   },
   props: {
     modelValue: {
@@ -2245,29 +2240,29 @@ const xi = /* @__PURE__ */ D(Ai, [["render", Pi]]), Vi = {
       priceTypeOptions: ["fixed", "approx", "openAcc", "openAccMaxPrice"]
     };
   }
-}, Si = { class: "flex justify-end" };
+}, Mi = { class: "flex justify-end" };
 function Di(e, t, n, o, s, i) {
   const f = g("CButton"), v = g("CDropdownItem"), y = g("CDropdown");
-  return a(), c("div", Si, [
-    p(y, { "model-value": n.modelValue }, {
+  return a(), c("div", Mi, [
+    u(y, { "model-value": n.modelValue }, {
       trigger: h(() => [
-        p(f, { class: "price-type-button" }, {
+        u(f, { class: "price-type-button" }, {
           default: h(() => [
-            $(m(e.$t("price.pricing").capitalize()) + ": ", 1),
-            l("span", null, m(e.$t(`price.${n.modelValue}`)), 1)
+            $(p(e.$t("price.pricing").capitalize()) + ": ", 1),
+            l("span", null, p(e.$t(`price.${n.modelValue}`)), 1)
           ]),
           _: 1
         })
       ]),
       default: h(() => [
-        (a(!0), c(A, null, S(s.priceTypeOptions, (u) => (a(), T(v, {
-          key: u,
-          value: u,
+        (a(!0), c(C, null, S(s.priceTypeOptions, (d) => (a(), A(v, {
+          key: d,
+          value: d,
           class: "text-right",
-          onClick: (w) => e.$emit("update:modelValue", u)
+          onClick: (k) => e.$emit("update:modelValue", d)
         }, {
           default: h(() => [
-            $(m(e.$t(`price.${u}`)), 1)
+            $(p(e.$t(`price.${d}`)), 1)
           ]),
           _: 2
         }, 1032, ["value", "onClick"]))), 128))
@@ -2276,12 +2271,12 @@ function Di(e, t, n, o, s, i) {
     }, 8, ["model-value"])
   ]);
 }
-const Mi = /* @__PURE__ */ D(Vi, [["render", Di], ["__scopeId", "data-v-26c5da6c"]]), Ri = {
+const Ri = /* @__PURE__ */ M(Si, [["render", Di], ["__scopeId", "data-v-26c5da6c"]]), Li = {
   name: "EditDeduction",
   components: {
     CPriceInput: Z
   },
-  mixins: [q(["houseWorkManualAmount"])],
+  mixins: [F(["houseWorkManualAmount"])],
   props: {
     disabled: {
       type: Boolean,
@@ -2314,13 +2309,13 @@ const Mi = /* @__PURE__ */ D(Vi, [["render", Di], ["__scopeId", "data-v-26c5da6c
   },
   methods: {
     setDeduction(e) {
-      this.internalValue = j({ amount: this.total }).multiply(e).getAmount();
+      this.internalValue = q({ amount: this.total }).multiply(e).getAmount();
     },
     showModal() {
       this.internalValue = this.houseWorkAmount, this.$modal.show(this.modalName);
     }
   }
-}, Li = { class: "deduction-modal flex w-full flex-col items-center justify-between rounded-lg" }, Oi = { style: { "font-size": "calc(calc(1 * var(--rem)) + 2px)", "font-weight": "800", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, Ei = { style: { "margin-bottom": "calc(1 * var(--rem))", width: "100%" } }, Ui = { class: "flex w-full flex-wrap justify-center gap-2" }, Bi = ["onClick"], Wi = {
+}, Oi = { class: "deduction-modal flex w-full flex-col items-center justify-between rounded-lg" }, Ei = { style: { "font-size": "calc(calc(1 * var(--rem)) + 2px)", "font-weight": "800", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, Ui = { style: { "margin-bottom": "calc(1 * var(--rem))", width: "100%" } }, Bi = { class: "flex w-full flex-wrap justify-center gap-2" }, Wi = ["onClick"], zi = {
   style: { "margin-right": "0.5em" },
   viewBox: "0 0 24 24",
   width: "12",
@@ -2332,10 +2327,10 @@ const Mi = /* @__PURE__ */ D(Vi, [["render", Di], ["__scopeId", "data-v-26c5da6c
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
 };
-function zi(e, t, n, o, s, i) {
-  const f = g("CPriceInput"), v = g("CButton"), y = g("modal"), u = g("portal");
+function ji(e, t, n, o, s, i) {
+  const f = g("CPriceInput"), v = g("CButton"), y = g("modal"), d = g("portal");
   return a(), c("div", null, [
-    p(y, B({
+    u(y, B({
       adaptive: !0,
       height: "auto",
       width: "90%",
@@ -2343,14 +2338,14 @@ function zi(e, t, n, o, s, i) {
       classes: "primary"
     }, { name: s.modalName }), {
       default: h(() => [
-        l("div", Li, [
-          l("div", Oi, m(e.$t("deduction.manualType", {
+        l("div", Oi, [
+          l("div", Ei, p(e.$t("deduction.manualType", {
             type: e.$t(`deduction.${n.houseWorkType}`)
           })), 1),
-          l("div", Ei, [
-            p(f, {
+          l("div", Ui, [
+            u(f, {
               modelValue: s.internalValue,
-              "onUpdate:modelValue": t[0] || (t[0] = (w) => s.internalValue = w),
+              "onUpdate:modelValue": t[0] || (t[0] = (k) => s.internalValue = k),
               modelModifiers: { number: !0 },
               currency: "SEK",
               placeholder: e.$t("enterThing", { thing: e.$t("deduction.deduction") }),
@@ -2359,13 +2354,13 @@ function zi(e, t, n, o, s, i) {
               "suffix-class": "text-gray-400"
             }, {
               suffix: h(() => [
-                $(m(e.$t("currency.SEK")), 1)
+                $(p(e.$t("currency.SEK")), 1)
               ]),
               _: 1
             }, 8, ["modelValue", "placeholder"])
           ]),
-          l("div", Ui, [
-            (a(), c(A, null, S([
+          l("div", Bi, [
+            (a(), c(C, null, S([
               { v: 0.09, l: "9%" },
               { v: 0.105, l: "10.5%" },
               { v: 0.1455, l: "14.55%" },
@@ -2373,15 +2368,15 @@ function zi(e, t, n, o, s, i) {
               { v: 0.21, l: "21%" },
               { v: 0.485, l: "48.5%" },
               { v: 0.5, l: "50%" }
-            ], (w) => l("div", {
-              key: w.l,
+            ], (k) => l("div", {
+              key: k.l,
               class: V([{
-                active: Math.round(n.total * w.v * 0.01) * 100 === s.internalValue
+                active: Math.round(n.total * k.v * 0.01) * 100 === s.internalValue
               }, "deduction-button"]),
-              onClick: (k) => i.setDeduction(w.v)
-            }, m(w.l), 11, Bi)), 64))
+              onClick: (w) => i.setDeduction(k.v)
+            }, p(k.l), 11, Wi)), 64))
           ]),
-          p(v, {
+          u(v, {
             type: "secondary",
             wide: "",
             class: "mt-8",
@@ -2390,11 +2385,11 @@ function zi(e, t, n, o, s, i) {
             })
           }, {
             default: h(() => [
-              $(m(e.$t("save")), 1)
+              $(p(e.$t("save")), 1)
             ]),
             _: 1
           }),
-          p(v, {
+          u(v, {
             type: "secondary",
             pattern: "tertiary",
             wide: "",
@@ -2404,7 +2399,7 @@ function zi(e, t, n, o, s, i) {
             })
           }, {
             default: h(() => [
-              $(m(e.$t("reset")), 1)
+              $(p(e.$t("reset")), 1)
             ]),
             _: 1
           })
@@ -2412,7 +2407,7 @@ function zi(e, t, n, o, s, i) {
       ]),
       _: 1
     }, 16, ["name"]),
-    e.houseWorkManualAmount ? (a(), T(u, {
+    e.houseWorkManualAmount ? (a(), A(d, {
       key: 0,
       order: 2,
       to: "document-nav-bottom"
@@ -2420,9 +2415,9 @@ function zi(e, t, n, o, s, i) {
       default: h(() => [
         l("div", {
           class: "housework-manual-nav",
-          onClick: t[3] || (t[3] = (w) => e.$modal.show(s.modalName))
+          onClick: t[3] || (t[3] = (k) => e.$modal.show(s.modalName))
         }, [
-          (a(), c("svg", Wi, t[4] || (t[4] = [
+          (a(), c("svg", zi, t[4] || (t[4] = [
             l("path", { 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" }, null, -1),
             l("line", {
               x1: "12",
@@ -2437,17 +2432,17 @@ function zi(e, t, n, o, s, i) {
               y2: "17"
             }, null, -1)
           ]))),
-          $(" " + m(e.$t("deduction.manualType", { type: e.$t(`deduction.${n.houseWorkType}`) })) + " " + m(e.$t("using")), 1)
+          $(" " + p(e.$t("deduction.manualType", { type: e.$t(`deduction.${n.houseWorkType}`) })) + " " + p(e.$t("using")), 1)
         ])
       ]),
       _: 1
     })) : b("", !0)
   ]);
 }
-const Fi = /* @__PURE__ */ D(Ri, [["render", zi], ["__scopeId", "data-v-5de18d7b"]]), ji = {
+const qi = /* @__PURE__ */ M(Li, [["render", ji], ["__scopeId", "data-v-5de18d7b"]]), Fi = {
   name: "Pricing",
   components: {
-    EditDeduction: Fi
+    EditDeduction: qi
   },
   props: {
     _document: {
@@ -2545,15 +2540,15 @@ const Fi = /* @__PURE__ */ D(Ri, [["render", zi], ["__scopeId", "data-v-5de18d7b
       return !!x(this.prices, "region.houseWorkType", !1) || !!x(this.prices, "region.houseWorkManualAmount", !1);
     }
   }
-}, qi = { class: "price-bubble" }, Ni = { class: "flex w-full items-center justify-between" }, Hi = { class: "price-label" }, Gi = {
+}, Ni = { class: "price-bubble" }, Hi = { class: "flex w-full items-center justify-between" }, Gi = { class: "price-label" }, Ki = {
   key: 0,
   class: "pricing-sub-label"
-}, Ki = ["onClick"], Yi = { class: "price-value" };
-function Zi(e, t, n, o, s, i) {
+}, Yi = ["onClick"], Zi = { class: "price-value" };
+function Ji(e, t, n, o, s, i) {
   const f = g("EditDeduction"), v = U("tooltip");
-  return a(), c("div", qi, [
-    l("div", Ni, [
-      i.showHouseWork ? (a(), T(f, {
+  return a(), c("div", Ni, [
+    l("div", Hi, [
+      i.showHouseWork ? (a(), A(f, {
         key: 0,
         ref: "deduction",
         disabled: !s.get(i.prices, "region.houseWorkType", !1),
@@ -2568,17 +2563,17 @@ function Zi(e, t, n, o, s, i) {
       }, null, 8, ["disabled", "_document", "_value", "house-work-type", "house-work-amount", "total"])) : b("", !0)
     ]),
     l("div", null, [
-      (a(!0), c(A, null, S(i.priceArray, (y, u) => (a(), c("div", {
-        key: u,
+      (a(!0), c(C, null, S(i.priceArray, (y, d) => (a(), c("div", {
+        key: d,
         class: V([[y.classList || ""], "price-row flex w-full justify-between"])
       }, [
-        l("div", Hi, [
-          $(m(y.label.capitalize()) + " ", 1),
-          y.subLabel ? (a(), c("span", Gi, m(y.subLabel), 1)) : b("", !0),
+        l("div", Gi, [
+          $(p(y.label.capitalize()) + " ", 1),
+          y.subLabel ? (a(), c("span", Ki, p(y.subLabel), 1)) : b("", !0),
           y.action ? R((a(), c("span", {
             key: 1,
             class: "pricing-action",
-            onClick: (w) => y.action ? y.action() : null
+            onClick: (k) => y.action ? y.action() : null
           }, t[1] || (t[1] = [
             l("svg", {
               viewBox: "0 0 24 24",
@@ -2593,16 +2588,16 @@ function Zi(e, t, n, o, s, i) {
               l("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
               l("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
             ], -1)
-          ]), 8, Ki)), [
+          ]), 8, Yi)), [
             [v, e.$t("edit", { thing: e.$t("deduction.deduction") })]
           ]) : b("", !0)
         ]),
-        l("div", Yi, m(y.prefix) + " " + m(y.value), 1)
+        l("div", Zi, p(y.prefix) + " " + p(y.value), 1)
       ], 2))), 128))
     ])
   ]);
 }
-const Ji = /* @__PURE__ */ D(ji, [["render", Zi], ["__scopeId", "data-v-90384cd6"]]), Xi = {
+const Qi = /* @__PURE__ */ M(Fi, [["render", Ji], ["__scopeId", "data-v-90384cd6"]]), Xi = {
   name: "PackageItemEdit",
   i18nOptions: {
     namespaces: "PackageItemEdit",
@@ -2630,13 +2625,13 @@ const Ji = /* @__PURE__ */ D(ji, [["render", Zi], ["__scopeId", "data-v-90384cd6
     }
   },
   components: {
-    ArticleList: Ti,
-    PriceFormAlternatives: Mi,
-    MaxTotalInput: xi,
-    Pricing: Ji,
-    TextEditor: Xe,
-    CDropdown: K,
-    CDropdownItem: Y
+    ArticleList: Ai,
+    PriceFormAlternatives: Ri,
+    MaxTotalInput: Vi,
+    Pricing: Qi,
+    TextEditor: Qe,
+    CDropdown: Y,
+    CDropdownItem: K
   },
   emits: [
     "move",
@@ -2649,7 +2644,7 @@ const Ji = /* @__PURE__ */ D(ji, [["render", Zi], ["__scopeId", "data-v-90384cd6
     "remove-package"
   ],
   mixins: [
-    q([
+    F([
       "isSelectedDefault",
       "isSelected",
       "name",
@@ -2700,14 +2695,14 @@ const Ji = /* @__PURE__ */ D(ji, [["render", Zi], ["__scopeId", "data-v-90384cd6
     },
     internalDescription: {
       get() {
-        return qe(
+        return Ke(
           this.description,
           this._document.textTemplateMap,
           this._document._doc
         );
       },
       set(e) {
-        this.description = Ne(e);
+        this.description = Ge(e);
       }
     }
   },
@@ -2761,7 +2756,7 @@ const Ji = /* @__PURE__ */ D(ji, [["render", Zi], ["__scopeId", "data-v-90384cd6
       this.createEmptyArticle(), e ? this.$refs.articleList.openLastArticle() : this.$refs.articleList.focusLastArticle();
     },
     onInsert({ index: e, value: t }) {
-      const n = Ge(this.mappedPackageArticles).add(
+      const n = Ne(this.mappedPackageArticles).add(
         { ...t, packageId: this.packageId },
         e
       );
@@ -2791,65 +2786,65 @@ const Ji = /* @__PURE__ */ D(ji, [["render", Zi], ["__scopeId", "data-v-90384cd6
       });
     }
   }
-}, Qi = { class: "min-h-0 rounded-md border border-gray-200 bg-white text-black" }, en = { class: "flex w-full items-center justify-between bg-gray-100 py-1 pl-4 pr-1 text-sm font-medium text-gray-600" }, tn = { class: "p-4" }, nn = { class: "mb-0.5 flex items-center" }, sn = ["id", "placeholder"], an = { class: "mt-2 flex gap-2" };
-function on(e, t, n, o, s, i) {
-  const f = g("CButton"), v = g("CDropdownItem"), y = g("CDropdown"), u = g("TextEditor"), w = g("MaxTotalInput"), k = g("PriceFormAlternatives"), C = g("ArticleList"), d = g("CIcon"), I = g("Pricing"), r = U("tooltip"), P = U("click-outside");
-  return a(), c("div", Qi, [
-    l("div", en, [
-      l("div", null, m(n.type === "single" ? e.$t("single") : n.type === "radio" || n.toggable ? e.$t("option") : e.$t("base")), 1),
-      n.type !== "single" ? (a(), T(y, {
+}, en = { class: "min-h-0 rounded-md border border-gray-200 bg-white text-black" }, tn = { class: "flex w-full items-center justify-between bg-gray-100 py-1 pl-4 pr-1 text-sm font-medium text-gray-600" }, nn = { class: "p-4" }, sn = { class: "mb-0.5 flex items-center" }, an = ["id", "placeholder"], on = { class: "mt-2 flex gap-2" };
+function rn(e, t, n, o, s, i) {
+  const f = g("CButton"), v = g("CDropdownItem"), y = g("CDropdown"), d = g("TextEditor"), k = g("MaxTotalInput"), w = g("PriceFormAlternatives"), _ = g("ArticleList"), m = g("CIcon"), T = g("Pricing"), r = U("tooltip"), P = U("click-outside");
+  return a(), c("div", en, [
+    l("div", tn, [
+      l("div", null, p(n.type === "single" ? e.$t("single") : n.type === "radio" || n.toggable ? e.$t("option") : e.$t("base")), 1),
+      n.type !== "single" ? (a(), A(y, {
         key: 0,
         class: "ml-4"
       }, {
         trigger: h(() => [
-          p(f, {
+          u(f, {
             size: "small",
             type: "text",
             pattern: "secondary",
             class: "is-thinner opacity-70"
           }, {
             default: h(() => [
-              $(m(e.$t("_common:change")), 1)
+              $(p(e.$t("_common:change")), 1)
             ]),
             _: 1
           })
         ]),
         default: h(() => [
-          n.toggable ? (a(), c(A, { key: 0 }, [
-            p(v, {
+          n.toggable ? (a(), c(C, { key: 0 }, [
+            u(v, {
               value: e.isSelectedDefault,
               toggle: !0,
               "close-on-click": !1,
-              onClick: t[0] || (t[0] = (_) => e.$emit("update:isSelectedDefault", !e.isSelectedDefault))
+              onClick: t[0] || (t[0] = (I) => e.$emit("update:isSelectedDefault", !e.isSelectedDefault))
             }, {
               default: h(() => [
-                $(m(e.$t("selected")), 1)
+                $(p(e.$t("selected")), 1)
               ]),
               _: 1
             }, 8, ["value"]),
-            p(v, { separator: "" })
+            u(v, { separator: "" })
           ], 64)) : b("", !0),
-          p(v, {
+          u(v, {
             "icon-left": "arrow-up",
             disabled: !n.moveOptions.up,
-            onClick: t[1] || (t[1] = (_) => e.$emit("move", -1))
+            onClick: t[1] || (t[1] = (I) => e.$emit("move", -1))
           }, {
             default: h(() => [
-              $(m(e.$t("_common:move", { thing: e.$t("_common:up") })), 1)
+              $(p(e.$t("_common:move", { thing: e.$t("_common:up") })), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          p(v, {
+          u(v, {
             "icon-left": "arrow-down",
             disabled: !n.moveOptions.down,
-            onClick: t[2] || (t[2] = (_) => e.$emit("move", 1))
+            onClick: t[2] || (t[2] = (I) => e.$emit("move", 1))
           }, {
             default: h(() => [
-              $(m(e.$t("_common:move", { thing: e.$t("_common:down") })), 1)
+              $(p(e.$t("_common:move", { thing: e.$t("_common:down") })), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          p(v, {
+          u(v, {
             "icon-props": {
               stroke: "red"
             },
@@ -2857,7 +2852,7 @@ function on(e, t, n, o, s, i) {
             onClick: i.onRemove
           }, {
             default: h(() => [
-              $(m(e.$t("_common:remove")), 1)
+              $(p(e.$t("_common:remove")), 1)
             ]),
             _: 1
           }, 8, ["onClick"])
@@ -2865,46 +2860,46 @@ function on(e, t, n, o, s, i) {
         _: 1
       })) : b("", !0)
     ]),
-    l("div", tn, [
-      l("div", nn, [
+    l("div", nn, [
+      l("div", sn, [
         R(l("input", {
           id: `package-name-${n.packageId}`,
-          "onUpdate:modelValue": t[3] || (t[3] = (_) => e.name = _),
+          "onUpdate:modelValue": t[3] || (t[3] = (I) => e.name = I),
           placeholder: e.$t("namePlaceholder"),
           class: "block w-full rounded-lg p-0 text-xl font-bold leading-loose placeholder:text-gray-400",
-          onKeyup: t[4] || (t[4] = F((_) => e.$refs.editor.focus(), ["enter"]))
-        }, null, 40, sn), [
-          [Ke, e.name]
+          onKeyup: t[4] || (t[4] = j((I) => e.$refs.editor.focus(), ["enter"]))
+        }, null, 40, an), [
+          [Ye, e.name]
         ])
       ]),
-      p(u, {
+      u(d, {
         ref: "editor",
         modelValue: i.internalDescription,
-        "onUpdate:modelValue": t[5] || (t[5] = (_) => i.internalDescription = _),
+        "onUpdate:modelValue": t[5] || (t[5] = (I) => i.internalDescription = I),
         placeholder: e.$t("textPlaceholder"),
         mentions: () => e._document.textTemplateItems,
         class: "text-editor mb-4"
       }, null, 8, ["modelValue", "placeholder", "mentions"]),
       R((a(), c("div", {
-        onMouseoverPassive: t[15] || (t[15] = (_) => s.isHover = !0),
-        onMouseleavePassive: t[16] || (t[16] = (_) => s.isHover = !1)
+        onMouseoverPassive: t[15] || (t[15] = (I) => s.isHover = !0),
+        onMouseleavePassive: t[16] || (t[16] = (I) => s.isHover = !1)
       }, [
-        e.priceType === "openAccMaxPrice" ? (a(), T(w, {
+        e.priceType === "openAccMaxPrice" ? (a(), A(k, {
           key: 0,
           modelValue: e.maxTotal,
-          "onUpdate:modelValue": t[6] || (t[6] = (_) => e.maxTotal = _),
+          "onUpdate:modelValue": t[6] || (t[6] = (I) => e.maxTotal = I),
           currency: e.currency,
           "vat-type": e._document.vatType,
           class: "mb-4"
         }, null, 8, ["modelValue", "currency", "vat-type"])) : b("", !0),
-        p(k, {
+        u(w, {
           modelValue: e.priceType,
           "onUpdate:modelValue": [
-            t[7] || (t[7] = (_) => e.priceType = _),
-            t[8] || (t[8] = (_) => e.$emit("update:priceType", _))
+            t[7] || (t[7] = (I) => e.priceType = I),
+            t[8] || (t[8] = (I) => e.$emit("update:priceType", I))
           ]
         }, null, 8, ["modelValue"]),
-        p(C, {
+        u(_, {
           ref: "articleList",
           _document: e._document,
           articles: i.mappedPackageArticles,
@@ -2912,32 +2907,32 @@ function on(e, t, n, o, s, i) {
           "active-house-work-type": n.activeHouseWorkType,
           "hide-controls": !s.isFocus && !s.isHover,
           onInput: i.onArticleInput,
-          "onUpdate:setPricesIncVat": t[9] || (t[9] = (_) => e.$emit("update:setPricesIncVat", _)),
-          "onUpdate:currency": t[10] || (t[10] = (_) => e.$emit("update:currency", _)),
+          "onUpdate:setPricesIncVat": t[9] || (t[9] = (I) => e.$emit("update:setPricesIncVat", I)),
+          "onUpdate:currency": t[10] || (t[10] = (I) => e.$emit("update:currency", I)),
           onMove: i.onArticleMove,
           onRemove: i.onArticleRemove,
           onAdd: i.onArticleAdd,
-          onFocus: t[11] || (t[11] = (_) => s.isFocus = !0),
+          onFocus: t[11] || (t[11] = (I) => s.isFocus = !0),
           onInsert: i.onInsert
         }, null, 8, ["_document", "articles", "root-price-type", "active-house-work-type", "hide-controls", "onInput", "onMove", "onRemove", "onAdd", "onInsert"]),
-        l("div", an, [
+        l("div", on, [
           l("div", {
             class: "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",
-            onClick: t[12] || (t[12] = (_) => i.onArticleAdd())
+            onClick: t[12] || (t[12] = (I) => i.onArticleAdd())
           }, [
-            p(d, {
+            u(m, {
               type: "plus",
               size: "16",
               "stroke-width": "3",
               class: "mr-1"
             }),
-            $(" " + m(e.$t("addButton")), 1)
+            $(" " + p(e.$t("addButton")), 1)
           ]),
           R((a(), c("div", {
             class: "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",
-            onClick: t[13] || (t[13] = (_) => i.onArticleAdd({ openModal: !0 }))
+            onClick: t[13] || (t[13] = (I) => i.onArticleAdd({ openModal: !0 }))
           }, [
-            p(d, {
+            u(m, {
               type: "zap",
               size: "16",
               "stroke-width": "2.5"
@@ -2949,11 +2944,11 @@ function on(e, t, n, o, s, i) {
             }]
           ])
         ]),
-        p(I, {
+        u(T, {
           _document: e._document,
           "base-path": `${e._value.basePath}`,
           "package-id": n.packageId,
-          onInput: t[14] || (t[14] = (_) => e.$emit("input", _))
+          onInput: t[14] || (t[14] = (I) => e.$emit("input", I))
         }, null, 8, ["_document", "base-path", "package-id"])
       ], 32)), [
         [
@@ -2966,12 +2961,12 @@ function on(e, t, n, o, s, i) {
     ])
   ]);
 }
-const rn = /* @__PURE__ */ D(Xi, [["render", on], ["__scopeId", "data-v-64642fe7"]]), ln = (e) => (e || []).slice(0, 1).map((t) => ({
+const ln = /* @__PURE__ */ M(Xi, [["render", rn], ["__scopeId", "data-v-64642fe7"]]), cn = (e) => (e || []).slice(0, 1).map((t) => ({
   ...t,
   isSelected: !0,
   isSelectedDefault: !0,
   toggable: !1
-})), cn = (e) => {
+})), dn = (e) => {
   const t = x(e, "0.data.prices.type") || "fixed";
   return (e || []).map((n, o) => ({
     ...n,
@@ -2989,7 +2984,7 @@ const rn = /* @__PURE__ */ D(Xi, [["render", on], ["__scopeId", "data-v-64642fe7
       }
     }
   }));
-}, dn = (e = []) => {
+}, un = (e = []) => {
   let t = !1;
   return e.map((n) => {
     const o = {
@@ -3004,13 +2999,13 @@ const rn = /* @__PURE__ */ D(Xi, [["render", on], ["__scopeId", "data-v-64642fe7
     return (o.isSelected || o.isSelectedDefault) && (t = !0), o;
   }, []);
 };
-function un(e, ...t) {
-  if (e === "single") return ln(...t);
-  if (e === "checkbox") return cn(...t);
-  if (e === "radio") return dn(...t);
+function pn(e, ...t) {
+  if (e === "single") return cn(...t);
+  if (e === "checkbox") return dn(...t);
+  if (e === "radio") return un(...t);
   throw new Error(`Package filter type '${e}' is not implemented`);
 }
-const pn = {
+const mn = {
   name: "PackageGroupEdit",
   i18nOptions: {
     namespaces: "PackageGroupEdit",
@@ -3048,15 +3043,15 @@ const pn = {
     }
   },
   components: {
-    ErrorCallout: pe,
-    PackageItem: rn,
+    ErrorCallout: me,
+    PackageItem: ln,
     PackageGroupSelect: kt,
     CCallout: _e,
-    CDropdown: K,
-    CDropdownItem: Y
+    CDropdown: Y,
+    CDropdownItem: K
   },
   mixins: [
-    q([
+    F([
       "type",
       // 'title',
       "packages",
@@ -3160,7 +3155,7 @@ const pn = {
       if (!this.persistedGroup || !this.persistedGroup.type) return;
       let { packages: t, articles: n } = this.persistedGroup;
       if (!t.length) return;
-      if (e !== this.persistedGroup.type && (t = un(e, t)), e === "single" && n.length) {
+      if (e !== this.persistedGroup.type && (t = pn(e, t)), e === "single" && n.length) {
         const [{ packageId: s }] = t;
         n = n.filter((i) => i.packageId === s);
       }
@@ -3171,7 +3166,7 @@ const pn = {
       this.$emit("input", { key: "articles", value: o }), this.$emit("input", { key: `${[this._value.packages]}`, value: t });
     },
     addPackage(e = {}) {
-      const t = Ye(), n = this.type === "checkbox" && this.packages.length ? this.packages[0].data.prices.type : "fixed", o = this.currency || this.defaultCurrency, s = {
+      const t = Ze(), n = this.type === "checkbox" && this.packages.length ? this.packages[0].data.prices.type : "fixed", o = this.currency || this.defaultCurrency, s = {
         isSelected: this.type === "single",
         isSelectedDefault: this.type === "single",
         toggable: !0,
@@ -3245,35 +3240,35 @@ const pn = {
       return e > 0 && (n.up = !0), e < t - 1 && (n.down = !0), n;
     },
     moveItem(e, t) {
-      const n = he(this.packages, e, t);
+      const n = ve(this.packages, e, t);
       this.$emit("input", { key: this._value.packages, value: n });
     }
   }
-}, mn = { class: "package-group-root font-inter" }, hn = { key: 0 }, gn = { style: { position: "absolute", right: "0", top: "-10px", transform: "translateY(-100%)", "z-index": "2" } }, vn = { class: "pb-4" }, fn = {
+}, hn = { class: "package-group-root font-inter" }, gn = { key: 0 }, vn = { style: { position: "absolute", right: "0", top: "-10px", transform: "translateY(-100%)", "z-index": "2" } }, fn = { class: "pb-4" }, yn = {
   key: 2,
   style: { width: "calc(5 * var(--rem))", height: "1px", "margin-left": "calc(50% - calc(2.5 * var(--rem)))", "border-top": "2px dashed hsl(0, 0%, 85%)" }
-}, yn = {
+}, kn = {
   key: 4,
   class: "flex w-full flex-col items-center justify-center"
-}, kn = { style: { width: "100%" } }, bn = {
+}, bn = { style: { width: "100%" } }, wn = {
   key: 0,
   class: "package-placeholder bg-gray-100",
   style: { color: "hsl(0, 0%, 24%)", "font-weight": "500" }
-}, wn = {
+}, In = {
   style: { "vertical-align": "text-bottom", "margin-right": "3px" },
   width: "16",
   height: "16",
   viewBox: "0 0 18 14",
   xmlns: "http://www.w3.org/2000/svg"
-}, In = { class: "flex w-full" };
+}, $n = { class: "flex w-full" };
 function _n(e, t, n, o, s, i) {
-  const f = g("PackageGroupSelect"), v = g("ErrorCallout"), y = g("CButton"), u = g("CDropdownItem"), w = g("CDropdown"), k = g("CCallout"), C = g("PackageItem");
-  return a(), c("div", mn, [
-    e.type ? (a(), c(A, { key: 1 }, [
-      l("div", gn, [
-        p(w, null, {
+  const f = g("PackageGroupSelect"), v = g("ErrorCallout"), y = g("CButton"), d = g("CDropdownItem"), k = g("CDropdown"), w = g("CCallout"), _ = g("PackageItem");
+  return a(), c("div", hn, [
+    e.type ? (a(), c(C, { key: 1 }, [
+      l("div", vn, [
+        u(k, null, {
           trigger: h(() => [
-            p(y, {
+            u(y, {
               type: "none",
               size: "normal",
               pattern: "secondary",
@@ -3282,22 +3277,22 @@ function _n(e, t, n, o, s, i) {
             })
           ]),
           default: h(() => [
-            p(u, { onClick: i.onResetType }, {
+            u(d, { onClick: i.onResetType }, {
               default: h(() => [
-                $(m(e.$t("_common:change", {
+                $(p(e.$t("_common:change", {
                   thing: e.$t("_common:price.proposal").toLowerCase()
                 })), 1)
               ]),
               _: 1
             }, 8, ["onClick"]),
-            p(u, {
+            u(d, {
               value: !!e.hideGroupPrice,
               "close-on-click": !1,
               toggle: "",
-              onInput: t[1] || (t[1] = (d) => e.hideGroupPrice = d)
+              onInput: t[1] || (t[1] = (m) => e.hideGroupPrice = m)
             }, {
               default: h(() => [
-                $(m(e.$t("hideGroupPrice")), 1)
+                $(p(e.$t("hideGroupPrice")), 1)
               ]),
               _: 1
             }, 8, ["value"])
@@ -3305,61 +3300,61 @@ function _n(e, t, n, o, s, i) {
           _: 1
         })
       ]),
-      e.type === "checkbox" && !i.internalPackages.find((d) => d.toggable === !1) ? (a(), T(k, {
+      e.type === "checkbox" && !i.internalPackages.find((m) => m.toggable === !1) ? (a(), A(w, {
         key: 0,
         title: e.$t("base"),
         class: "w-full"
       }, {
         default: h(() => [
-          l("div", vn, m(e.$t("basePlaceholder")), 1),
-          p(y, {
+          l("div", fn, p(e.$t("basePlaceholder")), 1),
+          u(y, {
             type: "secondary",
             size: "small",
             style: { "font-weight": "600" },
-            onClick: t[2] || (t[2] = (d) => i.addPackage({
+            onClick: t[2] || (t[2] = (m) => i.addPackage({
               isSelected: !0,
               isSelectedDefault: !0,
               toggable: !1
             }))
           }, {
             default: h(() => [
-              $(m(e.$t("_common:add", { thing: e.$t("base").toLowerCase() })), 1)
+              $(p(e.$t("_common:add", { thing: e.$t("base").toLowerCase() })), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
-      }, 8, ["title"])) : (a(), T(oe, {
+      }, 8, ["title"])) : (a(), A(re, {
         key: 1,
         name: "section-list",
         tag: "div"
       }, {
         default: h(() => [
-          (a(!0), c(A, null, S(i.topRowPackages, (d, I) => (a(), c("div", {
-            key: d.packageId,
+          (a(!0), c(C, null, S(i.topRowPackages, (m, T) => (a(), c("div", {
+            key: m.packageId,
             class: "section-item pb-4"
           }, [
-            p(C, {
+            u(_, {
               _document: e._document,
               _value: {
-                isSelectedDefault: `${e._value.packages}[${d.index}].isSelectedDefault`,
-                isSelected: `${e._value.packages}[${d.index}].isSelected`,
-                name: `${e._value.packages}[${d.index}].data.name`,
-                description: `${e._value.packages}[${d.index}].data.description`,
-                priceType: `${e._value.packages}[${d.index}].data.prices.type`,
-                maxTotal: `${e._value.packages}[${d.index}].data.prices.maxTotal`,
-                basePath: `${e._value.packages}[${d.index}]`,
-                currency: `${e._value.packages}[${d.index}].data.prices.currency`
+                isSelectedDefault: `${e._value.packages}[${m.index}].isSelectedDefault`,
+                isSelected: `${e._value.packages}[${m.index}].isSelected`,
+                name: `${e._value.packages}[${m.index}].data.name`,
+                description: `${e._value.packages}[${m.index}].data.description`,
+                priceType: `${e._value.packages}[${m.index}].data.prices.type`,
+                maxTotal: `${e._value.packages}[${m.index}].data.prices.maxTotal`,
+                basePath: `${e._value.packages}[${m.index}]`,
+                currency: `${e._value.packages}[${m.index}].data.prices.currency`
               },
               type: e.type,
               "active-house-work-type": i.houseWorkType,
-              toggable: d.toggable,
-              "package-id": d.packageId,
-              "move-options": i.moveOptions(I, i.topRowPackages.length),
+              toggable: m.toggable,
+              "package-id": m.packageId,
+              "move-options": i.moveOptions(T, i.topRowPackages.length),
               onInput: t[3] || (t[3] = (r) => e.$emit("input", r)),
               onAdd: t[4] || (t[4] = (r) => e.$emit("add", r)),
-              "onUpdate:isSelectedDefault": (r) => i.onInputSelectedDefault(d.index, r),
-              "onUpdate:priceType": (r) => i.onInputPriceType(d.index, r),
+              "onUpdate:isSelectedDefault": (r) => i.onInputSelectedDefault(m.index, r),
+              "onUpdate:priceType": (r) => i.onInputPriceType(m.index, r),
               "onUpdate:setPricesIncVat": t[5] || (t[5] = (r) => {
                 e.$emit("input", {
                   key: "data.formSettings.setPricesIncVat",
@@ -3368,47 +3363,47 @@ function _n(e, t, n, o, s, i) {
               }),
               "onUpdate:currency": t[6] || (t[6] = (r) => e.$emit("input", { key: "currency", value: r })),
               onRemove: t[7] || (t[7] = (r) => e.$emit("remove", r)),
-              onRemovePackage: (r) => i.removeByIndex(d.index),
-              onMove: (r) => i.moveItem(d.index, i.topRowPackages[I + r].index)
+              onRemovePackage: (r) => i.removeByIndex(m.index),
+              onMove: (r) => i.moveItem(m.index, i.topRowPackages[T + r].index)
             }, null, 8, ["_document", "_value", "type", "active-house-work-type", "toggable", "package-id", "move-options", "onUpdate:isSelectedDefault", "onUpdate:priceType", "onRemovePackage", "onMove"])
           ]))), 128))
         ]),
         _: 1
       })),
-      e.type === "checkbox" && i.topRowPackages.length && i.bottomRowPackages.length ? (a(), c("div", fn)) : b("", !0),
-      e.type === "checkbox" ? (a(), T(oe, {
+      e.type === "checkbox" && i.topRowPackages.length && i.bottomRowPackages.length ? (a(), c("div", yn)) : b("", !0),
+      e.type === "checkbox" ? (a(), A(re, {
         key: 3,
         name: "section-list",
         tag: "div",
         style: { "margin-bottom": "calc(1 * var(--rem))" }
       }, {
         default: h(() => [
-          (a(!0), c(A, null, S(i.bottomRowPackages, (d, I) => (a(), c("div", {
-            key: d.packageId,
+          (a(!0), c(C, null, S(i.bottomRowPackages, (m, T) => (a(), c("div", {
+            key: m.packageId,
             class: "section-item",
             style: { padding: "calc(1 * var(--rem)) 0" }
           }, [
-            p(C, {
+            u(_, {
               _document: e._document,
               _value: {
-                isSelectedDefault: `${e._value.packages}[${d.index}].isSelectedDefault`,
-                isSelected: `${e._value.packages}[${d.index}].isSelected`,
-                name: `${e._value.packages}[${d.index}].data.name`,
-                description: `${e._value.packages}[${d.index}].data.description`,
-                priceType: `${e._value.packages}[${d.index}].data.prices.type`,
-                maxTotal: `${e._value.packages}[${d.index}].data.prices.maxTotal`,
-                basePath: `${e._value.packages}[${d.index}]`,
-                currency: `${e._value.packages}[${d.index}].data.prices.currency`
+                isSelectedDefault: `${e._value.packages}[${m.index}].isSelectedDefault`,
+                isSelected: `${e._value.packages}[${m.index}].isSelected`,
+                name: `${e._value.packages}[${m.index}].data.name`,
+                description: `${e._value.packages}[${m.index}].data.description`,
+                priceType: `${e._value.packages}[${m.index}].data.prices.type`,
+                maxTotal: `${e._value.packages}[${m.index}].data.prices.maxTotal`,
+                basePath: `${e._value.packages}[${m.index}]`,
+                currency: `${e._value.packages}[${m.index}].data.prices.currency`
               },
               type: e.type,
               "active-house-work-type": i.houseWorkType,
-              "package-id": d.packageId,
-              "move-options": i.moveOptions(I, i.bottomRowPackages.length),
+              "package-id": m.packageId,
+              "move-options": i.moveOptions(T, i.bottomRowPackages.length),
               class: "package-item",
               onInput: t[8] || (t[8] = (r) => e.$emit("input", r)),
               onAdd: t[9] || (t[9] = (r) => e.$emit("add", r)),
-              "onUpdate:isSelectedDefault": (r) => i.onInputSelectedDefault(d.index, r),
-              "onUpdate:priceType": (r) => i.onInputPriceType(d.index, r),
+              "onUpdate:isSelectedDefault": (r) => i.onInputSelectedDefault(m.index, r),
+              "onUpdate:priceType": (r) => i.onInputPriceType(m.index, r),
               "onUpdate:setPricesIncVat": t[10] || (t[10] = (r) => {
                 e.$emit("input", {
                   key: "data.formSettings.setPricesIncVat",
@@ -3416,51 +3411,51 @@ function _n(e, t, n, o, s, i) {
                 }), s.setPricesDirty = !0;
               }),
               onRemove: t[11] || (t[11] = (r) => e.$emit("remove", r)),
-              onRemovePackage: (r) => i.removeByIndex(d.index),
-              onMove: (r) => i.moveItem(d.index, i.bottomRowPackages[I + r].index)
+              onRemovePackage: (r) => i.removeByIndex(m.index),
+              onMove: (r) => i.moveItem(m.index, i.bottomRowPackages[T + r].index)
             }, null, 8, ["_document", "_value", "type", "active-house-work-type", "package-id", "move-options", "onUpdate:isSelectedDefault", "onUpdate:priceType", "onRemovePackage", "onMove"])
           ]))), 128))
         ]),
         _: 1
       })) : b("", !0),
-      e.type !== "single" || !e.packages.length ? (a(), c("div", yn, [
-        l("div", kn, [
-          e.type === "radio" && !e.packages.length ? (a(), c("div", bn, [
-            (a(), c("svg", wn, t[13] || (t[13] = [
+      e.type !== "single" || !e.packages.length ? (a(), c("div", kn, [
+        l("div", bn, [
+          e.type === "radio" && !e.packages.length ? (a(), c("div", wn, [
+            (a(), c("svg", In, t[13] || (t[13] = [
               l("path", {
                 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"
               }, null, -1)
             ]))),
-            $(" " + m(e.$t("selectablePlaceholder")), 1)
+            $(" " + p(e.$t("selectablePlaceholder")), 1)
           ])) : b("", !0)
         ]),
-        n.validator.$invalid && n.validator.$dirty ? (a(), T(v, {
+        n.validator.$invalid && n.validator.$dirty ? (a(), A(v, {
           key: 0,
           message: e.$t("error.minOnePackage"),
           style: { margin: "calc(1 * var(--rem)) 0 calc(1 * var(--rem)) 0" }
         }, null, 8, ["message"])) : b("", !0),
-        l("div", In, [
-          p(y, {
+        l("div", $n, [
+          u(y, {
             type: "secondary",
             outlined: "",
             "icon-left": "plus",
             style: { "border-color": "hsl(0, 0%, 82%)" },
-            onClick: t[12] || (t[12] = (d) => i.addPackage())
+            onClick: t[12] || (t[12] = (m) => i.addPackage())
           }, {
             default: h(() => [
-              $(m(e.$t("add")), 1)
+              $(p(e.$t("add")), 1)
             ]),
             _: 1
           })
         ])
       ])) : b("", !0)
-    ], 64)) : (a(), c("div", hn, [
-      p(f, {
-        onInput: t[0] || (t[0] = (d) => i.onSelectType(d))
+    ], 64)) : (a(), c("div", gn, [
+      u(f, {
+        onInput: t[0] || (t[0] = (m) => i.onSelectType(m))
       }),
-      n.validator.$invalid && n.validator.$dirty ? (a(), T(v, {
+      n.validator.$invalid && n.validator.$dirty ? (a(), A(v, {
         key: 0,
         message: e.$t("error.selectType"),
         style: { "padding-bottom": "calc(1.5 * var(--rem))" }
@@ -3468,7 +3463,7 @@ function _n(e, t, n, o, s, i) {
     ]))
   ]);
 }
-const Un = /* @__PURE__ */ D(pn, [["render", _n], ["__scopeId", "data-v-03549668"]]);
+const Bn = /* @__PURE__ */ M(mn, [["render", _n], ["__scopeId", "data-v-03549668"]]);
 export {
-  Un as default
+  Bn as default
 };