@cling-se/widget 0.20.0 → 0.21.0

package/dist/{Index-y1iAAknQ.js → Index-CAMIux1F.js}

@@ -1,18 +1,19 @@
-import { m as q } from "./mapFormMixin-D2ME1W30.js";
-import { C as $e } from "./CCallout-mg5CHKbW.js";
-import { C as Y, a as Z, w as Te } from "./CDropdownItem-Cu4bFWtD.js";
-import { E as me } from "./ErrorCallout-BJyb9nBD.js";
-import { c5 as Ae, c6 as he, c7 as Ce, c8 as Pe, c9 as xe, ca as Ve, cb as Se, aK as De, _ as R, b as v, d, o as a, j as l, t as u, x as V, F as C, n as S, W as Q, e as b, f as p, s as H, m as z, a as E, g as O, w as g, R as B, ai as j, T as ne, an as G, cc as Re, cd as se, aF as Me, a8 as ae, bi as W, aD as Le, ce as Oe, bl as Ee, a4 as U, c as A, u as D, q as I, cf as Ue, cg as Be, c1 as ge, v as We, ch as ve, $ as ze, af as x, al as je, aH as F, V as Fe, a2 as oe, b_ as qe, ab as Ne, ci as He, ae as Ge, ag as Ke, c4 as Ye, cj as re, aE as Ze } from "./main-DKpj1mxJ.js";
-import { u as Je } from "./DocumentLayout-B49wHYov.js";
-import { T as Qe } from "./DocTextEditor-rxDDkurp.js";
-import { _ as Xe, m as et } from "./Sortable.vue_vue_type_script_setup_true_lang-r7QF2LJS.js";
-import { o as fe } from "./omit-BlWnRm5y.js";
-import { C as J } from "./CPriceInput-Be3pub6u.js";
-import { u as ye } from "./index-DxQodQ2P.js";
-import { S as tt } from "./SearchApi-DuZeNjkY.js";
-import { m as it } from "./index-BXGeWlwY.js";
-import { _ as ke } from "./CFormField.vue_vue_type_script_setup_true_lang-BeIp8_aU.js";
-const nt = [
+import { m as q } from "./mapFormMixin-CFpAen9Y.js";
+import { C as $e } from "./CCallout-CbGaTfon.js";
+import { C as Y, a as Z, w as Te } from "./CDropdownItem-D2_kvXa_.js";
+import { E as me } from "./ErrorCallout-C51ElTfp.js";
+import { c5 as Ae, c6 as he, c7 as Ce, c8 as Pe, c9 as xe, ca as De, cb as Ve, aK as Se, _ as R, b as h, d, o as a, j as l, t as p, x as D, F as C, n as V, W as Q, e as w, f as u, s as H, m as z, a as E, g as L, w as v, R as B, ai as F, T as ne, an as G, cc as Re, cd as se, aF as Me, a8 as ae, bi as W, aD as Oe, ce as Le, bl as Ee, a4 as U, c as A, u as S, q as _, cf as Ue, cg as Be, c1 as ge, v as We, ch as ve, $ as ze, af as x, al as Fe, aH as j, V as je, a2 as oe, b_ as qe, ci as Ne, cj as He, ab as Ge, ck as Ke, ae as Ye, ag as Ze, c4 as Je, cl as re, aE as Qe } from "./main-D8veaMd1.js";
+import { u as Xe } from "./DocumentLayout-YxxpHY-E.js";
+import { T as et } from "./DocTextEditor-BnizHe_5.js";
+import { _ as tt, m as it } from "./Sortable.vue_vue_type_script_setup_true_lang-Dv_klLzu.js";
+import { o as fe } from "./omit-D0GRsmN6.js";
+import { C as J } from "./CPriceInput-1feoLjqZ.js";
+import { u as ye } from "./index-C3pwuPoh.js";
+import { S as nt } from "./SearchApi-BEUkPklX.js";
+import { m as st } from "./index-GBvEp_9M.js";
+import { _ as ke } from "./CFormField.vue_vue_type_script_setup_true_lang-CXzY3WCV.js";
+import { F as at } from "./tippy.esm-DfMqnQub.js";
+const ot = [
   "unit",
   "m2",
   "hour",
@@ -30,7 +31,7 @@ const nt = [
   "kWh"
 ];
 var X, le;
-function st() {
+function rt() {
   if (le) return X;
   le = 1;
   function e() {
@@ -38,56 +39,56 @@ function st() {
   return X = e, X;
 }
 var ee, ce;
-function at() {
+function lt() {
   if (ce) return ee;
   ce = 1;
-  var e = Ae(), t = st(), n = he(), o = 1 / 0, s = e && 1 / n(new e([, -0]))[1] == o ? function(i) {
+  var e = Ae(), t = rt(), n = he(), o = 1 / 0, s = e && 1 / n(new e([, -0]))[1] == o ? function(i) {
     return new e(i);
   } : t;
   return ee = s, ee;
 }
 var te, de;
-function ot() {
+function ct() {
   if (de) return te;
   de = 1;
-  var e = Ce(), t = Pe(), n = Ve(), o = xe(), s = at(), i = he(), f = 200;
-  function h(k, c, y) {
-    var w = -1, $ = t, m = k.length, T = !0, r = [], P = r;
-    if (y)
+  var e = Ce(), t = Pe(), n = De(), o = xe(), s = lt(), i = he(), f = 200;
+  function g(k, c, b) {
+    var y = -1, $ = t, m = k.length, T = !0, r = [], P = r;
+    if (b)
       T = !1, $ = n;
     else if (m >= f) {
-      var _ = c ? null : s(k);
-      if (_)
-        return i(_);
+      var I = c ? null : s(k);
+      if (I)
+        return i(I);
       T = !1, $ = o, P = new e();
     } else
       P = c ? [] : r;
     e:
-      for (; ++w < m; ) {
-        var M = k[w], L = c ? c(M) : M;
-        if (M = y || M !== 0 ? M : 0, T && L === L) {
+      for (; ++y < m; ) {
+        var M = k[y], O = c ? c(M) : M;
+        if (M = b || M !== 0 ? M : 0, T && O === O) {
           for (var N = P.length; N--; )
-            if (P[N] === L)
+            if (P[N] === O)
               continue e;
-          c && P.push(L), r.push(M);
-        } else $(P, L, y) || (P !== r && P.push(L), r.push(M));
+          c && P.push(O), r.push(M);
+        } else $(P, O, b) || (P !== r && P.push(O), r.push(M));
       }
     return r;
   }
-  return te = h, te;
+  return te = g, te;
 }
 var ie, ue;
-function rt() {
+function dt() {
   if (ue) return ie;
   ue = 1;
-  var e = Se(), t = ot();
+  var e = Ve(), t = ct();
   function n(o, s) {
     return o && o.length ? t(o, e(s, 2)) : [];
   }
   return ie = n, ie;
 }
-var lt = rt();
-const ct = /* @__PURE__ */ De(lt), dt = {
+var ut = dt();
+const pt = /* @__PURE__ */ Se(ut), mt = {
   name: "PackageGroupSelect",
   i18nOptions: {
     namespaces: "PackageGroupSelect",
@@ -130,7 +131,7 @@ const ct = /* @__PURE__ */ De(lt), dt = {
   },
   emits: ["input"],
   setup() {
-    return { docWidth: Je() };
+    return { docWidth: Xe() };
   },
   data() {
     return {
@@ -156,29 +157,29 @@ const ct = /* @__PURE__ */ De(lt), dt = {
       ]
     };
   }
-}, ut = {
+}, ht = {
   class: "font-inter",
   style: { padding: "calc(2 * var(--rem)) 0 calc(1 * var(--rem)) 0", color: "#111" }
-}, pt = { style: { "font-size": "18px", "font-weight": "600", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, mt = ["onClick"], ht = { class: "package-group-option__illustration" }, gt = {
+}, gt = { style: { "font-size": "18px", "font-weight": "600", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, vt = ["onClick"], ft = { class: "package-group-option__illustration" }, yt = {
   key: 0,
   class: "package-group-option__illustration-card animate"
-}, vt = { class: "package-group-option__title" }, ft = ["innerHTML"];
-function yt(e, t, n, o, s, i) {
-  const f = v("CIcon");
-  return a(), d("div", ut, [
-    l("div", pt, u(e.$t("title")), 1),
+}, kt = { class: "package-group-option__title" }, bt = ["innerHTML"];
+function wt(e, t, n, o, s, i) {
+  const f = h("CIcon");
+  return a(), d("div", ht, [
+    l("div", gt, p(e.$t("title")), 1),
     l("div", null, [
       l("div", {
-        class: V([{ "is-700-or-less": o.docWidth <= 700 }, "options"])
+        class: D([{ "is-700-or-less": o.docWidth <= 700 }, "options"])
       }, [
-        (a(!0), d(C, null, S(s.options, (h, k) => (a(), d("div", {
+        (a(!0), d(C, null, V(s.options, (g, k) => (a(), d("div", {
           key: k,
-          style: Q({ backgroundColor: h.background }),
+          style: Q({ backgroundColor: g.background }),
           class: "package-group-option",
-          onClick: (c) => e.$emit("input", h.value)
+          onClick: (c) => e.$emit("input", g.value)
         }, [
-          l("div", ht, [
-            h.value === "single" ? (a(), d("div", gt, t[0] || (t[0] = [
+          l("div", ft, [
+            g.value === "single" ? (a(), d("div", yt, t[0] || (t[0] = [
               l("div", { style: { flex: "1 1 auto" } }, [
                 l("div", {
                   style: { width: "40%", height: "10px", "margin-bottom": "8px" },
@@ -189,18 +190,18 @@ function yt(e, t, n, o, s, i) {
                   class: "bg-gray-100"
                 })
               ], -1)
-            ]))) : b("", !0),
-            h.value === "radio" ? (a(), d(C, { key: 1 }, S(3, (c) => l("div", {
+            ]))) : w("", !0),
+            g.value === "radio" ? (a(), d(C, { key: 1 }, V(3, (c) => l("div", {
               key: c,
-              class: V([{ animate: c === 2 }, "package-group-option__illustration-card"])
+              class: D([{ animate: c === 2 }, "package-group-option__illustration-card"])
             }, [
               l("div", {
                 style: Q([
                   { 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" },
                   c === 2 && {
-                    boxShadow: `0 0 0 1px white, 0 0 0 2px ${h.background}`,
-                    backgroundColor: h.background
+                    boxShadow: `0 0 0 1px white, 0 0 0 2px ${g.background}`,
+                    backgroundColor: g.background
                   }
                 ])
               }, null, 4),
@@ -214,15 +215,15 @@ function yt(e, t, n, o, s, i) {
                   class: "bg-gray-100"
                 })
               ], -1))
-            ], 2)), 64)) : b("", !0),
-            h.value === "checkbox" ? (a(), d(C, { key: 2 }, S(3, (c) => l("div", {
+            ], 2)), 64)) : w("", !0),
+            g.value === "checkbox" ? (a(), d(C, { key: 2 }, V(3, (c) => l("div", {
               key: c,
-              class: V([{ animate: c !== 3 }, "package-group-option__illustration-card"])
+              class: D([{ animate: c !== 3 }, "package-group-option__illustration-card"])
             }, [
               l("div", {
-                style: Q([{ 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" }, c !== 3 && { backgroundColor: h.background }])
+                style: Q([{ 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" }, c !== 3 && { backgroundColor: g.background }])
               }, [
-                p(f, {
+                u(f, {
                   type: c !== 3 ? "check" : "empty",
                   "stroke-width": "5",
                   size: "8"
@@ -238,24 +239,24 @@ function yt(e, t, n, o, s, i) {
                   class: "bg-gray-100"
                 })
               ], -1))
-            ], 2)), 64)) : b("", !0)
+            ], 2)), 64)) : w("", !0)
           ]),
           l("div", null, [
-            l("div", vt, u(h.title), 1),
+            l("div", kt, p(g.title), 1),
             l("div", {
               class: "package-group-option__subtitle",
-              innerHTML: h.subTitle
-            }, null, 8, ft)
+              innerHTML: g.subTitle
+            }, null, 8, bt)
           ])
-        ], 12, mt))), 128))
+        ], 12, vt))), 128))
       ], 2)
     ])
   ]);
 }
-const kt = /* @__PURE__ */ R(dt, [["render", yt], ["__scopeId", "data-v-9558e77f"]]), bt = {
+const It = /* @__PURE__ */ R(mt, [["render", wt], ["__scopeId", "data-v-9558e77f"]]), _t = {
   name: "ArticleAutocomplete",
   components: {
-    SearchApi: tt
+    SearchApi: nt
   },
   mixins: [q([])],
   props: {
@@ -316,7 +317,7 @@ const kt = /* @__PURE__ */ R(dt, [["render", yt], ["__scopeId", "data-v-9558e77f
   },
   methods: {
     ...z({
-      loadArticles: O.LOAD_ARTICLES
+      loadArticles: L.LOAD_ARTICLES
     }),
     priceFormat: H,
     search(e, t) {
@@ -374,32 +375,32 @@ const kt = /* @__PURE__ */ R(dt, [["render", yt], ["__scopeId", "data-v-9558e77f
       });
     }
   }
-}, wt = {
+}, $t = {
   key: 0,
   ref: "dropdown",
   class: "r-container"
-}, It = ["onClickCapture"], _t = { class: "r-item-title w-full truncate" }, $t = { class: "r-item-details" }, Tt = {
+}, Tt = ["onClickCapture"], At = { class: "r-item-title w-full truncate" }, Ct = { class: "r-item-details" }, Pt = {
   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 = {
+}, xt = { key: 1 }, Dt = { key: 2 }, Vt = { key: 3 }, St = {
   key: 0,
   class: "r-item-icon"
 };
-function Vt(e, t, n, o, s, i) {
-  const f = v("CInput"), h = v("SearchApi"), k = v("CIcon");
+function Rt(e, t, n, o, s, i) {
+  const f = h("CInput"), g = h("SearchApi"), k = h("CIcon");
   return a(), d("div", B({
     class: { "is-open": s.isOpen }
   }, e.$attrs, {
     style: { position: "relative" },
     onKeydownPassive: t[0] || (t[0] = (...c) => i.onKeydown && i.onKeydown(...c))
   }), [
-    p(h, { "custom-search": {
+    u(g, { "custom-search": {
       article: !0,
       extensionArticle: !0,
       project: !1
     } }, {
-      default: g(({ fetch: c }) => [
-        p(f, B({
+      default: v(({ fetch: c }) => [
+        u(f, B({
           ...e.$attrs,
           ...e.$props
         }, {
@@ -408,18 +409,18 @@ function Vt(e, t, n, o, s, i) {
           type: n.tag,
           "auto-resize": !0,
           class: "r-input",
-          "onUpdate:modelValue": (y) => i.search(c, y),
+          "onUpdate:modelValue": (b) => i.search(c, b),
           onFocus: i.onFocus,
           onKeydown: [
-            j(i.hideResults, ["tab"]),
-            j(i.hideResults, ["escape"])
+            F(i.hideResults, ["tab"]),
+            F(i.hideResults, ["escape"])
           ],
           onBlur: i.onBlur
         }), {
-          prefix: g(() => [
+          prefix: v(() => [
             ne(e.$slots, "prefix", {}, void 0, !0)
           ]),
-          suffix: g(() => [
+          suffix: v(() => [
             ne(e.$slots, "suffix", {}, void 0, !0)
           ]),
           _: 2
@@ -427,36 +428,36 @@ function Vt(e, t, n, o, s, i) {
       ]),
       _: 3
     }),
-    s.isOpen ? (a(), d("div", wt, [
-      (a(!0), d(C, null, S(s.searchResults, (c, y) => (a(), d("div", {
-        key: y,
-        class: V([{ active: s.selectedIndex === y }, "r-item"]),
-        onClickCapture: G((w) => i.onSelect(c), ["stop"])
+    s.isOpen ? (a(), d("div", $t, [
+      (a(!0), d(C, null, V(s.searchResults, (c, b) => (a(), d("div", {
+        key: b,
+        class: D([{ active: s.selectedIndex === b }, "r-item"]),
+        onClickCapture: G((y) => i.onSelect(c), ["stop"])
       }, [
-        l("div", _t, u(c.name), 1),
-        l("div", $t, [
-          c.externalReference && c.externalReference.service ? (a(), d("div", Tt, [
-            p(k, {
+        l("div", At, p(c.name), 1),
+        l("div", Ct, [
+          c.externalReference && c.externalReference.service ? (a(), d("div", Pt, [
+            u(k, {
               type: c.externalReference.service,
               style: { color: "white" },
               size: "14"
             }, null, 8, ["type"])
-          ])) : b("", !0),
-          c.article_no ? (a(), d("div", At, u(c.article_no), 1)) : b("", !0),
-          c.price ? (a(), d("div", Ct, u(i.priceFormat(c.price, { currency: c.currency })), 1)) : b("", !0),
-          c.vat ? (a(), d("div", Pt, u(e.$t("vat.sharedTitle").capitalize()) + " " + u(c.vat) + "% ", 1)) : b("", !0)
+          ])) : w("", !0),
+          c.article_no ? (a(), d("div", xt, p(c.article_no), 1)) : w("", !0),
+          c.price ? (a(), d("div", Dt, p(i.priceFormat(c.price, { currency: c.currency })), 1)) : w("", !0),
+          c.vat ? (a(), d("div", Vt, p(e.$t("vat.sharedTitle").capitalize()) + " " + p(c.vat) + "% ", 1)) : w("", !0)
         ]),
-        s.selectedIndex === y ? (a(), d("div", xt, [
-          p(k, {
+        s.selectedIndex === b ? (a(), d("div", St, [
+          u(k, {
             type: "corner-down-left",
             size: "16"
           })
-        ])) : b("", !0)
-      ], 42, It))), 128))
-    ], 512)) : b("", !0)
+        ])) : w("", !0)
+      ], 42, Tt))), 128))
+    ], 512)) : w("", !0)
   ], 16);
 }
-const be = /* @__PURE__ */ R(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c"]]), pe = {
+const be = /* @__PURE__ */ R(_t, [["render", Rt], ["__scopeId", "data-v-3e66bf1c"]]), pe = {
   isDeductable: !1,
   isRut: !1,
   greenRot15: !1,
@@ -488,7 +489,7 @@ const be = /* @__PURE__ */ R(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
     packageId: t.packageId
   });
   if (o) {
-    const i = (k = []) => k.reduce((c, y) => ({ ...c, [y]: !1 }), {}), h = Object.values(
+    const i = (k = []) => k.reduce((c, b) => ({ ...c, [b]: !1 }), {}), g = Object.values(
       fe({
         rot: "isDeductable",
         rut: "isRut",
@@ -497,14 +498,14 @@ const be = /* @__PURE__ */ R(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
         greenRot50: "greenRot50"
       }, [o])
     );
-    h.some((k) => !!s[k]) && (s = { ...s, ...i(h) });
+    g.some((k) => !!s[k]) && (s = { ...s, ...i(g) });
   }
   return s;
-}, St = (e, t = null) => {
+}, Mt = (e, t = null) => {
   const n = ae(e.currency, t);
   switch (e.priceType) {
     case "approx":
-      return `${Le.t("_common:approx")} ${n}`;
+      return `${Oe.t("_common:approx")} ${n}`;
     case "openAcc":
       return `${n}/${W(e.unitType)}`;
     case "markup":
@@ -560,10 +561,10 @@ const be = /* @__PURE__ */ R(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
 }, _e = {
   article: {
     name: {
-      maxLength: it(255)
+      maxLength: st(255)
     }
   }
-}, Dt = {
+}, Ot = {
   name: "Article",
   i18nOptions: {
     namespaces: "Article",
@@ -651,9 +652,9 @@ const be = /* @__PURE__ */ R(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
         price: s,
         vat: i,
         discount: f,
-        discountType: h
+        discountType: g
       } = this.article;
-      if (t !== "fixed" && e.push({ title: this.$t(`priceTypeShort.${t}`) }), Oe(this.article)) {
+      if (t !== "fixed" && e.push({ title: this.$t(`priceTypeShort.${t}`) }), Le(this.article)) {
         const k = Ee(this.article);
         e.push({
           title: this.$t(`_common:deduction.${k}_percentage`),
@@ -680,7 +681,7 @@ const be = /* @__PURE__ */ R(bt, [["render", Vt], ["__scopeId", "data-v-3e66bf1c
           })
         }
       }), f && e.push({
-        title: "-" + (h === "fixed" ? H(f, {
+        title: "-" + (g === "fixed" ? H(f, {
           withVat: this.isIncVat ? i : !1,
           currency: this.article.currency
         }) : `${f / 100} %`),
@@ -703,32 +704,32 @@ const be = /* @__PURE__ */ R(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;
     }
   }
-}, Rt = { class: "top-row flex w-full" }, Mt = ["innerHTML"];
-function Lt(e, t, n, o, s, i) {
-  const f = v("CIcon"), h = v("ArticleAutocomplete"), k = v("CPriceInput"), c = v("ErrorCallout"), y = U("tooltip");
+}, Lt = { class: "top-row flex w-full" }, Et = ["innerHTML"];
+function Ut(e, t, n, o, s, i) {
+  const f = h("CIcon"), g = h("ArticleAutocomplete"), k = h("CPriceInput"), c = h("ErrorCallout"), b = U("tooltip");
   return a(), d("div", {
-    class: V([{
+    class: D([{
       "has-details": i.details.length,
       compact: n.width <= s.widthCompact,
       "show-controls": !n.hideControls
     }, "article-wrapper"]),
-    onKeydown: t[10] || (t[10] = j((w) => e.$emit("esc"), ["esc"]))
+    onKeydown: t[10] || (t[10] = F((y) => e.$emit("esc"), ["esc"]))
   }, [
-    l("div", Rt, [
-      p(h, B({
+    l("div", Lt, [
+      u(g, 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] = (w) => i.updateArticle(w, "name")),
-        onFocus: t[2] || (t[2] = (w) => e.$emit("focus")),
-        onSelect: t[3] || (t[3] = (w) => {
+        "onUpdate:modelValue": t[1] || (t[1] = (y) => i.updateArticle(y, "name")),
+        onFocus: t[2] || (t[2] = (y) => e.$emit("focus")),
+        onSelect: t[3] || (t[3] = (y) => {
           e.$emit(
             "input",
             s.addSavedArticle({
-              stored: w,
+              stored: y,
               current: i.article,
               hidePrice: n.hidePriceOnNew,
               activeHouseWorkType: n.activeHouseWorkType
@@ -736,18 +737,18 @@ function Lt(e, t, n, o, s, i) {
           ), e.$emit("select");
         })
       }), {
-        suffix: g(() => [
-          n.hideControls ? b("", !0) : D((a(), d("div", {
+        suffix: v(() => [
+          n.hideControls ? w("", !0) : S((a(), d("div", {
             key: 0,
             class: "article-button fade-in",
-            onClick: t[0] || (t[0] = (w) => e.$emit("open-modal"))
+            onClick: t[0] || (t[0] = (y) => e.$emit("open-modal"))
           }, [
-            p(f, {
+            u(f, {
               type: "cog",
               size: "18"
             })
           ])), [
-            [y, {
+            [b, {
               content: e.$t("openModalTooltip"),
               delay: { show: 300, hide: 0 }
             }]
@@ -755,7 +756,7 @@ function Lt(e, t, n, o, s, i) {
         ]),
         _: 1
       }, 16, ["model-value", "placeholder"]),
-      n.hidePriceInput ? b("", !0) : (a(), A(k, B({
+      n.hidePriceInput ? w("", !0) : (a(), A(k, B({
         key: n.rootPriceType + i.article.priceType + i.article.unitType,
         "model-value": i.article.totalAmount,
         currency: i.article.currency,
@@ -767,23 +768,23 @@ 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] = (w) => i.updateArticle(w, "price")),
-        "onUpdate:currency": t[5] || (t[5] = (w) => e.$emit("update:currency", w)),
+        "onUpdate:modelValue": t[4] || (t[4] = (y) => i.updateArticle(y, "price")),
+        "onUpdate:currency": t[5] || (t[5] = (y) => e.$emit("update:currency", y)),
         onFocus: t[6] || (t[6] = () => {
           i.onTotalPriceInputFocus(), e.$emit("focus");
         }),
-        onKeydown: t[7] || (t[7] = j((w) => e.$emit("add"), ["enter"]))
+        onKeydown: t[7] || (t[7] = F((y) => e.$emit("add"), ["enter"]))
       }), null, 16, ["model-value", "currency", "is-inc-vat", "vat", "placeholder", "price-type", "unit-label"])),
-      n.hideControls ? b("", !0) : (a(), d(C, { key: 1 }, [
-        p(f, {
+      n.hideControls ? w("", !0) : (a(), d(C, { key: 1 }, [
+        u(f, {
           class: "a-control-button close-button fade-in",
           circle: "",
           type: "x",
           size: "18",
-          onClick: t[8] || (t[8] = (w) => n.enableRemove ? e.$emit("remove") : null)
+          onClick: t[8] || (t[8] = (y) => n.enableRemove ? e.$emit("remove") : null)
         }),
-        p(f, {
-          class: V([{ "c-hidden": !n.enableRemove }, "a-control-button fade-in move-button article-draggable-handle"]),
+        u(f, {
+          class: D([{ "c-hidden": !n.enableRemove }, "a-control-button fade-in move-button article-draggable-handle"]),
           circle: "",
           type: "handle",
           size: "18"
@@ -794,29 +795,29 @@ function Lt(e, t, n, o, s, i) {
       key: 0,
       class: "article-details-wrapper",
       style: { cursor: "pointer" },
-      onClick: t[9] || (t[9] = (w) => e.$emit("open-modal"))
+      onClick: t[9] || (t[9] = (y) => e.$emit("open-modal"))
     }, [
-      (a(!0), d(C, null, S(i.details, ({ title: w, icon: $, subTitle: m = "", detailClass: T = "", tooltip: r }, P) => D((a(), d("div", {
+      (a(!0), d(C, null, V(i.details, ({ title: y, icon: $, subTitle: m = "", detailClass: T = "", tooltip: r }, P) => S((a(), d("div", {
         key: P,
-        class: V([[T], "article-details-item"])
+        class: D([[T], "article-details-item"])
       }, [
-        I(u(w) + " ", 1),
+        _(p(y) + " ", 1),
         $ ? (a(), d("div", {
           key: 0,
           innerHTML: $
-        }, null, 8, Mt)) : b("", !0),
-        I(" " + u(m), 1)
+        }, null, 8, Et)) : w("", !0),
+        _(" " + p(m), 1)
       ], 2)), [
-        [y, r]
+        [b, r]
       ])), 128))
-    ])) : b("", !0),
+    ])) : w("", !0),
     o.v$.$invalid && o.v$.$dirty ? (a(), A(c, {
       key: 1,
       message: i.errorMessage(o.v$)
-    }, null, 8, ["message"])) : b("", !0)
+    }, null, 8, ["message"])) : w("", !0)
   ], 34);
 }
-const Ot = /* @__PURE__ */ R(Dt, [["render", Lt], ["__scopeId", "data-v-495457b4"]]), Et = {
+const Bt = /* @__PURE__ */ R(Ot, [["render", Ut], ["__scopeId", "data-v-495457b4"]]), Wt = {
   emits: ["go", "close"],
   props: {
     canForward: {
@@ -879,14 +880,14 @@ const Ot = /* @__PURE__ */ R(Dt, [["render", Lt], ["__scopeId", "data-v-495457b4
       document.removeEventListener("keyup", this.onKeyUp);
     }
   }
-}, Ut = { class: "l-root" };
-function Bt(e, t, n, o, s, i) {
+}, zt = { class: "l-root" };
+function Ft(e, t, n, o, s, i) {
   const f = U("tooltip");
-  return a(), d("div", Ut, [
-    D((a(), d("div", {
-      class: V([{ disabled: !n.canBackward }, "l-button"]),
+  return a(), d("div", zt, [
+    S((a(), d("div", {
+      class: D([{ disabled: !n.canBackward }, "l-button"]),
       style: { left: "calc(-4 * var(--rem))" },
-      onClick: t[0] || (t[0] = (h) => e.$emit("go", -1))
+      onClick: t[0] || (t[0] = (g) => e.$emit("go", -1))
     }, t[2] || (t[2] = [
       l("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -904,10 +905,10 @@ function Bt(e, t, n, o, s, i) {
     ]), 2)), [
       [f, i.getNavTooltip(-1)]
     ]),
-    D((a(), d("div", {
-      class: V([{ disabled: !n.canForward }, "l-button"]),
+    S((a(), d("div", {
+      class: D([{ disabled: !n.canForward }, "l-button"]),
       style: { right: "calc(-4 * var(--rem))" },
-      onClick: t[1] || (t[1] = (h) => e.$emit("go", 1))
+      onClick: t[1] || (t[1] = (g) => e.$emit("go", 1))
     }, t[3] || (t[3] = [
       l("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -927,7 +928,7 @@ function Bt(e, t, n, o, s, i) {
     ])
   ]);
 }
-const Wt = /* @__PURE__ */ R(Et, [["render", Bt], ["__scopeId", "data-v-f685b502"]]), zt = {
+const jt = /* @__PURE__ */ R(Wt, [["render", Ft], ["__scopeId", "data-v-f685b502"]]), qt = {
   name: "ArticleUnitEditModal",
   i18nOptions: {
     namespaces: "ArticleUnitEditModal",
@@ -1000,10 +1001,10 @@ const Wt = /* @__PURE__ */ R(Et, [["render", Bt], ["__scopeId", "data-v-f685b502
   },
   methods: {
     ...z({
-      loadUnits: O.LOAD_UNIT_TYPES,
-      createUnit: O.CREATE_UNIT_TYPE,
-      updateUnit: O.UPDATE_UNIT_TYPE,
-      deleteUnit: O.DELETE_UNIT_TYPE
+      loadUnits: L.LOAD_UNIT_TYPES,
+      createUnit: L.CREATE_UNIT_TYPE,
+      updateUnit: L.UPDATE_UNIT_TYPE,
+      deleteUnit: L.DELETE_UNIT_TYPE
     }),
     onEdit(e) {
       this.selectedValue = { ...e }, this.$refs.unitInput && this.$refs.unitInput.focus();
@@ -1035,27 +1036,27 @@ const Wt = /* @__PURE__ */ R(Et, [["render", Bt], ["__scopeId", "data-v-f685b502
       ), this.reset(), await this.loadUnits());
     }
   }
-}, jt = {
+}, Nt = {
   class: "unit-modal-root font-inter",
   style: { position: "relative" }
-}, Ft = { 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 = {
+}, Ht = { style: { padding: "calc(1.5 * var(--rem))" } }, Gt = { style: { "font-weight": "600", "font-size": "18px", "margin-bottom": "calc(1.5 * var(--rem))" } }, Kt = { class: "control" }, Yt = { style: { "border-top": "1px solid hsl(0, 0%, 88%)", overflow: "auto", "max-height": "360px" } }, Zt = {
   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 = {
+}, Jt = { class: "unit-modal-list" }, Qt = {
   key: 0,
   class: "unit-modal-list-empty"
-}, 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 = v("CIcon"), h = v("CButton"), k = v("CInput"), c = v("CField"), y = v("DragItem"), w = v("DragList"), $ = U("tooltip");
+}, Xt = ["onMouseoverPassive", "onClick"], ei = { class: "drag-handle" }, ti = { style: { "padding-left": "0.5em" } }, ii = { class: "unittype-buttons" };
+function ni(e, t, n, o, s, i) {
+  const f = h("CIcon"), g = h("CButton"), k = h("CInput"), c = h("CField"), b = h("DragItem"), y = h("DragList"), $ = U("tooltip");
   return a(), d("div", {
     class: "modal-overlay font-inter",
     onClickPassive: t[3] || (t[3] = G((...m) => i.close && i.close(...m), ["self"]))
   }, [
-    l("div", jt, [
-      l("div", Ft, [
-        l("div", qt, [
-          l("span", null, u(e.$t("_common:add", { thing: e.$t("_common:unitType.unitType_other") })), 1),
-          D(p(f, {
+    l("div", Nt, [
+      l("div", Ht, [
+        l("div", Gt, [
+          l("span", null, p(e.$t("_common:add", { thing: e.$t("_common:unitType.unitType_other") })), 1),
+          S(u(f, {
             type: "info",
             size: "15",
             class: "text-gray-400",
@@ -1064,12 +1065,12 @@ function ei(e, t, n, o, s, i) {
             [$, { content: e.$t("tooltip"), html: !0 }]
           ])
         ]),
-        p(c, {
+        u(c, {
           grouped: "",
           style: { margin: "0" }
         }, {
-          default: g(() => [
-            p(k, {
+          default: v(() => [
+            u(k, {
               ref: "unitInput",
               modelValue: s.selectedValue.value,
               "onUpdate:modelValue": t[0] || (t[0] = (m) => s.selectedValue.value = m),
@@ -1081,8 +1082,8 @@ function ei(e, t, n, o, s, i) {
             }, ge({ _: 2 }, [
               s.selectedValue.id ? {
                 name: "suffix",
-                fn: g(() => [
-                  p(h, {
+                fn: v(() => [
+                  u(g, {
                     icon: "x",
                     type: "none",
                     pattern: "tertiary",
@@ -1094,15 +1095,15 @@ function ei(e, t, n, o, s, i) {
                 key: "0"
               } : void 0
             ]), 1032, ["modelValue", "placeholder"]),
-            l("div", Nt, [
-              p(h, {
+            l("div", Kt, [
+              u(g, {
                 loading: e.isPosting,
                 disabled: !s.selectedValue.value,
                 type: "secondary",
                 onClick: i.submit
               }, {
-                default: g(() => [
-                  I(u(s.selectedValue.id ? e.$t("_common:save") : e.$t("_common:add")), 1)
+                default: v(() => [
+                  _(p(s.selectedValue.id ? e.$t("_common:save") : e.$t("_common:add")), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled", "onClick"])
@@ -1111,41 +1112,41 @@ function ei(e, t, n, o, s, i) {
           _: 1
         })
       ]),
-      l("div", Ht, [
-        l("div", Gt, u(e.$t("_common:unit_other").capitalize()), 1),
-        l("div", Kt, [
-          i.unitItems.length ? b("", !0) : (a(), d("div", Yt, u(e.$t("_common:add", { thing: e.$t("_common:unit_other") })), 1)),
-          p(w, {
+      l("div", Yt, [
+        l("div", Zt, p(e.$t("_common:unit_other").capitalize()), 1),
+        l("div", Jt, [
+          i.unitItems.length ? w("", !0) : (a(), d("div", Qt, p(e.$t("_common:add", { thing: e.$t("_common:unit_other") })), 1)),
+          u(y, {
             "drop-placeholder": { className: "drag-drop-placeholder" },
             "drag-class": "is-dragged",
             "lock-axis": "y",
             "drag-handle-selector": ".drag-handle",
             onDrop: i.onDrop
           }, {
-            default: g(() => [
-              (a(!0), d(C, null, S(i.unitItems, (m, T) => (a(), A(y, {
+            default: v(() => [
+              (a(!0), d(C, null, V(i.unitItems, (m, T) => (a(), A(b, {
                 key: m.id
               }, {
-                default: g(() => [
+                default: v(() => [
                   l("div", {
-                    class: V([{ "is-editing": s.selectedValue.id === m.id }, "unit-modal-list-item"]),
+                    class: D([{ "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(m)
                   }, [
-                    l("div", Jt, [
-                      p(f, {
+                    l("div", ei, [
+                      u(f, {
                         type: "handle",
                         size: "16",
                         class: "text-gray-300"
                       })
                     ]),
-                    l("div", Qt, u(m.label), 1),
-                    D(l("span", { class: "delete-confirm" }, u(e.$t("_common:remove")) + "? ", 513), [
+                    l("div", ti, p(m.label), 1),
+                    S(l("span", { class: "delete-confirm" }, p(e.$t("_common:remove")) + "? ", 513), [
                       [We, s.removeConfirmIndex === T]
                     ]),
-                    l("div", Xt, [
-                      s.hoverIndex === T || s.removeConfirmIndex === T ? (a(), A(h, {
+                    l("div", ii, [
+                      s.hoverIndex === T || s.removeConfirmIndex === T ? (a(), A(g, {
                         key: 0,
                         type: s.removeConfirmIndex === T ? "danger" : "none",
                         pattern: s.removeConfirmIndex === T ? "primary" : "tertiary",
@@ -1154,8 +1155,8 @@ function ei(e, t, n, o, s, i) {
                         size: "small",
                         onClick: G((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(h, {
+                      }, null, 8, ["type", "pattern", "onClick"])) : w("", !0),
+                      u(g, {
                         icon: "edit",
                         size: "small",
                         type: "none",
@@ -1163,7 +1164,7 @@ function ei(e, t, n, o, s, i) {
                         circle: ""
                       })
                     ])
-                  ], 42, Zt)
+                  ], 42, Xt)
                 ]),
                 _: 2
               }, 1024))), 128))
@@ -1175,7 +1176,7 @@ function ei(e, t, n, o, s, i) {
     ])
   ], 32);
 }
-const ti = /* @__PURE__ */ R(zt, [["render", ei], ["__scopeId", "data-v-439571ca"]]), ii = {
+const si = /* @__PURE__ */ R(qt, [["render", ni], ["__scopeId", "data-v-439571ca"]]), ai = {
   name: "ArticleUnitSelect",
   components: {
     CDropdown: Z,
@@ -1203,7 +1204,7 @@ const ti = /* @__PURE__ */ R(zt, [["render", ei], ["__scopeId", "data-v-439571ca
       unitById: "unitTypes/byId"
     }),
     unitItems() {
-      return this.isPublicForm ? nt : (this.unitIds || []).map((e) => this.unitById(e)).map(({ value: e }) => e);
+      return this.isPublicForm ? ot : (this.unitIds || []).map((e) => this.unitById(e)).map(({ value: e }) => e);
     }
   },
   created() {
@@ -1212,11 +1213,11 @@ const ti = /* @__PURE__ */ R(zt, [["render", ei], ["__scopeId", "data-v-439571ca
   methods: {
     articleUnitLabel: W,
     ...z({
-      loadUnits: O.LOAD_UNIT_TYPES
+      loadUnits: L.LOAD_UNIT_TYPES
     }),
     openEditModal() {
       this.$modal.show(
-        ti,
+        si,
         {},
         {},
         {
@@ -1226,8 +1227,8 @@ const ti = /* @__PURE__ */ R(zt, [["render", ei], ["__scopeId", "data-v-439571ca
     }
   }
 };
-function ni(e, t, n, o, s, i) {
-  const f = v("CButton"), h = v("CDropdownItem"), k = v("CDropdown");
+function oi(e, t, n, o, s, i) {
+  const f = h("CButton"), g = h("CDropdownItem"), k = h("CDropdown");
   return a(), A(k, B({
     position: "is-bottom-left",
     maxHeight: "240px",
@@ -1237,21 +1238,21 @@ function ni(e, t, n, o, s, i) {
     scrollable: "",
     "onUpdate:modelValue": t[0] || (t[0] = (c) => e.$emit("update:modelValue", c))
   }), {
-    trigger: g(() => [
+    trigger: v(() => [
       ne(e.$slots, "default", {}, () => [
-        p(f, {
+        u(f, {
           type: "none",
           pattern: "tertiary"
         }, {
-          default: g(() => [
-            I(u(i.articleUnitLabel(n.modelValue)), 1)
+          default: v(() => [
+            _(p(i.articleUnitLabel(n.modelValue)), 1)
           ]),
           _: 1
         })
       ], !0)
     ]),
-    footer: g(() => [
-      n.isPublicForm ? b("", !0) : (a(), A(f, {
+    footer: v(() => [
+      n.isPublicForm ? w("", !0) : (a(), A(f, {
         key: 0,
         type: "none",
         pattern: "secondary",
@@ -1259,19 +1260,19 @@ function ni(e, t, n, o, s, i) {
         class: "edit-button",
         onClick: i.openEditModal
       }, {
-        default: g(() => [
-          I(u(e.$t("_common:edit", { thing: e.$t("_common:unit_other") })), 1)
+        default: v(() => [
+          _(p(e.$t("_common:edit", { thing: e.$t("_common:unit_other") })), 1)
         ]),
         _: 1
       }, 8, ["onClick"]))
     ]),
-    default: g(() => [
-      (a(!0), d(C, null, S(i.unitItems, (c, y) => (a(), A(h, {
-        key: `${c}-${y}`,
+    default: v(() => [
+      (a(!0), d(C, null, V(i.unitItems, (c, b) => (a(), A(g, {
+        key: `${c}-${b}`,
         value: c
       }, {
-        default: g(() => [
-          I(u(i.articleUnitLabel(c)), 1)
+        default: v(() => [
+          _(p(i.articleUnitLabel(c)), 1)
         ]),
         _: 2
       }, 1032, ["value"]))), 128))
@@ -1279,7 +1280,7 @@ function ni(e, t, n, o, s, i) {
     _: 3
   }, 16, ["model-value"]);
 }
-const si = /* @__PURE__ */ R(ii, [["render", ni], ["__scopeId", "data-v-3d10b9fe"]]), ai = {
+const ri = /* @__PURE__ */ R(ai, [["render", oi], ["__scopeId", "data-v-3d10b9fe"]]), li = {
   name: "ArticleModal",
   i18nOptions: {
     namespaces: "ArticleModal",
@@ -1287,8 +1288,8 @@ const si = /* @__PURE__ */ R(ii, [["render", ni], ["__scopeId", "data-v-3d10b9fe
   },
   components: {
     ArticleAutocomplete: be,
-    ArticleUnitSelect: si,
-    ListModalButtons: Wt,
+    ArticleUnitSelect: ri,
+    ListModalButtons: jt,
     CPriceInput: J,
     CField: ke
   },
@@ -1356,7 +1357,7 @@ const si = /* @__PURE__ */ R(ii, [["render", ni], ["__scopeId", "data-v-3d10b9fe
   validations: _e,
   data() {
     return {
-      priceSuffix: St,
+      priceSuffix: Mt,
       updateData: K,
       addSavedArticle: we,
       vatOptions: [
@@ -1442,11 +1443,11 @@ const si = /* @__PURE__ */ R(ii, [["render", ni], ["__scopeId", "data-v-3d10b9fe
         ] : []
       ];
       if (this.allowHidePrice) {
-        const { showPrice: h } = s || {};
+        const { showPrice: g } = s || {};
         f.push({
           label: this.$t("hidePriceLabel"),
-          value: !h,
-          onClick: () => this.updateArticle(!h, "showPrice")
+          value: !g,
+          onClick: () => this.updateArticle(!g, "showPrice")
         });
       }
       return f;
@@ -1515,7 +1516,7 @@ const si = /* @__PURE__ */ R(ii, [["render", ni], ["__scopeId", "data-v-3d10b9fe
   },
   methods: {
     ...z({
-      createArticle: O.DO_CREATE_ARTICLE
+      createArticle: L.DO_CREATE_ARTICLE
     }),
     onCustomVatBlur(e) {
       x(e, "target.value") || "" || this.updateArticle(0, "vat");
@@ -1574,35 +1575,35 @@ const si = /* @__PURE__ */ R(ii, [["render", ni], ["__scopeId", "data-v-3d10b9fe
       }), this.article = { ...this.article, ArticleId: e });
     }
   }
-}, oi = { class: "modal-container" }, ri = {
+}, ci = { class: "modal-container" }, di = {
   class: "flex w-full",
   style: { "margin-bottom": "1.5em" }
-}, li = {
+}, ui = {
   class: "flex",
   style: { "margin-bottom": "1.5em" }
-}, ci = {
+}, pi = {
   key: 0,
   class: "flex",
   style: { "margin-bottom": "1.5em" }
-}, di = { style: { margin: "calc(1 * var(--rem)) calc(-0.5 * var(--rem))" } }, ui = ["value"], pi = ["value"], mi = {
+}, mi = { style: { margin: "calc(1 * var(--rem)) calc(-0.5 * var(--rem))" } }, hi = ["value"], gi = ["value"], vi = {
   key: 1,
   class: "select-css tag-item no-chevron",
   style: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" }
-}, hi = ["value"], gi = {
+}, fi = ["value"], yi = {
   key: 1,
   class: "tag-group",
   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 = v("ListModalButtons"), h = v("CIcon"), k = v("ArticleAutocomplete"), c = v("CField"), y = v("CInput"), w = v("CButton"), $ = v("ArticleUnitSelect"), m = v("CPriceInput"), T = U("tooltip");
+}, ki = ["onClick"], bi = { style: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, wi = ["onClick"], Ii = { class: "flex space-x-4 overflow-hidden p-4 md:p-9" };
+function _i(e, t, n, o, s, i) {
+  const f = h("ListModalButtons"), g = h("CIcon"), k = h("ArticleAutocomplete"), c = h("CField"), b = h("CInput"), y = h("CButton"), $ = h("ArticleUnitSelect"), m = h("CPriceInput"), T = U("tooltip");
   return a(), d("div", {
-    class: V([{
+    class: D([{
       "full-screen": e.mq === "sm",
       "modal-overlay": !0
     }, "font-inter"]),
     onClickPassive: t[15] || (t[15] = G((...r) => i.close && i.close(...r), ["self"]))
   }, [
-    l("div", oi, [
+    l("div", ci, [
       e.mq !== "sm" ? (a(), A(f, {
         key: 0,
         "can-forward": !!n.articleList[n.index + 1],
@@ -1614,15 +1615,15 @@ function bi(e, t, n, o, s, i) {
         class: "modal-close",
         onClick: t[1] || (t[1] = (...r) => i.close && i.close(...r))
       }, [
-        p(h, { type: "x" })
+        u(g, { type: "x" })
       ])),
-      p(je, { name: "slide" }, {
-        default: g(() => [
+      u(Fe, { name: "slide" }, {
+        default: v(() => [
           (a(), d("div", {
             key: i.article._uniqueId,
             class: "modal-main"
           }, [
-            p(c, {
+            u(c, {
               validator: o.v$.article.name,
               messages: { maxLength: e.$t("validations.name.maxLength") },
               label: e.$t("name").capitalize(),
@@ -1630,8 +1631,8 @@ function bi(e, t, n, o, s, i) {
               style: { "margin-bottom": "1.5em" },
               class: "label-selector"
             }, {
-              default: g(() => [
-                p(k, {
+              default: v(() => [
+                u(k, {
                   ref: "nameInput",
                   "model-value": i.article.name,
                   autosize: !0,
@@ -1653,15 +1654,15 @@ function bi(e, t, n, o, s, i) {
               ]),
               _: 1
             }, 8, ["validator", "messages", "label"]),
-            l("div", ri, [
-              p(c, {
+            l("div", di, [
+              u(c, {
                 label: e.$t("quantity").capitalize(),
                 "label-position": "inside",
                 class: "label-selector form-control form-control-left flex-grow",
                 style: { "margin-bottom": "0" }
               }, {
-                default: g(() => [
-                  p(y, {
+                default: v(() => [
+                  u(b, {
                     "model-value": i.article.quantity,
                     disabled: ["openAcc", "markup"].includes(i.article.priceType),
                     placeholder: "",
@@ -1673,18 +1674,18 @@ function bi(e, t, n, o, s, i) {
                 ]),
                 _: 1
               }, 8, ["label"]),
-              p($, {
+              u($, {
                 "model-value": i.article.unitType,
                 "is-public-form": n.viewSettings.isPublicForm,
                 "onUpdate:modelValue": t[5] || (t[5] = (r) => i.updateArticle(r, "unitType"))
               }, {
-                default: g(() => [
-                  p(w, {
+                default: v(() => [
+                  u(y, {
                     class: "select-css form-control form-control-right",
                     style: { width: "8em", "box-shadow": "none" }
                   }, {
-                    default: g(() => [
-                      I(u(s.articleUnitLabel(i.article.unitType, {
+                    default: v(() => [
+                      _(p(s.articleUnitLabel(i.article.unitType, {
                         count: i.article.quantity
                       })), 1)
                     ]),
@@ -1694,15 +1695,15 @@ function bi(e, t, n, o, s, i) {
                 _: 1
               }, 8, ["model-value", "is-public-form"])
             ]),
-            n.hidePriceInput ? b("", !0) : (a(), d(C, { key: 0 }, [
-              l("div", li, [
-                p(c, {
+            n.hidePriceInput ? w("", !0) : (a(), d(C, { key: 0 }, [
+              l("div", ui, [
+                u(c, {
                   label: e.$t("price.price").capitalize(),
                   "label-position": "inside",
                   class: "label-selector form-control form-control-left flex-1",
                   style: { "margin-bottom": "0" }
                 }, {
-                  default: g(() => [
+                  default: v(() => [
                     (a(), A(m, {
                       ref: "priceInput",
                       key: s.priceSuffix(i.article),
@@ -1725,17 +1726,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)
-                }, u(n._document.$t(`vat.${s.setPricesIncVat ? "incVat" : "exVat"}`)), 1)) : b("", !0)
+                }, p(n._document.$t(`vat.${s.setPricesIncVat ? "incVat" : "exVat"}`)), 1)) : w("", !0)
               ]),
-              s.showDiscountInput ? (a(), d("div", ci, [
-                p(c, {
+              s.showDiscountInput ? (a(), d("div", pi, [
+                u(c, {
                   label: e.$t("discount").capitalize(),
                   "label-position": "inside",
                   class: "label-selector form-control form-control-left flex-grow",
                   style: { "margin-bottom": "0" }
                 }, {
-                  default: g(() => [
-                    p(m, {
+                  default: v(() => [
+                    u(m, {
                       ref: "discountInput",
                       "model-value": i.article.discount,
                       currency: i.article.currency,
@@ -1747,16 +1748,16 @@ function bi(e, t, n, o, s, i) {
                     }, ge({ _: 2 }, [
                       i.article.discountType === "fixed" ? {
                         name: "suffix",
-                        fn: g(() => [
-                          I(u(n._document.$t(
+                        fn: v(() => [
+                          _(p(n._document.$t(
                             `vat.${s.setPricesIncVat ? "incVat" : "exVat"}`
                           )), 1)
                         ]),
                         key: "0"
                       } : {
                         name: "suffix",
-                        fn: g(() => [
-                          I(u(s.getCurrencySymbol(i.article.currency)), 1)
+                        fn: v(() => [
+                          _(p(s.getCurrencySymbol(i.article.currency)), 1)
                         ]),
                         key: "1"
                       }
@@ -1771,10 +1772,10 @@ function bi(e, t, n, o, s, i) {
                     i.article.discountType === "percentage" ? "fixed" : "percentage",
                     "discountType"
                   ))
-                }, u(i.article.discountType === "percentage" ? "%" : s.getCurrencySymbol(i.article.currency)), 1)
-              ])) : b("", !0)
+                }, p(i.article.discountType === "percentage" ? "%" : s.getCurrencySymbol(i.article.currency)), 1)
+              ])) : w("", !0)
             ], 64)),
-            l("div", di, [
+            l("div", mi, [
               i.useVat ? (a(), d(C, { key: 0 }, [
                 e.feature("regionSE") && Number.isInteger(i.article.vat) ? (a(), d("select", {
                   key: 0,
@@ -1783,44 +1784,44 @@ 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), d(C, null, S(s.vatOptions, ({ translation: r, value: P }, _) => (a(), d("option", {
-                    key: _,
+                  (a(!0), d(C, null, V(s.vatOptions, ({ translation: r, value: P }, I) => (a(), d("option", {
+                    key: I,
                     value: P
-                  }, u(e.$t(`vat.${i.vatType}`)) + " " + u(r), 9, pi))), 128))
-                ], 40, ui)) : (a(), d("span", mi, [
-                  I(u(n._document.$t("vat").capitalize()) + " ", 1),
+                  }, p(e.$t(`vat.${i.vatType}`)) + " " + p(r), 9, gi))), 128))
+                ], 40, hi)) : (a(), d("span", vi, [
+                  _(p(n._document.$t("vat").capitalize()) + " ", 1),
                   l("input", {
                     value: i.article.vat || 0,
                     type: "number",
                     style: { width: "calc(2.5 * var(--rem))", display: "inline", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" },
                     onBlur: t[13] || (t[13] = (...r) => i.onCustomVatBlur && i.onCustomVatBlur(...r)),
                     onInput: t[14] || (t[14] = (...r) => i.onCustomVatInput && i.onCustomVatInput(...r))
-                  }, null, 40, hi),
-                  t[16] || (t[16] = I(" % "))
+                  }, null, 40, fi),
+                  t[16] || (t[16] = _(" % "))
                 ]))
-              ], 64)) : b("", !0),
-              i.priceTypeOptions.length ? (a(), d("div", gi, [
-                (a(!0), d(C, null, S(i.priceTypeOptions, ({ label: r, value: P, onClick: _, tooltip: M }, L) => D((a(), d("div", {
-                  key: r + L,
-                  class: V([{ active: P }, "tag-item"]),
-                  onClick: _
+              ], 64)) : w("", !0),
+              i.priceTypeOptions.length ? (a(), d("div", yi, [
+                (a(!0), d(C, null, V(i.priceTypeOptions, ({ label: r, value: P, onClick: I, tooltip: M }, O) => S((a(), d("div", {
+                  key: r + O,
+                  class: D([{ active: P }, "tag-item"]),
+                  onClick: I
                 }, [
-                  I(u(r), 1)
-                ], 10, vi)), [
+                  _(p(r), 1)
+                ], 10, ki)), [
                   [T, {
                     content: M,
                     delay: { show: 300, hide: 0 }
                   }]
                 ])), 128))
-              ])) : b("", !0),
-              l("div", fi, [
-                (a(!0), d(C, null, S(i.checkboxItems, ({ label: r, value: P, onClick: _, tooltip: M, style: L }, N) => D((a(), d("div", {
+              ])) : w("", !0),
+              l("div", bi, [
+                (a(!0), d(C, null, V(i.checkboxItems, ({ label: r, value: P, onClick: I, tooltip: M, style: O }, N) => S((a(), d("div", {
                   key: r + N,
-                  class: V([[{ active: P }, L], "tag-item"]),
-                  onClick: _
+                  class: D([[{ active: P }, O], "tag-item"]),
+                  onClick: I
                 }, [
-                  I(u(r), 1)
-                ], 10, yi)), [
+                  _(p(r), 1)
+                ], 10, wi)), [
                   [T, {
                     content: M,
                     delay: { show: 300, hide: 0 }
@@ -1832,16 +1833,16 @@ function bi(e, t, n, o, s, i) {
         ]),
         _: 1
       }),
-      l("div", ki, [
-        D((a(), A(w, {
+      l("div", Ii, [
+        S((a(), A(y, {
           type: "primary",
           tabindex: "0",
           size: "large",
           style: { padding: "1.75em", height: "4em", "font-size": "16px", "background-color": "hsl(231, 4%, 20%)", "border-color": "hsl(231, 4%, 20%)" },
           onClick: i.addNewArticle
         }, {
-          default: g(() => [
-            p(h, {
+          default: v(() => [
+            u(g, {
               type: "zap",
               size: "21",
               style: { margin: "-3px" }
@@ -1867,7 +1868,7 @@ function bi(e, t, n, o, s, i) {
             `
           }]
         ]),
-        p(w, {
+        u(y, {
           size: "large",
           class: "flex-grow",
           type: "secondary",
@@ -1876,8 +1877,8 @@ function bi(e, t, n, o, s, i) {
           tabindex: "0",
           onClick: i.onSaveArticle
         }, {
-          default: g(() => [
-            I(u(e.$t("save")), 1)
+          default: v(() => [
+            _(p(e.$t("save")), 1)
           ]),
           _: 1
         }, 8, ["onClick"])
@@ -1885,7 +1886,7 @@ function bi(e, t, n, o, s, i) {
     ])
   ], 34);
 }
-const wi = /* @__PURE__ */ R(ai, [["render", bi], ["__scopeId", "data-v-e5bbc8bd"]]), Ii = {
+const $i = /* @__PURE__ */ R(li, [["render", _i], ["__scopeId", "data-v-e5bbc8bd"]]), Ti = {
   i18nOptions: {
     name: "ArticleListEdit",
     namespaces: "ArticleListEdit",
@@ -1905,9 +1906,9 @@ const wi = /* @__PURE__ */ R(ai, [["render", bi], ["__scopeId", "data-v-e5bbc8bd
     }
   },
   components: {
-    Article: Ot,
-    ArticleModal: wi,
-    Sortable: Xe
+    Article: Bt,
+    ArticleModal: $i,
+    Sortable: tt
   },
   expose: ["focusLastArticle", "openLastArticle"],
   mixins: [q([])],
@@ -1991,7 +1992,7 @@ const wi = /* @__PURE__ */ R(ai, [["render", bi], ["__scopeId", "data-v-e5bbc8bd
       e || this.toggleDeductions(!1);
     },
     setPricesIncVat(e) {
-      this.updateArticlesVatOption(), ["extension", "widget"].includes(Fe.value) || this.showMessage({
+      this.updateArticlesVatOption(), ["extension", "widget"].includes(je.value) || this.showMessage({
         type: "info",
         message: this.$t("vatOption.message", {
           vatOption: this.$t(`_common:vat.${e ? "incVat" : "exVat"}`, {
@@ -2003,7 +2004,7 @@ const wi = /* @__PURE__ */ R(ai, [["render", bi], ["__scopeId", "data-v-e5bbc8bd
   },
   methods: {
     ...z({
-      showMessage: O.SHOW_MESSAGE
+      showMessage: L.SHOW_MESSAGE
     }),
     openModal(e, { focusEl: t = "" } = {}) {
       this.selectedIndex = e, this.showModal = !0, t && this.$nextTick(() => {
@@ -2028,10 +2029,10 @@ const wi = /* @__PURE__ */ R(ai, [["render", bi], ["__scopeId", "data-v-e5bbc8bd
     updateArticlesVatOption() {
       this.articles.forEach((e, t) => {
         if (e.priceType === "markup") return;
-        let n = F({ amount: e.price }).divide(
+        let n = j({ amount: e.price }).divide(
           (100 + e.vat) * 0.01
         );
-        this.setPricesIncVat || (n = F({ amount: e.price }).multiply(
+        this.setPricesIncVat || (n = j({ amount: e.price }).multiply(
           (100 + e.vat) * 0.01
         )), this.updateArticleObject(
           t,
@@ -2079,7 +2080,7 @@ const wi = /* @__PURE__ */ R(ai, [["render", bi], ["__scopeId", "data-v-e5bbc8bd
       this.$emit("remove", e.oldIndex);
     },
     onUpdate(e) {
-      const t = et(
+      const t = it(
         this.articles,
         e.oldIndex,
         e.newIndex
@@ -2087,20 +2088,20 @@ const wi = /* @__PURE__ */ R(ai, [["render", bi], ["__scopeId", "data-v-e5bbc8bd
       this.$emit("move", t);
     }
   }
-}, _i = { ref: "container" }, $i = {
+}, Ai = { ref: "container" }, Ci = {
   key: 0,
   class: "label-text"
 };
-function Ti(e, t, n, o, s, i) {
-  const f = v("Article"), h = v("Sortable"), k = v("ArticleModal"), c = v("Portal");
-  return a(), d("div", _i, [
-    i.showVatToggle ? (a(), d("div", $i, [
-      I(u(e.$t("vatOption.label")) + " ", 1),
+function Pi(e, t, n, o, s, i) {
+  const f = h("Article"), g = h("Sortable"), k = h("ArticleModal"), c = h("Portal");
+  return a(), d("div", Ai, [
+    i.showVatToggle ? (a(), d("div", Ci, [
+      _(p(e.$t("vatOption.label")) + " ", 1),
       l("span", {
-        onClick: t[0] || (t[0] = (y) => i.changeVat())
-      }, u(n._document.$t(`vat.${i.setPricesIncVat ? "incVat" : "exVat"}`)), 1)
-    ])) : b("", !0),
-    p(h, {
+        onClick: t[0] || (t[0] = (b) => i.changeVat())
+      }, p(n._document.$t(`vat.${i.setPricesIncVat ? "incVat" : "exVat"}`)), 1)
+    ])) : w("", !0),
+    u(g, {
       "item-key": "_uniqueId",
       options: {
         group: "articles",
@@ -2115,10 +2116,10 @@ function Ti(e, t, n, o, s, i) {
       list: n.articles,
       style: { "min-height": "calc(3 * var(--rem))" }
     }, {
-      item: g(({ item: y, index: w }) => [
-        p(f, {
+      item: v(({ item: b, index: y }) => [
+        u(f, {
           ref: "articleItem",
-          value: y,
+          value: b,
           width: o.articlesWidth,
           "hide-price-input": e.hidePriceInput,
           "hide-price-on-new": e.hidePriceOnNew,
@@ -2128,19 +2129,19 @@ function Ti(e, t, n, o, s, i) {
           "active-house-work-type": n.activeHouseWorkType,
           class: "article-item",
           "onUpdate:currency": t[1] || (t[1] = ($) => e.$emit("update:currency", $)),
-          onInput: ($) => i.updateArticleObject(w, $),
+          onInput: ($) => i.updateArticleObject(y, $),
           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, y)
+          onRemove: ($) => i.onRemoveArticle(y),
+          onOpenModal: ($) => i.openModal(y, $),
+          onAdd: ($) => y === i.articlesWithTotal.length - 1 ? e.$emit("add") : null,
+          onSelect: ($) => y === i.articlesWithTotal.length - 1 ? e.$emit("add") : null,
+          onEsc: ($) => i.onEsc(y, b)
         }, 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
     }, 8, ["options", "list"]),
-    p(c, { to: "modal" }, {
-      default: g(() => [
+    u(c, { to: "modal" }, {
+      default: v(() => [
         s.showModal && i.articlesWithTotal[s.selectedIndex] ? (a(), A(k, {
           key: 0,
           ref: "articleModal",
@@ -2154,18 +2155,18 @@ function Ti(e, t, n, o, s, i) {
           currency: i.currency,
           "active-house-work-type": n.activeHouseWorkType,
           "view-settings": e.viewSettings,
-          "onUpdate:currency": t[3] || (t[3] = (y) => e.$emit("update:currency", y)),
-          onInput: t[4] || (t[4] = (y) => i.updateArticleObject(s.selectedIndex, y)),
-          onAdd: t[5] || (t[5] = (y) => e.$emit("add", y)),
+          "onUpdate:currency": t[3] || (t[3] = (b) => e.$emit("update:currency", b)),
+          onInput: t[4] || (t[4] = (b) => i.updateArticleObject(s.selectedIndex, b)),
+          onAdd: t[5] || (t[5] = (b) => e.$emit("add", b)),
           onOpenModal: i.openModal,
-          onClose: t[6] || (t[6] = (y) => s.showModal = !1)
-        }, null, 8, ["_document", "index", "article-list", "hide-price-input", "hide-price-on-new", "is-inc-vat", "root-price-type", "currency", "active-house-work-type", "view-settings", "onOpenModal"])) : b("", !0)
+          onClose: t[6] || (t[6] = (b) => s.showModal = !1)
+        }, null, 8, ["_document", "index", "article-list", "hide-price-input", "hide-price-on-new", "is-inc-vat", "root-price-type", "currency", "active-house-work-type", "view-settings", "onOpenModal"])) : w("", !0)
       ]),
       _: 1
     })
   ], 512);
 }
-const Ai = /* @__PURE__ */ R(Ii, [["render", Ti], ["__scopeId", "data-v-8ab60481"]]), Ci = {
+const xi = /* @__PURE__ */ R(Ti, [["render", Pi], ["__scopeId", "data-v-8ab60481"]]), Di = {
   name: "MaxTotalInput",
   i18nOptions: {
     namespaces: "MaxTotalInput",
@@ -2208,19 +2209,19 @@ const Ai = /* @__PURE__ */ R(Ii, [["render", Ti], ["__scopeId", "data-v-8ab60481
   },
   watch: {
     isIncVat(e) {
-      let t = F({ amount: this.modelValue }).divide(
+      let t = j({ amount: this.modelValue }).divide(
         1.25
       );
-      e || (t = F({ amount: this.modelValue }).multiply(
+      e || (t = j({ amount: this.modelValue }).multiply(
         125 * 0.01
       )), this.$emit("update:modelValue", t.getAmount());
     }
   }
-}, Pi = { class: "flex w-full justify-end" };
-function xi(e, t, n, o, s, i) {
-  const f = v("CPriceInput");
-  return a(), d("div", Pi, [
-    p(f, {
+}, Vi = { class: "flex w-full justify-end" };
+function Si(e, t, n, o, s, i) {
+  const f = h("CPriceInput");
+  return a(), d("div", Vi, [
+    u(f, {
       "model-value": n.modelValue,
       currency: n.currency,
       "is-inc-vat": e.isIncVat,
@@ -2230,13 +2231,13 @@ function xi(e, t, n, o, s, i) {
       class: "mt-4 max-w-[275px] text-sm",
       "prefix-class": "text-gray-400",
       "suffix-class": "text-gray-400",
-      "onUpdate:modelValue": t[0] || (t[0] = (h) => e.$emit("update:modelValue", h))
+      "onUpdate:modelValue": t[0] || (t[0] = (g) => e.$emit("update:modelValue", g))
     }, {
-      prefix: g(() => [
-        I(u(e.$t("price.maxPrice").capitalize()), 1)
+      prefix: v(() => [
+        _(p(e.$t("price.maxPrice").capitalize()), 1)
       ]),
-      suffix: g(() => [
-        l("span", null, u(s.getCurrencySymbol(n.currency)) + " " + u(e.$t(`vat.${e.isIncVat ? "incVat" : "exVat"}`, {
+      suffix: v(() => [
+        l("span", null, p(s.getCurrencySymbol(n.currency)) + " " + p(e.$t(`vat.${e.isIncVat ? "incVat" : "exVat"}`, {
           thing: e.$t(`vat.${n.vatType}`)
         })), 1)
       ]),
@@ -2244,7 +2245,7 @@ function xi(e, t, n, o, s, i) {
     }, 8, ["model-value", "currency", "is-inc-vat", "placeholder"])
   ]);
 }
-const Vi = /* @__PURE__ */ R(Ci, [["render", xi]]), Si = {
+const Ri = /* @__PURE__ */ R(Di, [["render", Si]]), Mi = {
   components: {
     CDropdown: Z,
     CDropdownItem: Y
@@ -2261,29 +2262,29 @@ const Vi = /* @__PURE__ */ R(Ci, [["render", xi]]), Si = {
       priceTypeOptions: ["fixed", "approx", "openAcc", "openAccMaxPrice"]
     };
   }
-}, Di = { class: "flex justify-end" };
-function Ri(e, t, n, o, s, i) {
-  const f = v("CButton"), h = v("CDropdownItem"), k = v("CDropdown");
-  return a(), d("div", Di, [
-    p(k, { "model-value": n.modelValue }, {
-      trigger: g(() => [
-        p(f, { class: "price-type-button" }, {
-          default: g(() => [
-            I(u(e.$t("price.pricing").capitalize()) + ": ", 1),
-            l("span", null, u(e.$t(`price.${n.modelValue}`)), 1)
+}, Oi = { class: "flex justify-end" };
+function Li(e, t, n, o, s, i) {
+  const f = h("CButton"), g = h("CDropdownItem"), k = h("CDropdown");
+  return a(), d("div", Oi, [
+    u(k, { "model-value": n.modelValue }, {
+      trigger: v(() => [
+        u(f, { class: "price-type-button" }, {
+          default: v(() => [
+            _(p(e.$t("price.pricing").capitalize()) + ": ", 1),
+            l("span", null, p(e.$t(`price.${n.modelValue}`)), 1)
           ]),
           _: 1
         })
       ]),
-      default: g(() => [
-        (a(!0), d(C, null, S(s.priceTypeOptions, (c) => (a(), A(h, {
+      default: v(() => [
+        (a(!0), d(C, null, V(s.priceTypeOptions, (c) => (a(), A(g, {
           key: c,
           value: c,
           class: "text-right",
-          onClick: (y) => e.$emit("update:modelValue", c)
+          onClick: (b) => e.$emit("update:modelValue", c)
         }, {
-          default: g(() => [
-            I(u(e.$t(`price.${c}`)), 1)
+          default: v(() => [
+            _(p(e.$t(`price.${c}`)), 1)
           ]),
           _: 2
         }, 1032, ["value", "onClick"]))), 128))
@@ -2292,12 +2293,35 @@ function Ri(e, t, n, o, s, i) {
     }, 8, ["model-value"])
   ]);
 }
-const Mi = /* @__PURE__ */ R(Si, [["render", Ri], ["__scopeId", "data-v-26c5da6c"]]), Li = {
+const Ei = /* @__PURE__ */ R(Mi, [["render", Li], ["__scopeId", "data-v-26c5da6c"]]), Ui = {
   name: "EditDeduction",
+  i18nOptions: {
+    namespaces: "EditDeduction",
+    messages: {
+      sv: {
+        deductionDate: {
+          title: "Regelverkets datum",
+          description: "Kommande regeländringar påverkar skattereduktionen. Beräkningen utgår normalt från signeringsdatum, men om arbetet faktureras efter ett ändringsdatum kan du välja de nya reglerna.",
+          label: "Regelverk",
+          automatic: "Signeringsdatum"
+        }
+      },
+      en: {
+        deductionDate: {
+          title: "Ruleset date",
+          description: "Upcoming rule changes affect the tax deduction. The calculation is normally based on the acceptance date, but if the work is invoiced after a change date, you can choose the new rules.",
+          label: "Ruleset date",
+          automatic: "Acceptance date"
+        }
+      }
+    }
+  },
   components: {
-    CPriceInput: J
+    CPriceInput: J,
+    CIcon: Ne,
+    FormInputRow: at
   },
-  mixins: [q(["houseWorkManualAmount"])],
+  mixins: [q(["houseWorkManualAmount", "houseWorkDeductionDate"])],
   props: {
     disabled: {
       type: Boolean,
@@ -2320,49 +2344,56 @@ const Mi = /* @__PURE__ */ R(Si, [["render", Ri], ["__scopeId", "data-v-26c5da6c
     return {
       amountUnit: "fixed",
       internalValue: null,
+      internalDeductionDate: null,
       modalName: `deduction-modal-${this.$.uid}`
     };
   },
+  computed: {
+    futureDeductionDates() {
+      return He().map((e) => ({
+        value: e.date.toISOString(),
+        label: e.label
+      }));
+    }
+  },
   watch: {
     houseWorkType(e) {
       e || (this.houseWorkManualAmount = null);
     }
   },
   methods: {
+    onManualInput() {
+      this.internalDeductionDate && (this.internalDeductionDate = null);
+    },
+    setDate(e) {
+      this.internalDeductionDate = e, this.internalValue = null;
+    },
     setDeduction(e) {
-      this.internalValue = F({ amount: this.total }).multiply(e).getAmount();
+      this.internalValue = j({ amount: this.total }).multiply(e).getAmount(), this.internalDeductionDate = null;
     },
     showModal() {
-      this.internalValue = this.houseWorkAmount, this.$modal.show(this.modalName);
+      this.internalValue = this.houseWorkManualAmount || null, this.internalDeductionDate = this.houseWorkDeductionDate || null, this.$modal.show(this.modalName);
     }
   }
-}, Oi = { class: "deduction-modal flex w-full flex-col items-center justify-between rounded-lg" }, Ei = { class: "mb-5 text-center text-base font-extrabold" }, Ui = { class: "mb-5 w-full" }, Bi = { class: "my-5 text-center text-base font-extrabold" }, Wi = { class: "mb-5 w-full rounded-md bg-gray-100 p-2 text-center text-sm font-medium italic text-gray-500" }, zi = { class: "flex w-full flex-wrap justify-center gap-2" }, ji = ["onClick"], Fi = {
-  style: { "margin-right": "0.5em" },
-  viewBox: "0 0 24 24",
-  width: "12",
-  height: "12",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  fill: "none",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  class: "css-i6dzq1"
-};
-function qi(e, t, n, o, s, i) {
-  const f = v("CPriceInput"), h = v("CButton"), k = v("modal"), c = v("portal");
+}, Bi = { class: "deduction-modal flex w-full flex-col items-center justify-between rounded-lg" }, Wi = { class: "mb-5 text-center text-base font-extrabold" }, zi = { class: "mb-5 w-full" }, Fi = { class: "my-5 text-center text-base font-extrabold" }, ji = { class: "mb-5 w-full rounded-md bg-gray-100 p-2 text-center text-sm font-medium italic text-gray-500" }, qi = { class: "flex w-full flex-wrap justify-center gap-2" }, Ni = ["onClick"], Hi = {
+  key: 0,
+  class: "mt-5 w-full"
+}, Gi = { class: "mb-3 flex rounded-lg border border-blue-200 bg-blue-50 p-3 shadow-lg" }, Ki = { class: "pl-2" }, Yi = ["textContent"], Zi = { class: "mb-3 text-sm text-blue-600 text-opacity-80" }, Ji = { class: "pl-2" };
+function Qi(e, t, n, o, s, i) {
+  const f = h("CPriceInput"), g = h("CIcon"), k = h("FormInputRow"), c = h("CButton"), b = h("modal");
   return a(), d("div", null, [
-    p(k, B({
+    u(b, B({
       adaptive: !0,
       height: "auto",
       width: "90%",
       maxWidth: 420,
       classes: "primary"
     }, { name: s.modalName }), {
-      default: g(() => [
-        l("div", Oi, [
-          l("div", Ei, u(e.$t("manualDeduction")), 1),
-          l("div", Ui, [
-            p(f, {
+      default: v(() => [
+        l("div", Bi, [
+          l("div", Wi, p(e.$t("manualDeduction")), 1),
+          l("div", zi, [
+            u(f, {
               modelValue: s.internalValue,
               "onUpdate:modelValue": t[0] || (t[0] = (y) => s.internalValue = y),
               modelModifiers: { number: !0 },
@@ -2370,18 +2401,19 @@ function qi(e, t, n, o, s, i) {
               placeholder: e.$t("enterThing", { thing: e.$t("deduction.deduction") }),
               min: "0",
               size: "medium",
-              "suffix-class": "text-gray-400"
+              "suffix-class": "text-gray-400",
+              onInput: i.onManualInput
             }, {
-              suffix: g(() => [
-                I(u(e.$t("currency.SEK")), 1)
+              suffix: v(() => [
+                _(p(e.$t("currency.SEK")), 1)
               ]),
               _: 1
-            }, 8, ["modelValue", "placeholder"])
+            }, 8, ["modelValue", "placeholder", "onInput"])
           ]),
-          l("div", Bi, u(e.$t("standardDeduction")), 1),
-          l("div", Wi, u(e.$t("standardDeductionMessage")), 1),
-          l("div", zi, [
-            (a(), d(C, null, S([
+          l("div", Fi, p(e.$t("standardDeduction")), 1),
+          l("div", ji, p(e.$t("standardDeductionMessage")), 1),
+          l("div", qi, [
+            (a(), d(C, null, V([
               { v: 0.1455, l: "14.55%" },
               { v: 0.15, l: "15%" },
               { v: 0.175, l: "17.5%" },
@@ -2391,79 +2423,90 @@ function qi(e, t, n, o, s, i) {
               { v: 0.5, l: "50%" }
             ], (y) => l("div", {
               key: y.l,
-              class: V([{
-                active: Math.round(n.total * y.v * 0.01) * 100 === s.internalValue
+              class: D([{
+                active: Math.round(n.total * y.v) === s.internalValue
               }, "deduction-button"]),
-              onClick: (w) => i.setDeduction(y.v)
-            }, u(y.l), 11, ji)), 64))
+              onClick: ($) => i.setDeduction(y.v)
+            }, p(y.l), 11, Ni)), 64))
           ]),
-          p(h, {
+          i.futureDeductionDates.length ? (a(), d("div", Hi, [
+            l("div", Gi, [
+              l("div", null, [
+                u(g, {
+                  type: "info",
+                  size: "18",
+                  class: "-mt-1 text-blue-600"
+                })
+              ]),
+              l("div", null, [
+                l("div", Ki, [
+                  l("div", {
+                    class: "mb-2 text-sm font-semibold text-blue-600",
+                    textContent: p(e.$t("deductionDate.title"))
+                  }, null, 8, Yi),
+                  l("div", Zi, p(e.$t("deductionDate.description")), 1)
+                ]),
+                l("div", Ji, [
+                  u(k, {
+                    label: e.$t("deductionDate.label"),
+                    inputs: [
+                      {
+                        component: "select",
+                        props: {
+                          value: s.internalDeductionDate || "",
+                          options: [
+                            { value: "", label: e.$t("deductionDate.automatic") },
+                            ...i.futureDeductionDates.map((y) => ({
+                              value: y.value || "",
+                              label: y.label
+                            }))
+                          ]
+                        },
+                        onInput: (y) => this.setDate(y)
+                      }
+                    ]
+                  }, null, 8, ["label", "inputs"])
+                ])
+              ])
+            ])
+          ])) : w("", !0),
+          u(c, {
             type: "secondary",
             wide: "",
             class: "mt-8",
             onClick: t[1] || (t[1] = () => {
-              e.houseWorkManualAmount = s.internalValue, e.$modal.hide(s.modalName);
+              e.houseWorkManualAmount = s.internalValue, e.houseWorkDeductionDate = s.internalDeductionDate, e.$modal.hide(s.modalName);
             })
           }, {
-            default: g(() => [
-              I(u(e.$t("save")), 1)
+            default: v(() => [
+              _(p(e.$t("save")), 1)
             ]),
             _: 1
           }),
-          p(h, {
+          u(c, {
             type: "secondary",
             pattern: "tertiary",
             wide: "",
             class: "mt-2",
             onClick: t[2] || (t[2] = () => {
-              e.houseWorkManualAmount = null, e.$modal.hide(s.modalName);
+              e.houseWorkManualAmount = null, e.houseWorkDeductionDate = null, e.$modal.hide(s.modalName);
             })
           }, {
-            default: g(() => [
-              I(u(e.$t("reset")), 1)
+            default: v(() => [
+              _(p(e.$t("reset")), 1)
             ]),
             _: 1
           })
         ])
       ]),
       _: 1
-    }, 16, ["name"]),
-    e.houseWorkManualAmount ? (a(), A(c, {
-      key: 0,
-      order: 2,
-      to: "document-nav-bottom"
-    }, {
-      default: g(() => [
-        l("div", {
-          class: "housework-manual-nav",
-          onClick: t[3] || (t[3] = (y) => e.$modal.show(s.modalName))
-        }, [
-          (a(), d("svg", Fi, 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",
-              y1: "9",
-              x2: "12",
-              y2: "13"
-            }, null, -1),
-            l("line", {
-              x1: "12",
-              y1: "17",
-              x2: "12.01",
-              y2: "17"
-            }, null, -1)
-          ]))),
-          I(" " + u(e.$t("deduction.manualType", { type: e.$t(`deduction.${n.houseWorkType}`) })) + " " + u(e.$t("using")), 1)
-        ])
-      ]),
-      _: 1
-    })) : b("", !0)
+    }, 16, ["name"])
   ]);
 }
-const Ni = /* @__PURE__ */ R(Li, [["render", qi], ["__scopeId", "data-v-b12680ea"]]), Hi = {
+const Xi = /* @__PURE__ */ R(Ui, [["render", Qi], ["__scopeId", "data-v-0a5e7cc0"]]), en = {
   name: "Pricing",
   components: {
-    EditDeduction: Ni
+    EditDeduction: Xi
   },
   props: {
     _document: {
@@ -2489,6 +2532,9 @@ const Ni = /* @__PURE__ */ R(Li, [["render", qi], ["__scopeId", "data-v-b12680ea
     vatType() {
       return x(this, "_document.vatType");
     },
+    customDeductionDate() {
+      return x(this._document, "data.prices.region.deductionDate", null);
+    },
     priceArray() {
       return [
         {
@@ -2510,11 +2556,7 @@ const Ni = /* @__PURE__ */ R(Li, [["render", qi], ["__scopeId", "data-v-b12680ea
             }),
             value: -this.prices.region.houseWorkAmount,
             action: () => this.$refs.deduction.showModal(),
-            showIcon: !!x(
-              this.prices,
-              "region.houseWorkManualAmount",
-              !1
-            ),
+            showIcon: !!x(this.prices, "region.houseWorkManualAmount", !1) || !!this.customDeductionDate,
             tooltip: this.$t("_common:manualDeductionTooltip")
           }
         ] : [],
@@ -2567,40 +2609,41 @@ const Ni = /* @__PURE__ */ R(Li, [["render", qi], ["__scopeId", "data-v-b12680ea
       return !!x(this.prices, "region.houseWorkType", !1) || !!x(this.prices, "region.houseWorkManualAmount", !1);
     }
   }
-}, Gi = { class: "price-bubble" }, Ki = { class: "flex w-full items-center justify-between" }, Yi = { class: "price-label" }, Zi = {
+}, tn = { class: "price-bubble" }, nn = { class: "flex w-full items-center justify-between" }, sn = { class: "price-label" }, an = {
   key: 0,
   class: "pricing-sub-label"
-}, Ji = ["onClick"], Qi = { class: "price-value" };
-function Xi(e, t, n, o, s, i) {
-  const f = v("EditDeduction"), h = v("CIcon"), k = U("tooltip");
-  return a(), d("div", Gi, [
-    l("div", Ki, [
+}, on = ["onClick"], rn = { class: "price-value" };
+function ln(e, t, n, o, s, i) {
+  const f = h("EditDeduction"), g = h("CIcon"), k = U("tooltip");
+  return a(), d("div", tn, [
+    l("div", nn, [
       i.showHouseWork ? (a(), A(f, {
         key: 0,
         ref: "deduction",
         disabled: !s.get(i.prices, "region.houseWorkType", !1),
         _document: n._document,
         _value: {
-          houseWorkManualAmount: `${n.basePath}.data.prices.region.houseWorkManualAmount`
+          houseWorkManualAmount: `${n.basePath}.data.prices.region.houseWorkManualAmount`,
+          houseWorkDeductionDate: "data.prices.region.deductionDate"
         },
         "house-work-type": i.prices.region.houseWorkType,
         "house-work-amount": i.prices.region.houseWorkAmount,
         total: i.prices.subTotal + i.prices.taxAmount,
         onInput: t[0] || (t[0] = (c) => e.$emit("input", c))
-      }, null, 8, ["disabled", "_document", "_value", "house-work-type", "house-work-amount", "total"])) : b("", !0)
+      }, null, 8, ["disabled", "_document", "_value", "house-work-type", "house-work-amount", "total"])) : w("", !0)
     ]),
     l("div", null, [
-      (a(!0), d(C, null, S(i.priceArray, (c, y) => (a(), d("div", {
-        key: y,
-        class: V([[c.classList || ""], "price-row flex w-full justify-between"])
+      (a(!0), d(C, null, V(i.priceArray, (c, b) => (a(), d("div", {
+        key: b,
+        class: D([[c.classList || ""], "price-row flex w-full justify-between"])
       }, [
-        l("div", Yi, [
-          I(u(c.label.capitalize()) + " ", 1),
-          c.subLabel ? (a(), d("span", Zi, u(c.subLabel), 1)) : b("", !0),
-          c.action ? D((a(), d("span", {
+        l("div", sn, [
+          _(p(c.label.capitalize()) + " ", 1),
+          c.subLabel ? (a(), d("span", an, p(c.subLabel), 1)) : w("", !0),
+          c.action ? S((a(), d("span", {
             key: 1,
             class: "pricing-action",
-            onClick: (w) => c.action ? c.action() : null
+            onClick: (y) => c.action ? c.action() : null
           }, t[1] || (t[1] = [
             l("svg", {
               viewBox: "0 0 24 24",
@@ -2615,24 +2658,24 @@ function Xi(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, Ji)), [
+          ]), 8, on)), [
             [k, e.$t("edit", { thing: e.$t("deduction.deduction") })]
-          ]) : b("", !0),
-          c.showIcon ? D((a(), A(h, {
+          ]) : w("", !0),
+          c.showIcon ? S((a(), A(g, {
             key: 2,
             type: "info",
             size: "20",
             class: "border-primary-100 bg-primary-100 text-primary-500 mx-1 rounded-full border-2"
           }, null, 512)), [
             [k, c.tooltip]
-          ]) : b("", !0)
+          ]) : w("", !0)
         ]),
-        l("div", Qi, u(c.prefix) + " " + u(c.value), 1)
+        l("div", rn, p(c.prefix) + " " + p(c.value), 1)
       ], 2))), 128))
     ])
   ]);
 }
-const en = /* @__PURE__ */ R(Hi, [["render", Xi], ["__scopeId", "data-v-b6c617f4"]]), tn = {
+const cn = /* @__PURE__ */ R(en, [["render", ln], ["__scopeId", "data-v-b5cda203"]]), dn = {
   name: "PackageItemEdit",
   i18nOptions: {
     namespaces: "PackageItemEdit",
@@ -2660,11 +2703,11 @@ const en = /* @__PURE__ */ R(Hi, [["render", Xi], ["__scopeId", "data-v-b6c617f4
     }
   },
   components: {
-    ArticleList: Ai,
-    PriceFormAlternatives: Mi,
-    MaxTotalInput: Vi,
-    Pricing: en,
-    TextEditor: Qe,
+    ArticleList: xi,
+    PriceFormAlternatives: Ei,
+    MaxTotalInput: Ri,
+    Pricing: cn,
+    TextEditor: et,
     CDropdown: Z,
     CDropdownItem: Y
   },
@@ -2730,14 +2773,14 @@ const en = /* @__PURE__ */ R(Hi, [["render", Xi], ["__scopeId", "data-v-b6c617f4
     },
     internalDescription: {
       get() {
-        return Ke(
+        return Ze(
           this.description,
           this._document.textTemplateMap,
           this._document._doc
         );
       },
       set(e) {
-        this.description = Ge(e);
+        this.description = Ye(e);
       }
     }
   },
@@ -2778,7 +2821,7 @@ const en = /* @__PURE__ */ R(Hi, [["render", Xi], ["__scopeId", "data-v-b6c617f4
       });
     },
     onArticleInput({ index: e, value: t }) {
-      const { i: n } = this.mappedPackageArticles[e], o = He(t, [
+      const { i: n } = this.mappedPackageArticles[e], o = Ke(t, [
         "allowRot",
         "allowRut",
         "isIncVat",
@@ -2791,7 +2834,7 @@ const en = /* @__PURE__ */ R(Hi, [["render", Xi], ["__scopeId", "data-v-b6c617f4
       this.createEmptyArticle(), e ? this.$refs.articleList.openLastArticle() : this.$refs.articleList.focusLastArticle();
     },
     onInsert({ index: e, value: t }) {
-      const n = Ne(this.mappedPackageArticles).add(
+      const n = Ge(this.mappedPackageArticles).add(
         { ...t, packageId: this.packageId },
         e
       );
@@ -2821,120 +2864,120 @@ const en = /* @__PURE__ */ R(Hi, [["render", Xi], ["__scopeId", "data-v-b6c617f4
       });
     }
   }
-}, nn = { class: "min-h-0 rounded-md border border-gray-200 bg-white text-black" }, sn = { class: "flex w-full items-center justify-between bg-gray-100 py-1 pl-4 pr-1 text-sm font-medium text-gray-600" }, an = { class: "p-4" }, on = { class: "mb-0.5 flex items-center" }, rn = ["id", "placeholder"], ln = { class: "mt-2 flex gap-2" };
-function cn(e, t, n, o, s, i) {
-  const f = v("CButton"), h = v("CDropdownItem"), k = v("CDropdown"), c = v("TextEditor"), y = v("MaxTotalInput"), w = v("PriceFormAlternatives"), $ = v("ArticleList"), m = v("CIcon"), T = v("Pricing"), r = U("tooltip"), P = U("click-outside");
-  return a(), d("div", nn, [
-    l("div", sn, [
-      l("div", null, u(n.type === "single" ? e.$t("single") : n.type === "radio" || n.toggable ? e.$t("option") : e.$t("base")), 1),
+}, un = { class: "min-h-0 rounded-md border border-gray-200 bg-white text-black" }, pn = { class: "flex w-full items-center justify-between bg-gray-100 py-1 pl-4 pr-1 text-sm font-medium text-gray-600" }, mn = { class: "p-4" }, hn = { class: "mb-0.5 flex items-center" }, gn = ["id", "placeholder"], vn = { class: "mt-2 flex gap-2" };
+function fn(e, t, n, o, s, i) {
+  const f = h("CButton"), g = h("CDropdownItem"), k = h("CDropdown"), c = h("TextEditor"), b = h("MaxTotalInput"), y = h("PriceFormAlternatives"), $ = h("ArticleList"), m = h("CIcon"), T = h("Pricing"), r = U("tooltip"), P = U("click-outside");
+  return a(), d("div", un, [
+    l("div", pn, [
+      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(k, {
         key: 0,
         class: "ml-4"
       }, {
-        trigger: g(() => [
-          p(f, {
+        trigger: v(() => [
+          u(f, {
             size: "small",
             type: "text",
             pattern: "secondary",
             class: "is-thinner opacity-70"
           }, {
-            default: g(() => [
-              I(u(e.$t("_common:change")), 1)
+            default: v(() => [
+              _(p(e.$t("_common:change")), 1)
             ]),
             _: 1
           })
         ]),
-        default: g(() => [
+        default: v(() => [
           n.toggable ? (a(), d(C, { key: 0 }, [
-            p(h, {
+            u(g, {
               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: g(() => [
-                I(u(e.$t("selected")), 1)
+              default: v(() => [
+                _(p(e.$t("selected")), 1)
               ]),
               _: 1
             }, 8, ["value"]),
-            p(h, { separator: "" })
-          ], 64)) : b("", !0),
-          p(h, {
+            u(g, { separator: "" })
+          ], 64)) : w("", !0),
+          u(g, {
             "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: g(() => [
-              I(u(e.$t("_common:move", { thing: e.$t("_common:up") })), 1)
+            default: v(() => [
+              _(p(e.$t("_common:move", { thing: e.$t("_common:up") })), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          p(h, {
+          u(g, {
             "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: g(() => [
-              I(u(e.$t("_common:move", { thing: e.$t("_common:down") })), 1)
+            default: v(() => [
+              _(p(e.$t("_common:move", { thing: e.$t("_common:down") })), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          p(h, {
+          u(g, {
             "icon-props": {
               stroke: "red"
             },
             "icon-left": "trash",
             onClick: i.onRemove
           }, {
-            default: g(() => [
-              I(u(e.$t("_common:remove")), 1)
+            default: v(() => [
+              _(p(e.$t("_common:remove")), 1)
             ]),
             _: 1
           }, 8, ["onClick"])
         ]),
         _: 1
-      })) : b("", !0)
+      })) : w("", !0)
     ]),
-    l("div", an, [
-      l("div", on, [
-        D(l("input", {
+    l("div", mn, [
+      l("div", hn, [
+        S(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] = j((_) => e.$refs.editor.focus(), ["enter"]))
-        }, null, 40, rn), [
-          [Ye, e.name]
+          onKeyup: t[4] || (t[4] = F((I) => e.$refs.editor.focus(), ["enter"]))
+        }, null, 40, gn), [
+          [Je, e.name]
         ])
       ]),
-      p(c, {
+      u(c, {
         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"]),
-      D((a(), d("div", {
-        onMouseoverPassive: t[15] || (t[15] = (_) => s.isHover = !0),
-        onMouseleavePassive: t[16] || (t[16] = (_) => s.isHover = !1)
+      S((a(), d("div", {
+        onMouseoverPassive: t[15] || (t[15] = (I) => s.isHover = !0),
+        onMouseleavePassive: t[16] || (t[16] = (I) => s.isHover = !1)
       }, [
-        e.priceType === "openAccMaxPrice" ? (a(), A(y, {
+        e.priceType === "openAccMaxPrice" ? (a(), A(b, {
           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(w, {
+        }, null, 8, ["modelValue", "currency", "vat-type"])) : w("", !0),
+        u(y, {
           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($, {
+        u($, {
           ref: "articleList",
           _document: e._document,
           articles: i.mappedPackageArticles,
@@ -2942,32 +2985,32 @@ function cn(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", ln, [
+        l("div", vn, [
           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(m, {
+            u(m, {
               type: "plus",
               size: "16",
               "stroke-width": "3",
               class: "mr-1"
             }),
-            I(" " + u(e.$t("addButton")), 1)
+            _(" " + p(e.$t("addButton")), 1)
           ]),
-          D((a(), d("div", {
+          S((a(), d("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(m, {
+            u(m, {
               type: "zap",
               size: "16",
               "stroke-width": "2.5"
@@ -2979,11 +3022,11 @@ function cn(e, t, n, o, s, i) {
             }]
           ])
         ]),
-        p(T, {
+        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)), [
         [
@@ -2996,12 +3039,12 @@ function cn(e, t, n, o, s, i) {
     ])
   ]);
 }
-const dn = /* @__PURE__ */ R(tn, [["render", cn], ["__scopeId", "data-v-64642fe7"]]), un = (e) => (e || []).slice(0, 1).map((t) => ({
+const yn = /* @__PURE__ */ R(dn, [["render", fn], ["__scopeId", "data-v-64642fe7"]]), kn = (e) => (e || []).slice(0, 1).map((t) => ({
   ...t,
   isSelected: !0,
   isSelectedDefault: !0,
   toggable: !1
-})), pn = (e) => {
+})), bn = (e) => {
   const t = x(e, "0.data.prices.type") || "fixed";
   return (e || []).map((n, o) => ({
     ...n,
@@ -3019,7 +3062,7 @@ const dn = /* @__PURE__ */ R(tn, [["render", cn], ["__scopeId", "data-v-64642fe7
       }
     }
   }));
-}, mn = (e = []) => {
+}, wn = (e = []) => {
   let t = !1;
   return e.map((n) => {
     const o = {
@@ -3034,13 +3077,13 @@ const dn = /* @__PURE__ */ R(tn, [["render", cn], ["__scopeId", "data-v-64642fe7
     return (o.isSelected || o.isSelectedDefault) && (t = !0), o;
   }, []);
 };
-function hn(e, ...t) {
-  if (e === "single") return un(...t);
-  if (e === "checkbox") return pn(...t);
-  if (e === "radio") return mn(...t);
+function In(e, ...t) {
+  if (e === "single") return kn(...t);
+  if (e === "checkbox") return bn(...t);
+  if (e === "radio") return wn(...t);
   throw new Error(`Package filter type '${e}' is not implemented`);
 }
-const gn = {
+const _n = {
   name: "PackageGroupEdit",
   i18nOptions: {
     namespaces: "PackageGroupEdit",
@@ -3079,8 +3122,8 @@ const gn = {
   },
   components: {
     ErrorCallout: me,
-    PackageItem: dn,
-    PackageGroupSelect: kt,
+    PackageItem: yn,
+    PackageGroupSelect: It,
     CCallout: $e,
     CDropdown: Z,
     CDropdownItem: Y
@@ -3156,7 +3199,7 @@ const gn = {
   },
   methods: {
     ...z({
-      showMessage: O.SHOW_MESSAGE
+      showMessage: L.SHOW_MESSAGE
     }),
     setPricesIncVatAsDefault(e = {}) {
       this.$emit("input", {
@@ -3190,18 +3233,18 @@ const gn = {
       if (!this.persistedGroup || !this.persistedGroup.type) return;
       let { packages: t, articles: n } = this.persistedGroup;
       if (!t.length) return;
-      if (e !== this.persistedGroup.type && (t = hn(e, t)), e === "single" && n.length) {
+      if (e !== this.persistedGroup.type && (t = In(e, t)), e === "single" && n.length) {
         const [{ packageId: s }] = t;
         n = n.filter((i) => i.packageId === s);
       }
-      const o = ct(
+      const o = pt(
         [...this._document.allArticles || [], ...n || []],
         (s) => s._uniqueId
       );
       this.$emit("input", { key: "articles", value: o }), this.$emit("input", { key: `${[this._value.packages]}`, value: t });
     },
     addPackage(e = {}) {
-      const t = Ze(), n = this.type === "checkbox" && this.packages.length ? this.packages[0].data.prices.type : "fixed", o = this.currency || this.defaultCurrency, s = {
+      const t = Qe(), 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,
@@ -3279,31 +3322,31 @@ const gn = {
       this.$emit("input", { key: this._value.packages, value: n });
     }
   }
-}, vn = { class: "package-group-root font-inter" }, fn = { key: 0 }, yn = { style: { position: "absolute", right: "0", top: "-10px", transform: "translateY(-100%)", "z-index": "2" } }, kn = { class: "pb-4" }, bn = {
+}, $n = { class: "package-group-root font-inter" }, Tn = { key: 0 }, An = { style: { position: "absolute", right: "0", top: "-10px", transform: "translateY(-100%)", "z-index": "2" } }, Cn = { class: "pb-4" }, Pn = {
   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%)" }
-}, wn = {
+}, xn = {
   key: 4,
   class: "flex w-full flex-col items-center justify-center"
-}, In = { style: { width: "100%" } }, _n = {
+}, Dn = { style: { width: "100%" } }, Vn = {
   key: 0,
   class: "package-placeholder bg-gray-100",
   style: { color: "hsl(0, 0%, 24%)", "font-weight": "500" }
-}, $n = {
+}, Sn = {
   style: { "vertical-align": "text-bottom", "margin-right": "3px" },
   width: "16",
   height: "16",
   viewBox: "0 0 18 14",
   xmlns: "http://www.w3.org/2000/svg"
-}, Tn = { class: "flex w-full" };
-function An(e, t, n, o, s, i) {
-  const f = v("PackageGroupSelect"), h = v("ErrorCallout"), k = v("CButton"), c = v("CDropdownItem"), y = v("CDropdown"), w = v("CCallout"), $ = v("PackageItem");
-  return a(), d("div", vn, [
+}, Rn = { class: "flex w-full" };
+function Mn(e, t, n, o, s, i) {
+  const f = h("PackageGroupSelect"), g = h("ErrorCallout"), k = h("CButton"), c = h("CDropdownItem"), b = h("CDropdown"), y = h("CCallout"), $ = h("PackageItem");
+  return a(), d("div", $n, [
     e.type ? (a(), d(C, { key: 1 }, [
-      l("div", yn, [
-        p(y, null, {
-          trigger: g(() => [
-            p(k, {
+      l("div", An, [
+        u(b, null, {
+          trigger: v(() => [
+            u(k, {
               type: "none",
               size: "normal",
               pattern: "secondary",
@@ -3311,23 +3354,23 @@ function An(e, t, n, o, s, i) {
               circle: ""
             })
           ]),
-          default: g(() => [
-            p(c, { onClick: i.onResetType }, {
-              default: g(() => [
-                I(u(e.$t("_common:change", {
+          default: v(() => [
+            u(c, { onClick: i.onResetType }, {
+              default: v(() => [
+                _(p(e.$t("_common:change", {
                   thing: e.$t("_common:price.proposal").toLowerCase()
                 })), 1)
               ]),
               _: 1
             }, 8, ["onClick"]),
-            p(c, {
+            u(c, {
               value: !!e.hideGroupPrice,
               "close-on-click": !1,
               toggle: "",
               onInput: t[1] || (t[1] = (m) => e.hideGroupPrice = m)
             }, {
-              default: g(() => [
-                I(u(e.$t("hideGroupPrice")), 1)
+              default: v(() => [
+                _(p(e.$t("hideGroupPrice")), 1)
               ]),
               _: 1
             }, 8, ["value"])
@@ -3335,14 +3378,14 @@ function An(e, t, n, o, s, i) {
           _: 1
         })
       ]),
-      e.type === "checkbox" && !i.internalPackages.find((m) => m.toggable === !1) ? (a(), A(w, {
+      e.type === "checkbox" && !i.internalPackages.find((m) => m.toggable === !1) ? (a(), A(y, {
         key: 0,
         title: e.$t("base"),
         class: "w-full"
       }, {
-        default: g(() => [
-          l("div", kn, u(e.$t("basePlaceholder")), 1),
-          p(k, {
+        default: v(() => [
+          l("div", Cn, p(e.$t("basePlaceholder")), 1),
+          u(k, {
             type: "secondary",
             size: "small",
             style: { "font-weight": "600" },
@@ -3352,8 +3395,8 @@ function An(e, t, n, o, s, i) {
               toggable: !1
             }))
           }, {
-            default: g(() => [
-              I(u(e.$t("_common:add", { thing: e.$t("base").toLowerCase() })), 1)
+            default: v(() => [
+              _(p(e.$t("_common:add", { thing: e.$t("base").toLowerCase() })), 1)
             ]),
             _: 1
           })
@@ -3364,12 +3407,12 @@ function An(e, t, n, o, s, i) {
         name: "section-list",
         tag: "div"
       }, {
-        default: g(() => [
-          (a(!0), d(C, null, S(i.topRowPackages, (m, T) => (a(), d("div", {
+        default: v(() => [
+          (a(!0), d(C, null, V(i.topRowPackages, (m, T) => (a(), d("div", {
             key: m.packageId,
             class: "section-item pb-4"
           }, [
-            p($, {
+            u($, {
               _document: e._document,
               _value: {
                 isSelectedDefault: `${e._value.packages}[${m.index}].isSelectedDefault`,
@@ -3405,20 +3448,20 @@ function An(e, t, n, o, s, i) {
         ]),
         _: 1
       })),
-      e.type === "checkbox" && i.topRowPackages.length && i.bottomRowPackages.length ? (a(), d("div", bn)) : b("", !0),
+      e.type === "checkbox" && i.topRowPackages.length && i.bottomRowPackages.length ? (a(), d("div", Pn)) : w("", !0),
       e.type === "checkbox" ? (a(), A(re, {
         key: 3,
         name: "section-list",
         tag: "div",
         style: { "margin-bottom": "calc(1 * var(--rem))" }
       }, {
-        default: g(() => [
-          (a(!0), d(C, null, S(i.bottomRowPackages, (m, T) => (a(), d("div", {
+        default: v(() => [
+          (a(!0), d(C, null, V(i.bottomRowPackages, (m, T) => (a(), d("div", {
             key: m.packageId,
             class: "section-item",
             style: { padding: "calc(1 * var(--rem)) 0" }
           }, [
-            p($, {
+            u($, {
               _document: e._document,
               _value: {
                 isSelectedDefault: `${e._value.packages}[${m.index}].isSelectedDefault`,
@@ -3452,53 +3495,53 @@ function An(e, t, n, o, s, i) {
           ]))), 128))
         ]),
         _: 1
-      })) : b("", !0),
-      e.type !== "single" || !e.packages.length ? (a(), d("div", wn, [
-        l("div", In, [
-          e.type === "radio" && !e.packages.length ? (a(), d("div", _n, [
-            (a(), d("svg", $n, t[13] || (t[13] = [
+      })) : w("", !0),
+      e.type !== "single" || !e.packages.length ? (a(), d("div", xn, [
+        l("div", Dn, [
+          e.type === "radio" && !e.packages.length ? (a(), d("div", Vn, [
+            (a(), d("svg", Sn, 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)
             ]))),
-            I(" " + u(e.$t("selectablePlaceholder")), 1)
-          ])) : b("", !0)
+            _(" " + p(e.$t("selectablePlaceholder")), 1)
+          ])) : w("", !0)
         ]),
-        n.validator.$invalid && n.validator.$dirty ? (a(), A(h, {
+        n.validator.$invalid && n.validator.$dirty ? (a(), A(g, {
           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", Tn, [
-          p(k, {
+        }, null, 8, ["message"])) : w("", !0),
+        l("div", Rn, [
+          u(k, {
             type: "secondary",
             outlined: "",
             "icon-left": "plus",
             style: { "border-color": "hsl(0, 0%, 82%)" },
             onClick: t[12] || (t[12] = (m) => i.addPackage())
           }, {
-            default: g(() => [
-              I(u(e.$t("add")), 1)
+            default: v(() => [
+              _(p(e.$t("add")), 1)
             ]),
             _: 1
           })
         ])
-      ])) : b("", !0)
-    ], 64)) : (a(), d("div", fn, [
-      p(f, {
+      ])) : w("", !0)
+    ], 64)) : (a(), d("div", Tn, [
+      u(f, {
         onInput: t[0] || (t[0] = (m) => i.onSelectType(m))
       }),
-      n.validator.$invalid && n.validator.$dirty ? (a(), A(h, {
+      n.validator.$invalid && n.validator.$dirty ? (a(), A(g, {
         key: 0,
         message: e.$t("error.selectType"),
         style: { "padding-bottom": "calc(1.5 * var(--rem))" }
-      }, null, 8, ["message"])) : b("", !0)
+      }, null, 8, ["message"])) : w("", !0)
     ]))
   ]);
 }
-const zn = /* @__PURE__ */ R(gn, [["render", An], ["__scopeId", "data-v-03549668"]]);
+const Zn = /* @__PURE__ */ R(_n, [["render", Mn], ["__scopeId", "data-v-03549668"]]);
 export {
-  zn as default
+  Zn as default
 };