@cling-se/widget 0.9.4 → 0.9.5

package/dist/{Index-caf5cf44.js → Index-beb43a1a.js}

@@ -1,18 +1,18 @@
-import { aw as B, ax as A, ay as E, az as z, aA as F, aB as W, f as j, aC as N, b as o, n as c, l as H, aD as x, ar as q, aE as w, aF as U, a5 as f, Y as G, g as p, o as k, aG as K, a6 as Y, aH as Z, aI as J, aJ as I, p as Q, A as g, q as X, s as ee, aK as te, k as ie, F as se } from "./main-04025a56.js";
+import { aH as B, aI as A, aJ as E, aK as z, aL as W, aM as F, f as j, aN as N, b as o, n as c, o as H, aO as x, aD as q, aP as w, aQ as U, aa as f, P as G, g as p, q as k, aR as K, ab as Y, aS as Z, aT as J, aU as C, p as Q, G as g, r as X, t as ee, aV as te, l as ie, L as se } from "./main-95207159.js";
 import { m as h, a as v } from "./vuex.esm-4a0fff7c.js";
-import { m as y } from "./mapFormMixin-8d073f99.js";
-import { E as S } from "./ErrorCallout-60d0b3ab.js";
-import { T as ae } from "./DocTextEditor-c6d1df3c.js";
-import { o as P, d as ne } from "./vuedraggable.umd-d7138234.js";
-import { W as re } from "./formValidationMixin-4920ab53.js";
-import { C as oe } from "./FormInputRow-9819eb71.js";
+import { m as y } from "./mapFormMixin-a245a297.js";
+import { E as P } from "./ErrorCallout-7dea37df.js";
+import { T as ae } from "./DocTextEditor-cce51e7c.js";
+import { o as S, d as ne } from "./vuedraggable.umd-2c22e5f8.js";
+import { W as re } from "./DocumentLayout-86c367d1.js";
+import { C as oe } from "./tippy.esm-3c111ba9.js";
 import { v as le } from "./index-805c56e4.js";
