@cling-se/widget 0.17.0 → 1.0.0-beta.2

package/dist/Index-BHgW8EHW.js

@@ -1,2446 +0,0 @@
-import { m as y } from "./mapFormMixin-CQgSN7dv.js";
-import { C as W } from "./CCallout-5quI6yyk.js";
-import { C as x, a as b, w as B } from "./CDropdownItem-CaoSQX6X.js";
-import { E as V } from "./ErrorCallout-DVknpLVY.js";
-import { aS as F, aT as D, aU as j, aV as N, aW as H, aX as q, l as U, aY as G, n as u, g as p, D as k, aE as K, aZ as T, aL as Y, r as I, av as f, $ as Z, a_ as J, aw as X, a$ as Q, b0 as ee, b1 as A, p as te, b as o, v as ie, Z as g, H as se, K as ae, b2 as ne, z as re, ae as oe } from "./main-BgzLHIoo.js";
-import { m as h, a as v } from "./vuex.esm-DKGl8mcw.js";
-import { T as ce } from "./DocTextEditor-CQDnjnRY.js";
-import { W as le } from "./DocumentLayout-Dvr4zgyF.js";
-import { o as R } from "./omit-ScS7B6c5.js";
-import { d as ue } from "./vuedraggable.umd-CkXXkt1b.js";
-import { C as w } from "./CPriceInput-pv2aIVkH.js";
-import { S as de } from "./SearchApi-BndaIbri.js";
-import { v as pe } from "./index-zXXJrTvv.js";
-import { C as O } from "./CFormField-Dd2Y71JG.js";
-const he = [
-  "unit",
-  "m2",
-  "hour",
-  "m",
-  "m3",
-  "day",
-  "kg",
-  "litre",
-  "km",
-  "mile",
-  "month",
-  "week",
-  "ton",
-  "year",
-  "kWh"
-];
-function me() {
-}
-var fe = me, C = F, ve = fe, ge = D, ye = 1 / 0, _e = C && 1 / ge(new C([, -0]))[1] == ye ? function(s) {
-  return new C(s);
-} : ve, ke = _e, $e = j, xe = N, be = H, we = q, Ce = ke, Te = D, Ie = 200;
-function Ae(s, e, t) {
-  var i = -1, n = xe, a = s.length, r = !0, c = [], l = c;
-  if (t)
-    r = !1, n = be;
-  else if (a >= Ie) {
-    var _ = e ? null : Ce(s);
-    if (_)
-      return Te(_);
-    r = !1, n = we, l = new $e();
-  } else
-    l = e ? [] : c;
-  e:
-    for (; ++i < a; ) {
-      var d = s[i], m = e ? e(d) : d;
-      if (d = t || d !== 0 ? d : 0, r && m === m) {
-        for (var S = l.length; S--; )
-          if (l[S] === m)
-            continue e;
-        e && l.push(m), c.push(d);
-      } else
-        n(l, m, t) || (l !== c && l.push(m), c.push(d));
-    }
-  return c;
-}
-var Se = Ae, Pe = G, Ve = Se;
-function De(s, e) {
-  return s && s.length ? Ve(s, Pe(e)) : [];
-}
-var Re = De;
-const Oe = /* @__PURE__ */ U(Re), Le = {
-  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."
-          }
-        }
-      }
-    }
-  },
-  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")
-        }
-      ]
-    };
-  }
-};
-var Me = 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(i, n) {
-    return t("div", { key: n, staticClass: "package-group-option", style: { backgroundColor: i.background }, on: { click: function(a) {
-      return e.$emit("input", i.value);
-    } } }, [t("div", { staticClass: "package-group-option__illustration" }, [i.value === "single" ? t("div", { staticClass: "package-group-option__illustration-card animate" }, [e._m(0, !0)]) : e._e(), i.value === "radio" ? e._l(3, function(a) {
-      return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a === 2 } }, [t("div", { staticStyle: { width: "8px", height: "8px", "border-radius": "50%", "margin-right": "10px" }, style: a === 2 && {
-        boxShadow: `0 0 0 1px white, 0 0 0 2px ${i.background}`,
-        backgroundColor: i.background
-      } }), e._m(1, !0)]);
-    }) : e._e(), i.value === "checkbox" ? e._l(3, function(a) {
-      return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a !== 3 } }, [t("div", { staticStyle: { height: "12px", width: "12px", "border-radius": "2px", "background-color": "hsl(0, 0%, 76%)", "margin-right": "10px", color: "white", padding: "1px", display: "inline-flex", "align-items": "center", "justify-content": "center" }, style: a !== 3 && { backgroundColor: i.background } }, [t("CIcon", { attrs: { type: a !== 3 ? "check" : "empty", "stroke-width": "5", size: "8" } })], 1), e._m(2, !0)]);
-    }) : e._e()], 2), t("div", [t("div", { staticClass: "package-group-option__title" }, [e._v(" " + e._s(i.title) + " ")]), t("div", { staticClass: "package-group-option__subtitle", domProps: { innerHTML: e._s(i.subTitle) } })])]);
-  }), 0)])]);
-}, Ee = [function() {
-  var s = this, e = s._self._c;
-  return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
-}, function() {
-  var s = this, e = s._self._c;
-  return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
-}, function() {
-  var s = this, e = s._self._c;
-  return e("div", { staticStyle: { flex: "1 1 auto" } }, [e("div", { staticClass: "bg-gray-100", staticStyle: { width: "40%", height: "10px", "margin-bottom": "8px" } }), e("div", { staticClass: "bg-gray-100", staticStyle: { width: "80%", height: "10px" } })]);
-}], ze = /* @__PURE__ */ u(
-  Le,
-  Me,
-  Ee,
-  !1,
-  null,
-  "b67c5afd"
-);
-const We = ze.exports, Be = {
-  name: "ArticleAutocomplete",
-  components: {
-    SearchApi: de
-  },
-  mixins: [y([])],
-  props: {
-    tag: {
-      type: String,
-      default: null
-    },
-    value: {
-      type: String,
-      required: !0
-    },
-    placement: {
-      type: String,
-      default: "bottom-start"
-    }
-  },
-  data() {
-    return {
-      isFocus: !1,
-      isOpen: !1,
-      selectedIndex: 0,
-      searchResults: []
-    };
-  },
-  computed: {
-    ...h({
-      articleData: "articles/articles",
-      ids: "articles/articleIdList"
-    }),
-    whiteList() {
-      const s = [];
-      if (this.$refs.dropdown !== void 0) {
-        const e = this.$refs.dropdown.querySelectorAll("*");
-        for (const t of e)
-          s.push(t);
-      }
-      if (this.$refs.input !== void 0) {
-        const e = this.$refs.input.$el.querySelectorAll("*");
-        for (const t of e)
-          s.push(t);
-      }
-      return s;
-    }
-  },
-  watch: {
-    searchResults(s, e) {
-      s.length !== e.length && (this.selectedIndex = 0);
-    }
-  },
-  created() {
-    document.addEventListener("click", this.onClickOutside, { passive: !0 });
-  },
-  beforeDestroy() {
-    document.removeEventListener("click", this.onClickOutside, {
-      passive: !0
-    });
-  },
-  methods: {
-    ...v({
-      loadArticles: p.LOAD_ARTICLES
-    }),
-    priceFormat: k,
-    search(s, e) {
-      this.$emit("input", e), !this.viewSettings.isPublicForm && s({
-        q: e,
-        cb: ({ article: t = [], extensionArticle: i = [] }) => {
-          this.searchResults = [
-            ...t.sort((n, a) => n.usedTimes > a.usedTimes ? -1 : 1),
-            ...i
-          ], !this.isOpen && this.searchResults.length && this.showResults();
-        }
-      });
-    },
-    // Function consumed by parent
-    focus() {
-      this.$refs.input.focus();
-    },
-    onFocus(s) {
-      this.isFocus = !0, this.$emit("focus", s);
-    },
-    onBlur(s) {
-      this.isFocus = !1, this.$emit("blur", s);
-    },
-    showResults() {
-      this.isOpen = !0;
-    },
-    hideResults() {
-      this.isOpen = !1;
-    },
-    onSelect(s) {
-      this.$emit("select", s), this.hideResults(), this.$refs.input && this.$refs.input.blur();
-    },
-    onClickOutside(s) {
-      this.whiteList.indexOf(s.target) < 0 && this.hideResults();
-    },
-    onKeydown({ keyCode: s }) {
-      if (this.isOpen) {
-        switch (s) {
-          case 38:
-            this.selectedIndex > 0 && this.selectedIndex--;
-            break;
-          case 40:
-            this.selectedIndex < this.searchResults.length - 1 && this.selectedIndex++;
-            break;
-          case 13:
-            this.searchResults[this.selectedIndex] && (this.onSelect(this.searchResults[this.selectedIndex]), this.searchResults = []);
-            break;
-        }
-        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"
-      });
-    }
-  }
-};
-var Fe = function() {
-  var e = this, t = e._self._c;
-  return t("div", { class: { "is-open": e.isOpen }, staticStyle: { position: "relative" }, on: { "&keydown": function(i) {
-    return e.onKeydown.apply(null, arguments);
-  } } }, [t("SearchApi", { attrs: { "custom-search": {
-    article: !0,
-    extensionArticle: !0,
-    project: !1,
-    user: !1
-  } }, scopedSlots: e._u([{ key: "default", fn: function({ fetch: i }) {
-    return [t("CInput", e._b({ ref: "input", staticClass: "r-input", attrs: { value: e.value, type: e.tag, "auto-resize": !0 }, on: { input: function(n) {
-      return e.search(i, n);
-    }, focus: e.onFocus, blur: e.onBlur }, nativeOn: { keydown: [function(n) {
-      return !n.type.indexOf("key") && e._k(n.keyCode, "tab", 9, n.key, "Tab") ? null : e.hideResults.apply(null, arguments);
-    }, function(n) {
-      return !n.type.indexOf("key") && e._k(n.keyCode, "escape", void 0, n.key, void 0) ? null : e.hideResults.apply(null, arguments);
-    }] }, scopedSlots: e._u([{ key: "prefix", fn: function() {
-      return [e._t("prefix")];
-    }, proxy: !0 }, { key: "suffix", fn: function() {
-      return [e._t("suffix")];
-    }, proxy: !0 }], null, !0) }, "CInput", {
-      ...e.$attrs,
-      ...e.$props
-    }, !1))];
-  } }]) }), e.isOpen ? t("div", { ref: "dropdown", staticClass: "r-container" }, e._l(e.searchResults, function(i, n) {
-    return t("div", { key: n, staticClass: "r-item", class: { active: e.selectedIndex === n }, on: { "!click": function(a) {
-      return a.stopPropagation(), e.onSelect(i);
-    } } }, [t("div", { staticClass: "r-item-title truncate-text" }, [e._v(e._s(i.name))]), t("div", { staticClass: "r-item-details" }, [i.externalReference && i.externalReference.service ? t("div", { staticStyle: { width: "18px", height: "18px", "border-radius": "2px", "background-color": "hsl(0, 0%, 60%)", display: "inline-flex", "justify-content": "center", "align-items": "center" } }, [t("CIcon", { staticStyle: { color: "white" }, attrs: { type: i.externalReference.service, size: "14" } })], 1) : e._e(), i.article_no ? t("div", [e._v(e._s(i.article_no))]) : e._e(), i.price ? t("div", [e._v(" " + e._s(e.priceFormat(i.price, { currency: i.currency })) + " ")]) : e._e(), i.vat ? t("div", [e._v(" " + e._s(e.$t("vat.sharedTitle").capitalize()) + " " + e._s(i.vat) + "% ")]) : e._e()]), e.selectedIndex === n ? t("div", { staticClass: "r-item-icon" }, [t("CIcon", { attrs: { type: "corner-down-left", size: "16" } })], 1) : e._e()]);
-  }), 0) : e._e()], 1);
-}, je = [], Ne = /* @__PURE__ */ u(
-  Be,
-  Fe,
-  je,
-  !1,
-  null,
-  "aa485cb9"
-);
-const L = Ne.exports, P = {
-  isDeductable: !1,
-  isRut: !1,
-  greenRot15: !1,
-  greenRot20: !1,
-  greenRot50: !1
-}, $ = (s, e = "", t) => {
-  let i = {
-    ...s,
-    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-    // Trigger updatedAt as it us used to decide which houseWork to prioritize
-  };
-  return typeof t < "u" && (i[t] = e), Object.keys(P).includes(t) && e && (i = {
-    ...i,
-    ...P,
-    [t]: !0
-  }), K(i.quantity) !== "number" && (i.quantity = 0), T(i);
-}, M = ({
-  stored: s,
-  current: e,
-  hidePrice: t = !1,
-  activeHouseWorkType: i
-}) => {
-  let n = Y({
-    ...s,
-    quantity: 1,
-    showPrice: !t,
-    id: null,
-    ArticleId: s.id,
-    packageId: e.packageId
-  });
-  if (i) {
-    const a = (l = []) => l.reduce((_, d) => ({ ..._, [d]: !1 }), {}), c = Object.values(
-      R({
-        rot: "isDeductable",
-        rut: "isRut",
-        greenRot15: "greenRot15",
-        greenRot20: "greenRot20",
-        greenRot50: "greenRot50"
-      }, [i])
-    );
-    c.some((l) => !!n[l]) && (n = { ...n, ...a(c) });
-  }
-  return n;
-}, He = (s, e = null) => {
-  const t = I(s.currency, e);
-  switch (s.priceType) {
-    case "approx":
-      return `${Z.t("_common:approx")} ${t}`;
-    case "openAcc":
-      return `${t}/${f(s.unitType)}`;
-    case "markup":
-      return "%";
-    default:
-      return t;
-  }
-}, E = {
-  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"
-      }
-    }
-  }
-}, z = {
-  article: {
-    name: {
-      maxLength: pe.maxLength(255)
-    }
-  }
-}, qe = {
-  // eslint-disable-next-line vue/no-reserved-component-names
-  name: "Article",
-  i18nOptions: {
-    namespaces: "Article",
-    messages: E
-  },
-  components: {
-    ErrorCallout: V,
-    ArticleAutocomplete: L,
-    CPriceInput: w
-  },
-  props: {
-    // Article object
-    value: {
-      type: Object,
-      required: !0
-    },
-    // If remove button is visible
-    enableRemove: {
-      type: Boolean,
-      default: !0
-    },
-    width: {
-      type: Number,
-      default: 1e3
-    },
-    hidePriceInput: {
-      type: Boolean,
-      default: !1
-    },
-    hidePriceOnNew: {
-      type: Boolean,
-      default: !1
-    },
-    isIncVat: {
-      type: Boolean,
-      default: !1
-    },
-    hideControls: {
-      type: Boolean,
-      default: !1
-    },
-    rootPriceType: {
-      type: String,
-      default: null
-    },
-    // The current active houseWorkType allowed when adding new articles from search
-    activeHouseWorkType: {
-      type: String,
-      default: null
-    }
-  },
-  validations: z,
-  data() {
-    return {
-      updateData: $,
-      addSavedArticle: M,
-      articleUnitLabel: f,
-      widthCompact: 580,
-      visualDisable: !1
-    };
-  },
-  computed: {
-    article: {
-      get() {
-        return this.value || {};
-      },
-      set(s) {
-        this.$emit("input", s);
-      }
-    },
-    details() {
-      const s = [], {
-        priceType: e,
-        quantity: t,
-        unitType: i,
-        price: n,
-        vat: a,
-        discount: r,
-        discountType: c
-      } = this.article;
-      if (e !== "fixed" && s.push({ title: this.$t(`priceTypeShort.${e}`) }), J(this.article)) {
-        const l = X(this.article);
-        s.push({
-          title: this.$t(`_common:deduction.${l}_percentage`)
-        });
-      }
-      return t && ["fixed", "approx"].includes(e) && (i !== "unit" || t > 1) && s.push({
-        title: f(this.article.unitType, {
-          count: t,
-          includeCount: !0
-        }),
-        ...!this.hidePriceInput && {
-          icon: '<svg style="margin: 0 4px;" width="6" height="6" viewBox="0 0 148 141" xmlns="http://www.w3.org/2000/svg"><path d="M73.742787 92.65535l-34.444359 47.40859-18.607391-13.51906 34.060775-46.88064L0 61.8743 7.107391 40 62 57.83569V0h23v57.99346L140.378182 40l7.107391 21.8743-54.751812 17.78994 34.060775 46.88064-18.607391 13.51906-34.444358-47.40859z" fill="currentColor" fill-rule="evenodd"/></svg>',
-          subTitle: k(n, {
-            showZero: !0,
-            withVat: this.isIncVat ? a : !1,
-            currency: this.article.currency,
-            decimals: 2,
-            hideZeroDecimals: !0
-          })
-        }
-      }), r && s.push({
-        title: "-" + (c === "fixed" ? k(r, {
-          withVat: this.isIncVat ? a : !1,
-          currency: this.article.currency
-        }) : `${r / 100} %`),
-        detailClass: "discount"
-      }), s;
-    }
-  },
-  methods: {
-    updateArticle(s, e) {
-      this.article = $(this.article, s, e);
-    },
-    onTotalPriceInputFocus() {
-      (this.article.discount || this.article.quantity !== 1) && this.$emit("open-modal", { focusEl: "priceInput" });
-    },
-    focusName() {
-      this.$refs.name.focus();
-    },
-    errorMessage(s) {
-      return s.$error && s.article.name.$error && !s.article.name.maxLength ? this.$t("validations.name.maxLength") : null;
-    }
-  }
-};
-var Ue = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "article-wrapper", class: {
-    "has-details": e.details.length,
-    compact: e.width <= e.widthCompact,
-    "show-controls": !e.hideControls
-  }, on: { keydown: function(i) {
-    return !i.type.indexOf("key") && e._k(i.keyCode, "esc", 27, i.key, ["Esc", "Escape"]) ? null : e.$emit("esc");
-  } } }, [t("div", { staticClass: "top-row flex w-full" }, [t("ArticleAutocomplete", { ref: "name", staticClass: "article-name-wrapper article-input-wrapper form-control form-control-left", attrs: { value: e.article.name, placeholder: e.$t("namePlaceholder"), size: "large" }, on: { input: function(i) {
-    return e.updateArticle(i, "name");
-  }, focus: function(i) {
-    return e.$emit("focus");
-  }, select: function(i) {
-    e.$emit(
-      "input",
-      e.addSavedArticle({
-        stored: i,
-        current: e.article,
-        hidePrice: e.hidePriceOnNew,
-        activeHouseWorkType: e.activeHouseWorkType
-      })
-    ), e.$emit("select");
-  } }, scopedSlots: e._u([{ key: "suffix", fn: function() {
-    return [e.hideControls ? e._e() : t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
-      content: e.$t("openModalTooltip"),
-      delay: { show: 300, hide: 0 }
-    }, expression: `{
-            content: $t('openModalTooltip'),
-            delay: { show: 300, hide: 0 }
-          }` }], staticClass: "article-button fade-in", on: { click: function(i) {
-      return e.$emit("open-modal");
-    } } }, [t("CIcon", { attrs: { type: "cog", size: "18" } })], 1)];
-  }, proxy: !0 }]) }), e.hidePriceInput ? e._e() : t("CPriceInput", { key: e.rootPriceType + e.article.priceType + e.article.unitType, staticClass: "form-control form-control-right", staticStyle: { flex: "1 1", "min-width": "200px" }, attrs: { value: e.article.totalAmount, currency: e.article.currency, "is-inc-vat": e.article.priceType !== "markup" && e.isIncVat, vat: e.article.vat, placeholder: e.$t("_common:price.price").capitalize(), "price-type": e.article.priceType, "unit-label": e.articleUnitLabel(e.article.unitType) }, on: { input: function(i) {
-    return e.updateArticle(i, "price");
-  }, "update:currency": function(i) {
-    return e.$emit("update:currency", i);
-  }, focus: function(i) {
-    e.onTotalPriceInputFocus(), e.$emit("focus");
-  } }, nativeOn: { keydown: function(i) {
-    return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : e.$emit("add");
-  } } }), e.hideControls ? e._e() : [t("CIcon", { staticClass: "a-control-button close-button fade-in", attrs: { circle: "", type: "x", size: "18" }, nativeOn: { click: function(i) {
-    e.enableRemove && e.$emit("remove");
-  } } }), t("CIcon", { staticClass: "a-control-button fade-in move-button article-draggable-handle", class: { "c-hidden": !e.enableRemove }, attrs: { circle: "", type: "handle", size: "18" } })]], 2), e.details.length ? t("div", { staticClass: "article-details-wrapper", staticStyle: { cursor: "pointer" }, on: { click: function(i) {
-    return e.$emit("open-modal");
-  } } }, e._l(e.details, function({ title: i, icon: n, subTitle: a = "", detailClass: r = "" }, c) {
-    return t("div", { key: c, staticClass: "article-details-item", class: [r] }, [e._v(" " + e._s(i) + " "), n ? t("div", { domProps: { innerHTML: e._s(n) } }) : e._e(), e._v(" " + e._s(a) + " ")]);
-  }), 0) : e._e(), e.$v.$invalid && e.$v.$dirty ? t("ErrorCallout", { attrs: { message: e.errorMessage(e.$v) } }) : e._e()], 1);
-}, Ge = [], Ke = /* @__PURE__ */ u(
-  qe,
-  Ue,
-  Ge,
-  !1,
-  null,
-  "417bbfef"
-);
-const Ye = Ke.exports, Ze = {
-  props: {
-    canForward: {
-      type: Boolean,
-      default: !1
-    },
-    canBackward: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  created() {
-    document.addEventListener("keyup", this.onKeyUp);
-  },
-  beforeDestroy() {
-    this.removeKeyHandler();
-  },
-  methods: {
-    getNavTooltip(s) {
-      return s === -1 ? {
-        content: `
-            <div style='margin-bottom: 0.6em;'>
-              ${this.$t("show", { thing: this.$t("previous") })}
-            </div>
-            <div class='flex items-center justify-center w-full' style='padding-bottom: 0.5em;'>
-              <div style='text-align: center; background-color: hsl(0, 0%, 40%); line-height: 1; border-radius: 0.5em; display: inline-flex; align-items: center; justify-content: center; padding: 0.5em;'>
-                <svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M19 12H6M12 5l-7 7 7 7'></path></svg>
-              </div>
-            </div>
-          `,
-        html: !0
-      } : s === 1 ? {
-        content: `
-            <div style='margin-bottom: 0.6em;'>
-              ${this.$t("show", { thing: this.$t("next") })}
-            </div>
-            <div class='flex items-center justify-center w-full' style='padding-bottom: 0.5em;'>
-              <div style='text-align: center; background-color: hsl(0, 0%, 40%); line-height: 1; border-radius: 0.5em; display: inline-flex; align-items: center; justify-content: center; padding: 0.5em;'>
-                <svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h13M12 5l7 7-7 7'/></svg>
-              </div>
-            </div>
-          `,
-        html: !0
-      } : s === "close" ? {
-        content: '<div style="margin-bottom: 0.6em;">Stäng</div><div style="text-align: center; opacity: 0.85;"><svg width="30" height="20"  xmlns="http://www.w3.org/2000/svg" viewBox="17 0 105.5 72" style="enable-background:new 17 0 105.5 72"><path d="M103.3 70.3H36.2c-9.6 0-17.5-7.9-17.5-17.5V19.2c0-9.6 7.9-17.5 17.5-17.5h67.1c9.6 0 17.5 7.9 17.5 17.5v33.6c0 9.6-7.9 17.5-17.5 17.5z" style="fill:none;stroke:currentColor;stroke-width:3;stroke-miterlimit:10"/><path style="fill:none" d="M17 17.8h105.5V49H17z"/><path fill="currentColor" d="M46.6 38.2c.1 5 3.3 7.1 7 7.1 2.6 0 4.2-.5 5.6-1l.6 2.6c-1.3.6-3.5 1.3-6.8 1.3-6.3 0-10-4.1-10-10.2s3.6-11 9.5-11c6.6 0 8.4 5.8 8.4 9.6 0 .8-.1 1.3-.1 1.7l-14.2-.1zm10.9-2.7c0-2.4-1-6-5.1-6-3.7 0-5.4 3.4-5.7 6h10.8zM65.1 43.9c1.1.7 3 1.5 4.9 1.5 2.7 0 3.9-1.3 3.9-3 0-1.8-1-2.7-3.8-3.7-3.7-1.3-5.4-3.3-5.4-5.8 0-3.3 2.6-6 7-6 2.1 0 3.9.6 5 1.3l-.9 2.7c-.8-.5-2.3-1.2-4.2-1.2-2.2 0-3.4 1.3-3.4 2.8 0 1.7 1.2 2.4 3.9 3.4 3.5 1.3 5.3 3.1 5.3 6.1 0 3.6-2.8 6.1-7.6 6.1-2.2 0-4.3-.5-5.7-1.4l1-2.8zM96.7 46.9c-1 .5-3.1 1.2-5.8 1.2-6.1 0-10.1-4.2-10.1-10.4 0-6.3 4.3-10.8 10.9-10.8 2.2 0 4.1.5 5.1 1l-.8 2.9c-.9-.5-2.3-1-4.3-1-4.7 0-7.2 3.4-7.2 7.7 0 4.7 3 7.6 7.1 7.6 2.1 0 3.5-.5 4.5-1l.6 2.8z"/></svg></div>',
-        html: !0
-      } : null;
-    },
-    onKeyUp(s) {
-      const e = document.activeElement;
-      !(e.hasAttribute("contenteditable") || ["input", "textarea"].includes(e.tagName.toLowerCase())) && (parseInt(s.keyCode, 10) === 37 && this.$emit("go", -1), parseInt(s.keyCode, 10) === 39 && this.$emit("go", 1));
-      const i = s.key || s.keyCode;
-      if (i === "Escape" || i === "Esc" || i === 27) {
-        const n = this.$modal.getOpenInstances();
-        if (s.defaultPrevented || n.length)
-          return;
-        this.$emit("close");
-      }
-    },
-    removeKeyHandler() {
-      document.removeEventListener("keyup", this.onKeyUp);
-    }
-  },
-  render() {
-    return this.$scopedSlots.default({
-      leftTooltip: this.getNavTooltip(-1),
-      rightTooltip: this.getNavTooltip(1),
-      closeTooltip: this.getNavTooltip("close")
-    });
-  }
-};
-var Je = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "l-root" }, [t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.getNavTooltip(-1), expression: "getNavTooltip(-1)" }], staticClass: "l-button", class: { disabled: !e.canBackward }, staticStyle: { left: "calc(-4 * var(--rem))" }, on: { click: function(i) {
-    return e.$emit("go", -1);
-  } } }, [t("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "35", height: "35", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M15 18l-6-6 6-6" } })])]), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.getNavTooltip(1), expression: "getNavTooltip(1)" }], staticClass: "l-button", class: { disabled: !e.canForward }, staticStyle: { right: "calc(-4 * var(--rem))" }, on: { click: function(i) {
-    return e.$emit("go", 1);
-  } } }, [t("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "35", height: "35", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M9 18l6-6-6-6" } })])])]);
-}, Xe = [], Qe = /* @__PURE__ */ u(
-  Ze,
-  Je,
-  Xe,
-  !1,
-  null,
-  "226f5608"
-);
-const et = Qe.exports, tt = {
-  name: "ArticleUnitEditModal",
-  i18nOptions: {
-    namespaces: "ArticleUnitEditModal",
-    messages: {
-      en: {
-        tooltip: `
-            <div>
-              Tip: If you'd like for the unit type to pluralize automatically. Use the following format - <span style="padding: 3px; background-color: hsla(0, 0%, 100%, 0.1); border-radius: 4px;">single:plural</span>.
-            </div>
-            <div style="margin-top: 0.5em;">For example:</div>
-            <div style="margin-left: 0.25em;">- image:images</div>
-            <div style="margin-left: 0.25em;">- phone:phones</div>
-          `
-      },
-      sv: {
-        tooltip: `
-            <div>
-              Tips: Om du vill att enheten ska ta hänsyn till antalet så kan du skriva det i följande format - <span style="padding: 3px; background-color: hsla(0, 0%, 100%, 0.1); border-radius: 4px;">singular:plural</span>.
-            </div>
-            <div style="margin-top: 0.5em;">Till exempel:</div>
-            <div style="margin-left: 0.25em;">- bild:bilder</div>
-            <div style="margin-left: 0.25em;">- telefon:telefoner</div>
-          `
-      }
-    }
-  },
-  components: {
-    DragList: Q,
-    DragItem: ee,
-    CField: O
-  },
-  data() {
-    return {
-      hoverIndex: null,
-      removeConfirmIndex: null,
-      selectedValue: {
-        id: null,
-        value: ""
-      },
-      idList: []
-    };
-  },
-  computed: {
-    ...h({
-      isPosting: "unitTypes/isPosting",
-      stateUnitIds: "unitTypes/ids",
-      unitById: "unitTypes/byId"
-    }),
-    unitItems() {
-      return (this.idList || []).map((s) => {
-        const e = this.unitById(s), t = f(e.value);
-        return {
-          ...e,
-          label: t,
-          value: e.value.startsWith("$") ? e.value.replace(/^[$]/, "") : t,
-          raw: e.value.replace(/^[$]/, "")
-          // replace only first occurance of '$'
-        };
-      });
-    }
-  },
-  watch: {
-    stateUnitIds: {
-      immediate: !0,
-      handler(s) {
-        this.idList = s || [];
-      }
-    }
-  },
-  methods: {
-    ...v({
-      loadUnits: p.LOAD_UNIT_TYPES,
-      createUnit: p.CREATE_UNIT_TYPE,
-      updateUnit: p.UPDATE_UNIT_TYPE,
-      deleteUnit: p.DELETE_UNIT_TYPE
-    }),
-    onEdit(s) {
-      this.selectedValue = { ...s }, this.$refs.unitInput && this.$refs.unitInput.focus();
-    },
-    async submit() {
-      const { id: s, value: e } = this.selectedValue || {};
-      if (!e)
-        throw new Error("New unitTypes need truthy value!");
-      const t = `$${e}`;
-      s ? await this.updateUnit({ id: s, body: { value: t } }) : await this.createUnit({ body: { value: t } }), this.reset(), this.$parent.$emit("select", t), this.close();
-    },
-    async remove(s, e) {
-      if (this.removeConfirmIndex !== e) {
-        this.removeConfirmIndex = e;
-        return;
-      }
-      await this.deleteUnit({ id: s }), this.reset(), this.removeConfirmIndex = null;
-    },
-    reset() {
-      this.selectedValue = { id: null, value: "" };
-    },
-    close() {
-      this.$emit("close");
-    },
-    async onDrop({ removedIndex: s, addedIndex: e }) {
-      s === null && e === null || s !== e && (this.idList = A(this.idList, s, e), await te(
-        "/unitType/setPositions",
-        { ids: this.idList },
-        { invalidateCache: { type: "unitType" } }
-      ), this.reset(), await this.loadUnits());
-    }
-  }
-};
-var it = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "modal-overlay font-inter", on: { "&click": function(i) {
-    return i.target !== i.currentTarget ? null : e.close.apply(null, arguments);
-  } } }, [t("div", { staticClass: "unit-modal-root font-inter", staticStyle: { position: "relative" } }, [t("div", { staticStyle: { padding: "calc(1.5 * var(--rem))" } }, [t("div", { staticStyle: { "font-weight": "600", "font-size": "18px", "margin-bottom": "calc(1.5 * var(--rem))" } }, [t("span", [e._v(e._s(e.$t("_common:add", { thing: e.$t("_common:unitType.unitType_plural") })))]), t("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: { content: e.$t("tooltip"), html: !0 }, expression: "{ content: $t('tooltip'), html: true }" }], staticClass: "text-gray-400", staticStyle: { "margin-left": "0.5em" }, attrs: { type: "info", size: "15" } })], 1), t("CField", { staticStyle: { margin: "0" }, attrs: { grouped: "" } }, [t("CInput", { ref: "unitInput", staticClass: "unit-input", attrs: { placeholder: e.$t("_common:name").capitalize(), expanded: "", filled: "" }, scopedSlots: e._u([e.selectedValue.id ? { key: "suffix", fn: function() {
-    return [t("CButton", { staticStyle: { "border-radius": "4px" }, attrs: { icon: "x", type: "none", pattern: "tertiary", size: "small" }, on: { click: e.reset } })];
-  }, proxy: !0 } : null], null, !0), model: { value: e.selectedValue.value, callback: function(i) {
-    e.$set(e.selectedValue, "value", typeof i == "string" ? i.trim() : i);
-  }, expression: "selectedValue.value" } }), t("div", { staticClass: "control" }, [t("CButton", { attrs: { loading: e.isPosting, disabled: !e.selectedValue.value, type: "secondary" }, on: { click: e.submit } }, [e._v(" " + e._s(e.selectedValue.id ? e.$t("_common:save") : e.$t("_common:add")) + " ")])], 1)], 1)], 1), t("div", { staticStyle: { "border-top": "1px solid hsl(0, 0%, 88%)", overflow: "auto", "max-height": "360px" } }, [t("div", { staticClass: "text-gray-400", staticStyle: { "font-size": "14px", padding: "calc(1 * var(--rem)) calc(1.5 * var(--rem)) 0", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("_common:unit_plural").capitalize()) + " ")]), t("div", { staticClass: "unit-modal-list" }, [e.unitItems.length ? e._e() : t("div", { staticClass: "unit-modal-list-empty" }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("_common:unit_plural") })) + " ")]), t("DragList", { attrs: { "drop-placeholder": { className: "drag-drop-placeholder" }, "drag-class": "is-dragged", "lock-axis": "y", "drag-handle-selector": ".drag-handle" }, on: { drop: e.onDrop } }, e._l(e.unitItems, function(i, n) {
-    return t("DragItem", { key: i.id }, [t("div", { staticClass: "unit-modal-list-item", class: { "is-editing": e.selectedValue.id === i.id }, on: { "&mouseover": function(a) {
-      e.hoverIndex = n;
-    }, "&mouseleave": function(a) {
-      e.hoverIndex = null;
-    }, click: function(a) {
-      return e.onEdit(i);
-    } } }, [t("div", { staticClass: "drag-handle" }, [t("CIcon", { staticClass: "text-gray-300", attrs: { type: "handle", size: "16" } })], 1), t("div", { staticStyle: { "padding-left": "0.5em" } }, [e._v(" " + e._s(i.label) + " ")]), t("span", { directives: [{ name: "show", rawName: "v-show", value: e.removeConfirmIndex === n, expression: "removeConfirmIndex === i" }], staticClass: "delete-confirm" }, [e._v(" " + e._s(e.$t("_common:remove")) + "? ")]), t("div", { staticClass: "unittype-buttons" }, [e.hoverIndex === n || e.removeConfirmIndex === n ? t("CButton", { attrs: { type: e.removeConfirmIndex === n ? "danger" : "none", pattern: e.removeConfirmIndex === n ? "primary" : "tertiary", circle: "", icon: "x", size: "small" }, on: { click: function(a) {
-      return a.stopPropagation(), a.preventDefault(), e.remove(i.id, n);
-    }, blur: function(a) {
-      e.removeConfirmIndex = null;
-    } } }) : e._e(), t("CButton", { attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary", circle: "" } })], 1)])]);
-  }), 1)], 1)])])]);
-}, st = [], at = /* @__PURE__ */ u(
-  tt,
-  it,
-  st,
-  !1,
-  null,
-  "ae81b7f5"
-);
-const nt = at.exports, rt = {
-  name: "ArticleUnitSelect",
-  components: {
-    CDropdown: x,
-    CDropdownItem: b
-  },
-  props: {
-    value: {
-      type: String,
-      required: !0
-    },
-    isPublicForm: {
-      type: Boolean,
-      default: !1
-    },
-    // Optional param for plural translations
-    count: {
-      type: Number,
-      default: 1
-    }
-  },
-  computed: {
-    ...h({
-      unitIds: "unitTypes/ids",
-      unitById: "unitTypes/byId"
-    }),
-    unitItems() {
-      return this.isPublicForm ? he : (this.unitIds || []).map((s) => this.unitById(s)).map(({ value: s }) => s);
-    }
-  },
-  created() {
-    this.isPublicForm || this.loadUnits();
-  },
-  methods: {
-    articleUnitLabel: f,
-    ...v({
-      loadUnits: p.LOAD_UNIT_TYPES
-    }),
-    openEditModal() {
-      this.$modal.show(
-        nt,
-        {},
-        {},
-        {
-          select: (s) => this.$emit("input", s)
-        }
-      );
-    }
-  }
-};
-var ot = function() {
-  var e = this, t = e._self._c;
-  return t("CDropdown", e._b({ attrs: { value: e.value, scrollable: "" }, on: { input: function(i) {
-    return e.$emit("input", i);
-  } }, scopedSlots: e._u([{ key: "trigger", fn: function() {
-    return [e._t("default", function() {
-      return [t("CButton", { attrs: { type: "none", pattern: "tertiary" } }, [e._v(" " + e._s(e.articleUnitLabel(e.value)) + " ")])];
-    })];
-  }, proxy: !0 }, { key: "footer", fn: function() {
-    return [e.isPublicForm ? e._e() : t("CButton", { staticClass: "edit-button", attrs: { type: "none", pattern: "secondary", size: "small" }, on: { click: e.openEditModal } }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:unit_plural") })) + " ")])];
-  }, proxy: !0 }], null, !0) }, "CDropdown", {
-    position: "is-bottom-left",
-    maxHeight: "240px",
-    ...e.$attrs
-  }, !1), e._l(e.unitItems, function(i, n) {
-    return t("CDropdownItem", { key: `${i}-${n}`, attrs: { value: i } }, [e._v(" " + e._s(e.articleUnitLabel(i)) + " ")]);
-  }), 1);
-}, ct = [], lt = /* @__PURE__ */ u(
-  rt,
-  ot,
-  ct,
-  !1,
-  null,
-  "70333fd5"
-);
-const ut = lt.exports, dt = {
-  name: "ArticleModal",
-  i18nOptions: {
-    namespaces: "ArticleModal",
-    messages: E
-  },
-  components: {
-    ArticleAutocomplete: L,
-    ArticleUnitSelect: ut,
-    ListModalButtons: et,
-    CPriceInput: w,
-    CField: O
-  },
-  mixins: [B],
-  props: {
-    _document: {
-      type: Object,
-      default: () => ({})
-    },
-    // Article object
-    index: {
-      type: Number,
-      required: !0
-    },
-    articleList: {
-      type: Array,
-      required: !0
-    },
-    // If priceType checkboxes should be visible
-    enablePriceTypes: {
-      type: Boolean,
-      default: !0
-    },
-    hidePriceInput: {
-      type: Boolean,
-      default: !1
-    },
-    hidePriceOnNew: {
-      type: Boolean,
-      default: !1
-    },
-    isIncVat: {
-      type: Boolean,
-      default: !1
-    },
-    rootPriceType: {
-      type: String,
-      default: "fixed"
-    },
-    currency: {
-      type: String,
-      required: !0
-    },
-    activeHouseWorkType: {
-      type: String,
-      default: null
-    },
-    // Mixin props are not injected when rendered within a portal
-    viewSettings: {
-      type: Object,
-      default: () => ({
-        canEdit: !1,
-        isForm: !1,
-        setFormValue: null,
-        isPublicForm: !1
-      })
-    }
-  },
-  validations: z,
-  data() {
-    return {
-      priceSuffix: He,
-      updateData: $,
-      addSavedArticle: M,
-      vatOptions: [
-        { value: 25, translation: "25%" },
-        { value: 12, translation: "12%" },
-        { value: 6, translation: "6%" },
-        { value: 0, translation: "0%" }
-      ],
-      showDiscountInput: !1,
-      setPricesIncVat: !1,
-      getCurrencySymbol: I,
-      articleUnitLabel: f
-    };
-  },
-  computed: {
-    ...h({
-      allowHidePrice: "settings/allowHidePrice",
-      getCompanySetting: "settings/getCompanySetting",
-      feature: "application/feature"
-    }),
-    article: {
-      get() {
-        return this.articleList[this.index] || {};
-      },
-      set(s) {
-        this.$emit("input", s);
-      }
-    },
-    useVat() {
-      return o(this, "_document.useVat") || "";
-    },
-    vatType() {
-      return o(this, "_document.vatType") || "";
-    },
-    checkboxItems() {
-      const { article: s } = this || {}, { priceType: e } = this.article || {}, t = [
-        ...e !== "markup" ? [
-          {
-            label: this.$t("discount").capitalize(),
-            value: s.discount || this.showDiscountInput,
-            onClick: () => {
-              this.showDiscountInput || this.focusEl("discountInput"), this.showDiscountInput = !this.showDiscountInput;
-            }
-          }
-        ] : [],
-        ...this.getCompanySetting("showRot") || s.isDeductable ? [
-          {
-            label: this.$t("_common:deduction.rot"),
-            value: this.article.isDeductable,
-            onClick: () => this.updateArticle(!s.isDeductable, "isDeductable")
-          }
-        ] : [],
-        ...this.getCompanySetting("showRut") || s.isRut ? [
-          {
-            label: this.$t("_common:deduction.rut"),
-            value: s.isRut,
-            onClick: () => this.updateArticle(!s.isRut, "isRut")
-          }
-        ] : [],
-        ...s.greenRot15 ? [
-          {
-            label: this.$t("_common:deduction.greenRot15_percentage"),
-            value: s.greenRot15,
-            onClick: () => this.updateArticle(!s.greenRot15, "greenRot15")
-          }
-        ] : [],
-        ...this.getCompanySetting("showGreenRot") || s.greenRot20 || s.greenRot50 ? [
-          {
-            label: this.$t("_common:deduction.greenRot20_percentage"),
-            value: s.greenRot20,
-            onClick: () => this.updateArticle(!s.greenRot20, "greenRot20")
-          },
-          {
-            label: this.$t("_common:deduction.greenRot50_percentage"),
-            value: s.greenRot50,
-            onClick: () => this.updateArticle(!s.greenRot50, "greenRot50")
-          }
-        ] : []
-      ];
-      if (this.allowHidePrice) {
-        const { showPrice: i } = s || {};
-        t.push({
-          label: this.$t("hidePriceLabel"),
-          value: !i,
-          onClick: () => this.updateArticle(!i, "showPrice")
-        });
-      }
-      return t;
-    },
-    priceTypeOptions() {
-      if (!this.enablePriceTypes || this.rootPriceType === "fixed")
-        return [];
-      const { priceType: s } = this.article, e = (i) => this.$t(`priceTypeTooltips.${i}`), t = [
-        {
-          label: this.$t("price.fixed"),
-          tooltip: e("fixed"),
-          value: s === "fixed",
-          onClick: () => this.updateArticle("fixed", "priceType")
-        }
-      ];
-      return this.rootPriceType === "approx" && t.push({
-        label: this.$t("price.approx"),
-        tooltip: e("approx"),
-        value: s === "approx",
-        onClick: () => this.updateArticle("approx", "priceType")
-      }), this.rootPriceType.startsWith("openAcc") && (t.push({
-        label: this.$t("price.openAcc"),
-        tooltip: e("openAcc"),
-        value: s === "openAcc",
-        onClick: () => this.updateArticle("openAcc", "priceType")
-      }), t.push({
-        label: this.$t("price.markup"),
-        tooltip: e("markup"),
-        value: s === "markup",
-        onClick: () => this.updateArticle("markup", "priceType")
-      })), t;
-    }
-  },
-  watch: {
-    index: {
-      immediate: !0,
-      handler(s, e) {
-        s !== e && (this.showDiscountInput = !1);
-      }
-    },
-    isIncVat: {
-      immediate: !0,
-      handler(s) {
-        this.setPricesIncVat = !!s;
-      }
-    },
-    "article.discount": {
-      immediate: !0,
-      handler(s) {
-        s && (this.showDiscountInput = !0);
-      }
-    },
-    "article.priceType": {
-      handler(s) {
-        s === "markup" && (this.showDiscountInput = !1), ["openAcc", "markup"].includes(s) && this.updateArticle(1, "quantity");
-      }
-    },
-    showDiscountInput(s) {
-      s || this.updateArticle(0, "discount");
-    }
-  },
-  mounted() {
-    !this.article.name && this.$refs.nameInput && this.$refs.nameInput.focus(), document.addEventListener("keydown", this.onKeydown);
-  },
-  beforeDestroy() {
-    document.removeEventListener("keydown", this.onKeydown);
-  },
-  methods: {
-    ...v({
-      createArticle: p.DO_CREATE_ARTICLE
-    }),
-    onCustomVatBlur(s) {
-      o(s, "target.value") || "" || this.updateArticle(0, "vat");
-    },
-    onCustomVatInput(s) {
-      const e = o(s, "target.value") || "";
-      if (!e)
-        return;
-      let t = e > 100 ? e.slice(0, e.length - 1) : e;
-      t < 0 && (t = 0), this.updateArticle(Number.parseFloat(t), "vat");
-    },
-    updateArticle(s, e) {
-      this.article = $(this.article, s, e);
-    },
-    close() {
-      this.$emit("close");
-    },
-    onKeydown(s) {
-      s.keyCode === 13 && s.shiftKey && (s.preventDefault(), this.addNewArticle());
-    },
-    onGo(s) {
-      const e = this.index + s;
-      this.articleList[e] && (this.close(), this.$emit("open-modal", e));
-    },
-    async addNewArticle() {
-      this.$v.$invalid || await this.saveArticle(), this.$emit("add", { openModal: !0 }), this.close();
-    },
-    focusEl(s) {
-      this.$nextTick(() => {
-        this.$nextTick(() => {
-          this.$refs[s] && this.$refs[s].focus && this.$refs[s].focus();
-        });
-      });
-    },
-    onTotalPriceInputFocus() {
-      this.article.quantity > 1 && this.$nextTick(() => {
-        this.$refs.priceInput && this.$refs.priceInput.focus();
-      });
-    },
-    toggleDiscountType() {
-      let s = "fixed";
-      this.article.discountType === "fixed" && (s = "percentage"), this.updateArticle(s, "discountType");
-    },
-    async onSaveArticle() {
-      if (this.$v.$invalid) {
-        this.$v.$touch();
-        return;
-      }
-      await this.saveArticle(), this.close();
-    },
-    async saveArticle() {
-      if (this.viewSettings.isPublicForm)
-        return;
-      let { ArticleId: s } = this.article;
-      !s && ((t) => typeof t == "string" && !!t.trim())(this.article.name) && (s = await this.createArticle({
-        body: this.article,
-        showMessage: !1
-      }), this.article = { ...this.article, ArticleId: s });
-    }
-  }
-};
-var pt = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "font-inter", class: {
-    "full-screen": e.mq === "sm",
-    "modal-overlay": !0
-  }, on: { "&click": function(i) {
-    return i.target !== i.currentTarget ? null : e.close.apply(null, arguments);
-  } } }, [t("div", { staticClass: "modal-container" }, [e.mq !== "sm" ? t("ListModalButtons", { attrs: { "can-forward": !!e.articleList[e.index + 1], "can-backward": !!e.articleList[e.index - 1] }, on: { close: e.close, go: function(i) {
-    return e.onGo(i);
-  } } }) : t("div", { staticClass: "modal-close", on: { click: e.close } }, [t("CIcon", { attrs: { type: "x" } })], 1), t("transition", { attrs: { name: "slide" } }, [t("div", { key: e.article._uniqueId, staticClass: "modal-main" }, [t("CField", { staticClass: "label-selector", staticStyle: { "margin-bottom": "1.5em" }, attrs: { validator: e.$v.article.name, messages: { maxLength: e.$t("validations.name.maxLength") }, label: e.$t("name").capitalize(), "label-position": "inside" } }, [t("ArticleAutocomplete", { ref: "nameInput", staticClass: "input-selector", attrs: { value: e.article.name, autosize: !0, tag: "textarea", placeholder: "", size: "large" }, on: { input: function(i) {
-    return e.updateArticle(i, "name");
-  }, select: function(i) {
-    e.$emit(
-      "input",
-      e.addSavedArticle({
-        stored: i,
-        current: e.article,
-        hidePrice: e.hidePriceOnNew,
-        activeHouseWorkType: e.activeHouseWorkType
-      })
-    );
-  } } })], 1), t("div", { staticClass: "flex w-full", staticStyle: { "margin-bottom": "1.5em" } }, [t("CField", { staticClass: "label-selector form-control form-control-left flex-grow", staticStyle: { "margin-bottom": "0" }, attrs: { label: e.$t("quantity").capitalize(), "label-position": "inside" } }, [t("CInput", { staticClass: "input-selector", attrs: { value: e.article.quantity, disabled: ["openAcc", "markup"].includes(e.article.priceType), placeholder: "", type: "number", size: "large" }, on: { input: function(i) {
-    e.updateArticle(Number.parseFloat(i), "quantity");
-  } } })], 1), t("ArticleUnitSelect", { attrs: { value: e.article.unitType, "is-public-form": e.viewSettings.isPublicForm }, on: { input: function(i) {
-    return e.updateArticle(i, "unitType");
-  } } }, [t("CButton", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "8em", "box-shadow": "none" } }, [e._v(" " + e._s(e.articleUnitLabel(e.article.unitType, { count: e.article.quantity })) + " ")])], 1)], 1), e.hidePriceInput ? e._e() : [t("div", { staticClass: "flex", staticStyle: { "margin-bottom": "1.5em" } }, [t("CField", { staticClass: "label-selector form-control form-control-left flex-1", staticStyle: { "margin-bottom": "0" }, attrs: { label: e.$t("price.price").capitalize(), "label-position": "inside" } }, [t("CPriceInput", { key: e.priceSuffix(e.article), ref: "priceInput", staticClass: "input-selector", attrs: { value: e.article.price, currency: e.article.currency, "is-inc-vat": e.article.priceType !== "markup" && e.setPricesIncVat, vat: e.article.vat, "price-type": e.article.priceType, "unit-label": e.articleUnitLabel(e.article.unitType) }, on: { input: function(i) {
-    return e.updateArticle(i, "price");
-  }, "update:currency": function(i) {
-    return e.$emit("update:currency", i);
-  }, focus: function(i) {
-    return e.$emit("focus");
-  } } })], 1), e.useVat ? t("div", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "8em" }, on: { click: function(i) {
-    e.setPricesIncVat = !e.setPricesIncVat;
-  } } }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")]) : e._e()], 1), e.showDiscountInput ? t("div", { staticClass: "flex", staticStyle: { "margin-bottom": "1.5em" } }, [t("CField", { staticClass: "label-selector form-control form-control-left flex-grow", staticStyle: { "margin-bottom": "0" }, attrs: { label: e.$t("discount").capitalize(), "label-position": "inside" } }, [t("CPriceInput", { ref: "discountInput", staticClass: "input-selector", attrs: { value: e.article.discount, currency: e.article.currency, "is-inc-vat": e.article.discountType !== "percentage" && e.setPricesIncVat, vat: e.article.vat, "suffix-class": "text-gray-400" }, on: { input: function(i) {
-    e.updateArticle(Math.abs(i), "discount");
-  } }, scopedSlots: e._u([e.article.discountType === "fixed" ? { key: "suffix", fn: function() {
-    return [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")];
-  }, proxy: !0 } : { key: "suffix", fn: function() {
-    return [e._v(" " + e._s(e.getCurrencySymbol(e.article.currency)) + " ")];
-  }, proxy: !0 }], null, !0) })], 1), t("div", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "5em" }, on: { click: function(i) {
-    return e.updateArticle(
-      e.article.discountType === "percentage" ? "fixed" : "percentage",
-      "discountType"
-    );
-  } } }, [e._v(" " + e._s(e.article.discountType === "percentage" ? "%" : e.getCurrencySymbol(e.article.currency)) + " ")])], 1) : e._e()], t("div", { staticStyle: { margin: "calc(1 * var(--rem)) calc(-0.5 * var(--rem))" } }, [e.useVat ? [e.feature("regionSE") && Number.isInteger(e.article.vat) ? t("select", { staticClass: "select-css tag-item no-chevron", staticStyle: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" }, domProps: { value: e.article.vat }, on: { input: function(i) {
-    e.updateArticle(Number.parseFloat(i.target.value), "vat");
-  } } }, e._l(e.vatOptions, function({ translation: i, value: n }, a) {
-    return t("option", { key: a, domProps: { value: n } }, [e._v(" " + e._s(e.$t(`vat.${e.vatType}`)) + " " + e._s(i) + " ")]);
-  }), 0) : t("span", { staticClass: "select-css tag-item no-chevron", staticStyle: { display: "inline", "min-height": "initial", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" } }, [e._v(" " + e._s(e._document.$t("vat").capitalize()) + " "), t("input", { staticStyle: { width: "calc(2.5 * var(--rem))", display: "inline", background: "hsl(0, 0%, 94%)", "border-color": "hsl(0, 0%, 94%)", color: "hsl(0, 0%, 30%)" }, attrs: { type: "number" }, domProps: { value: e.article.vat || 0 }, on: { blur: e.onCustomVatBlur, input: e.onCustomVatInput } }), e._v(" % ")])] : e._e(), e.priceTypeOptions.length ? t("div", { staticClass: "tag-group", staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, e._l(e.priceTypeOptions, function({ label: i, value: n, onClick: a, tooltip: r }, c) {
-    return t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
-      content: r,
-      delay: { show: 300, hide: 0 }
-    }, expression: `{
-                content: tooltip,
-                delay: { show: 300, hide: 0 }
-              }` }], key: i + c, staticClass: "tag-item", class: { active: n }, on: { click: a } }, [e._v(" " + e._s(i) + " ")]);
-  }), 0) : e._e(), t("div", { staticStyle: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "margin-top": "1em" } }, e._l(e.checkboxItems, function({ label: i, value: n, onClick: a }, r) {
-    return t("div", { key: i + r, staticClass: "tag-item", class: { active: n }, on: { click: a } }, [e._v(" " + e._s(i) + " ")]);
-  }), 0)], 2)], 2)]), t("div", { staticClass: "flex space-x-4 overflow-hidden p-4 md:p-9" }, [t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
-    offset: 7,
-    html: !0,
-    content: `
-            <div style='margin-bottom: 0.6em;'>
-              ${e.$t("saveAndAddTooltip")}
-            </div>
-            <div class='flex items-center justify-center' style='padding-bottom: 0.5em;'>
-              <div style='text-align: center; background-color: hsl(0, 0%, 40%); line-height: 1; border-radius: 0.5em; display: inline-flex; align-items: center; justify-content: center; padding: 0.5em;'>
-                <svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 35 35'><path fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M11.208 31h12.584V15.895h8.732L17.5 1.39 2.476 15.895h8.732V31z'/></svg>
-              </div>
-              <div style='text-align: center; background-color: hsl(0, 0%, 40%); line-height: 1; border-radius: 0.5em; display: inline-flex; align-items: center; justify-content: center; padding: 0.5em; margin-left: 0.5em;'>
-                <svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 -12 50 50'><path fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' stroke d='M45.706.897c.55.002.994.458.993.994l-.036 18.01c0 .55-.44.996-1.008.996H5.12l10.568 8.886-1.467 1.738L0 19.758 14.22 8l1.468 1.738L5.12 18.624h38.987c.162 0 .293-.134.293-.296V3.445c0-.163-.144-.295-.292-.295H32.054c-.278 0-.504-.23-.504-.5v-1.3c0-.277.214-.5.504-.498l13.652.045z'/></svg>
-              </div>
-            </div>
-          `
-  }, expression: `{
-          offset: 7,
-          html: true,
-          content: \`
-            <div style='margin-bottom: 0.6em;'>
-              \${$t('saveAndAddTooltip')}
-            </div>
-            <div class='flex items-center justify-center' style='padding-bottom: 0.5em;'>
-              <div style='text-align: center; background-color: hsl(0, 0%, 40%); line-height: 1; border-radius: 0.5em; display: inline-flex; align-items: center; justify-content: center; padding: 0.5em;'>
-                <svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 35 35'><path fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M11.208 31h12.584V15.895h8.732L17.5 1.39 2.476 15.895h8.732V31z'/></svg>
-              </div>
-              <div style='text-align: center; background-color: hsl(0, 0%, 40%); line-height: 1; border-radius: 0.5em; display: inline-flex; align-items: center; justify-content: center; padding: 0.5em; margin-left: 0.5em;'>
-                <svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 -12 50 50'><path fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' stroke d='M45.706.897c.55.002.994.458.993.994l-.036 18.01c0 .55-.44.996-1.008.996H5.12l10.568 8.886-1.467 1.738L0 19.758 14.22 8l1.468 1.738L5.12 18.624h38.987c.162 0 .293-.134.293-.296V3.445c0-.163-.144-.295-.292-.295H32.054c-.278 0-.504-.23-.504-.5v-1.3c0-.277.214-.5.504-.498l13.652.045z'/></svg>
-              </div>
-            </div>
-          \`
-        }` }], staticStyle: { padding: "1.75em", height: "4em", "font-size": "16px", "background-color": "hsl(231, 4%, 20%)", "border-color": "hsl(231, 4%, 20%)" }, attrs: { type: "primary", tabindex: "0", size: "large" }, on: { click: e.addNewArticle } }, [t("CIcon", { staticStyle: { margin: "-3px" }, attrs: { type: "zap", size: "21" } })], 1), t("CButton", { staticClass: "flex-grow", staticStyle: { padding: "1.75em", height: "4em", "font-size": "16px" }, attrs: { size: "large", type: "secondary", "full-width": "", tabindex: "0" }, on: { click: e.onSaveArticle } }, [e._v(" " + e._s(e.$t("save")) + " ")])], 1)], 1)]);
-}, ht = [], mt = /* @__PURE__ */ u(
-  dt,
-  pt,
-  ht,
-  !1,
-  null,
-  "87105822"
-);
-const ft = mt.exports, vt = {
-  i18nOptions: {
-    name: "ArticleListEdit",
-    namespaces: "ArticleListEdit",
-    messages: {
-      en: {
-        vatOption: {
-          label: "Enter",
-          message: "You are now entering prices {{- vatOption}}."
-        }
-      },
-      sv: {
-        vatOption: {
-          label: "Ange",
-          message: "Du anger priser {{- vatOption}} nu"
-        }
-      }
-    }
-  },
-  components: {
-    // eslint-disable-next-line vue/no-reserved-component-names
-    Article: Ye,
-    ArticleModal: ft,
-    WithDimensions: le,
-    draggable: ue
-  },
-  mixins: [y([])],
-  props: {
-    _document: {
-      type: Object,
-      default: () => ({})
-    },
-    articles: {
-      type: Array,
-      required: !0
-    },
-    activeHouseWorkType: {
-      type: String,
-      default: null
-    },
-    rootPriceType: {
-      type: String,
-      default: "fixed"
-    },
-    hideControls: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      selectedIndex: null,
-      showModal: !1
-    };
-  },
-  computed: {
-    ...h({
-      hidePriceInput: "settings/allowHideDocArticlePriceInput",
-      hidePriceOnNew: "settings/hidePriceOnNewlyAddedArticles"
-    }),
-    articlesWithTotal() {
-      return T(this.articles);
-    },
-    isIndivid() {
-      return o(this._document, "prices.helpers.isIndivid", !0);
-    },
-    setPricesIncVat() {
-      return o(this, "_document.setPricesIncVat", null);
-    },
-    currency() {
-      return o(this._document, "currency");
-    },
-    useVat() {
-      return o(this, "_document.useVat");
-    },
-    vatType() {
-      return o(this, "_document.vatType");
-    },
-    showVatToggle() {
-      return this.useVat && (this.setPricesIncVat || (this.articles || []).some(({ vat: s }) => s !== null));
-    }
-  },
-  watch: {
-    activeHouseWorkType: {
-      immediate: !0,
-      handler(s) {
-        this.toggleDeductions(s);
-      }
-    },
-    isIndivid(s) {
-      s || this.toggleDeductions(!1);
-    },
-    setPricesIncVat(s) {
-      this.updateArticlesVatOption(), ["extension", "widget"].includes(ie.value) || this.showMessage({
-        type: "info",
-        message: this.$t("vatOption.message", {
-          vatOption: this.$t(`_common:vat.${s ? "incVat" : "exVat"}`, {
-            thing: this.$t("_common:vat.sharedTitle")
-          })
-        })
-      });
-    }
-  },
-  methods: {
-    ...v({
-      showMessage: p.SHOW_MESSAGE
-    }),
-    openModal(s, { focusEl: e = "" } = {}) {
-      this.selectedIndex = s, this.showModal = !0, e && this.$nextTick(() => {
-        this.$nextTick(() => {
-          this.$refs.articleModal && this.$refs.articleModal.focusEl(e);
-        });
-      });
-    },
-    updateArticleObject(s, e) {
-      const t = e;
-      this.isIndivid || (t.isDeductable = !1, t.isRut = !1, t.greenRot15 = !1, t.greenRot20 = !1, t.greenRot50 = !1), this.$emit("input", { index: s, value: t });
-    },
-    onRemoveArticle(s) {
-      this.$emit("remove", s);
-    },
-    onEsc(s, e) {
-      s === this.articles.length - 1 && ["name", "price", "discount"].every((t) => !e[t]) && this.onRemoveArticle(s);
-    },
-    changeVat() {
-      this.$emit("update:setPricesIncVat", !this.setPricesIncVat);
-    },
-    updateArticlesVatOption() {
-      this.articles.forEach((s, e) => {
-        if (s.priceType === "markup")
-          return;
-        let t = g({ amount: s.price }).divide(
-          (100 + s.vat) * 0.01
-        );
-        this.setPricesIncVat || (t = g({ amount: s.price }).multiply(
-          (100 + s.vat) * 0.01
-        )), this.updateArticleObject(
-          e,
-          T({ ...s, price: t.getAmount() })
-        );
-      });
-    },
-    // Method used by parent component
-    focusLastArticle() {
-      this.$nextTick(
-        () => this.$refs.articleItem[this.articles.length - 1].focusName()
-      );
-    },
-    openLastArticle() {
-      this.$nextTick(() => this.openModal(this.articles.length - 1));
-    },
-    toggleDeductions(s) {
-      const e = {
-        rot: "isDeductable",
-        rut: "isRut",
-        greenRot15: "greenRot15",
-        greenRot20: "greenRot20",
-        greenRot50: "greenRot50"
-      }, t = (i = []) => i.reduce((n, a) => ({ ...n, [a]: !1 }), {});
-      e[s] ? this.articles.forEach((i, n) => {
-        const a = Object.values(R(e, [s]));
-        if (a.some((r) => !!i[r])) {
-          const r = { ...i, ...t(a) };
-          this.$emit("input", { index: n, value: r });
-        }
-      }) : s === !1 && this.articles.forEach((i, n) => {
-        const a = Object.values(e);
-        if (a.some((r) => !!i[r])) {
-          const r = { ...i, ...t(a) };
-          this.$emit("input", { index: n, value: r });
-        }
-      });
-    },
-    onChange(s) {
-      const { added: e, moved: t, removed: i } = s;
-      if (e) {
-        const { newIndex: n, element: a } = e;
-        this.$emit("insert", { index: n, value: a });
-      } else if (t) {
-        const n = A(
-          this.articles,
-          t.oldIndex,
-          t.newIndex
-        );
-        this.$emit("move", n);
-      } else if (i) {
-        const { oldIndex: n } = i;
-        this.$emit("remove", n);
-      }
-    }
-  }
-};
-var gt = 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(i) {
-    return e.changeVat();
-  } } }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")])]) : e._e(), t("WithDimensions", { scopedSlots: e._u([{ key: "default", fn: function({ width: i }) {
-    return [t("draggable", e._b({ staticStyle: { "min-height": "calc(3 * var(--rem))" }, attrs: { value: e.articles, group: "articles" }, on: { change: e.onChange } }, "draggable", {
-      sort: !0,
-      animation: 150,
-      ghostClass: "article-ghost",
-      handle: ".article-draggable-handle"
-    }, !1), [t("transition-group", { staticStyle: { position: "relative", transition: "100ms" }, attrs: { name: "article-list" } }, e._l(e.articlesWithTotal, function(n, a) {
-      return t("Article", { key: n._uniqueId || 0, ref: "articleItem", refInFor: !0, staticClass: "article-item", attrs: { value: n, width: i, "hide-price-input": e.hidePriceInput, "hide-price-on-new": e.hidePriceOnNew, "is-inc-vat": e.setPricesIncVat, "hide-controls": e.hideControls, "root-price-type": e.rootPriceType, "active-house-work-type": e.activeHouseWorkType }, on: { "update:currency": function(r) {
-        return e.$emit("update:currency", r);
-      }, input: function(r) {
-        return e.updateArticleObject(a, r);
-      }, focus: function(r) {
-        return e.$emit("focus");
-      }, remove: function(r) {
-        return e.onRemoveArticle(a);
-      }, "open-modal": function(r) {
-        return e.openModal(a, r);
-      }, add: function(r) {
-        a === e.articlesWithTotal.length - 1 && e.$emit("add");
-      }, select: function(r) {
-        a === e.articlesWithTotal.length - 1 && e.$emit("add");
-      }, esc: function(r) {
-        return e.onEsc(a, n);
-      } } });
-    }), 1)], 1)];
-  } }]) }), t("Portal", { attrs: { to: "modal" } }, [e.showModal && e.articlesWithTotal[e.selectedIndex] ? t("ArticleModal", { ref: "articleModal", attrs: { _document: e._document, index: e.selectedIndex, "article-list": e.articlesWithTotal, "hide-price-input": e.hidePriceInput, "hide-price-on-new": e.hidePriceOnNew, "is-inc-vat": e.setPricesIncVat, "root-price-type": e.rootPriceType, currency: e.currency, "active-house-work-type": e.activeHouseWorkType, "view-settings": e.viewSettings }, on: { "update:currency": function(i) {
-    return e.$emit("update:currency", i);
-  }, input: function(i) {
-    return e.updateArticleObject(e.selectedIndex, i);
-  }, add: function(i) {
-    return e.$emit("add", i);
-  }, "open-modal": e.openModal, close: function(i) {
-    e.showModal = !1;
-  } } }) : e._e()], 1)], 1);
-}, yt = [], _t = /* @__PURE__ */ u(
-  vt,
-  gt,
-  yt,
-  !1,
-  null,
-  "ca68ac6a"
-);
-const kt = _t.exports, $t = {
-  name: "MaxTotalInput",
-  i18nOptions: {
-    namespaces: "MaxTotalInput",
-    messages: {
-      en: {
-        maxTotalLabel: "Add a price"
-      },
-      sv: {
-        maxTotalLabel: "Ange ett pris"
-      }
-    }
-  },
-  components: {
-    CPriceInput: w
-  },
-  props: {
-    value: {
-      type: Number,
-      default: null
-    },
-    currency: {
-      type: String,
-      required: !0
-    },
-    vatType: {
-      type: String,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      getCurrencySymbol: I
-    };
-  },
-  computed: {
-    ...h({
-      isIncVat: "application/isIncVat"
-    })
-  },
-  watch: {
-    isIncVat(s) {
-      let e = g({ amount: this.value }).divide(1.25);
-      s || (e = g({ amount: this.value }).multiply(125 * 0.01)), this.$emit("input", e.getAmount());
-    }
-  }
-};
-var xt = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex w-full justify-end" }, [t("CPriceInput", { staticClass: "mt-4 max-w-[275px] text-sm", attrs: { value: e.value, currency: e.currency, "is-inc-vat": e.isIncVat, vat: 25, placeholder: e.$t("maxTotalLabel"), min: "0", "prefix-class": "text-gray-400", "suffix-class": "text-gray-400" }, on: { input: function(i) {
-    return e.$emit("input", i);
-  } }, scopedSlots: e._u([{ key: "prefix", fn: function() {
-    return [e._v(e._s(e.$t("price.maxPrice").capitalize()))];
-  }, proxy: !0 }, { key: "suffix", fn: function() {
-    return [t("span", [e._v(" " + e._s(e.getCurrencySymbol(e.currency)) + " " + e._s(e.$t(`vat.${e.isIncVat ? "incVat" : "exVat"}`, { thing: e.$t(`vat.${e.vatType}`) })) + " ")])];
-  }, proxy: !0 }]) })], 1);
-}, bt = [], wt = /* @__PURE__ */ u(
-  $t,
-  xt,
-  bt,
-  !1,
-  null,
-  null
-);
-const Ct = wt.exports, Tt = {
-  components: {
-    CDropdown: x,
-    CDropdownItem: b
-  },
-  props: {
-    value: {
-      type: String,
-      default: "fixed"
-    }
-  },
-  data() {
-    return {
-      priceTypeOptions: ["fixed", "approx", "openAcc", "openAccMaxPrice"]
-    };
-  }
-};
-var It = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "flex justify-end" }, [t("CDropdown", { attrs: { value: e.value }, scopedSlots: e._u([{ key: "trigger", fn: function() {
-    return [t("CButton", { staticClass: "price-type-button" }, [e._v(" " + e._s(e.$t("price.pricing").capitalize()) + ": "), t("span", [e._v(e._s(e.$t(`price.${e.value}`)))])])];
-  }, proxy: !0 }]) }, e._l(e.priceTypeOptions, function(i) {
-    return t("CDropdownItem", { key: i, staticClass: "text-right", attrs: { value: i }, on: { click: function(n) {
-      return e.$emit("input", i);
-    } } }, [e._v(" " + e._s(e.$t(`price.${i}`)) + " ")]);
-  }), 1)], 1);
-}, At = [], St = /* @__PURE__ */ u(
-  Tt,
-  It,
-  At,
-  !1,
-  null,
-  "06e47e62"
-);
-const Pt = St.exports, Vt = {
-  name: "EditDeduction",
-  components: {
-    CPriceInput: w
-  },
-  mixins: [y(["houseWorkManualAmount"])],
-  props: {
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    total: {
-      type: Number,
-      required: !0
-    },
-    houseWorkType: {
-      type: String,
-      default: "rot"
-    },
-    houseWorkAmount: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      amountUnit: "fixed",
-      internalValue: null
-    };
-  },
-  watch: {
-    houseWorkType(s) {
-      s || (this.houseWorkManualAmount = null);
-    }
-  },
-  methods: {
-    setDeduction(s) {
-      this.internalValue = g({ amount: this.total }).multiply(s).getAmount();
-    },
-    showModal() {
-      this.internalValue = this.houseWorkAmount, this.$modal.show(`deduction-modal-${this._uid}`);
-    }
-  }
-};
-var Dt = function() {
-  var e = this, t = e._self._c;
-  return t("div", [t("modal", e._b({ attrs: { name: `deduction-modal-${e._uid}` } }, "modal", {
-    adaptive: !0,
-    height: "auto",
-    width: "90%",
-    maxWidth: 420,
-    classes: "primary"
-  }, !1), [t("div", { staticClass: "deduction-modal flex w-full flex-col items-center justify-between rounded-lg" }, [t("div", { staticStyle: { "font-size": "calc(calc(1 * var(--rem)) + 2px)", "font-weight": "800", "text-align": "center", "margin-bottom": "calc(1.5 * var(--rem))" } }, [e._v(" " + e._s(e.$t("deduction.manualType", { type: e.$t(`deduction.${e.houseWorkType}`) })) + " ")]), t("div", { staticStyle: { "margin-bottom": "calc(1 * var(--rem))", width: "100%" } }, [t("CPriceInput", { attrs: { currency: "SEK", placeholder: e.$t("enterThing", { thing: e.$t("deduction.deduction") }), min: "0", size: "medium", "suffix-class": "text-gray-400" }, scopedSlots: e._u([{ key: "suffix", fn: function() {
-    return [e._v(e._s(e.$t("currency.SEK")))];
-  }, proxy: !0 }]), model: { value: e.internalValue, callback: function(i) {
-    e.internalValue = e._n(i);
-  }, expression: "internalValue" } })], 1), t("div", { staticClass: "flex w-full flex-wrap justify-center gap-2" }, e._l([
-    { v: 0.09, l: "9%" },
-    { v: 0.105, l: "10.5%" },
-    { v: 0.1455, l: "14.55%" },
-    { v: 0.194, l: "19.4%" },
-    { v: 0.21, l: "21%" },
-    { v: 0.485, l: "48.5%" },
-    { v: 0.5, l: "50%" }
-  ], function(i) {
-    return t("div", { key: i.l, staticClass: "deduction-button", class: {
-      active: Math.round(e.total * i.v * 0.01) * 100 === e.internalValue
-    }, on: { click: function(n) {
-      return e.setDeduction(i.v);
-    } } }, [e._v(" " + e._s(i.l) + " ")]);
-  }), 0), t("CButton", { staticClass: "mt-8", attrs: { type: "secondary", wide: "" }, on: { click: function(i) {
-    e.houseWorkManualAmount = e.internalValue, e.$modal.hide(`deduction-modal-${e._uid}`);
-  } } }, [e._v(" " + e._s(e.$t("save")) + " ")]), t("CButton", { staticClass: "mt-2", attrs: { type: "secondary", pattern: "tertiary", wide: "" }, on: { click: function(i) {
-    e.houseWorkManualAmount = null, e.$modal.hide(`deduction-modal-${e._uid}`);
-  } } }, [e._v(" " + e._s(e.$t("reset")) + " ")])], 1)]), e.houseWorkManualAmount ? t("portal", { attrs: { order: 2, to: "document-nav-bottom" } }, [t("div", { staticClass: "housework-manual-nav", on: { click: function(i) {
-    return e.$modal.show(`deduction-modal-${e._uid}`);
-  } } }, [t("svg", { staticClass: "css-i6dzq1", staticStyle: { "margin-right": "0.5em" }, attrs: { viewBox: "0 0 24 24", width: "12", height: "12", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" } }), t("line", { attrs: { x1: "12", y1: "9", x2: "12", y2: "13" } }), t("line", { attrs: { x1: "12", y1: "17", x2: "12.01", y2: "17" } })]), e._v(" " + e._s(e.$t("deduction.manualType", { type: e.$t(`deduction.${e.houseWorkType}`) })) + " " + e._s(e.$t("using")) + " ")])]) : e._e()], 1);
-}, Rt = [], Ot = /* @__PURE__ */ u(
-  Vt,
-  Dt,
-  Rt,
-  !1,
-  null,
-  "cff30915"
-);
-const Lt = Ot.exports, Mt = {
-  name: "Pricing",
-  components: {
-    EditDeduction: Lt
-  },
-  props: {
-    _document: {
-      type: Object,
-      default: () => ({})
-    },
-    basePath: {
-      type: String,
-      default: "data.prices"
-    },
-    packageId: {
-      type: String,
-      default: null
-    }
-  },
-  data() {
-    return {
-      get: o
-    };
-  },
-  computed: {
-    vatType() {
-      return o(this, "_document.vatType");
-    },
-    priceArray() {
-      return [
-        {
-          label: this._document.$t("price.net"),
-          value: this.prices.subTotal
-        },
-        ...this.prices.useVat ? [
-          {
-            label: this._document.$t(`vat.${this.vatType}`),
-            value: this.prices.taxAmount
-          }
-        ] : [],
-        ...this.showHouseWork ? [
-          {
-            label: this._document.$t("deduction.type", {
-              type: this._document.$t(
-                `deduction.${this.prices.region.houseWorkType}${this.prices.region.houseWorkManualAmount === null ? "_percentage" : ""}`
-              )
-            }),
-            value: -this.prices.region.houseWorkAmount,
-            action: () => this.$refs.deduction.showModal()
-          }
-        ] : [],
-        ...this.prices.rounding.enabled && this.prices.rounding.show ? [
-          {
-            label: this._document.$t(
-              "chapters.pricingSummary.blocks.rounding"
-            ),
-            value: this.prices.roundingAmount
-          }
-        ] : [],
-        ...this.prices.helpers.discount ? [
-          {
-            label: this._document.$t("price.discount"),
-            value: -this.prices.helpers.discount
-          }
-        ] : [],
-        {
-          classList: "main",
-          label: this._document.$t("total"),
-          subLabel: this.prices.useVat ? this._document.$t("vat.incVat") : "",
-          prefix: this.prices.type === "approx" ? `${this._document.$t("approx")} ` : "",
-          value: this.prices.total
-        },
-        ...typeof this.prices.maxTotal == "number" ? [
-          {
-            classList: "main",
-            label: this._document.$t("price.maxPrice"),
-            subLabel: this.prices.useVat ? this._document.$t("vat.incVat") : "",
-            value: Math.round(this.prices.maxTotal * 1.25 || 0)
-            // ! Hard coded swedish VAT
-          }
-        ] : []
-      ].map((e) => ({
-        ...e,
-        value: k(e.value, {
-          showZero: !0,
-          decimals: 2,
-          currency: this.prices.currency
-        })
-      }));
-    },
-    prices() {
-      const { prices: s } = this._document.packageGroups.getPackageById(
-        this.packageId
-      );
-      return s;
-    },
-    showHouseWork() {
-      return !!o(this.prices, "region.houseWorkType", !1) || !!o(this.prices, "region.houseWorkManualAmount", !1);
-    }
-  }
-};
-var Et = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "price-bubble" }, [t("div", { staticClass: "flex w-full items-center justify-between" }, [e.showHouseWork ? t("EditDeduction", e._g({ ref: "deduction", attrs: { disabled: !e.get(e.prices, "region.houseWorkType", !1), _document: e._document, _value: {
-    houseWorkManualAmount: `${e.basePath}.data.prices.region.houseWorkManualAmount`
-  }, "house-work-type": e.prices.region.houseWorkType, "house-work-amount": e.prices.region.houseWorkAmount, total: e.prices.subTotal + e.prices.taxAmount } }, e.$listeners)) : e._e()], 1), t("div", e._l(e.priceArray, function(i, n) {
-    return t("div", { key: n, staticClass: "price-row flex w-full justify-between", class: [i.classList || ""] }, [t("div", { staticClass: "price-label" }, [e._v(" " + e._s(i.label.capitalize()) + " "), i.subLabel ? t("span", { staticClass: "pricing-sub-label" }, [e._v(" " + e._s(i.subLabel) + " ")]) : e._e(), i.action ? t("span", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("edit", { thing: e.$t("deduction.deduction") }), expression: "$t('edit', { thing: $t('deduction.deduction') })" }], staticClass: "pricing-action", on: { click: function(a) {
-      i.action && i.action();
-    } } }, [t("svg", { attrs: { viewBox: "0 0 24 24", width: "15", height: "15", stroke: "currentColor", "stroke-width": "2.5", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" } }), t("path", { attrs: { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" } })])]) : e._e()]), t("div", { staticClass: "price-value" }, [e._v(" " + e._s(i.prefix) + " " + e._s(i.value) + " ")])]);
-  }), 0)]);
-}, zt = [], Wt = /* @__PURE__ */ u(
-  Mt,
-  Et,
-  zt,
-  !1,
-  null,
-  "b501fae0"
-);
-const Bt = Wt.exports, Ft = {
-  name: "PackageItemEdit",
-  i18nOptions: {
-    namespaces: "PackageItemEdit",
-    messages: {
-      en: {
-        base: "Default package",
-        single: "Single option",
-        option: "Selectable package",
-        namePlaceholder: "Package name",
-        textPlaceholder: "Package description",
-        selected: "Pre selected",
-        addButton: "Product / service",
-        advancedButtonTooltip: "Open advanced settings"
-      },
-      sv: {
-        base: "Grundpaket",
-        single: "Ett alternativ",
-        option: "Valbart alternativ",
-        namePlaceholder: "Paketets namn",
-        textPlaceholder: "Beskrivning av paketet",
-        selected: "Förvald",
-        addButton: "Vara / tjänst",
-        advancedButtonTooltip: "Öppna avancerat läge"
-      }
-    }
-  },
-  components: {
-    ArticleList: kt,
-    PriceFormAlternatives: Pt,
-    MaxTotalInput: Ct,
-    Pricing: Bt,
-    TextEditor: ce,
-    CDropdown: x,
-    CDropdownItem: b
-  },
-  mixins: [
-    y([
-      "isSelectedDefault",
-      "isSelected",
-      "name",
-      "description",
-      "priceType",
-      "maxTotal",
-      "currency"
-    ])
-  ],
-  props: {
-    packageId: {
-      type: String,
-      required: !0
-    },
-    type: {
-      type: String,
-      required: !0
-    },
-    activeHouseWorkType: {
-      type: String,
-      default: null
-    },
-    toggable: {
-      type: Boolean,
-      default: !0
-    },
-    moveOptions: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      isFocus: !1,
-      isHover: !1
-    };
-  },
-  computed: {
-    ...h({
-      newArticle: "articles/getNewArticle"
-    }),
-    // keep info on original article array indices for updates
-    articles() {
-      return this._document.allArticles;
-    },
-    mappedPackageArticles() {
-      return (this.articles || []).map((s, e) => ({ ...s, i: e })).filter(({ packageId: s }) => s === this.packageId);
-    },
-    internalDescription: {
-      get() {
-        return se(
-          this.description,
-          this._document.textTemplateMap,
-          this._document._doc
-        );
-      },
-      set(s) {
-        this.description = ae(s);
-      }
-    }
-  },
-  watch: {
-    priceType(s, e) {
-      if (!(s && s.startsWith("open") && e && e.startsWith("open"))) {
-        if (s) {
-          const t = s.startsWith("open") ? "openAcc" : s;
-          this.mappedPackageArticles.forEach((i, n) => {
-            this.onArticleInput({
-              index: n,
-              value: {
-                ...i,
-                priceType: t,
-                ...t === "openAcc" && { quantity: 1 }
-              }
-            });
-          });
-        }
-      }
-      s !== "openAccMaxPrice" && (this.maxTotal = null);
-    }
-  },
-  methods: {
-    onRemove() {
-      this.$emit("remove-package");
-    },
-    // Article Methods
-    createEmptyArticle() {
-      const s = this.newArticle({
-        priceType: this.priceType.startsWith("open") ? "openAcc" : this.priceType,
-        packageId: this.packageId,
-        currency: this.currency
-      });
-      this.$emit("input", {
-        key: "articles",
-        value: [...this.articles, s]
-      });
-    },
-    onArticleInput({ index: s, value: e }) {
-      const { i: t } = this.mappedPackageArticles[s], i = ne(e, [
-        "allowRot",
-        "allowRut",
-        "isIncVat",
-        "rootPriceType",
-        "hideControls"
-      ]);
-      i.currency = this.currency, this.$emit("input", { key: `articles[${[t]}]`, value: i });
-    },
-    onArticleAdd({ openModal: s = !1 } = {}) {
-      this.createEmptyArticle(), s ? this.$refs.articleList.openLastArticle() : this.$refs.articleList.focusLastArticle();
-    },
-    onInsert({ index: s, value: e }) {
-      const t = re(this.mappedPackageArticles).add(
-        { ...e, packageId: this.packageId },
-        s
-      );
-      this.$emit("input", {
-        key: "articles",
-        value: [
-          ...this.articles.filter(
-            ({ packageId: i }) => i !== this.packageId
-          ),
-          ...t
-        ]
-      });
-    },
-    onArticleRemove(s) {
-      const { i: e } = this.mappedPackageArticles[s];
-      this.$emit("remove", { key: `articles[${[e]}]` });
-    },
-    onArticleMove(s) {
-      this.$emit("input", {
-        key: "articles",
-        value: [
-          ...this.articles.filter(
-            ({ packageId: e }) => e !== this.packageId
-          ),
-          ...s
-        ]
-      });
-    }
-  }
-};
-var jt = 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", scopedSlots: e._u([{ key: "trigger", fn: function() {
-    return [t("CButton", { staticClass: "is-thinner opacity-70", attrs: { size: "small", type: "text", pattern: "secondary" } }, [e._v(" " + e._s(e.$t("_common:change")) + " ")])];
-  }, proxy: !0 }], null, !1, 3891513618) }, [e.toggable ? [t("CDropdownItem", { attrs: { value: e.isSelectedDefault, toggle: !0, "close-on-click": !1 }, on: { click: function(i) {
-    return e.$emit("update:isSelectedDefault", !e.isSelectedDefault);
-  } } }, [e._v(" " + e._s(e.$t("selected")) + " ")]), t("CDropdownItem", { attrs: { separator: "" } })] : e._e(), t("CDropdownItem", { attrs: { "icon-left": "arrow-up", disabled: !e.moveOptions.up }, on: { click: function(i) {
-    return e.$emit("move", -1);
-  } } }, [e._v(" " + e._s(e.$t("_common:move", { thing: e.$t("_common:up") })) + " ")]), t("CDropdownItem", { attrs: { "icon-left": "arrow-down", disabled: !e.moveOptions.down }, on: { click: function(i) {
-    return e.$emit("move", 1);
-  } } }, [e._v(" " + e._s(e.$t("_common:move", { thing: e.$t("_common:down") })) + " ")]), t("CDropdownItem", { attrs: { "icon-props": {
-    stroke: "red"
-  }, "icon-left": "trash" }, on: { click: e.onRemove } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")])], 2) : e._e()], 1), t("div", { staticClass: "p-4" }, [t("div", { staticClass: "mb-0.5 flex items-center" }, [t("input", { directives: [{ name: "model", rawName: "v-model", value: e.name, expression: "name" }], staticClass: "block w-full rounded-lg p-0 text-xl font-bold leading-loose placeholder:text-gray-400", attrs: { id: `package-name-${e.packageId}`, placeholder: e.$t("namePlaceholder") }, domProps: { value: e.name }, on: { keyup: function(i) {
-    return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : e.$refs.editor.focus();
-  }, input: function(i) {
-    i.target.composing || (e.name = i.target.value);
-  } } })]), t("TextEditor", { ref: "editor", staticClass: "text-editor mb-4", attrs: { placeholder: e.$t("textPlaceholder"), mentions: () => e._document.textTemplateItems, snippets: !0 }, model: { value: e.internalDescription, callback: function(i) {
-    e.internalDescription = i;
-  }, expression: "internalDescription" } }), t("div", { directives: [{ name: "click-outside", rawName: "v-click-outside", value: () => {
-    e.isFocus = !1, e.isHover = !1;
-  }, expression: `
-        () => {
-          isFocus = false
-          isHover = false
-        }
-      ` }], on: { "&mouseover": function(i) {
-    e.isHover = !0;
-  }, "&mouseleave": function(i) {
-    e.isHover = !1;
-  } } }, [e.priceType === "openAccMaxPrice" ? t("MaxTotalInput", { staticClass: "mb-4", attrs: { currency: e.currency, "vat-type": e._document.vatType }, model: { value: e.maxTotal, callback: function(i) {
-    e.maxTotal = i;
-  }, expression: "maxTotal" } }) : e._e(), t("PriceFormAlternatives", { on: { input: function(i) {
-    return e.$emit("update:priceType", i);
-  } }, model: { value: e.priceType, callback: function(i) {
-    e.priceType = i;
-  }, expression: "priceType" } }), t("ArticleList", { ref: "articleList", attrs: { _document: e._document, articles: e.mappedPackageArticles, "root-price-type": e.priceType, "active-house-work-type": e.activeHouseWorkType, "hide-controls": !e.isFocus && !e.isHover }, on: { input: e.onArticleInput, "update:setPricesIncVat": function(i) {
-    return e.$emit("update:setPricesIncVat", i);
-  }, "update:currency": function(i) {
-    return e.$emit("update:currency", i);
-  }, move: e.onArticleMove, remove: e.onArticleRemove, add: e.onArticleAdd, focus: function(i) {
-    e.isFocus = !0;
-  }, insert: e.onInsert } }), t("div", { staticClass: "mt-2 flex gap-2" }, [t("div", { staticClass: "cursor-pointer rounded-md border border-gray-200 bg-gray-100 p-2.5 text-center text-sm font-medium leading-none text-gray-500 transition-colors hover:border-gray-400 hover:bg-gray-500 hover:text-white", on: { click: function(i) {
-    return e.onArticleAdd();
-  } } }, [t("CIcon", { staticClass: "mr-1", attrs: { type: "plus", size: "16", "stroke-width": "3" } }), e._v(" " + e._s(e.$t("addButton")) + " ")], 1), t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
-    content: e.$t("advancedButtonTooltip"),
-    offset: 6
-  }, expression: `{
-            content: $t('advancedButtonTooltip'),
-            offset: 6
-          }` }], staticClass: "cursor-pointer rounded-md border border-gray-200 bg-gray-100 p-2.5 text-center text-sm font-medium leading-none text-gray-500 transition-colors hover:border-gray-400 hover:bg-gray-500 hover:text-white", on: { click: function(i) {
-    return e.onArticleAdd({ openModal: !0 });
-  } } }, [t("CIcon", { attrs: { type: "zap", size: "16", "stroke-width": "2.5" } })], 1)]), t("Pricing", e._g({ attrs: { _document: e._document, "base-path": `${e._value.basePath}`, "package-id": e.packageId } }, e.$listeners))], 1)], 1)]);
-}, Nt = [], Ht = /* @__PURE__ */ u(
-  Ft,
-  jt,
-  Nt,
-  !1,
-  null,
-  "8c34e2f0"
-);
-const qt = Ht.exports, Ut = (s) => (s || []).slice(0, 1).map((e) => ({
-  ...e,
-  isSelected: !0,
-  isSelectedDefault: !0,
-  toggable: !1
-})), Gt = (s) => {
-  const e = o(s, "0.data.prices.type") || "fixed";
-  return (s || []).map((t, i) => ({
-    ...t,
-    toggable: !0,
-    ...i === 0 ? {
-      isSelected: !0,
-      isSelectedDefault: !0,
-      toggable: !1
-    } : null,
-    data: {
-      ...t.data,
-      prices: {
-        ...t.data ? t.data.prices : null,
-        type: e
-      }
-    }
-  }));
-}, Kt = (s = []) => {
-  let e = !1;
-  return s.map((t) => {
-    const i = {
-      ...t,
-      // if any earlier pkg is selected, deselect pkg, otherwise keep as is
-      ...e ? {
-        isSelected: !1,
-        isSelectedDefault: !1
-      } : null,
-      toggable: !0
-    };
-    return (i.isSelected || i.isSelectedDefault) && (e = !0), i;
-  }, []);
-};
-function Yt(s, ...e) {
-  if (s === "single")
-    return Ut(...e);
-  if (s === "checkbox")
-    return Gt(...e);
-  if (s === "radio")
-    return Kt(...e);
-  throw new Error(`Package filter type '${s}' is not implemented`);
-}
-const Zt = {
-  name: "PackageGroupEdit",
-  i18nOptions: {
-    namespaces: "PackageGroupEdit",
-    messages: {
-      en: {
-        base: "Default package",
-        add: "Add package",
-        basePlaceholder: "Add a default package that's always included.",
-        selectablePlaceholder: "Add packages your client can choose between.",
-        hideGroupPrice: "Hide summary for block",
-        reset: {
-          message: "Package type changed",
-          button: "Revert"
-        },
-        error: {
-          selectType: "Choose price type",
-          minOnePackage: "Add at least 1 package"
-        }
-      },
-      sv: {
-        base: "Grundpaket",
-        add: "Valbart alternativ",
-        basePlaceholder: "Lägg till ett baspaket som alltid ingår.",
-        selectablePlaceholder: "Lägg till valbara paket som din kund kan välja mellan.",
-        hideGroupPrice: "Dölj summering för block",
-        reset: {
-          message: "Pakettyp har ändrats",
-          button: "Återställ"
-        },
-        error: {
-          selectType: "Välj ett prisförslag",
-          minOnePackage: "Lägg till minst 1 paket"
-        }
-      }
-    }
-  },
-  components: {
-    ErrorCallout: V,
-    PackageItem: qt,
-    PackageGroupSelect: We,
-    CCallout: W,
-    CDropdown: x,
-    CDropdownItem: b
-  },
-  mixins: [
-    y([
-      "type",
-      // 'title',
-      "packages",
-      "articles",
-      "hideGroupPrice"
-    ])
-  ],
-  props: {
-    persistedGroup: {
-      type: Object,
-      default: () => ({})
-    },
-    validator: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      setPricesDirty: !1
-    };
-  },
-  computed: {
-    ...h({
-      getSetting: ["settings/getCompanySetting"],
-      defaultCurrency: "settings/defaultCurrency",
-      newArticle: "articles/getNewArticle"
-    }),
-    internalPackages() {
-      return this.packages.map((s, e) => ({ ...s, index: e }));
-    },
-    topRowPackages() {
-      return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: s }) => s === !1) : this.internalPackages;
-    },
-    bottomRowPackages() {
-      return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: s }) => s === !0) : [];
-    },
-    group() {
-      return this._document.packageGroups.getPackageGroupUniqId(
-        this._value.groupId
-      ) || {};
-    },
-    houseWorkType() {
-      return o(this.group, "prices.region.houseWorkType", null);
-    },
-    isIndivid() {
-      return o(this, "_document.prices.helpers.isIndivid", !0);
-    },
-    setPricesIncVat() {
-      return this._document.setPricesIncVat;
-    },
-    defaultVatInput() {
-      return this.isIndivid ? this.getSetting("priceInputDefault") : this.getSetting("priceInputCompany");
-    },
-    currency() {
-      return this._document.currency;
-    }
-  },
-  watch: {
-    isIndivid() {
-      this.setPricesDirty || this.setPricesIncVatAsDefault();
-    }
-  },
-  created() {
-    this.setPricesIncVat === null && this.setPricesIncVatAsDefault({ ignoreChanges: !0 });
-  },
-  methods: {
-    ...v({
-      showMessage: p.SHOW_MESSAGE
-    }),
-    setPricesIncVatAsDefault(s = {}) {
-      this.$emit("input", {
-        key: "data.formSettings.setPricesIncVat",
-        value: this.defaultVatInput === "incVat",
-        options: s
-      });
-    },
-    onSelectType(s) {
-      this.type = s;
-      const { type: e, packages: t } = this.persistedGroup || {};
-      if (e && t && t.length)
-        this.addPersistedGroup(s), s !== e && this.showMessage({
-          type: "info",
-          message: this.$t("reset.message"),
-          actions: {
-            undo: {
-              text: this.$t("reset.button"),
-              callback: () => {
-                this.addPersistedGroup(e), this.type = e;
-              }
-            }
-          }
-        });
-      else {
-        if (s === "checkbox")
-          return;
-        this.addPackage({});
-      }
-    },
-    addPersistedGroup(s) {
-      if (!this.persistedGroup || !this.persistedGroup.type)
-        return;
-      let { packages: e, articles: t } = this.persistedGroup;
-      if (!e.length)
-        return;
-      if (s !== this.persistedGroup.type && (e = Yt(s, e)), s === "single" && t.length) {
-        const [{ packageId: n }] = e;
-        t = t.filter((a) => a.packageId === n);
-      }
-      const i = Oe(
-        [...this._document.allArticles || [], ...t || []],
-        (n) => n._uniqueId
-      );
-      this.$emit("input", { key: "articles", value: i }), this.$emit("input", { key: `${[this._value.packages]}`, value: e });
-    },
-    addPackage(s = {}) {
-      const e = oe(), t = this.type === "checkbox" && this.packages.length ? this.packages[0].data.prices.type : "fixed", i = this.currency || this.defaultCurrency, n = {
-        isSelected: this.type === "single",
-        isSelectedDefault: this.type === "single",
-        toggable: !0,
-        packageId: e,
-        data: {
-          name: "",
-          description: "",
-          prices: {
-            type: t,
-            currency: i
-          }
-        },
-        ...s
-      };
-      this.$emit("input", { key: this._value.packages, value: n }), this.$emit("input", {
-        key: "articles",
-        value: this.newArticle({
-          priceType: t.startsWith("open") ? "openAcc" : t,
-          packageId: e,
-          currency: i
-        })
-      }), this.$nextTick(() => {
-        const a = document.getElementById(`package-name-${e}`);
-        a && a.focus();
-      });
-    },
-    onInputPriceType(s, e) {
-      this.type === "checkbox" && this.packages.forEach((t, i) => {
-        i !== s && this.$emit("input", {
-          key: `${[this._value.packages]}[${[i]}].data.prices.type`,
-          value: e
-        });
-      });
-    },
-    onInputSelectedDefault(s, e) {
-      this.type === "radio" && !e || (this.type === "radio" && e && this.packages.forEach((t, i) => {
-        i !== s && (this.$emit("input", {
-          key: `${[this._value.packages]}[${[i]}].isSelectedDefault`,
-          value: !1
-        }), this.$emit("input", {
-          key: `${[this._value.packages]}[${[i]}].isSelected`,
-          value: !1
-        }));
-      }), this.$emit("input", {
-        key: `${[this._value.packages]}[${[s]}].isSelectedDefault`,
-        value: e
-      }), this.$emit("input", {
-        key: `${[this._value.packages]}[${[s]}].isSelected`,
-        value: e
-      }));
-    },
-    removeByIndex(s) {
-      const { packageId: e } = this.packages[s], t = this._document.allArticles.filter(
-        ({ packageId: i }) => i !== e
-      );
-      this.$emit("input", { key: "articles", value: t }), this.$emit("remove", { key: `${[this._value.packages]}[${[s]}]` });
-    },
-    async onResetType() {
-      const s = this.packages.map((i) => i.packageId), [e, t] = this._document.allArticles.reduce(
-        ([i, n], a) => s.includes(a.packageId) ? [[...i, a], n] : [i, [...n, a]],
-        [[], []]
-      );
-      this.$emit("update:persisted-group", {
-        type: this.type,
-        packages: this.packages,
-        articles: e
-      }), this.$emit("input", { key: "articles", value: t }), this.$emit("input", { key: `${[this._value.packages]}`, value: [] }), this.type = "";
-    },
-    moveOptions(s, e) {
-      const t = { up: !1, down: !1 };
-      return s > 0 && (t.up = !0), s < e - 1 && (t.down = !0), t;
-    },
-    moveItem(s, e) {
-      const t = A(this.packages, s, e);
-      this.$emit("input", { key: this._value.packages, value: t });
-    }
-  }
-};
-var Jt = 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", { scopedSlots: e._u([{ key: "trigger", fn: function() {
-    return [t("CButton", { attrs: { type: "none", size: "normal", pattern: "secondary", icon: "more-horizontal", circle: "" } })];
-  }, proxy: !0 }]) }, [t("CDropdownItem", { on: { click: e.onResetType } }, [e._v(e._s(e.$t("_common:change", { thing: e.$t("_common:price.proposal").toLowerCase() })))]), t("CDropdownItem", { attrs: { value: !!e.hideGroupPrice, "close-on-click": !1, toggle: "" }, on: { input: function(i) {
-    e.hideGroupPrice = i;
-  } } }, [e._v(" " + e._s(e.$t("hideGroupPrice")) + " ")])], 1)], 1), e.type === "checkbox" && !e.internalPackages.find((i) => i.toggable === !1) ? t("CCallout", { staticClass: "w-full", attrs: { title: e.$t("base") } }, [t("div", { staticClass: "pb-4" }, [e._v(" " + e._s(e.$t("basePlaceholder")) + " ")]), t("CButton", { staticStyle: { "font-weight": "600" }, attrs: { type: "secondary", size: "small" }, on: { click: function(i) {
-    return e.addPackage({
-      isSelected: !0,
-      isSelectedDefault: !0,
-      toggable: !1
-    });
-  } } }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("base").toLowerCase() })) + " ")])], 1) : t("transition-group", { attrs: { name: "section-list", tag: "div" } }, e._l(e.topRowPackages, function(i, n) {
-    return t("div", { key: i.packageId, staticClass: "section-item pb-4" }, [t("PackageItem", { attrs: { _document: e._document, _value: {
-      isSelectedDefault: `${e._value.packages}[${i.index}].isSelectedDefault`,
-      isSelected: `${e._value.packages}[${i.index}].isSelected`,
-      name: `${e._value.packages}[${i.index}].data.name`,
-      description: `${e._value.packages}[${i.index}].data.description`,
-      priceType: `${e._value.packages}[${i.index}].data.prices.type`,
-      maxTotal: `${e._value.packages}[${i.index}].data.prices.maxTotal`,
-      basePath: `${e._value.packages}[${i.index}]`,
-      currency: `${e._value.packages}[${i.index}].data.prices.currency`
-    }, type: e.type, "active-house-work-type": e.houseWorkType, toggable: i.toggable, "package-id": i.packageId, "move-options": e.moveOptions(n, e.topRowPackages.length) }, on: { input: function(a) {
-      return e.$emit("input", a);
-    }, add: function(a) {
-      return e.$emit("add", a);
-    }, "update:isSelectedDefault": (a) => e.onInputSelectedDefault(i.index, a), "update:priceType": (a) => e.onInputPriceType(i.index, a), "update:setPricesIncVat": (a) => {
-      e.$emit("input", {
-        key: "data.formSettings.setPricesIncVat",
-        value: a
-      }), e.setPricesDirty = !0;
-    }, "update:currency": (a) => e.$emit("input", { key: "currency", value: a }), remove: function(a) {
-      return e.$emit("remove", a);
-    }, "remove-package": function(a) {
-      return e.removeByIndex(i.index);
-    }, move: function(a) {
-      return e.moveItem(i.index, e.topRowPackages[n + a].index);
-    } } })], 1);
-  }), 0), e.type === "checkbox" && e.topRowPackages.length && e.bottomRowPackages.length ? t("div", { staticStyle: { width: "calc(5 * var(--rem))", height: "1px", "margin-left": "calc(50% - calc(2.5 * var(--rem)))", "border-top": "2px dashed hsl(0, 0%, 85%)" } }) : e._e(), e.type === "checkbox" ? [t("transition-group", { staticStyle: { "margin-bottom": "calc(1 * var(--rem))" }, attrs: { name: "section-list", tag: "div" } }, e._l(e.bottomRowPackages, function(i, n) {
-    return t("div", { key: i.packageId, staticClass: "section-item", staticStyle: { padding: "calc(1 * var(--rem)) 0" } }, [t("PackageItem", { staticClass: "package-item", attrs: { _document: e._document, _value: {
-      isSelectedDefault: `${e._value.packages}[${i.index}].isSelectedDefault`,
-      isSelected: `${e._value.packages}[${i.index}].isSelected`,
-      name: `${e._value.packages}[${i.index}].data.name`,
-      description: `${e._value.packages}[${i.index}].data.description`,
-      priceType: `${e._value.packages}[${i.index}].data.prices.type`,
-      maxTotal: `${e._value.packages}[${i.index}].data.prices.maxTotal`,
-      basePath: `${e._value.packages}[${i.index}]`,
-      currency: `${e._value.packages}[${i.index}].data.prices.currency`
-    }, type: e.type, "active-house-work-type": e.houseWorkType, "package-id": i.packageId, "move-options": e.moveOptions(n, e.bottomRowPackages.length) }, on: { input: function(a) {
-      return e.$emit("input", a);
-    }, add: function(a) {
-      return e.$emit("add", a);
-    }, "update:isSelectedDefault": (a) => e.onInputSelectedDefault(i.index, a), "update:priceType": (a) => e.onInputPriceType(i.index, a), "update:setPricesIncVat": (a) => {
-      e.$emit("input", {
-        key: "data.formSettings.setPricesIncVat",
-        value: a
-      }), e.setPricesDirty = !0;
-    }, remove: function(a) {
-      return e.$emit("remove", a);
-    }, "remove-package": function(a) {
-      return e.removeByIndex(i.index);
-    }, move: function(a) {
-      return e.moveItem(i.index, e.bottomRowPackages[n + a].index);
-    } } })], 1);
-  }), 0)] : e._e(), e.type !== "single" || !e.packages.length ? t("div", { staticClass: "flex w-full flex-col items-center justify-center" }, [t("div", { staticStyle: { width: "100%" } }, [e.type === "radio" && !e.packages.length ? t("div", { staticClass: "package-placeholder bg-gray-100", staticStyle: { color: "hsl(0, 0%, 24%)", "font-weight": "500" } }, [t("svg", { staticStyle: { "vertical-align": "text-bottom", "margin-right": "3px" }, attrs: { width: "16", height: "16", viewBox: "0 0 18 14", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M8.03.22c.3.3.3.77 0 1.06L5.56 3.75h6.88L9.97 1.28A.75.75 0 1111.03.21l3.53 3.54h2.69a.75.75 0 010 1.5h-.12l-1.17 6.4a2.25 2.25 0 01-2.21 1.85h-9.5a2.25 2.25 0 01-2.21-1.84L.87 5.26H.75a.75.75 0 010-1.5h2.69L6.97.21c.3-.3.77-.3 1.06 0zM2.4 5.25L3.5 11.4c.07.35.38.61.74.61h9.5c.36 0 .67-.26.74-.61l1.11-6.14H2.4zm3.1 1.5c.41-.06.8.22.86.63l.38 2.25a.75.75 0 11-1.48.24l-.37-2.25c-.07-.4.2-.8.61-.86zm7 0c.4.08.68.47.61.87l-.37 2.25a.75.75 0 11-1.48-.24l.38-2.25a.75.75 0 01.86-.62zm-3.5 0c.41 0 .75.34.75.75v2.25a.75.75 0 01-1.5 0V7.5c0-.41.34-.75.75-.75z", fill: "#000", "fill-rule": "evenodd" } })]), e._v(" " + e._s(e.$t("selectablePlaceholder")) + " ")]) : e._e()]), e.validator.$invalid && e.validator.$dirty ? t("ErrorCallout", { staticStyle: { margin: "calc(1 * var(--rem)) 0 calc(1 * var(--rem)) 0" }, attrs: { message: e.$t("error.minOnePackage") } }) : e._e(), t("div", { staticClass: "flex w-full" }, [t("CButton", { staticStyle: { "border-color": "hsl(0, 0%, 82%)" }, attrs: { type: "secondary", outlined: "", "icon-left": "plus" }, on: { click: function(i) {
-    return e.addPackage();
-  } } }, [e._v(" " + e._s(e.$t("add")) + " ")])], 1)], 1) : e._e()] : t("div", [t("PackageGroupSelect", { on: { input: function(i) {
-    return e.onSelectType(i);
-  } } }), e.validator.$invalid && e.validator.$dirty ? t("ErrorCallout", { staticStyle: { "padding-bottom": "calc(1.5 * var(--rem))" }, attrs: { message: e.$t("error.selectType") } }) : e._e()], 1)], 2);
-}, Xt = [], Qt = /* @__PURE__ */ u(
-  Zt,
-  Jt,
-  Xt,
-  !1,
-  null,
-  "2a8fb7bc"
-);
-const mi = Qt.exports;
-export {
-  mi as default
-};