@cling-se/widget 0.13.0 → 0.13.2

package/dist/{Index-46b2296e.js → Index-BtzGGZEN.js}

@@ -1,22 +1,15 @@
-import { aT as B, aU as A, aV as E, aW as z, aX as W, aY as F, j, aZ as N, b as o, n as c, s as H, a_ as x, az as U, a$ as w, b0 as q, ak as f, aa as G, g as p, v as k, b1 as K, al as Y, b2 as Z, b3 as J, b4 as C, p as X, O as g, x as Q, z as ee, b5 as te, r as ie, R as se } from "./main-2c8b76b7.js";
-import { m as h, a as v } from "./vuex.esm-4a0fff7c.js";
-import { m as y } from "./mapFormMixin-c2bc089c.js";
-import { E as P } from "./ErrorCallout-05a4796b.js";
-import { T as ae } from "./DocTextEditor-5676c56f.js";
-import { o as S, d as ne } from "./vuedraggable.umd-e89c3d5e.js";
-import { W as re } from "./DocumentLayout-8104d93d.js";
-import { C as oe } from "./tippy.esm-a855665a.js";
-import { v as le } from "./index-805c56e4.js";
-import { S as ce } from "./SearchApi-410c081e.js";
-import { w as ue } from "./CDropdownItem-d0cd42d6.js";
-import { B as V } from "./BaseInput-779cb5b2.js";
-import "./dom-962579a6.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-c1638d8a.js";
-import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ManualPopover-6cf3f592.js";
-import "./ColorPicker-3d06f308.js";
-import "./color-c1606adc.js";
-import "./debounce-b0ffdee0.js";
+import { m as y } from "./mapFormMixin-BrtcYsT9.js";
+import { E as A } from "./ErrorCallout-Dvy9895L.js";
+import { aF as E, aG as S, aH as z, aI as B, aJ as W, aK as F, k as j, aL as N, n as l, r as H, aM as b, g as p, u as k, aC as q, aN as w, aO as U, am as f, a1 as G, aP as K, an as Y, aQ as Z, aR as J, aS as C, p as Q, b as o, O as g, w as X, y as ee, aT as te, q as ie, R as se } from "./main-DBw231uy.js";
+import { m as h, a as v } from "./vuex.esm-DKGl8mcw.js";
+import { T as ae } from "./DocTextEditor-C-qeLSQa.js";
+import { W as ne } from "./DocumentLayout-BrN5peVY.js";
+import { o as P, d as re } from "./omit-DQqb9hkZ.js";
+import { C as oe } from "./tippy.esm-yjYH8SnL.js";
+import { S as ce } from "./SearchApi-D4yY2KZj.js";
+import { v as le } from "./index-C16hoSRM.js";
+import { w as ue } from "./CDropdownItem-CTJ55d4m.js";
+import { B as V } from "./BaseInput-DJreiE5M.js";
 const de = [
   "unit",
   "m2",
@@ -36,20 +29,20 @@ const de = [
 ];
 function pe() {
 }
-var he = pe, b = B, me = he, fe = A, ve = 1 / 0, ge = b && 1 / fe(new b([, -0]))[1] == ve ? function(i) {
-  return new b(i);
-} : me, ye = ge, _e = E, ke = z, $e = W, xe = F, be = ye, we = A, Ce = 200;
+var he = pe, x = E, me = he, fe = S, ve = 1 / 0, ge = x && 1 / fe(new x([, -0]))[1] == ve ? function(i) {
+  return new x(i);
+} : me, ye = ge, _e = z, ke = B, $e = W, be = F, xe = ye, we = S, Ce = 200;
 function Ie(i, e, t) {
-  var s = -1, n = ke, a = i.length, r = !0, l = [], u = l;
+  var s = -1, n = ke, a = i.length, r = !0, c = [], u = c;
   if (t)
     r = !1, n = $e;
   else if (a >= Ce) {
-    var _ = e ? null : be(i);
+    var _ = e ? null : xe(i);
     if (_)
       return we(_);
-    r = !1, n = xe, u = new _e();
+    r = !1, n = be, u = new _e();
   } else
-    u = e ? [] : l;
+    u = e ? [] : c;
   e:
     for (; ++s < a; ) {
       var d = i[s], m = e ? e(d) : d;
@@ -57,65 +50,116 @@ function Ie(i, e, t) {
         for (var I = u.length; I--; )
           if (u[I] === m)
             continue e;
-        e && u.push(m), l.push(d);
+        e && u.push(m), c.push(d);
       } else
-        n(u, m, t) || (u !== l && u.push(m), l.push(d));
+        n(u, m, t) || (u !== c && u.push(m), c.push(d));
     }
-  return l;
+  return c;
 }
-var Te = Ie, Ae = N, Pe = Te;
-function Se(i, e) {
-  return i && i.length ? Pe(i, Ae(e)) : [];
+var Te = Ie, Ae = N, Se = Te;
+function Pe(i, e) {
+  return i && i.length ? Se(i, Ae(e)) : [];
 }
-var Ve = Se;
-const De = /* @__PURE__ */ j(Ve), Re = (i) => (i || []).slice(0, 1).map((e) => ({
-  ...e,
-  isSelected: !0,
-  isSelectedDefault: !0,
-  toggable: !1
-})), Oe = (i) => {
-  const e = o(i, "0.data.prices.type") || "fixed";
-  return (i || []).map((t, s) => ({
-    ...t,
-    toggable: !0,
-    ...s === 0 ? {
-      isSelected: !0,
-      isSelectedDefault: !0,
-      toggable: !1
-    } : null,
-    data: {
-      ...t.data,
-      prices: {
-        ...t.data ? t.data.prices : null,
-        type: e
+var Ve = Pe;
+const De = /* @__PURE__ */ j(Ve), Re = {
+  name: "PackageGroupSelect",
+  i18nOptions: {
+    namespaces: "PackageGroupSelect",
+    messages: {
+      en: {
+        title: "What do you want to offer?",
+        typeOptions: {
+          single: {
+            title: "Single Option",
+            subTitle: "Offer one package."
+          },
+          radio: {
+            title: "Packages",
+            subTitle: "Offer several packages and let your client choose <strong>one<strong>."
+          },
+          checkbox: {
+            title: "Multi Options",
+            subTitle: "Offer many packages and let your client select <strong>multiple</strong> ones."
+          }
+        }
+      },
+      sv: {
+        title: "Vad vill du erbjuda för prisförslag?",
+        typeOptions: {
+          single: {
+            title: "Ett alternativ",
+            subTitle: "Erbjud ett paket."
+          },
+          radio: {
+            title: "Paket",
+            subTitle: "Erbjud flera paket och låt din kund välja <strong>ett</strong> av paketen."
+          },
+          checkbox: {
+            title: "Flera val",
+            subTitle: "Erbjud många paket som din kund välja <strong>flera</strong> utav."
+          }
+        }
       }
     }
-  }));
-}, Me = (i = []) => {
-  let e = !1;
-  return i.map((t) => {
-    const s = {
-      ...t,
-      // if any earlier pkg is selected, deselect pkg, otherwise keep as is
-      ...e ? {
-        isSelected: !1,
-        isSelectedDefault: !1
-      } : null,
-      toggable: !0
+  },
+  inject: ["parentSize"],
+  data() {
+    return {
+      options: [
+        {
+          value: "single",
+          background: "hsl(209, 94%, 73%)",
+          title: this.$t("typeOptions.single.title"),
+          subTitle: this.$t("typeOptions.single.subTitle")
+        },
+        {
+          value: "radio",
+          background: "hsl(222, 96%, 73%)",
+          title: this.$t("typeOptions.radio.title"),
+          subTitle: this.$t("typeOptions.radio.subTitle")
+        },
+        {
+          value: "checkbox",
+          background: "hsl(241, 95%, 73%)",
+          title: this.$t("typeOptions.checkbox.title"),
+          subTitle: this.$t("typeOptions.checkbox.subTitle")
+        }
+      ]
     };
-    return (s.isSelected || s.isSelectedDefault) && (e = !0), s;
-  }, []);
+  }
 };
-function Le(i, ...e) {
-  if (i === "single")
-    return Re(...e);
-  if (i === "checkbox")
-    return Oe(...e);
-  if (i === "radio")
-    return Me(...e);
-  throw new Error(`Package filter type '${i}' is not implemented`);
-}
-const Be = {
+var Oe = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "font-inter", staticStyle: { padding: "calc(2 * var(--rem)) 0 calc(1 * var(--rem)) 0", color: "#111" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, [e._v(" " + e._s(e.$t("title")) + " ")]), t("div", [t("div", { staticClass: "options", class: { "is-700-or-less": e.parentSize.width <= 700 } }, e._l(e.options, function(s, n) {
+    return t("div", { key: n, staticClass: "package-group-option", style: { backgroundColor: s.background }, on: { click: function(a) {
+      return e.$emit("input", s.value);
+    } } }, [t("div", { staticClass: "package-group-option__illustration" }, [s.value === "single" ? t("div", { staticClass: "package-group-option__illustration-card animate" }, [e._m(0, !0)]) : e._e(), s.value === "radio" ? e._l(3, function(a) {
+      return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a === 2 } }, [t("div", { staticStyle: { width: "8px", height: "8px", "border-radius": "50%", "margin-right": "10px" }, style: a === 2 && {
+        boxShadow: `0 0 0 1px white, 0 0 0 2px ${s.background}`,
+        backgroundColor: s.background
+      } }), e._m(1, !0)]);
+    }) : e._e(), s.value === "checkbox" ? e._l(3, function(a) {
+      return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a !== 3 } }, [t("div", { staticStyle: { height: "12px", width: "12px", "border-radius": "2px", "background-color": "hsl(0, 0%, 76%)", "margin-right": "10px", color: "white", padding: "1px", display: "inline-flex", "align-items": "center", "justify-content": "center" }, style: a !== 3 && { backgroundColor: s.background } }, [t("CIcon", { attrs: { type: a !== 3 ? "check" : "empty", "stroke-width": "5", size: "8" } })], 1), e._m(2, !0)]);
+    }) : e._e()], 2), t("div", [t("div", { staticClass: "package-group-option__title" }, [e._v(" " + e._s(s.title) + " ")]), t("div", { staticClass: "package-group-option__subtitle", domProps: { innerHTML: e._s(s.subTitle) } })])]);
+  }), 0)])]);
+}, Le = [function() {
+  var i = this, e = i._self._c;
+  return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
+}, function() {
+  var i = this, e = i._self._c;
+  return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
+}, function() {
+  var i = this, e = i._self._c;
+  return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
+}], Me = /* @__PURE__ */ l(
+  Re,
+  Oe,
+  Le,
+  !1,
+  null,
+  "b67c5afd"
+);
+const Ee = Me.exports, ze = {
   name: "CPriceInput",
   components: {
     CInput: H,
@@ -179,7 +223,7 @@ const Be = {
       }
     },
     suffixValue() {
-      const i = x(this.internalCurrency);
+      const i = b(this.internalCurrency);
       switch (this.priceType) {
         case "openAcc":
           return `${i}/${this.unitLabel || this.$t("_common:unitType.unit")}`;
@@ -202,7 +246,7 @@ const Be = {
     }
   }
 };
-var Ee = function() {
+var Be = function() {
   var e = this, t = e._self._c;
   return t("CInput", e._g(e._b({ key: e.internalCurrency + e.priceType, ref: "priceInput", style: e.isCurrencyDropdownOpen && { zIndex: 99 }, attrs: { size: e.$attrs.size, placeholder: e.$attrs.placeholder, type: "number" }, model: { value: e.internalValue, callback: function(s) {
     e.internalValue = s;
@@ -213,125 +257,15 @@ var Ee = function() {
   } }], null, !1, 1723986040), model: { value: e.internalCurrency, callback: function(s) {
     e.internalCurrency = s;
   }, expression: "internalCurrency" } }) : t("div", [e._v(e._s(e.suffixValue))])], 1)], 2);