-import { S as ce } from "./SearchApi-2e286be6.js";
-import { w as ue } from "./CDropdownItem-74672842.js";
-import { B as V } from "./BaseInput-2723d613.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-f49d85e0.js";
+import { S as ce } from "./SearchApi-20629627.js";
+import { w as ue } from "./CDropdownItem-d46bf062.js";
+import { B as V } from "./BaseInput-29d88150.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-df4c839e.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ColorPicker-4f6b70af.js";
+import "./ColorPicker-11ee76f0.js";
 import "./color-71c20583.js";
 const de = [
   "unit",
@@ -35,12 +35,12 @@ 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 = F, xe = W, be = ye, we = A, Ie = 200;
-function Ce(i, e, t) {
+} : me, ye = ge, _e = E, ke = z, $e = W, xe = F, be = ye, we = A, Ce = 200;
+function Ie(i, e, t) {
   var s = -1, n = ke, a = i.length, r = !0, l = [], u = l;
   if (t)
     r = !1, n = $e;
-  else if (a >= Ie) {
+  else if (a >= Ce) {
     var _ = e ? null : be(i);
     if (_)
       return we(_);
@@ -51,8 +51,8 @@ function Ce(i, e, t) {
     for (; ++s < a; ) {
       var d = i[s], m = e ? e(d) : d;
       if (d = t || d !== 0 ? d : 0, r && m === m) {
-        for (var C = u.length; C--; )
-          if (u[C] === m)
+        for (var I = u.length; I--; )
+          if (u[I] === m)
             continue e;
         e && u.push(m), l.push(d);
       } else
@@ -60,11 +60,11 @@ function Ce(i, e, t) {
     }
   return l;
 }
-var Te = Ce, Ae = N, Se = Te;
-function Pe(i, e) {
-  return i && i.length ? Se(i, Ae(e)) : [];
+var Te = Ie, Ae = N, Pe = Te;
+function Se(i, e) {
+  return i && i.length ? Pe(i, Ae(e)) : [];
 }
-var Ve = Pe;
+var Ve = Se;
 const De = /* @__PURE__ */ j(Ve), Re = (i) => (i || []).slice(0, 1).map((e) => ({
   ...e,
   isSelected: !0,
@@ -88,7 +88,7 @@ const De = /* @__PURE__ */ j(Ve), Re = (i) => (i || []).slice(0, 1).map((e) => (
       }
     }
   }));
-}, Me = (i = []) => {
+}, Le = (i = []) => {
   let e = !1;
   return i.map((t) => {
     const s = {
@@ -103,13 +103,13 @@ const De = /* @__PURE__ */ j(Ve), Re = (i) => (i || []).slice(0, 1).map((e) => (
     return (s.isSelected || s.isSelectedDefault) && (e = !0), s;
   }, []);
 };
-function Le(i, ...e) {
+function Me(i, ...e) {
   if (i === "single")
     return Re(...e);
   if (i === "checkbox")
     return Oe(...e);
   if (i === "radio")
-    return Me(...e);
+    return Le(...e);
   throw new Error(`Package filter type '${i}' is not implemented`);
 }
 const Be = {
@@ -210,7 +210,7 @@ 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 = [], Fe = /* @__PURE__ */ c(
+}, ze = [], We = /* @__PURE__ */ c(
   Be,
   Ee,
   ze,
@@ -220,7 +220,7 @@ var Ee = function() {
   null,
   null
 );
-const D = Fe.exports, T = {
+const D = We.exports, T = {
   isDeductable: !1,
   isRut: !1,
   greenRot15: !1,
@@ -247,7 +247,7 @@ const D = Fe.exports, T = {
     packageId: e.packageId
   });
   if (s) {
-    const a = (u = []) => u.reduce((_, d) => ({ ..._, [d]: !1 }), {}), l = Object.values(P({
+    const a = (u = []) => u.reduce((_, d) => ({ ..._, [d]: !1 }), {}), l = Object.values(S({
       rot: "isDeductable",
       rut: "isRut",
       greenRot15: "greenRot15",
@@ -257,7 +257,7 @@ const D = Fe.exports, T = {
     l.some((u) => !!n[u]) && (n = { ...n, ...a(l) });
   }
   return n;
-}, We = (i, e = null) => {
+}, Fe = (i, e = null) => {
   const t = x(i.currency, e);
   switch (i.priceType) {
     case "approx":
@@ -314,7 +314,7 @@ const D = Fe.exports, T = {
       }
     }
   }
-}, M = {
+}, L = {
   article: {
     name: {
       maxLength: le.maxLength(255)
@@ -462,11 +462,11 @@ var Ne = function() {
   He,
   !1,
   null,
-  "6d86175a",
+  "e45af1ec",
   null,
   null
 );
-const L = qe.exports;
+const M = qe.exports;
 const Ue = {
   name: "Article",
   i18nOptions: {
@@ -474,8 +474,8 @@ const Ue = {
     messages: O
   },
   components: {
-    ErrorCallout: S,
-    ArticleAutocomplete: L,
+    ErrorCallout: P,
+    ArticleAutocomplete: M,
     CPriceInput: D
   },
   props: {
@@ -519,7 +519,7 @@ const Ue = {
       default: null
     }
   },
-  validations: M,
+  validations: L,
   data() {
     return {
       updateData: $,
@@ -630,7 +630,7 @@ var Ge = function() {
   Ke,
   !1,
   null,
-  "38d3c478",
+  "faf5856d",
   null,
   null
 );
@@ -708,9 +708,9 @@ const Je = {
 };
 var Qe = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "l-root" }, [t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.getNavTooltip(-1), expression: "getNavTooltip(-1)" }], staticClass: "l-button", class: { disabled: !e.canBackward }, staticStyle: { left: "-4rem" }, on: { click: function(s) {
+  return t("div", { staticClass: "l-root" }, [t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.getNavTooltip(-1), expression: "getNavTooltip(-1)" }], staticClass: "l-button", class: { disabled: !e.canBackward }, staticStyle: { left: "calc(-4 * var(--rem))" }, on: { click: function(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: "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: "-4rem" }, on: { click: function(s) {
+  } } }, [t("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "35", height: "35", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M15 18l-6-6 6-6" } })])]), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.getNavTooltip(1), expression: "getNavTooltip(1)" }], staticClass: "l-button", class: { disabled: !e.canForward }, staticStyle: { right: "calc(-4 * var(--rem))" }, on: { click: function(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" } })])])]);
 }, Xe = [], et = /* @__PURE__ */ c(
@@ -719,7 +719,7 @@ var Qe = function() {
   Xe,
   !1,
   null,
-  "d6feebb7",
+  "9a0caf80",
   null,
   null
 );
@@ -824,7 +824,7 @@ const it = {
       this.$emit("close");
     },
     async onDrop({ removedIndex: i, addedIndex: e }) {
-      i === null && e === null || i !== e && (this.idList = I(this.idList, i, e), await Q("/unitType/setPositions", { ids: this.idList }, { invalidateCache: { type: "unitType" } }), this.reset(), await this.loadUnits());
+      i === null && e === null || i !== e && (this.idList = C(this.idList, i, e), await Q("/unitType/setPositions", { ids: this.idList }, { invalidateCache: { type: "unitType" } }), this.reset(), await this.loadUnits());
     }
   }
 };
@@ -832,16 +832,16 @@ var st = 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: "1.5rem" } }, [t("div", { staticStyle: { "font-weight": "600", "font-size": "18px", "margin-bottom": "1.5rem" } }, [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: "has-text-grey", 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("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) {
     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: "has-text-grey", staticStyle: { "font-size": "14px", padding: "1rem 1.5rem 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) {
+  }, 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) {
       e.hoverIndex = n;
     }, "&mouseleave": function(a) {
       e.hoverIndex = null;
     }, click: function(a) {
       return e.onEdit(s);
-    } } }, [t("div", { staticClass: "drag-handle" }, [t("BaseIcon", { staticClass: "has-text-grey-light", 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("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) {
       return a.stopPropagation(), a.preventDefault(), e.remove(s.id, n);
     }, blur: function(a) {
       e.removeConfirmIndex = null;
@@ -853,7 +853,7 @@ var st = function() {
   at,
   !1,
   null,
-  "fd1deb6d",
+  "a4a478a1",
   null,
   null
 );
@@ -935,7 +935,7 @@ const pt = {
     messages: O
   },
   components: {
-    ArticleAutocomplete: L,
+    ArticleAutocomplete: M,
     ArticleUnitSelect: dt,
     ListModalButtons: tt,
     CPriceInput: D
@@ -995,10 +995,10 @@ const pt = {
     }
   },
   mixins: [ue],
-  validations: M,
+  validations: L,
   data() {
     return {
-      priceSuffix: We,
+      priceSuffix: Fe,
       updateData: $,
       addSavedArticle: R,
       vatOptions: [
@@ -1231,11 +1231,11 @@ var ht = function() {
     e.updateArticle(Math.abs(s), "discount");
   } } }, [e.article.discountType === "fixed" ? t("template", { slot: "suffix" }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")]) : t("template", { slot: "suffix" }, [e._v(" " + e._s(e.getCurrencySymbol(e.article.currency)) + " ")])], 2)], 1), t("div", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "5em" }, on: { click: function(s) {
     return e.updateArticle(e.article.discountType === "percentage" ? "fixed" : "percentage", "discountType");
-  } } }, [e._v(" " + e._s(e.article.discountType === "percentage" ? "%" : e.getCurrencySymbol(e.article.currency)) + " ")])], 1) : e._e()], t("div", { staticStyle: { margin: "1rem -0.5rem" } }, [e.useVat ? [e.feature("regionSE") && Number.isInteger(e.article.vat) ? t("select", { staticClass: "select-css tag-item no-chevron", staticStyle: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" }, domProps: { value: e.article.vat }, on: { input: function(s) {
+  } } }, [e._v(" " + e._s(e.article.discountType === "percentage" ? "%" : e.getCurrencySymbol(e.article.currency)) + " ")])], 1) : e._e()], t("div", { staticStyle: { margin: "calc(1 * var(--rem)) calc(-0.5 * var(--rem))" } }, [e.useVat ? [e.feature("regionSE") && Number.isInteger(e.article.vat) ? t("select", { staticClass: "select-css tag-item no-chevron", staticStyle: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" }, domProps: { value: e.article.vat }, on: { input: function(s) {
     e.updateArticle(Number.parseFloat(s.target.value), "vat");
   } } }, e._l(e.vatOptions, function({ translation: s, value: n }, a) {
     return t("option", { key: a, domProps: { value: n } }, [e._v(" " + e._s(e.$t(`vat.${e.vatType}`)) + " " + e._s(s) + " ")]);
-  }), 0) : t("span", { staticClass: "select-css tag-item no-chevron", staticStyle: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" } }, [e._v(" " + e._s(e._document.$t("vat").capitalize()) + " "), t("input", { staticStyle: { width: "2.5rem", 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 }, l) {
     return t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
       content: r,
       delay: { show: 300, hide: 0 }
@@ -1284,7 +1284,7 @@ var ht = function() {
   mt,
   !1,
   null,
-  "69fbd9a6",
+  "0852370a",
   null,
   null
 );
@@ -1434,7 +1434,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(P(e, [i]));
+        const a = Object.values(S(e, [i]));
         if (a.some((r) => !!s[r])) {
           const r = { ...s, ...t(a) };
           this.$emit("input", { index: n, value: r });
@@ -1453,7 +1453,7 @@ const gt = {
         const { newIndex: n, element: a } = e;
         this.$emit("insert", { index: n, value: a });
       } else if (t) {
-        const n = I(this.articles, t.oldIndex, t.newIndex);
+        const n = C(this.articles, t.oldIndex, t.newIndex);
         this.$emit("move", n);
       } else if (s) {
         const { oldIndex: n } = s;
@@ -1467,7 +1467,7 @@ var yt = function() {
   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();
   } } }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")])]) : e._e(), t("WithDimensions", { scopedSlots: e._u([{ key: "default", fn: function({ width: s }) {
-    return [t("draggable", e._b({ staticStyle: { "min-height": "3rem" }, attrs: { value: e.articles, group: "articles" }, on: { change: e.onChange } }, "draggable", {
+    return [t("draggable", e._b({ staticStyle: { "min-height": "calc(3 * var(--rem))" }, attrs: { value: e.articles, group: "articles" }, on: { change: e.onChange } }, "draggable", {
       sort: !0,
       animation: 150,
       ghostClass: "article-ghost",
@@ -1506,7 +1506,7 @@ var yt = function() {
   _t,
   !1,
   null,
-  "ba70d71e",
+  "8e5494e8",
   null,
   null
 );
@@ -1536,17 +1536,17 @@ var bt = function() {
       return e.$emit("input", s);
     } } }, [e._v(" " + e._s(e.$t(`price.${s}`)) + " ")]);
   })], 2)], 1);
-}, wt = [], It = /* @__PURE__ */ c(
+}, wt = [], Ct = /* @__PURE__ */ c(
   xt,
   bt,
   wt,
   !1,
   null,
-  "e26837b3",
+  "43eaaee7",
   null,
   null
 );
-const Ct = It.exports;
+const It = Ct.exports;
 const Tt = {
   name: "MaxTotalInput",
   i18nOptions: {
@@ -1596,20 +1596,20 @@ const Tt = {
 };
 var At = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex justify-end w-full" }, [t("BaseInput", { staticStyle: { "max-width": "275px", "margin-top": "1rem" }, attrs: { value: e.value, "is-price": !0, "is-inc-vat": e.isIncVat, vat: 25, placeholder: e.$t("maxTotalLabel") }, on: { input: function(s) {
+  return t("div", { staticClass: "flex justify-end w-full" }, [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);
-}, St = [], Pt = /* @__PURE__ */ c(
+}, Pt = [], St = /* @__PURE__ */ c(
   Tt,
   At,
-  St,
+  Pt,
   !1,
   null,
-  "e0a38fd1",
+  "096eca10",
   null,
   null
 );
-const Vt = Pt.exports;
+const Vt = St.exports;
 const Dt = {
   name: "EditDeduction",
   components: {
@@ -1662,7 +1662,7 @@ var Rt = function() {
     width: "90%",
     maxWidth: 420,
     classes: "primary"
-  }, !1), [t("div", { staticClass: "flex flex-col items-center justify-between w-full deduction-modal" }, [t("div", { staticStyle: { "font-size": "calc(1rem + 2px)", "font-weight": "800", "text-align": "center", "margin-bottom": "1.5rem" } }, [e._v(" " + e._s(e.$t("deduction.manualType", { type: e.houseWorkType })) + " ")]), t("div", { staticStyle: { "margin-bottom": "1rem", width: "100%" } }, [t("BaseInput", { attrs: { "is-price": e.amountUnit === "fixed", placeholder: e.$t("enterThing", { thing: e.$t("deduction.deduction") }), type: "number", autofocus: "", size: "large" }, model: { value: e.internalValue, callback: function(s) {
+  }, !1), [t("div", { staticClass: "flex flex-col items-center justify-between w-full deduction-modal" }, [t("div", { staticStyle: { "font-size": "calc(calc(1 * var(--rem)) + 2px)", "font-weight": "800", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, [e._v(" " + e._s(e.$t("deduction.manualType", { type: e.houseWorkType })) + " ")]), t("div", { staticStyle: { "margin-bottom": "calc(1 * var(--rem))", width: "100%" } }, [t("BaseInput", { attrs: { "is-price": e.amountUnit === "fixed", placeholder: e.$t("enterThing", { thing: e.$t("deduction.deduction") }), type: "number", autofocus: "", size: "large" }, model: { value: e.internalValue, callback: function(s) {
     e.internalValue = s;
   }, expression: "internalValue" } }, [t("template", { slot: "suffix" }, [e._v(e._s(e.$t("currency.SEK")))])], 2)], 1), t("div", { staticClass: "flex w-full" }, e._l([
     { v: 0.09, l: "9%" },
@@ -1683,21 +1683,21 @@ 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(
+}, Ot = [], Lt = /* @__PURE__ */ c(
   Dt,
   Rt,
   Ot,
   !1,
   null,
-  "45a66d3c",
+  "d2df9b4c",
   null,
   null
 );
-const Lt = Mt.exports;
+const Mt = Lt.exports;
 const Bt = {
   name: "Pricing",
   components: {
-    EditDeduction: Lt
+    EditDeduction: Mt
   },
   props: {
     _document: {
@@ -1782,17 +1782,17 @@ 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 = [], Ft = /* @__PURE__ */ c(
+}, zt = [], Wt = /* @__PURE__ */ c(
   Bt,
   Et,
   zt,
   !1,
   null,
-  "83730621",
+  "99d833c2",
   null,
   null
 );
-const Wt = Ft.exports;
+const Ft = Wt.exports;
 const jt = {
   name: "PackageItemEdit",
   i18nOptions: {
@@ -1822,9 +1822,9 @@ const jt = {
   },
   components: {
     ArticleList: $t,
-    PriceFormAlternatives: Ct,
+    PriceFormAlternatives: It,
     MaxTotalInput: Vt,
-    Pricing: Wt,
+    Pricing: Ft,
     TextEditor: ae
   },
   mixins: [y([
@@ -1945,7 +1945,7 @@ const jt = {
 };
 var Nt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "package-root" }, [t("div", { staticClass: "flex items-center justify-between w-full has-background-grey-lightest-2 has-text-grey-dark", staticStyle: { "font-size": "14px", "font-weight": "500", padding: "4px 4px 4px 1rem" } }, [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", { staticStyle: { "margin-left": "1rem" } }, [t("CButton", { staticClass: "is-thinner", staticStyle: { opacity: "0.7" }, attrs: { slot: "trigger", size: "small", type: "text", pattern: "secondary" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("_common:change")) + " ")]), e.toggable ? [t("CDropdownItem", { attrs: { value: e.isSelectedDefault, toggle: !0, "close-on-click": !1 }, on: { click: function(s) {
+  return t("div", { staticClass: "min-h-0 text-black bg-white border border-gray-200 rounded-md" }, [t("div", { staticClass: "flex items-center justify-between w-full py-1 pl-4 pr-1 text-sm font-medium text-gray-600 bg-gray-100" }, [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);
   } } }, [e._v(" " + e._s(e.$t("selected")) + " ")]), t("CDropdownItem", { attrs: { separator: "" } })] : e._e(), t("CDropdownItem", { attrs: { "icon-left": "arrow-up", disabled: !e.moveOptions.up }, on: { click: function(s) {
     return e.$emit("move", -1);
@@ -1953,11 +1953,11 @@ var Nt = function() {
     return e.$emit("move", 1);
   } } }, [e._v(" " + e._s(e.$t("_common:move", { thing: e.$t("_common:down") })) + " ")]), t("CDropdownItem", { attrs: { "icon-props": {
     stroke: "red"
-  }, "icon-left": "trash" }, on: { click: e.onRemove } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")])], 2) : e._e()], 1), t("div", { staticStyle: { padding: "1rem" } }, [t("div", { staticClass: "flex items-center", staticStyle: { "margin-bottom": "2px" } }, [t("input", { directives: [{ name: "model", rawName: "v-model", value: e.name, expression: "name" }], staticClass: "input-title", attrs: { id: `package-name-${e.packageId}`, placeholder: e.$t("namePlaceholder") }, domProps: { value: e.name }, on: { keyup: function(s) {
+  }, "icon-left": "trash" }, on: { click: e.onRemove } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")])], 2) : e._e()], 1), t("div", { staticClass: "p-4" }, [t("div", { staticClass: "flex items-center mb-0.5" }, [t("input", { directives: [{ name: "model", rawName: "v-model", value: e.name, expression: "name" }], staticClass: "block w-full p-0 text-xl font-bold leading-loose rounded-lg placeholder:text-gray-400", attrs: { id: `package-name-${e.packageId}`, placeholder: e.$t("namePlaceholder") }, domProps: { value: e.name }, on: { keyup: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.$refs.editor.focus();
   }, input: function(s) {
     s.target.composing || (e.name = s.target.value);
-  } } })]), t("TextEditor", { ref: "editor", staticClass: "text-editor", staticStyle: { "margin-bottom": "1em" }, attrs: { placeholder: e.$t("textPlaceholder"), mentions: () => e._document.textTemplateItems, snippets: !0 }, model: { value: e.internalDescription, callback: function(s) {
+  } } })]), t("TextEditor", { ref: "editor", staticClass: "mb-4 text-editor", attrs: { placeholder: e.$t("textPlaceholder"), mentions: () => e._document.textTemplateItems, snippets: !0 }, model: { value: e.internalDescription, callback: function(s) {
     e.internalDescription = s;
   }, expression: "internalDescription" } }), t("div", { directives: [{ name: "click-outside", rawName: "v-click-outside", value: () => {
     e.isFocus = !1, e.isHover = !1;
@@ -1965,7 +1965,7 @@ var Nt = function() {
     e.isHover = !0;
   }, "&mouseleave": function(s) {
     e.isHover = !1;
-  } } }, [e.priceType === "openAccMaxPrice" ? t("MaxTotalInput", { staticStyle: { "margin-bottom": "1rem" }, attrs: { currency: e.currency, "vat-type": e._document.vatType }, model: { value: e.maxTotal, callback: function(s) {
+  } } }, [e.priceType === "openAccMaxPrice" ? t("MaxTotalInput", { staticClass: "mb-4", attrs: { currency: e.currency, "vat-type": e._document.vatType }, model: { value: e.maxTotal, callback: function(s) {
     e.maxTotal = s;
   }, expression: "maxTotal" } }) : e._e(), t("PriceFormAlternatives", { on: { input: function(s) {
     return e.$emit("update:priceType", s);
@@ -1977,15 +1977,15 @@ var Nt = function() {
     return e.$emit("update:currency", s);
   }, move: e.onArticleMove, remove: e.onArticleRemove, add: e.onArticleAdd, focus: function(s) {
     e.isFocus = !0;
-  }, insert: e.onInsert } }), t("div", { staticClass: "flex", staticStyle: { "margin-top": "0.5em" } }, [t("div", { staticClass: "a-button", on: { click: function(s) {
+  }, insert: e.onInsert } }), t("div", { staticClass: "flex gap-2 mt-2" }, [t("div", { staticClass: "text-gray-500 bg-gray-100 border border-gray-200 p-2.5 text-center text-sm font-medium leading-none rounded-md cursor-pointer transition-colors hover:border-gray-400 hover:bg-gray-500 hover:text-white", on: { click: function(s) {
     return e.onArticleAdd();
-  } } }, [t("BaseIcon", { staticStyle: { "margin-right": "0.5em" }, 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("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: {
     content: e.$t("advancedButtonTooltip"),
     offset: 6
   }, expression: `{
             content: $t('advancedButtonTooltip'),
             offset: 6,
-          }` }], staticClass: "a-button", on: { click: function(s) {
+          }` }], staticClass: "text-gray-500 bg-gray-100 border border-gray-200 p-2.5 text-center text-sm font-medium leading-none rounded-md cursor-pointer 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 = [], qt = /* @__PURE__ */ c(
@@ -1994,7 +1994,7 @@ var Nt = function() {
   Ht,
   !1,
   null,
-  "ff3ee09f",
+  "b5ac9679",
   null,
   null
 );
@@ -2068,7 +2068,7 @@ const Gt = {
 };
 var Kt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "font-inter", staticStyle: { padding: "2rem 0 1rem 0", color: "#111" } }, [t("div", { staticStyle: { "font-size": "18px", "font-weight": "600", "text-align": "center", "margin-bottom": "1.5rem" } }, [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", { 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) {
@@ -2079,20 +2079,20 @@ var Kt = function() {
   }), 0)])]);
 }, Yt = [function() {
   var i = this, e = i._self._c;
-  return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "has-background-grey-lightest", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "has-background-grey-lightest", staticStyle: { width: "80%", height: "10px" } })]);
+  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: "has-background-grey-lightest", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "has-background-grey-lightest", staticStyle: { width: "80%", height: "10px" } })]);
+  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: "has-background-grey-lightest", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "has-background-grey-lightest", staticStyle: { width: "80%", height: "10px" } })]);
+  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,
-  "ec5ecd3c",
+  "ac7ba955",
   null,
   null
 );
@@ -2135,7 +2135,7 @@ const Qt = {
     }
   },
   components: {
-    ErrorCallout: S,
+    ErrorCallout: P,
     PackageItem: Ut,
     PackageGroupSelect: Jt
   },
@@ -2245,7 +2245,7 @@ const Qt = {
       } = 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 = Me(i, e)), i === "single" && t.length) {
         const [{ packageId: n }] = e;
         t = t.filter((a) => a.packageId === n);
       }
@@ -2310,7 +2310,7 @@ const Qt = {
       return i > 0 && (t.up = !0), i < e - 1 && (t.down = !0), t;
     },
     moveItem(i, e) {
-      const t = I(this.packages, i, e);
+      const t = C(this.packages, i, e);
       this.$emit("input", { key: this._value.packages, value: t });
     }
   }
@@ -2319,10 +2319,10 @@ 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;
-  } } }, [e._v(" " + e._s(e.$t("hideGroupPrice")) + " ")])], 1)], 1), e.type === "checkbox" && !e.internalPackages.find((s) => s.toggable === !1) ? t("CCallout", { staticStyle: { width: "100%" }, attrs: { title: e.$t("base") } }, [t("div", { staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("basePlaceholder")) + " ")]), t("CButton", { staticStyle: { "font-weight": "600" }, attrs: { type: "secondary", size: "small" }, on: { click: function(s) {
+  } } }, [e._v(" " + e._s(e.$t("hideGroupPrice")) + " ")])], 1)], 1), e.type === "checkbox" && !e.internalPackages.find((s) => s.toggable === !1) ? t("CCallout", { staticClass: "w-full", attrs: { title: e.$t("base") } }, [t("div", { staticClass: "pb-4" }, [e._v(" " + e._s(e.$t("basePlaceholder")) + " ")]), t("CButton", { staticStyle: { "font-weight": "600" }, attrs: { type: "secondary", size: "small" }, on: { click: function(s) {
     return e.addPackage({ isSelected: !0, isSelectedDefault: !0, toggable: !1 });
   } } }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("base").toLowerCase() })) + " ")])], 1) : t("transition-group", { attrs: { name: "section-list", tag: "div" } }, e._l(e.topRowPackages, function(s, n) {
-    return t("div", { key: s.packageId, staticClass: "section-item", staticStyle: { "padding-bottom": "1rem" } }, [t("PackageItem", { attrs: { _document: e._document, _value: {
+    return t("div", { key: s.packageId, staticClass: "pb-4 section-item" }, [t("PackageItem", { attrs: { _document: e._document, _value: {
       isSelectedDefault: `${e._value.packages}[${s.index}].isSelectedDefault`,
       isSelected: `${e._value.packages}[${s.index}].isSelected`,
       name: `${e._value.packages}[${s.index}].data.name`,
@@ -2344,8 +2344,8 @@ var Xt = function() {
     }, move: function(a) {
       return e.moveItem(s.index, e.topRowPackages[n + a].index);
     } } })], 1);
-  }), 0), e.type === "checkbox" && e.topRowPackages.length && e.bottomRowPackages.length ? t("div", { staticStyle: { width: "5rem", height: "1px", "margin-left": "calc(50% - 2.5rem)", "border-top": "2px dashed hsl(0, 0%, 85%)" } }) : e._e(), e.type === "checkbox" ? [t("transition-group", { staticStyle: { "margin-bottom": "1rem" }, attrs: { name: "section-list", tag: "div" } }, e._l(e.bottomRowPackages, function(s, n) {
-    return t("div", { key: s.packageId, staticClass: "section-item", staticStyle: { padding: "1rem 0" } }, [t("PackageItem", { staticClass: "package-item", attrs: { _document: e._document, _value: {
+  }), 0), e.type === "checkbox" && e.topRowPackages.length && e.bottomRowPackages.length ? t("div", { staticStyle: { width: "calc(5 * var(--rem))", height: "1px", "margin-left": "calc(50% - calc(2.5 * var(--rem)))", "border-top": "2px dashed hsl(0, 0%, 85%)" } }) : e._e(), e.type === "checkbox" ? [t("transition-group", { staticStyle: { "margin-bottom": "calc(1 * var(--rem))" }, attrs: { name: "section-list", tag: "div" } }, e._l(e.bottomRowPackages, function(s, n) {
+    return t("div", { key: s.packageId, staticClass: "section-item", staticStyle: { padding: "calc(1 * var(--rem)) 0" } }, [t("PackageItem", { staticClass: "package-item", attrs: { _document: e._document, _value: {
       isSelectedDefault: `${e._value.packages}[${s.index}].isSelectedDefault`,
       isSelected: `${e._value.packages}[${s.index}].isSelected`,
       name: `${e._value.packages}[${s.index}].data.name`,
@@ -2367,18 +2367,18 @@ var Xt = function() {
     }, move: function(a) {
       return e.moveItem(s.index, e.bottomRowPackages[n + a].index);
     } } })], 1);
-  }), 0)] : e._e(), e.type !== "single" || !e.packages.length ? t("div", { staticClass: "flex flex-col items-center justify-center w-full" }, [t("div", { staticStyle: { width: "100%" } }, [e.type === "radio" && !e.packages.length ? t("div", { staticClass: "package-placeholder has-background-grey-lightest-2", staticStyle: { color: "hsl(0, 0%, 24%)", "font-weight": "500" } }, [t("svg", { staticStyle: { "vertical-align": "text-bottom", "margin-right": "3px" }, attrs: { width: "16", height: "16", viewBox: "0 0 18 14", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M8.03.22c.3.3.3.77 0 1.06L5.56 3.75h6.88L9.97 1.28A.75.75 0 1111.03.21l3.53 3.54h2.69a.75.75 0 010 1.5h-.12l-1.17 6.4a2.25 2.25 0 01-2.21 1.85h-9.5a2.25 2.25 0 01-2.21-1.84L.87 5.26H.75a.75.75 0 010-1.5h2.69L6.97.21c.3-.3.77-.3 1.06 0zM2.4 5.25L3.5 11.4c.07.35.38.61.74.61h9.5c.36 0 .67-.26.74-.61l1.11-6.14H2.4zm3.1 1.5c.41-.06.8.22.86.63l.38 2.25a.75.75 0 11-1.48.24l-.37-2.25c-.07-.4.2-.8.61-.86zm7 0c.4.08.68.47.61.87l-.37 2.25a.75.75 0 11-1.48-.24l.38-2.25a.75.75 0 01.86-.62zm-3.5 0c.41 0 .75.34.75.75v2.25a.75.75 0 01-1.5 0V7.5c0-.41.34-.75.75-.75z", fill: "#000", "fill-rule": "evenodd" } })]), e._v(" " + e._s(e.$t("selectablePlaceholder")) + " ")]) : e._e()]), e.validator.$invalid && e.validator.$dirty ? t("ErrorCallout", { staticStyle: { margin: "1rem 0 1rem 0" }, attrs: { message: e.$t("error.minOnePackage") } }) : e._e(), t("div", { staticClass: "flex w-full" }, [t("CButton", { staticStyle: { "border-color": "hsl(0, 0%, 82%)" }, attrs: { type: "secondary", outlined: "", "icon-left": "plus" }, on: { click: function(s) {
+  }), 0)] : e._e(), e.type !== "single" || !e.packages.length ? t("div", { staticClass: "flex flex-col items-center justify-center w-full" }, [t("div", { staticStyle: { width: "100%" } }, [e.type === "radio" && !e.packages.length ? t("div", { staticClass: "bg-gray-100 package-placeholder", staticStyle: { color: "hsl(0, 0%, 24%)", "font-weight": "500" } }, [t("svg", { staticStyle: { "vertical-align": "text-bottom", "margin-right": "3px" }, attrs: { width: "16", height: "16", viewBox: "0 0 18 14", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M8.03.22c.3.3.3.77 0 1.06L5.56 3.75h6.88L9.97 1.28A.75.75 0 1111.03.21l3.53 3.54h2.69a.75.75 0 010 1.5h-.12l-1.17 6.4a2.25 2.25 0 01-2.21 1.85h-9.5a2.25 2.25 0 01-2.21-1.84L.87 5.26H.75a.75.75 0 010-1.5h2.69L6.97.21c.3-.3.77-.3 1.06 0zM2.4 5.25L3.5 11.4c.07.35.38.61.74.61h9.5c.36 0 .67-.26.74-.61l1.11-6.14H2.4zm3.1 1.5c.41-.06.8.22.86.63l.38 2.25a.75.75 0 11-1.48.24l-.37-2.25c-.07-.4.2-.8.61-.86zm7 0c.4.08.68.47.61.87l-.37 2.25a.75.75 0 11-1.48-.24l.38-2.25a.75.75 0 01.86-.62zm-3.5 0c.41 0 .75.34.75.75v2.25a.75.75 0 01-1.5 0V7.5c0-.41.34-.75.75-.75z", fill: "#000", "fill-rule": "evenodd" } })]), e._v(" " + e._s(e.$t("selectablePlaceholder")) + " ")]) : e._e()]), e.validator.$invalid && e.validator.$dirty ? t("ErrorCallout", { staticStyle: { margin: "calc(1 * var(--rem)) 0 calc(1 * var(--rem)) 0" }, attrs: { message: e.$t("error.minOnePackage") } }) : e._e(), t("div", { staticClass: "flex w-full" }, [t("CButton", { staticStyle: { "border-color": "hsl(0, 0%, 82%)" }, attrs: { type: "secondary", outlined: "", "icon-left": "plus" }, on: { click: function(s) {
     return e.addPackage();
   } } }, [e._v(" " + e._s(e.$t("add")) + " ")])], 1)], 1) : e._e()] : t("div", [t("PackageGroupSelect", { on: { input: function(s) {
     return e.onSelectType(s);
-  } } }), e.validator.$invalid && e.validator.$dirty ? t("ErrorCallout", { staticStyle: { "padding-bottom": "1.5rem" }, attrs: { message: e.$t("error.selectType") } }) : e._e()], 1)], 2);
+  } } }), 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(
   Qt,
   Xt,
   ei,
   !1,
   null,
-  "1f5c0731",
+  "b0860d65",
   null,
   null
 );