-}, ze = [], We = /* @__PURE__ */ c(
-  Be,
-  Ee,
+}, We = [], Fe = /* @__PURE__ */ l(
   ze,
+  Be,
+  We,
   !1,
   null,
-  null,
-  null,
   null
 );
-const D = We.exports, T = {
-  isDeductable: !1,
-  isRut: !1,
-  greenRot15: !1,
-  greenRot20: !1,
-  greenRot50: !1
-}, $ = (i, e = "", t) => {
-  let s = {
-    ...i,
-    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-    // Trigger updatedAt as it us used to decide which houseWork to prioritize
-  };
-  return typeof t < "u" && (s[t] = e), Object.keys(T).includes(t) && e && (s = {
-    ...s,
-    ...T,
-    [t]: !0
-  }), U(s.quantity) !== "number" && (s.quantity = 0), w(s);
-}, R = ({
-  stored: i,
-  current: e,
-  hidePrice: t = !1,
-  activeHouseWorkType: s
-}) => {
-  let n = q({
-    ...i,
-    quantity: 1,
-    showPrice: !t,
-    id: null,
-    ArticleId: i.id,
-    packageId: e.packageId
-  });
-  if (s) {
-    const a = (u = []) => u.reduce((_, d) => ({ ..._, [d]: !1 }), {}), l = Object.values(
-      S({
-        rot: "isDeductable",
-        rut: "isRut",
-        greenRot15: "greenRot15",
-        greenRot20: "greenRot20",
-        greenRot50: "greenRot50"
-      }, [s])
-    );
-    l.some((u) => !!n[u]) && (n = { ...n, ...a(l) });
-  }
-  return n;
-}, Fe = (i, e = null) => {
-  const t = x(i.currency, e);
-  switch (i.priceType) {
-    case "approx":
-      return `${G.t("_common:approx")} ${t}`;
-    case "openAcc":
-      return `${t}/${f(i.unitType)}`;
-    case "markup":
-      return "%";
-    default:
-      return t;
-  }
-}, O = {
-  en: {
-    namePlaceholder: "Service or product name",
-    openModalTooltip: "Edit amount and unit",
-    hidePriceLabel: "Hide price for client",
-    saveAndAddTooltip: "Save and quick-add",
-    priceTypeTooltips: {
-      fixed: "The service / product is offered at a fixed price",
-      approx: "Show that the price is approximate",
-      openAcc: "Pricing on demand. E.g. charging per hour",
-      markup: "Show that you take a percentage markup"
-    },
-    priceTypeShort: {
-      approx: "Approximate price",
-      markup: "Markup",
-      openAcc: "Open Account"
-    },
-    validations: {
-      name: {
-        maxLength: "Max length of name is 255 characters"
-      }
-    }
-  },
-  sv: {
-    namePlaceholder: "T.ex. arbete & material",
-    openModalTooltip: "Justera antal / enhet",
-    hidePriceLabel: "Dölj pris för kund",
-    saveAndAddTooltip: "Spara och lägg till ny",
-    priceTypeTooltips: {
-      fixed: "Tjänsten/varan erbjuds till fast pris",
-      approx: "Markera att priset är ungefärligt",
-      openAcc: "Tjänsten / varan erbjuds löpandes",
-      markup: "Markera att du tar ett procentuellt påslag"
-    },
-    priceTypeShort: {
-      approx: "Ca. pris",
-      markup: "Påslag",
-      openAcc: "Löp. pris"
-    },
-    validations: {
-      name: {
-        maxLength: "Namnet får vara max 255 tecken långt"
-      }
-    }
-  }
-}, M = {
-  article: {
-    name: {
-      maxLength: le.maxLength(255)
-    }
-  }
-};
-const je = {
+const D = Fe.exports, je = {
   name: "ArticleAutocomplete",
   components: {
     SearchApi: ce
@@ -445,59 +379,164 @@ const je = {
         }
         this.scrollToHighlighted();
       }
-    },
-    scrollToHighlighted() {
-      !this.$refs.dropdown || !this.$refs.dropdown.children || !this.$refs.dropdown.children[this.selectedIndex] || this.$refs.dropdown.children[this.selectedIndex].scrollIntoView({
-        block: "nearest"
-      });
+    },
+    scrollToHighlighted() {
+      !this.$refs.dropdown || !this.$refs.dropdown.children || !this.$refs.dropdown.children[this.selectedIndex] || this.$refs.dropdown.children[this.selectedIndex].scrollIntoView({
+        block: "nearest"
+      });
+    }
+  }
+};
+var Ne = function() {
+  var e = this, t = e._self._c;
+  return t("div", { class: { "is-open": e.isOpen }, staticStyle: { position: "relative" }, on: { "&keydown": function(s) {
+    return e.onKeydown.apply(null, arguments);
+  } } }, [t("SearchApi", { attrs: { "custom-search": {
+    article: !0,
+    extensionArticle: !0,
+    project: !1,
+    user: !1
+  } }, scopedSlots: e._u([{ key: "default", fn: function({ fetch: s }) {
+    return [t("CInput", e._b({ ref: "input", staticClass: "r-input", attrs: { value: e.value, type: e.tag, "auto-resize": !0 }, on: { input: function(n) {
+      return e.search(s, n);
+    }, focus: e.onFocus, blur: e.onBlur }, nativeOn: { keydown: [function(n) {
+      return !n.type.indexOf("key") && e._k(n.keyCode, "tab", 9, n.key, "Tab") ? null : e.hideResults.apply(null, arguments);
+    }, function(n) {
+      return !n.type.indexOf("key") && e._k(n.keyCode, "escape", void 0, n.key, void 0) ? null : e.hideResults.apply(null, arguments);
+    }] } }, "CInput", {
+      ...e.$attrs,
+      ...e.$props
+    }, !1), [e._t("prefix", null, { slot: "prefix" }), e._t("suffix", null, { slot: "suffix" })], 2)];
+  } }], null, !0) }), e.isOpen ? t("div", { ref: "dropdown", staticClass: "r-container" }, e._l(e.searchResults, function(s, n) {
+    return t("div", { key: n, staticClass: "r-item", class: { active: e.selectedIndex === n }, on: { "!click": function(a) {
+      return a.stopPropagation(), e.onSelect(s);
+    } } }, [t("div", { staticClass: "r-item-title truncate-text" }, [e._v(e._s(s.name))]), t("div", { staticClass: "r-item-details" }, [s.externalReference && s.externalReference.service ? t("div", { staticStyle: { width: "18px", height: "18px", "border-radius": "2px", "background-color": "hsl(0, 0%, 60%)", display: "inline-flex", "justify-content": "center", "align-items": "center" } }, [t("CIcon", { staticStyle: { color: "white" }, attrs: { type: s.externalReference.service, size: "14" } })], 1) : e._e(), s.article_no ? t("div", [e._v(e._s(s.article_no))]) : e._e(), s.price ? t("div", [e._v(" " + e._s(e.priceFormat(s.price, { currency: s.currency })) + " ")]) : e._e(), s.vat ? t("div", [e._v(" " + e._s(e.$t("vat.sharedTitle").capitalize()) + " " + e._s(s.vat) + "% ")]) : e._e()]), e.selectedIndex === n ? t("div", { staticClass: "r-item-icon" }, [t("CIcon", { attrs: { type: "corner-down-left", size: "16" } })], 1) : e._e()]);
+  }), 0) : e._e()], 1);
+}, He = [], qe = /* @__PURE__ */ l(
+  je,
+  Ne,
+  He,
+  !1,
+  null,
+  "d068ad40"
+);
+const R = qe.exports, T = {
+  isDeductable: !1,
+  isRut: !1,
+  greenRot15: !1,
+  greenRot20: !1,
+  greenRot50: !1
+}, $ = (i, e = "", t) => {
+  let s = {
+    ...i,
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+    // Trigger updatedAt as it us used to decide which houseWork to prioritize
+  };
+  return typeof t < "u" && (s[t] = e), Object.keys(T).includes(t) && e && (s = {
+    ...s,
+    ...T,
+    [t]: !0
+  }), q(s.quantity) !== "number" && (s.quantity = 0), w(s);
+}, O = ({
+  stored: i,
+  current: e,
+  hidePrice: t = !1,
+  activeHouseWorkType: s
+}) => {
+  let n = U({
+    ...i,
+    quantity: 1,
+    showPrice: !t,
+    id: null,
+    ArticleId: i.id,
+    packageId: e.packageId
+  });
+  if (s) {
+    const a = (u = []) => u.reduce((_, d) => ({ ..._, [d]: !1 }), {}), c = Object.values(
+      P({
+        rot: "isDeductable",
+        rut: "isRut",
+        greenRot15: "greenRot15",
+        greenRot20: "greenRot20",
+        greenRot50: "greenRot50"
+      }, [s])
+    );
+    c.some((u) => !!n[u]) && (n = { ...n, ...a(c) });
+  }
+  return n;
+}, Ue = (i, e = null) => {
+  const t = b(i.currency, e);
+  switch (i.priceType) {
+    case "approx":
+      return `${G.t("_common:approx")} ${t}`;
+    case "openAcc":
+      return `${t}/${f(i.unitType)}`;
+    case "markup":
+      return "%";
+    default:
+      return t;
+  }
+}, L = {
+  en: {
+    namePlaceholder: "Service or product name",
+    openModalTooltip: "Edit amount and unit",
+    hidePriceLabel: "Hide price for client",
+    saveAndAddTooltip: "Save and quick-add",
+    priceTypeTooltips: {
+      fixed: "The service / product is offered at a fixed price",
+      approx: "Show that the price is approximate",
+      openAcc: "Pricing on demand. E.g. charging per hour",
+      markup: "Show that you take a percentage markup"
+    },
+    priceTypeShort: {
+      approx: "Approximate price",
+      markup: "Markup",
+      openAcc: "Open Account"
+    },
+    validations: {
+      name: {
+        maxLength: "Max length of name is 255 characters"
+      }
+    }
+  },
+  sv: {
+    namePlaceholder: "T.ex. arbete & material",
+    openModalTooltip: "Justera antal / enhet",
+    hidePriceLabel: "Dölj pris för kund",
+    saveAndAddTooltip: "Spara och lägg till ny",
+    priceTypeTooltips: {
+      fixed: "Tjänsten/varan erbjuds till fast pris",
+      approx: "Markera att priset är ungefärligt",
+      openAcc: "Tjänsten / varan erbjuds löpandes",
+      markup: "Markera att du tar ett procentuellt påslag"
+    },
+    priceTypeShort: {
+      approx: "Ca. pris",
+      markup: "Påslag",
+      openAcc: "Löp. pris"
+    },
+    validations: {
+      name: {
+        maxLength: "Namnet får vara max 255 tecken långt"
+      }
     }
   }
-};
-var Ne = function() {
-  var e = this, t = e._self._c;
-  return t("div", { class: { "is-open": e.isOpen }, staticStyle: { position: "relative" }, on: { "&keydown": function(s) {
-    return e.onKeydown.apply(null, arguments);
-  } } }, [t("SearchApi", { attrs: { "custom-search": {
-    article: !0,
-    extensionArticle: !0,
-    project: !1,
-    user: !1
-  } }, scopedSlots: e._u([{ key: "default", fn: function({ fetch: s }) {
-    return [t("CInput", e._b({ ref: "input", staticClass: "r-input", attrs: { value: e.value, type: e.tag, "auto-resize": !0 }, on: { input: function(n) {
-      return e.search(s, n);
-    }, focus: e.onFocus, blur: e.onBlur }, nativeOn: { keydown: [function(n) {
-      return !n.type.indexOf("key") && e._k(n.keyCode, "tab", 9, n.key, "Tab") ? null : e.hideResults.apply(null, arguments);
-    }, function(n) {
-      return !n.type.indexOf("key") && e._k(n.keyCode, "escape", void 0, n.key, void 0) ? null : e.hideResults.apply(null, arguments);
-    }] } }, "CInput", {
-      ...e.$attrs,
-      ...e.$props
-    }, !1), [e._t("prefix", null, { slot: "prefix" }), e._t("suffix", null, { slot: "suffix" })], 2)];
-  } }], null, !0) }), e.isOpen ? t("div", { ref: "dropdown", staticClass: "r-container" }, e._l(e.searchResults, function(s, n) {
-    return t("div", { key: n, staticClass: "r-item", class: { active: e.selectedIndex === n }, on: { "!click": function(a) {
-      return a.stopPropagation(), e.onSelect(s);
-    } } }, [t("div", { staticClass: "r-item-title truncate-text" }, [e._v(e._s(s.name))]), t("div", { staticClass: "r-item-details" }, [s.externalReference && s.externalReference.service ? t("div", { staticStyle: { width: "18px", height: "18px", "border-radius": "2px", "background-color": "hsl(0, 0%, 60%)", display: "inline-flex", "justify-content": "center", "align-items": "center" } }, [t("BaseIcon", { staticStyle: { color: "white" }, attrs: { type: s.externalReference.service, size: "14" } })], 1) : e._e(), s.article_no ? t("div", [e._v(e._s(s.article_no))]) : e._e(), s.price ? t("div", [e._v(" " + e._s(e.priceFormat(s.price, { currency: s.currency })) + " ")]) : e._e(), s.vat ? t("div", [e._v(" " + e._s(e.$t("vat.sharedTitle").capitalize()) + " " + e._s(s.vat) + "% ")]) : e._e()]), e.selectedIndex === n ? t("div", { staticClass: "r-item-icon" }, [t("BaseIcon", { attrs: { type: "corner-down-left", size: "16" } })], 1) : e._e()]);
-  }), 0) : e._e()], 1);
-}, He = [], Ue = /* @__PURE__ */ c(
-  je,
-  Ne,
-  He,
-  !1,
-  null,
-  "dc6e13ee",
-  null,
-  null
-);
-const L = Ue.exports;
-const qe = {
+}, M = {
+  article: {
+    name: {
+      maxLength: le.maxLength(255)
+    }
+  }
+}, Ge = {
+  // eslint-disable-next-line vue/no-reserved-component-names
   name: "Article",
   i18nOptions: {
     namespaces: "Article",
-    messages: O
+    messages: L
   },
   components: {
-    ErrorCallout: P,
-    ArticleAutocomplete: L,
+    ErrorCallout: A,
+    ArticleAutocomplete: R,
     CPriceInput: D
   },
   props: {
@@ -545,7 +584,7 @@ const qe = {
   data() {
     return {
       updateData: $,
-      addSavedArticle: R,
+      addSavedArticle: O,
       articleUnitLabel: f,
       widthCompact: 580,
       visualDisable: !1
@@ -568,7 +607,7 @@ const qe = {
         price: n,
         vat: a,
         discount: r,
-        discountType: l
+        discountType: c
       } = this.article;
       if (e !== "fixed" && i.push({ title: this.$t(`priceTypeShort.${e}`) }), K(this.article)) {
         const u = Y(this.article);
@@ -577,7 +616,6 @@ const qe = {
         });
       }
       return t && ["fixed", "approx"].includes(e) && (s !== "unit" || t > 1) && i.push({
-        // eslint-disable-next-line prefer-template
         title: f(this.article.unitType, {
           count: t,
           includeCount: !0
@@ -593,8 +631,7 @@ const qe = {
           })
         }
       }), r && i.push({
-        // eslint-disable-next-line prefer-template
-        title: "-" + (l === "fixed" ? k(r, {
+        title: "-" + (c === "fixed" ? k(r, {
           withVat: this.isIncVat ? a : !1,
           currency: this.article.currency
         }) : `${r / 100} %`),
@@ -617,7 +654,7 @@ const qe = {
     }
   }
 };
-var Ge = function() {
+var Ke = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "article-wrapper", class: {
     "has-details": e.details.length,
@@ -647,7 +684,7 @@ var Ge = function() {
           delay: { show: 300, hide: 0 }
         }` }], staticClass: "article-button fade-in", attrs: { slot: "suffix" }, on: { click: function(s) {
     return e.$emit("open-modal");
-  } }, slot: "suffix" }, [t("BaseIcon", { attrs: { type: "cog", size: "18" } })], 1)]), e.hidePriceInput ? e._e() : t("CPriceInput", { key: e.rootPriceType + e.article.priceType + e.article.unitType, staticClass: "form-control form-control-right", staticStyle: { flex: "1 1", "min-width": "200px" }, attrs: { value: e.article.totalAmount, currency: e.article.currency, "is-inc-vat": e.article.priceType !== "markup" && e.isIncVat, vat: e.article.vat, placeholder: e.$t("_common:price.price").capitalize(), "price-type": e.article.priceType, "unit-label": e.articleUnitLabel(e.article.unitType) }, on: { input: function(s) {
+  } }, slot: "suffix" }, [t("CIcon", { attrs: { type: "cog", size: "18" } })], 1)]), e.hidePriceInput ? e._e() : t("CPriceInput", { key: e.rootPriceType + e.article.priceType + e.article.unitType, staticClass: "form-control form-control-right", staticStyle: { flex: "1 1", "min-width": "200px" }, attrs: { value: e.article.totalAmount, currency: e.article.currency, "is-inc-vat": e.article.priceType !== "markup" && e.isIncVat, vat: e.article.vat, placeholder: e.$t("_common:price.price").capitalize(), "price-type": e.article.priceType, "unit-label": e.articleUnitLabel(e.article.unitType) }, on: { input: function(s) {
     return e.updateArticle(s, "price");
   }, "update:currency": function(s) {
     return e.$emit("update:currency", s);
@@ -655,25 +692,22 @@ var Ge = function() {
     e.onTotalPriceInputFocus(), e.$emit("focus");
   } }, nativeOn: { keydown: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.$emit("add");
-  } } }), e.hideControls ? e._e() : [t("BaseIcon", { staticClass: "a-control-button close-button fade-in", attrs: { circle: "", type: "x", size: "18" }, nativeOn: { click: function(s) {
+  } } }), e.hideControls ? e._e() : [t("CIcon", { staticClass: "a-control-button close-button fade-in", attrs: { circle: "", type: "x", size: "18" }, nativeOn: { click: function(s) {
     e.enableRemove && e.$emit("remove");
-  } } }), t("BaseIcon", { staticClass: "a-control-button fade-in move-button article-draggable-handle", class: { "c-hidden": !e.enableRemove }, attrs: { circle: "", type: "handle", size: "18" } })]], 2), e.details.length ? t("div", { staticClass: "article-details-wrapper", staticStyle: { cursor: "pointer" }, on: { click: function(s) {
+  } } }), t("CIcon", { staticClass: "a-control-button fade-in move-button article-draggable-handle", class: { "c-hidden": !e.enableRemove }, attrs: { circle: "", type: "handle", size: "18" } })]], 2), e.details.length ? t("div", { staticClass: "article-details-wrapper", staticStyle: { cursor: "pointer" }, on: { click: function(s) {
     return e.$emit("open-modal");
-  } } }, e._l(e.details, function({ title: s, icon: n, subTitle: a = "", detailClass: r = "" }, l) {
-    return t("div", { key: l, staticClass: "article-details-item", class: [r] }, [e._v(" " + e._s(s) + " "), n ? t("div", { domProps: { innerHTML: e._s(n) } }) : e._e(), e._v(" " + e._s(a) + " ")]);
+  } } }, e._l(e.details, function({ title: s, icon: n, subTitle: a = "", detailClass: r = "" }, c) {
+    return t("div", { key: c, staticClass: "article-details-item", class: [r] }, [e._v(" " + e._s(s) + " "), n ? t("div", { domProps: { innerHTML: e._s(n) } }) : e._e(), e._v(" " + e._s(a) + " ")]);
   }), 0) : e._e(), e.$v.$invalid && e.$v.$dirty ? t("ErrorCallout", { attrs: { message: e.errorMessage(e.$v) } }) : e._e()], 1);
-}, Ke = [], Ye = /* @__PURE__ */ c(
-  qe,
+}, Ye = [], Ze = /* @__PURE__ */ l(
   Ge,
   Ke,
+  Ye,
   !1,
   null,
-  "9720807d",
-  null,
-  null
+  "44d89db4"
 );
-const Ze = Ye.exports;
-const Je = {
+const Je = Ze.exports, Qe = {
   props: {
     canForward: {
       type: Boolean,
@@ -751,18 +785,15 @@ var Xe = function() {
   } } }, [t("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "35", height: "35", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M15 18l-6-6 6-6" } })])]), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.getNavTooltip(1), expression: "getNavTooltip(1)" }], staticClass: "l-button", class: { disabled: !e.canForward }, staticStyle: { right: "calc(-4 * var(--rem))" }, on: { click: function(s) {
     return e.$emit("go", 1);
   } } }, [t("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "35", height: "35", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M9 18l6-6-6-6" } })])])]);
-}, Qe = [], et = /* @__PURE__ */ c(
-  Je,
-  Xe,
+}, et = [], tt = /* @__PURE__ */ l(
   Qe,
+  Xe,
+  et,
   !1,
   null,
-  "7d125e97",
-  null,
-  null
+  "226f5608"
 );
-const tt = et.exports;
-const it = {
+const it = tt.exports, st = {
   name: "ArticleUnitEditModal",
   i18nOptions: {
     namespaces: "ArticleUnitEditModal",
@@ -862,7 +893,7 @@ const it = {
       this.$emit("close");
     },
     async onDrop({ removedIndex: i, addedIndex: e }) {
-      i === null && e === null || i !== e && (this.idList = C(this.idList, i, e), await X(
+      i === null && e === null || i !== e && (this.idList = C(this.idList, i, e), await Q(
         "/unitType/setPositions",
         { ids: this.idList },
         { invalidateCache: { type: "unitType" } }
@@ -870,11 +901,11 @@ const it = {
     }
   }
 };
-var st = function() {
+var at = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "modal-overlay font-inter", on: { "&click": function(s) {
     return s.target !== s.currentTarget ? null : e.close.apply(null, arguments);
-  } } }, [t("div", { staticClass: "unit-modal-root font-inter", staticStyle: { position: "relative" } }, [t("div", { staticStyle: { padding: "calc(1.5 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "600", "font-size": "18px", "margin-bottom": "calc(1.5 * var(--rem))" } }, [t("span", [e._v(e._s(e.$t("_common:add", { thing: e.$t("_common:unitType.unitType_plural") })))]), t("BaseIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: { content: e.$t("tooltip"), html: !0 }, expression: "{ content: $t('tooltip'), html: true }" }], staticClass: "text-gray-400", staticStyle: { "margin-left": "0.5em" }, attrs: { type: "info", size: "15" } })], 1), t("CField", { staticStyle: { margin: "0" }, attrs: { grouped: "" } }, [t("CInput", { ref: "unitInput", staticClass: "unit-input", attrs: { placeholder: e.$t("_common:name").capitalize(), expanded: "", filled: "" }, model: { value: e.selectedValue.value, callback: function(s) {
+  } } }, [t("div", { staticClass: "unit-modal-root font-inter", staticStyle: { position: "relative" } }, [t("div", { staticStyle: { padding: "calc(1.5 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "600", "font-size": "18px", "margin-bottom": "calc(1.5 * var(--rem))" } }, [t("span", [e._v(e._s(e.$t("_common:add", { thing: e.$t("_common:unitType.unitType_plural") })))]), t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: { content: e.$t("tooltip"), html: !0 }, expression: "{ content: $t('tooltip'), html: true }" }], staticClass: "text-gray-400", staticStyle: { "margin-left": "0.5em" }, attrs: { type: "info", size: "15" } })], 1), t("CField", { staticStyle: { margin: "0" }, attrs: { grouped: "" } }, [t("CInput", { ref: "unitInput", staticClass: "unit-input", attrs: { placeholder: e.$t("_common:name").capitalize(), expanded: "", filled: "" }, model: { value: e.selectedValue.value, callback: function(s) {
     e.$set(e.selectedValue, "value", typeof s == "string" ? s.trim() : s);
   }, expression: "selectedValue.value" } }, [e.selectedValue.id ? t("template", { slot: "suffix" }, [t("CButton", { staticStyle: { "border-radius": "4px" }, attrs: { icon: "x", type: "none", pattern: "tertiary", size: "small" }, on: { click: e.reset } })], 1) : e._e()], 2), t("div", { staticClass: "control" }, [t("CButton", { attrs: { loading: e.isPosting, disabled: !e.selectedValue.value, type: "secondary" }, on: { click: e.submit } }, [e._v(" " + e._s(e.selectedValue.id ? e.$t("_common:save") : e.$t("_common:add")) + " ")])], 1)], 1)], 1), t("div", { staticStyle: { "border-top": "1px solid hsl(0, 0%, 88%)", overflow: "auto", "max-height": "360px" } }, [t("div", { staticClass: "text-gray-400", staticStyle: { "font-size": "14px", padding: "calc(1 * var(--rem)) calc(1.5 * var(--rem)) 0", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("_common:unit_plural").capitalize()) + " ")]), t("div", { staticClass: "unit-modal-list" }, [e.unitItems.length ? e._e() : t("div", { staticClass: "unit-modal-list-empty" }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("_common:unit_plural") })) + " ")]), t("DragList", { attrs: { "drop-placeholder": { className: "drag-drop-placeholder" }, "drag-class": "is-dragged", "lock-axis": "y", "drag-handle-selector": ".drag-handle" }, on: { drop: e.onDrop } }, e._l(e.unitItems, function(s, n) {
     return t("DragItem", { key: s.id }, [t("div", { staticClass: "unit-modal-list-item", class: { "is-editing": e.selectedValue.id === s.id }, on: { "&mouseover": function(a) {
@@ -883,24 +914,21 @@ var st = function() {
       e.hoverIndex = null;
     }, click: function(a) {
       return e.onEdit(s);
-    } } }, [t("div", { staticClass: "drag-handle" }, [t("BaseIcon", { staticClass: "text-gray-300", attrs: { type: "handle", size: "16" } })], 1), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(s.label) + " ")]), t("span", { directives: [{ name: "show", rawName: "v-show", value: e.removeConfirmIndex === n, expression: "removeConfirmIndex === i" }], staticClass: "delete-confirm" }, [e._v(" " + e._s(e.$t("_common:remove")) + "? ")]), t("div", { staticClass: "unittype-buttons" }, [e.hoverIndex === n || e.removeConfirmIndex === n ? t("CButton", { attrs: { type: e.removeConfirmIndex === n ? "danger" : "none", pattern: e.removeConfirmIndex === n ? "primary" : "tertiary", circle: "", icon: "x", size: "small" }, on: { click: function(a) {
+    } } }, [t("div", { staticClass: "drag-handle" }, [t("CIcon", { staticClass: "text-gray-300", attrs: { type: "handle", size: "16" } })], 1), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(s.label) + " ")]), t("span", { directives: [{ name: "show", rawName: "v-show", value: e.removeConfirmIndex === n, expression: "removeConfirmIndex === i" }], staticClass: "delete-confirm" }, [e._v(" " + e._s(e.$t("_common:remove")) + "? ")]), t("div", { staticClass: "unittype-buttons" }, [e.hoverIndex === n || e.removeConfirmIndex === n ? t("CButton", { attrs: { type: e.removeConfirmIndex === n ? "danger" : "none", pattern: e.removeConfirmIndex === n ? "primary" : "tertiary", circle: "", icon: "x", size: "small" }, on: { click: function(a) {
       return a.stopPropagation(), a.preventDefault(), e.remove(s.id, n);
     }, blur: function(a) {
       e.removeConfirmIndex = null;
     } } }) : e._e(), t("CButton", { attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary", circle: "" } })], 1)])]);
   }), 1)], 1)])])]);
-}, at = [], nt = /* @__PURE__ */ c(
-  it,
+}, nt = [], rt = /* @__PURE__ */ l(
   st,
   at,
+  nt,
   !1,
   null,
-  "cd39480b",
-  null,
-  null
+  "136d8414"
 );
-const rt = nt.exports;
-const ot = {
+const ot = rt.exports, ct = {
   name: "ArticleUnitSelect",
   props: {
     value: {
@@ -936,7 +964,7 @@ const ot = {
     }),
     openEditModal() {
       this.$modal.show(
-        rt,
+        ot,
         {},
         {},
         {
@@ -959,29 +987,27 @@ var lt = function() {
   }, { slot: "trigger" }), e._l(e.unitItems, function(s, n) {
     return t("CDropdownItem", { key: `${s}-${n}`, attrs: { value: s } }, [e._v(" " + e._s(e.articleUnitLabel(s)) + " ")]);
   }), e.isPublicForm ? e._e() : t("CButton", { staticClass: "edit-button", attrs: { slot: "footer", type: "none", pattern: "secondary", size: "small" }, on: { click: e.openEditModal }, slot: "footer" }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:unit_plural") })) + " ")])], 2);
-}, ct = [], ut = /* @__PURE__ */ c(
-  ot,
-  lt,
+}, ut = [], dt = /* @__PURE__ */ l(
   ct,
+  lt,
+  ut,
   !1,
   null,
-  "e7364b17",
-  null,
-  null
+  "ff74de30"
 );
-const dt = ut.exports;
-const pt = {
+const pt = dt.exports, ht = {
   name: "ArticleModal",
   i18nOptions: {
     namespaces: "ArticleModal",
-    messages: O
+    messages: L
   },
   components: {
-    ArticleAutocomplete: L,
-    ArticleUnitSelect: dt,
-    ListModalButtons: tt,
+    ArticleAutocomplete: R,
+    ArticleUnitSelect: pt,
+    ListModalButtons: it,
     CPriceInput: D
   },
+  mixins: [ue],
   props: {
     _document: {
       type: Object,
@@ -1036,13 +1062,12 @@ const pt = {
       })
     }
   },
-  mixins: [ue],
   validations: M,
   data() {
     return {
-      priceSuffix: Fe,
+      priceSuffix: Ue,
       updateData: $,
-      addSavedArticle: R,
+      addSavedArticle: O,
       vatOptions: [
         { value: 25, translation: "25%" },
         { value: 12, translation: "12%" },
@@ -1051,7 +1076,7 @@ const pt = {
       ],
       showDiscountInput: !1,
       setPricesIncVat: !1,
-      getCurrencySymbol: x,
+      getCurrencySymbol: b,
       articleUnitLabel: f
     };
   },
@@ -1224,11 +1249,11 @@ const pt = {
       this.$v.$invalid || await this.saveArticle(), this.$emit("add", { openModal: !0 }), this.close();
     },
     focusEl(i) {
-      this.$nextTick(
-        () => this.$nextTick(() => {
+      this.$nextTick(() => {
+        this.$nextTick(() => {
           this.$refs[i] && this.$refs[i].focus && this.$refs[i].focus();
-        })
-      );
+        });
+      });
     },
     onTotalPriceInputFocus() {
       this.article.quantity > 1 && this.$nextTick(() => {
@@ -1257,7 +1282,7 @@ const pt = {
     }
   }
 };
-var ht = function() {
+var mt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-inter", class: {
     "full-screen": e.mq === "sm",
@@ -1266,7 +1291,7 @@ var ht = function() {
     return s.target !== s.currentTarget ? null : e.close.apply(null, arguments);
   } } }, [t("div", { staticClass: "modal-container" }, [e.mq !== "sm" ? t("ListModalButtons", { attrs: { "can-forward": !!e.articleList[e.index + 1], "can-backward": !!e.articleList[e.index - 1] }, on: { close: e.close, go: function(s) {
     return e.onGo(s);
-  } } }) : t("div", { staticClass: "modal-close", on: { click: e.close } }, [t("BaseIcon", { attrs: { type: "x" } })], 1), t("transition", { attrs: { name: "slide" } }, [t("div", { key: e.article._uniqueId, staticClass: "modal-main" }, [t("CField", { staticClass: "label-selector", staticStyle: { "margin-bottom": "1.5em" }, attrs: { validator: e.$v.article.name, messages: { maxLength: e.$t("validations.name.maxLength") }, label: e.$t("name").capitalize(), "label-position": "inside" } }, [t("ArticleAutocomplete", { ref: "nameInput", staticClass: "input-selector", attrs: { value: e.article.name, autosize: !0, tag: "textarea", placeholder: "", size: "large" }, on: { input: function(s) {
+  } } }) : t("div", { staticClass: "modal-close", on: { click: e.close } }, [t("CIcon", { attrs: { type: "x" } })], 1), t("transition", { attrs: { name: "slide" } }, [t("div", { key: e.article._uniqueId, staticClass: "modal-main" }, [t("CField", { staticClass: "label-selector", staticStyle: { "margin-bottom": "1.5em" }, attrs: { validator: e.$v.article.name, messages: { maxLength: e.$t("validations.name.maxLength") }, label: e.$t("name").capitalize(), "label-position": "inside" } }, [t("ArticleAutocomplete", { ref: "nameInput", staticClass: "input-selector", attrs: { value: e.article.name, autosize: !0, tag: "textarea", placeholder: "", size: "large" }, on: { input: function(s) {
     return e.updateArticle(s, "name");
   }, select: function(s) {
     e.$emit(
@@ -1301,17 +1326,17 @@ var ht = function() {
     e.updateArticle(Number.parseFloat(s.target.value), "vat");
   } } }, e._l(e.vatOptions, function({ translation: s, value: n }, a) {
     return t("option", { key: a, domProps: { value: n } }, [e._v(" " + e._s(e.$t(`vat.${e.vatType}`)) + " " + e._s(s) + " ")]);
-  }), 0) : t("span", { staticClass: "select-css tag-item no-chevron", staticStyle: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" } }, [e._v(" " + e._s(e._document.$t("vat").capitalize()) + " "), t("input", { staticStyle: { width: "calc(2.5 * var(--rem))", display: "inline", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" }, attrs: { type: "number" }, domProps: { value: e.article.vat || 0 }, on: { blur: e.onCustomVatBlur, input: e.onCustomVatInput } }), e._v(" % ")])] : e._e(), e.priceTypeOptions.length ? t("div", { staticClass: "tag-group", staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, e._l(e.priceTypeOptions, function({ label: s, value: n, onClick: a, tooltip: r }, l) {
+  }), 0) : t("span", { staticClass: "select-css tag-item no-chevron", staticStyle: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" } }, [e._v(" " + e._s(e._document.$t("vat").capitalize()) + " "), t("input", { staticStyle: { width: "calc(2.5 * var(--rem))", display: "inline", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" }, attrs: { type: "number" }, domProps: { value: e.article.vat || 0 }, on: { blur: e.onCustomVatBlur, input: e.onCustomVatInput } }), e._v(" % ")])] : e._e(), e.priceTypeOptions.length ? t("div", { staticClass: "tag-group", staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, e._l(e.priceTypeOptions, function({ label: s, value: n, onClick: a, tooltip: r }, c) {
     return t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
       content: r,
       delay: { show: 300, hide: 0 }
     }, expression: `{
                 content: tooltip,
                 delay: { show: 300, hide: 0 }
-              }` }], key: s + l, staticClass: "tag-item", class: { active: n }, on: { click: a } }, [e._v(" " + e._s(s) + " ")]);
+              }` }], key: s + c, staticClass: "tag-item", class: { active: n }, on: { click: a } }, [e._v(" " + e._s(s) + " ")]);
   }), 0) : e._e(), t("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, e._l(e.checkboxItems, function({ label: s, value: n, onClick: a }, r) {
     return t("div", { key: s + r, staticClass: "tag-item", class: { active: n }, on: { click: a } }, [e._v(" " + e._s(s) + " ")]);
-  }), 0)], 2)], 2)]), t("div", { staticClass: "modal-footer flex" }, [t("CButton", { staticClass: "flex-grow", staticStyle: { padding: "1.75em", height: "4em", "border-radius": "0", "font-size": "16px" }, attrs: { size: "large", type: "secondary", "full-width": "", tabindex: "0" }, on: { click: e.onSaveArticle } }, [e._v(" " + e._s(e.$t("save")) + " ")]), t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+  }), 0)], 2)], 2)]), t("div", { staticClass: "flex space-x-4 overflow-hidden p-4 md:p-9" }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
     offset: 7,
     html: !0,
     content: `
@@ -1343,19 +1368,16 @@ var ht = function() {
               </div>
             </div>
           \`
-        }` }], staticStyle: { padding: "1.75em", height: "4em", "border-radius": "0", "font-size": "16px", "background-color": "hsl(231, 4%, 20%)", "border-color": "hsl(231, 4%, 20%)" }, attrs: { type: "primary", tabindex: "0", size: "large" }, on: { click: e.addNewArticle } }, [t("BaseIcon", { staticStyle: { margin: "-3px" }, attrs: { type: "zap", size: "21" } })], 1)], 1)], 1)]);
-}, mt = [], ft = /* @__PURE__ */ c(
-  pt,
+        }` }], staticStyle: { padding: "1.75em", height: "4em", "font-size": "16px", "background-color": "hsl(231, 4%, 20%)", "border-color": "hsl(231, 4%, 20%)" }, attrs: { type: "primary", tabindex: "0", size: "large" }, on: { click: e.addNewArticle } }, [t("CIcon", { staticStyle: { margin: "-3px" }, attrs: { type: "zap", size: "21" } })], 1), t("CButton", { staticClass: "flex-grow", staticStyle: { padding: "1.75em", height: "4em", "font-size": "16px" }, attrs: { size: "large", type: "secondary", "full-width": "", tabindex: "0" }, on: { click: e.onSaveArticle } }, [e._v(" " + e._s(e.$t("save")) + " ")])], 1)], 1)]);
+}, ft = [], vt = /* @__PURE__ */ l(
   ht,
   mt,
+  ft,
   !1,
   null,
-  "b191c9e6",
-  null,
-  null
+  "ddb87b3c"
 );
-const vt = ft.exports;
-const gt = {
+const gt = vt.exports, yt = {
   i18nOptions: {
     name: "ArticleListEdit",
     namespaces: "ArticleListEdit",
@@ -1375,10 +1397,11 @@ const gt = {
     }
   },
   components: {
-    Article: Ze,
-    ArticleModal: vt,
-    WithDimensions: re,
-    draggable: ne
+    // eslint-disable-next-line vue/no-reserved-component-names
+    Article: Je,
+    ArticleModal: gt,
+    WithDimensions: ne,
+    draggable: re
   },
   mixins: [y([])],
   props: {
@@ -1463,11 +1486,11 @@ const gt = {
       showMessage: p.SHOW_MESSAGE
     }),
     openModal(i, { focusEl: e = "" } = {}) {
-      this.selectedIndex = i, this.showModal = !0, e && this.$nextTick(
-        () => this.$nextTick(() => {
+      this.selectedIndex = i, this.showModal = !0, e && this.$nextTick(() => {
+        this.$nextTick(() => {
           this.$refs.articleModal && this.$refs.articleModal.focusEl(e);
-        })
-      );
+        });
+      });
     },
     updateArticleObject(i, e) {
       const t = e;
@@ -1515,7 +1538,7 @@ const gt = {
         greenRot50: "greenRot50"
       }, t = (s = []) => s.reduce((n, a) => ({ ...n, [a]: !1 }), {});
       e[i] ? this.articles.forEach((s, n) => {
-        const a = Object.values(S(e, [i]));
+        const a = Object.values(P(e, [i]));
         if (a.some((r) => !!s[r])) {
           const r = { ...s, ...t(a) };
           this.$emit("input", { index: n, value: r });
@@ -1547,7 +1570,7 @@ const gt = {
     }
   }
 };
-var yt = function() {
+var _t = function() {
   var e = this, t = e._self._c;
   return t("div", [e.showVatToggle ? t("div", { staticClass: "label-text" }, [e._v(" " + e._s(e.$t("vatOption.label")) + " "), t("span", { on: { click: function(s) {
     return e.changeVat();
@@ -1585,49 +1608,15 @@ var yt = function() {
   }, "open-modal": e.openModal, close: function(s) {
     e.showModal = !1;
   } } }) : e._e()], 1)], 1);
-}, _t = [], kt = /* @__PURE__ */ c(
-  gt,
+}, kt = [], $t = /* @__PURE__ */ l(
   yt,
   _t,
+  kt,
   !1,
   null,
-  "f46c3f31",
-  null,
-  null
-);
-const $t = kt.exports;
-const xt = {
-  props: {
-    value: {
-      type: String,
-      default: "fixed"
-    }
-  },
-  data() {
-    return {
-      priceTypeOptions: ["fixed", "approx", "openAcc", "openAccMaxPrice"]
-    };
-  }
-};
-var bt = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex justify-end" }, [t("CDropdown", { attrs: { value: e.value } }, [t("CButton", { staticClass: "price-type-button", attrs: { slot: "trigger" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("price.pricing").capitalize()) + ": "), t("span", [e._v(e._s(e.$t(`price.${e.value}`)))])]), e._l(e.priceTypeOptions, function(s) {
-    return t("CDropdownItem", { key: s, staticClass: "text-right", attrs: { value: s }, on: { click: function(n) {
-      return e.$emit("input", s);
-    } } }, [e._v(" " + e._s(e.$t(`price.${s}`)) + " ")]);
-  })], 2)], 1);
-}, wt = [], Ct = /* @__PURE__ */ c(
-  xt,
-  bt,
-  wt,
-  !1,
-  null,
-  "13ef0942",
-  null,
-  null
+  "3e63aac7"
 );
-const It = Ct.exports;
-const Tt = {
+const bt = $t.exports, xt = {
   name: "MaxTotalInput",
   i18nOptions: {
     namespaces: "MaxTotalInput",
@@ -1659,7 +1648,7 @@ const Tt = {
   },
   data() {
     return {
-      getCurrencySymbol: x
+      getCurrencySymbol: b
     };
   },
   computed: {
@@ -1670,27 +1659,52 @@ const Tt = {
   watch: {
     isIncVat(i) {
       let e = g({ amount: this.value }).divide(1.25);
-      i || (e = g({ amount: this.value }).multiply((100 + 25) * 0.01)), this.$emit("input", e.getAmount());
+      i || (e = g({ amount: this.value }).multiply(125 * 0.01)), this.$emit("input", e.getAmount());
     }
   }
 };
-var At = function() {
+var wt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flex w-full justify-end" }, [t("BaseInput", { staticStyle: { "max-width": "275px", "margin-top": "calc(1 * var(--rem))" }, attrs: { value: e.value, "is-price": !0, "is-inc-vat": e.isIncVat, vat: 25, placeholder: e.$t("maxTotalLabel") }, on: { input: function(s) {
     return e.$emit("input", s);
   } } }, [t("template", { slot: "prefix" }, [e._v(e._s(e.$t("price.maxPrice").capitalize()))]), t("template", { slot: "suffix" }, [e._v(e._s(e.getCurrencySymbol(e.currency)) + " " + e._s(e.$t(`vat.${e.isIncVat ? "incVat" : "exVat"}`, { thing: e.$t(`vat.${e.vatType}`) })))])], 2)], 1);
-}, Pt = [], St = /* @__PURE__ */ c(
-  Tt,
+}, Ct = [], It = /* @__PURE__ */ l(
+  xt,
+  wt,
+  Ct,
+  !1,
+  null,
+  "912bdf70"
+);
+const Tt = It.exports, At = {
+  props: {
+    value: {
+      type: String,
+      default: "fixed"
+    }
+  },
+  data() {
+    return {
+      priceTypeOptions: ["fixed", "approx", "openAcc", "openAccMaxPrice"]
+    };
+  }
+};
+var St = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "flex justify-end" }, [t("CDropdown", { attrs: { value: e.value } }, [t("CButton", { staticClass: "price-type-button", attrs: { slot: "trigger" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("price.pricing").capitalize()) + ": "), t("span", [e._v(e._s(e.$t(`price.${e.value}`)))])]), e._l(e.priceTypeOptions, function(s) {
+    return t("CDropdownItem", { key: s, staticClass: "text-right", attrs: { value: s }, on: { click: function(n) {
+      return e.$emit("input", s);
+    } } }, [e._v(" " + e._s(e.$t(`price.${s}`)) + " ")]);
+  })], 2)], 1);
+}, Pt = [], Vt = /* @__PURE__ */ l(
   At,
+  St,
   Pt,
   !1,
   null,
-  "b28762b5",
-  null,
-  null
+  "13ef0942"
 );
-const Vt = St.exports;
-const Dt = {
+const Dt = Vt.exports, Rt = {
   name: "EditDeduction",
   components: {
     BaseInput: V
@@ -1734,7 +1748,7 @@ const Dt = {
     }
   }
 };
-var Rt = function() {
+var Ot = function() {
   var e = this, t = e._self._c;
   return t("div", [t("modal", e._b({ attrs: { name: `deduction-modal-${e._uid}` } }, "modal", {
     adaptive: !0,
@@ -1765,21 +1779,18 @@ var Rt = function() {
   } } }, [e._v(" " + e._s(e.$t("reset")) + " ")])], 1)]), e.houseWorkManualAmount ? t("portal", { attrs: { order: 2, to: "document-nav-bottom" } }, [t("div", { staticClass: "housework-manual-nav", on: { click: function(s) {
     return e.$modal.show(`deduction-modal-${e._uid}`);
   } } }, [t("svg", { staticClass: "css-i6dzq1", staticStyle: { "margin-right": "0.5em" }, attrs: { viewBox: "0 0 24 24", width: "12", height: "12", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" } }), t("line", { attrs: { x1: "12", y1: "9", x2: "12", y2: "13" } }), t("line", { attrs: { x1: "12", y1: "17", x2: "12.01", y2: "17" } })]), e._v(" " + e._s(e.$t("deduction.manualType", { type: e.houseWorkType })) + " " + e._s(e.$t("using")) + " ")])]) : e._e()], 1);
-}, Ot = [], Mt = /* @__PURE__ */ c(
-  Dt,
+}, Lt = [], Mt = /* @__PURE__ */ l(
   Rt,
   Ot,
+  Lt,
   !1,
   null,
-  "e4cd2a8f",
-  null,
-  null
+  "701dfb4d"
 );
-const Lt = Mt.exports;
-const Bt = {
+const Et = Mt.exports, zt = {
   name: "Pricing",
   components: {
-    EditDeduction: Lt
+    EditDeduction: Et
   },
   props: {
     _document: {
@@ -1875,7 +1886,7 @@ const Bt = {
     }
   }
 };
-var Et = function() {
+var Bt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "price-bubble" }, [t("div", { staticClass: "flex w-full items-center justify-between" }, [e.showHouseWork ? t("EditDeduction", e._g({ ref: "deduction", attrs: { disabled: !e.get(e.prices, "region.houseWorkType", !1), _document: e._document, _value: {
     houseWorkManualAmount: `${e.basePath}.data.prices.region.houseWorkManualAmount`
@@ -1884,18 +1895,15 @@ var Et = function() {
       s.action && s.action();
     } } }, [t("svg", { attrs: { viewBox: "0 0 24 24", width: "15", height: "15", stroke: "currentColor", "stroke-width": "2.5", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" } }), t("path", { attrs: { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" } })])]) : e._e()]), t("div", { staticClass: "price-value" }, [e._v(" " + e._s(s.prefix) + " " + e._s(s.value) + " ")])]);
   }), 0)]);
-}, zt = [], Wt = /* @__PURE__ */ c(
-  Bt,
-  Et,
+}, Wt = [], Ft = /* @__PURE__ */ l(
   zt,
+  Bt,
+  Wt,
   !1,
   null,
-  "cd252d17",
-  null,
-  null
+  "d22ef0b4"
 );
-const Ft = Wt.exports;
-const jt = {
+const jt = Ft.exports, Nt = {
   name: "PackageItemEdit",
   i18nOptions: {
     namespaces: "PackageItemEdit",
@@ -1923,10 +1931,10 @@ const jt = {
     }
   },
   components: {
-    ArticleList: $t,
-    PriceFormAlternatives: It,
-    MaxTotalInput: Vt,
-    Pricing: Ft,
+    ArticleList: bt,
+    PriceFormAlternatives: Dt,
+    MaxTotalInput: Tt,
+    Pricing: jt,
     TextEditor: ae
   },
   mixins: [
@@ -1981,7 +1989,7 @@ const jt = {
     },
     internalDescription: {
       get() {
-        return Q(
+        return X(
           this.description,
           this._document.textTemplateMap,
           this._document._doc
@@ -2073,7 +2081,7 @@ const jt = {
     }
   }
 };
-var Nt = function() {
+var Ht = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "min-h-0 rounded-md border border-gray-200 bg-white text-black" }, [t("div", { staticClass: "flex w-full items-center justify-between bg-gray-100 py-1 pl-4 pr-1 text-sm font-medium text-gray-600" }, [t("div", [e._v(" " + e._s(e.type === "single" ? e.$t("single") : e.type === "radio" || e.toggable ? e.$t("option") : e.$t("base")) + " ")]), e.type !== "single" ? t("CDropdown", { staticClass: "ml-4" }, [t("CButton", { staticClass: "is-thinner opacity-70", attrs: { slot: "trigger", size: "small", type: "text", pattern: "secondary" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("_common:change")) + " ")]), e.toggable ? [t("CDropdownItem", { attrs: { value: e.isSelectedDefault, toggle: !0, "close-on-click": !1 }, on: { click: function(s) {
     return e.$emit("update:isSelectedDefault", !e.isSelectedDefault);
@@ -2114,7 +2122,7 @@ var Nt = function() {
     e.isFocus = !0;
   }, insert: e.onInsert } }), t("div", { staticClass: "mt-2 flex gap-2" }, [t("div", { staticClass: "cursor-pointer rounded-md border border-gray-200 bg-gray-100 p-2.5 text-center text-sm font-medium leading-none text-gray-500 transition-colors hover:border-gray-400 hover:bg-gray-500 hover:text-white", on: { click: function(s) {
     return e.onArticleAdd();
-  } } }, [t("BaseIcon", { staticClass: "mr-1", attrs: { type: "plus", size: "16", "stroke-width": "3" } }), e._v(" " + e._s(e.$t("addButton")) + " ")], 1), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+  } } }, [t("CIcon", { staticClass: "mr-1", attrs: { type: "plus", size: "16", "stroke-width": "3" } }), e._v(" " + e._s(e.$t("addButton")) + " ")], 1), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
     content: e.$t("advancedButtonTooltip"),
     offset: 6
   }, expression: `{
@@ -2122,120 +2130,63 @@ var Nt = function() {
             offset: 6
           }` }], staticClass: "cursor-pointer rounded-md border border-gray-200 bg-gray-100 p-2.5 text-center text-sm font-medium leading-none text-gray-500 transition-colors hover:border-gray-400 hover:bg-gray-500 hover:text-white", on: { click: function(s) {
     return e.onArticleAdd({ openModal: !0 });
-  } } }, [t("BaseIcon", { attrs: { type: "zap", size: "16", "stroke-width": "2.5" } })], 1)]), t("Pricing", e._g({ attrs: { _document: e._document, "base-path": `${e._value.basePath}`, "package-id": e.packageId } }, e.$listeners))], 1)], 1)]);
-}, Ht = [], Ut = /* @__PURE__ */ c(
-  jt,
+  } } }, [t("CIcon", { attrs: { type: "zap", size: "16", "stroke-width": "2.5" } })], 1)]), t("Pricing", e._g({ attrs: { _document: e._document, "base-path": `${e._value.basePath}`, "package-id": e.packageId } }, e.$listeners))], 1)], 1)]);
+}, qt = [], Ut = /* @__PURE__ */ l(
   Nt,
   Ht,
+  qt,
   !1,
   null,
-  "f76b23cd",
-  null,
-  null
+  "667ca0c1"
 );
-const qt = Ut.exports;
-const Gt = {
-  name: "PackageGroupSelect",
-  i18nOptions: {
-    namespaces: "PackageGroupSelect",
-    messages: {
-      en: {
-        title: "What do you want to offer?",
-        typeOptions: {
-          single: {
-            title: "Single Option",
-            subTitle: "Offer one package."
-          },
-          radio: {
-            title: "Packages",
-            subTitle: "Offer several packages and let your client choose <strong>one<strong>."
-          },
-          checkbox: {
-            title: "Multi Options",
-            subTitle: "Offer many packages and let your client select <strong>multiple</strong> ones."
-          }
-        }
-      },
-      sv: {
-        title: "Vad vill du erbjuda för prisförslag?",
-        typeOptions: {
-          single: {
-            title: "Ett alternativ",
-            subTitle: "Erbjud ett paket."
-          },
-          radio: {
-            title: "Paket",
-            subTitle: "Erbjud flera paket och låt din kund välja <strong>ett</strong> av paketen."
-          },
-          checkbox: {
-            title: "Flera val",
-            subTitle: "Erbjud många paket som din kund välja <strong>flera</strong> utav."
-          }
-        }
+const Gt = Ut.exports, Kt = (i) => (i || []).slice(0, 1).map((e) => ({
+  ...e,
+  isSelected: !0,
+  isSelectedDefault: !0,
+  toggable: !1
+})), Yt = (i) => {
+  const e = o(i, "0.data.prices.type") || "fixed";
+  return (i || []).map((t, s) => ({
+    ...t,
+    toggable: !0,
+    ...s === 0 ? {
+      isSelected: !0,
+      isSelectedDefault: !0,
+      toggable: !1
+    } : null,
+    data: {
+      ...t.data,
+      prices: {
+        ...t.data ? t.data.prices : null,
+        type: e
       }
     }
-  },
-  inject: ["parentSize"],
-  data() {
-    return {
-      options: [
-        {
-          value: "single",
-          background: "hsl(209, 94%, 73%)",
-          title: this.$t("typeOptions.single.title"),
-          subTitle: this.$t("typeOptions.single.subTitle")
-        },
-        {
-          value: "radio",
-          background: "hsl(222, 96%, 73%)",
-          title: this.$t("typeOptions.radio.title"),
-          subTitle: this.$t("typeOptions.radio.subTitle")
-        },
-        {
-          value: "checkbox",
-          background: "hsl(241, 95%, 73%)",
-          title: this.$t("typeOptions.checkbox.title"),
-          subTitle: this.$t("typeOptions.checkbox.subTitle")
-        }
-      ]
+  }));
+}, Zt = (i = []) => {
+  let e = !1;
+  return i.map((t) => {
+    const s = {
+      ...t,
+      // if any earlier pkg is selected, deselect pkg, otherwise keep as is
+      ...e ? {
+        isSelected: !1,
+        isSelectedDefault: !1
+      } : null,
+      toggable: !0
     };
-  }
+    return (s.isSelected || s.isSelectedDefault) && (e = !0), s;
+  }, []);
 };
-var Kt = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "font-inter", staticStyle: { padding: "calc(2 * var(--rem)) 0 calc(1 * var(--rem)) 0", color: "#111" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, [e._v(" " + e._s(e.$t("title")) + " ")]), t("div", [t("div", { staticClass: "options", class: { "is-700-or-less": e.parentSize.width <= 700 } }, e._l(e.options, function(s, n) {
-    return t("div", { key: n, staticClass: "package-group-option", style: { backgroundColor: s.background }, on: { click: function(a) {
-      return e.$emit("input", s.value);
-    } } }, [t("div", { staticClass: "package-group-option__illustration" }, [s.value === "single" ? t("div", { staticClass: "package-group-option__illustration-card animate" }, [e._m(0, !0)]) : e._e(), s.value === "radio" ? e._l(3, function(a) {
-      return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a === 2 } }, [t("div", { staticStyle: { width: "8px", height: "8px", "border-radius": "50%", "margin-right": "10px" }, style: a === 2 && {
-        boxShadow: `0 0 0 1px white, 0 0 0 2px ${s.background}`,
-        backgroundColor: s.background
-      } }), e._m(1, !0)]);
-    }) : e._e(), s.value === "checkbox" ? e._l(3, function(a) {
-      return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a !== 3 } }, [t("div", { staticStyle: { height: "12px", width: "12px", "border-radius": "2px", "background-color": "hsl(0, 0%, 76%)", "margin-right": "10px", color: "white", padding: "1px", display: "inline-flex", "align-items": "center", "justify-content": "center" }, style: a !== 3 && { backgroundColor: s.background } }, [t("BaseIcon", { attrs: { type: a !== 3 ? "check" : "empty", "stroke-width": "5", size: "8" } })], 1), e._m(2, !0)]);
-    }) : e._e()], 2), t("div", [t("div", { staticClass: "package-group-option__title" }, [e._v(" " + e._s(s.title) + " ")]), t("div", { staticClass: "package-group-option__subtitle", domProps: { innerHTML: e._s(s.subTitle) } })])]);
-  }), 0)])]);
-}, Yt = [function() {
-  var i = this, e = i._self._c;
-  return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
-}, function() {
-  var i = this, e = i._self._c;
-  return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
-}, function() {
-  var i = this, e = i._self._c;
-  return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
-}], Zt = /* @__PURE__ */ c(
-  Gt,
-  Kt,
-  Yt,
-  !1,
-  null,
-  "7c03c837",
-  null,
-  null
-);
-const Jt = Zt.exports;
-const Xt = {
+function Jt(i, ...e) {
+  if (i === "single")
+    return Kt(...e);
+  if (i === "checkbox")
+    return Yt(...e);
+  if (i === "radio")
+    return Zt(...e);
+  throw new Error(`Package filter type '${i}' is not implemented`);
+}
+const Qt = {
   name: "PackageGroupEdit",
   i18nOptions: {
     namespaces: "PackageGroupEdit",
@@ -2273,9 +2224,9 @@ const Xt = {
     }
   },
   components: {
-    ErrorCallout: P,
-    PackageItem: qt,
-    PackageGroupSelect: Jt
+    ErrorCallout: A,
+    PackageItem: Gt,
+    PackageGroupSelect: Ee
   },
   mixins: [
     y([
@@ -2384,7 +2335,7 @@ const Xt = {
       let { packages: e, articles: t } = this.persistedGroup;
       if (!e.length)
         return;
-      if (i !== this.persistedGroup.type && (e = Le(i, e)), i === "single" && t.length) {
+      if (i !== this.persistedGroup.type && (e = Jt(i, e)), i === "single" && t.length) {
         const [{ packageId: n }] = e;
         t = t.filter((a) => a.packageId === n);
       }
@@ -2474,7 +2425,7 @@ const Xt = {
     }
   }
 };
-var Qt = function() {
+var Xt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "package-group-root font-inter" }, [e.type ? [t("div", { staticStyle: { position: "absolute", right: "0", top: "-10px", transform: "translateY(-100%)", "z-index": "2" } }, [t("CDropdown", [t("CButton", { attrs: { slot: "trigger", type: "none", size: "normal", pattern: "secondary", icon: "more-horizontal", circle: "" }, slot: "trigger" }), t("CDropdownItem", { on: { click: e.onResetType } }, [e._v(e._s(e.$t("_common:change", { thing: e.$t("_common:price.proposal").toLowerCase() })))]), t("CDropdownItem", { attrs: { value: !!e.hideGroupPrice, "close-on-click": !1, toggle: "" }, on: { input: function(s) {
     e.hideGroupPrice = s;
@@ -2541,17 +2492,15 @@ var Qt = function() {
   } } }, [e._v(" " + e._s(e.$t("add")) + " ")])], 1)], 1) : e._e()] : t("div", [t("PackageGroupSelect", { on: { input: function(s) {
     return e.onSelectType(s);
   } } }), e.validator.$invalid && e.validator.$dirty ? t("ErrorCallout", { staticStyle: { "padding-bottom": "calc(1.5 * var(--rem))" }, attrs: { message: e.$t("error.selectType") } }) : e._e()], 1)], 2);
-}, ei = [], ti = /* @__PURE__ */ c(
-  Xt,
+}, ei = [], ti = /* @__PURE__ */ l(
   Qt,
+  Xt,
   ei,
   !1,
   null,
-  "07f9af2d",
-  null,
-  null
+  "c6ce4c7e"
 );
-const $i = ti.exports;
+const mi = ti.exports;
 export {
-  $i as default
+  mi as default
 };