@cling-se/widget 0.14.4 → 0.14.6

package/dist/Index-S-FHG7_k.js

@@ -0,0 +1,2402 @@
+import { m as y } from "./mapFormMixin-DlFcgwhm.js";
+import { E as P } from "./ErrorCallout-CCtCVwSh.js";
+import { aF as L, aG as S, aH as E, aI as z, aJ as B, aK as W, k as F, aL as j, n as u, g as p, w as k, aC as N, aM as w, aN as H, r as C, an as f, ae as q, aO as U, ao as G, aP as K, aQ as Y, aR as T, p as Z, b as o, T as g, z as J, B as Q, aS as X, t as ee, a6 as te } from "./main-CQBEuZk9.js";
+import { m as h, a as v } from "./vuex.esm-DKGl8mcw.js";
+import { T as ie } from "./DocTextEditor-VjhV9IRp.js";
+import { W as ae } from "./DocumentLayout-Dbf8_01r.js";
+import { o as V } from "./omit-BWy0Zhd3.js";
+import { d as se } from "./vuedraggable.umd-ByfH7ZxC.js";
+import { C as x } from "./CPriceInput-Dlx44UrR.js";
+import { S as ne } from "./SearchApi-6001iFxU.js";
+import { v as re } from "./index-BDMI4NVY.js";
+import { w as oe } from "./CDropdownItem-CXJ4xD8W.js";
+const ce = [
+  "unit",
+  "m2",
+  "hour",
+  "m",
+  "m3",
+  "day",
+  "kg",
+  "litre",
+  "km",
+  "mile",
+  "month",
+  "week",
+  "ton",
+  "year",
+  "kWh"
+];
+function le() {
+}
+var ue = le, b = L, de = ue, pe = S, he = 1 / 0, me = b && 1 / pe(new b([, -0]))[1] == he ? function(a) {
+  return new b(a);
+} : de, fe = me, ve = E, ge = z, ye = B, _e = W, ke = fe, $e = S, xe = 200;
+function be(a, e, t) {
+  var i = -1, n = ge, s = a.length, r = !0, c = [], l = c;
+  if (t)
+    r = !1, n = ye;
+  else if (s >= xe) {
+    var _ = e ? null : ke(a);
+    if (_)
+      return $e(_);
+    r = !1, n = _e, l = new ve();
+  } else
+    l = e ? [] : c;
+  e:
+    for (; ++i < s; ) {
+      var d = a[i], m = e ? e(d) : d;
+      if (d = t || d !== 0 ? d : 0, r && m === m) {
+        for (var I = l.length; I--; )
+          if (l[I] === 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 we = be, Ce = j, Te = we;
+function Ie(a, e) {
+  return a && a.length ? Te(a, Ce(e)) : [];
+}
+var Ae = Ie;
+const Pe = /* @__PURE__ */ F(Ae), Se = {
+  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 Ve = 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(s) {
+      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(s) {
+      return t("div", { key: s, staticClass: "package-group-option__illustration-card", class: { animate: s === 2 } }, [t("div", { staticStyle: { width: "8px", height: "8px", "border-radius": "50%", "margin-right": "10px" }, style: s === 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(s) {
+      return t("div", { key: s, staticClass: "package-group-option__illustration-card", class: { animate: s !== 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: s !== 3 && { backgroundColor: i.background } }, [t("CIcon", { attrs: { type: s !== 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)])]);
+}, Re = [function() {
+  var a = this, e = a._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 a = this, e = a._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 a = this, e = a._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" } })]);
+}], De = /* @__PURE__ */ u(
+  Se,
+  Ve,
+  Re,
+  !1,
+  null,
+  "38a3147b"
+);
+const Oe = De.exports, Me = {
+  name: "ArticleAutocomplete",
+  components: {
+    SearchApi: ne
+  },
+  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 a = [];
+      if (this.$refs.dropdown !== void 0) {
+        const e = this.$refs.dropdown.querySelectorAll("*");
+        for (const t of e)
+          a.push(t);
+      }
+      if (this.$refs.input !== void 0) {
+        const e = this.$refs.input.$el.querySelectorAll("*");
+        for (const t of e)
+          a.push(t);
+      }
+      return a;
+    }
+  },
+  watch: {
+    searchResults(a, e) {
+      a.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(a, e) {
+      this.$emit("input", e), !this.viewSettings.isPublicForm && a({
+        q: e,
+        cb: ({ article: t = [], extensionArticle: i = [] }) => {
+          this.searchResults = [
+            ...t.sort((n, s) => n.usedTimes > s.usedTimes ? -1 : 1),
+            ...i
+          ], !this.isOpen && this.searchResults.length && this.showResults();
+        }
+      });
+    },
+    // Function consumed by parent
+    focus() {
+      this.$refs.input.focus();
+    },
+    onFocus(a) {
+      this.isFocus = !0, this.$emit("focus", a);
+    },
+    onBlur(a) {
+      this.isFocus = !1, this.$emit("blur", a);
+    },
+    showResults() {
+      this.isOpen = !0;
+    },
+    hideResults() {
+      this.isOpen = !1;
+    },
+    onSelect(a) {
+      this.$emit("select", a), this.hideResults(), this.$refs.input && this.$refs.input.blur();
+    },
+    onClickOutside(a) {
+      this.whiteList.indexOf(a.target) < 0 && this.hideResults();
+    },
+    onKeydown({ keyCode: a }) {
+      if (this.isOpen) {
+        switch (a) {
+          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 Le = 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);
+    }] } }, "CInput", {
+      ...e.$attrs,
+      ...e.$props
+    }, !1), [e._t("prefix", null, { slot: "prefix" }), e._t("suffix", null, { slot: "suffix" })], 2)];
+  } }], null, !0) }), e.isOpen ? t("div", { ref: "dropdown", staticClass: "r-container" }, e._l(e.searchResults, function(i, n) {
+    return t("div", { key: n, staticClass: "r-item", class: { active: e.selectedIndex === n }, on: { "!click": function(s) {
+      return s.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);
+}, Ee = [], ze = /* @__PURE__ */ u(
+  Me,
+  Le,
+  Ee,
+  !1,
+  null,
+  "f71801ef"
+);
+const R = ze.exports, A = {
+  isDeductable: !1,
+  isRut: !1,
+  greenRot15: !1,
+  greenRot20: !1,
+  greenRot50: !1
+}, $ = (a, e = "", t) => {
+  let i = {
+    ...a,
+    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(A).includes(t) && e && (i = {
+    ...i,
+    ...A,
+    [t]: !0
+  }), N(i.quantity) !== "number" && (i.quantity = 0), w(i);
+}, D = ({
+  stored: a,
+  current: e,
+  hidePrice: t = !1,
+  activeHouseWorkType: i
+}) => {
+  let n = H({
+    ...a,
+    quantity: 1,
+    showPrice: !t,
+    id: null,
+    ArticleId: a.id,
+    packageId: e.packageId
+  });
+  if (i) {
+    const s = (l = []) => l.reduce((_, d) => ({ ..._, [d]: !1 }), {}), c = Object.values(
+      V({
+        rot: "isDeductable",
+        rut: "isRut",
+        greenRot15: "greenRot15",
+        greenRot20: "greenRot20",
+        greenRot50: "greenRot50"
+      }, [i])
+    );
+    c.some((l) => !!n[l]) && (n = { ...n, ...s(c) });
+  }
+  return n;
+}, Be = (a, e = null) => {
+  const t = C(a.currency, e);
+  switch (a.priceType) {
+    case "approx":
+      return `${q.t("_common:approx")} ${t}`;
+    case "openAcc":
+      return `${t}/${f(a.unitType)}`;
+    case "markup":
+      return "%";
+    default:
+      return t;
+  }
+}, O = {
+  en: {
+    namePlaceholder: "Service or product name",
+    openModalTooltip: "Edit amount and unit",
+    hidePriceLabel: "Hide price for client",
+    saveAndAddTooltip: "Save and quick-add",
+    priceTypeTooltips: {
+      fixed: "The service / product is offered at a fixed price",
+      approx: "Show that the price is approximate",
+      openAcc: "Pricing on demand. E.g. charging per hour",
+      markup: "Show that you take a percentage markup"
+    },
+    priceTypeShort: {
+      approx: "Approximate price",
+      markup: "Markup",
+      openAcc: "Open Account"
+    },
+    validations: {
+      name: {
+        maxLength: "Max length of name is 255 characters"
+      }
+    }
+  },
+  sv: {
+    namePlaceholder: "T.ex. arbete & material",
+    openModalTooltip: "Justera antal / enhet",
+    hidePriceLabel: "Dölj pris för kund",
+    saveAndAddTooltip: "Spara och lägg till ny",
+    priceTypeTooltips: {
+      fixed: "Tjänsten/varan erbjuds till fast pris",
+      approx: "Markera att priset är ungefärligt",
+      openAcc: "Tjänsten / varan erbjuds löpandes",
+      markup: "Markera att du tar ett procentuellt påslag"
+    },
+    priceTypeShort: {
+      approx: "Ca. pris",
+      markup: "Påslag",
+      openAcc: "Löp. pris"
+    },
+    validations: {
+      name: {
+        maxLength: "Namnet får vara max 255 tecken långt"
+      }
+    }
+  }
+}, M = {
+  article: {
+    name: {
+      maxLength: re.maxLength(255)
+    }
+  }
+}, We = {
+  // eslint-disable-next-line vue/no-reserved-component-names
+  name: "Article",
+  i18nOptions: {
+    namespaces: "Article",
+    messages: O
+  },
+  components: {
+    ErrorCallout: P,
+    ArticleAutocomplete: R,
+    CPriceInput: x
+  },
+  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: M,
+  data() {
+    return {
+      updateData: $,
+      addSavedArticle: D,
+      articleUnitLabel: f,
+      widthCompact: 580,
+      visualDisable: !1
+    };
+  },
+  computed: {
+    article: {
+      get() {
+        return this.value || {};
+      },
+      set(a) {
+        this.$emit("input", a);
+      }
+    },
+    details() {
+      const a = [], {
+        priceType: e,
+        quantity: t,
+        unitType: i,
+        price: n,
+        vat: s,
+        discount: r,
+        discountType: c
+      } = this.article;
+      if (e !== "fixed" && a.push({ title: this.$t(`priceTypeShort.${e}`) }), U(this.article)) {
+        const l = G(this.article);
+        a.push({
+          title: this.$t(`_common:deduction.${l}_percentage`)
+        });
+      }
+      return t && ["fixed", "approx"].includes(e) && (i !== "unit" || t > 1) && a.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 ? s : !1,
+            currency: this.article.currency,
+            decimals: 2,
+            hideZeroDecimals: !0
+          })
+        }
+      }), r && a.push({
+        title: "-" + (c === "fixed" ? k(r, {
+          withVat: this.isIncVat ? s : !1,
+          currency: this.article.currency
+        }) : `${r / 100} %`),
+        detailClass: "discount"
+      }), a;
+    }
+  },
+  methods: {
+    updateArticle(a, e) {
+      this.article = $(this.article, a, e);
+    },
+    onTotalPriceInputFocus() {
+      (this.article.discount || this.article.quantity !== 1) && this.$emit("open-modal", { focusEl: "priceInput" });
+    },
+    focusName() {
+      this.$refs.name.focus();
+    },
+    errorMessage(a) {
+      return a.$error && a.article.name.$error && !a.article.name.maxLength ? this.$t("validations.name.maxLength") : null;
+    }
+  }
+};
+var Fe = 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");
+  } } }, [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", attrs: { slot: "suffix" }, on: { click: function(i) {
+    return e.$emit("open-modal");
+  } }, slot: "suffix" }, [t("CIcon", { attrs: { type: "cog", size: "18" } })], 1)]), e.hidePriceInput ? e._e() : t("CPriceInput", { key: e.rootPriceType + e.article.priceType + e.article.unitType, staticClass: "form-control form-control-right", staticStyle: { flex: "1 1", "min-width": "200px" }, attrs: { value: e.article.totalAmount, currency: e.article.currency, "is-inc-vat": e.article.priceType !== "markup" && e.isIncVat, vat: e.article.vat, placeholder: e.$t("_common:price.price").capitalize(), "price-type": e.article.priceType, "unit-label": e.articleUnitLabel(e.article.unitType) }, on: { input: function(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: s = "", 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(s) + " ")]);
+  }), 0) : e._e(), e.$v.$invalid && e.$v.$dirty ? t("ErrorCallout", { attrs: { message: e.errorMessage(e.$v) } }) : e._e()], 1);
+}, je = [], Ne = /* @__PURE__ */ u(
+  We,
+  Fe,
+  je,
+  !1,
+  null,
+  "4eae2a1a"
+);
+const He = Ne.exports, qe = {
+  props: {
+    canForward: {
+      type: Boolean,
+      default: !1
+    },
+    canBackward: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  created() {
+    document.addEventListener("keyup", this.onKeyUp);
+  },
+  beforeDestroy() {
+    this.removeKeyHandler();
+  },
+  methods: {
+    getNavTooltip(a) {
+      return a === -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
+      } : a === 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
+      } : a === "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(a) {
+      const e = document.activeElement;
+      !(e.hasAttribute("contenteditable") || ["input", "textarea"].includes(e.tagName.toLowerCase())) && (parseInt(a.keyCode, 10) === 37 && this.$emit("go", -1), parseInt(a.keyCode, 10) === 39 && this.$emit("go", 1));
+      const i = a.key || a.keyCode;
+      if (i === "Escape" || i === "Esc" || i === 27) {
+        const n = this.$modal.getOpenInstances();
+        if (a.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 Ue = 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" } })])])]);
+}, Ge = [], Ke = /* @__PURE__ */ u(
+  qe,
+  Ue,
+  Ge,
+  !1,
+  null,
+  "5985de8a"
+);
+const Ye = Ke.exports, Ze = {
+  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: K,
+    DragItem: Y
+  },
+  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((a) => {
+        const e = this.unitById(a), 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(a) {
+        this.idList = a || [];
+      }
+    }
+  },
+  methods: {
+    ...v({
+      loadUnits: p.LOAD_UNIT_TYPES,
+      createUnit: p.CREATE_UNIT_TYPE,
+      updateUnit: p.UPDATE_UNIT_TYPE,
+      deleteUnit: p.DELETE_UNIT_TYPE
+    }),
+    onEdit(a) {
+      this.selectedValue = { ...a }, this.$refs.unitInput && this.$refs.unitInput.focus();
+    },
+    async submit() {
+      const { id: a, value: e } = this.selectedValue || {};
+      if (!e)
+        throw new Error("New unitTypes need truthy value!");
+      const t = `$${e}`;
+      a ? await this.updateUnit({ id: a, body: { value: t } }) : await this.createUnit({ body: { value: t } }), this.reset(), this.$parent.$emit("select", t), this.close();
+    },
+    async remove(a, e) {
+      if (this.removeConfirmIndex !== e) {
+        this.removeConfirmIndex = e;
+        return;
+      }
+      await this.deleteUnit({ id: a }), this.reset(), this.removeConfirmIndex = null;
+    },
+    reset() {
+      this.selectedValue = { id: null, value: "" };
+    },
+    close() {
+      this.$emit("close");
+    },
+    async onDrop({ removedIndex: a, addedIndex: e }) {
+      a === null && e === null || a !== e && (this.idList = T(this.idList, a, e), await Z(
+        "/unitType/setPositions",
+        { ids: this.idList },
+        { invalidateCache: { type: "unitType" } }
+      ), this.reset(), await this.loadUnits());
+    }
+  }
+};
+var Je = 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: "" }, model: { value: e.selectedValue.value, callback: function(i) {
+    e.$set(e.selectedValue, "value", typeof i == "string" ? i.trim() : i);
+  }, expression: "selectedValue.value" } }, [e.selectedValue.id ? t("template", { slot: "suffix" }, [t("CButton", { staticStyle: { "border-radius": "4px" }, attrs: { icon: "x", type: "none", pattern: "tertiary", size: "small" }, on: { click: e.reset } })], 1) : e._e()], 2), t("div", { staticClass: "control" }, [t("CButton", { attrs: { loading: e.isPosting, disabled: !e.selectedValue.value, type: "secondary" }, on: { click: e.submit } }, [e._v(" " + e._s(e.selectedValue.id ? e.$t("_common:save") : e.$t("_common:add")) + " ")])], 1)], 1)], 1), t("div", { staticStyle: { "border-top": "1px solid hsl(0, 0%, 88%)", overflow: "auto", "max-height": "360px" } }, [t("div", { staticClass: "text-gray-400", staticStyle: { "font-size": "14px", padding: "calc(1 * var(--rem)) calc(1.5 * var(--rem)) 0", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("_common:unit_plural").capitalize()) + " ")]), t("div", { staticClass: "unit-modal-list" }, [e.unitItems.length ? e._e() : t("div", { staticClass: "unit-modal-list-empty" }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("_common:unit_plural") })) + " ")]), t("DragList", { attrs: { "drop-placeholder": { className: "drag-drop-placeholder" }, "drag-class": "is-dragged", "lock-axis": "y", "drag-handle-selector": ".drag-handle" }, on: { drop: e.onDrop } }, e._l(e.unitItems, function(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(s) {
+      e.hoverIndex = n;
+    }, "&mouseleave": function(s) {
+      e.hoverIndex = null;
+    }, click: function(s) {
+      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(s) {
+      return s.stopPropagation(), s.preventDefault(), e.remove(i.id, n);
+    }, blur: function(s) {
+      e.removeConfirmIndex = null;
+    } } }) : e._e(), t("CButton", { attrs: { icon: "edit", size: "small", type: "none", pattern: "tertiary", circle: "" } })], 1)])]);
+  }), 1)], 1)])])]);
+}, Qe = [], Xe = /* @__PURE__ */ u(
+  Ze,
+  Je,
+  Qe,
+  !1,
+  null,
+  "e5d287ea"
+);
+const et = Xe.exports, tt = {
+  name: "ArticleUnitSelect",
+  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 ? ce : (this.unitIds || []).map((a) => this.unitById(a)).map(({ value: a }) => a);
+    }
+  },
+  created() {
+    this.isPublicForm || this.loadUnits();
+  },
+  methods: {
+    articleUnitLabel: f,
+    ...v({
+      loadUnits: p.LOAD_UNIT_TYPES
+    }),
+    openEditModal() {
+      this.$modal.show(
+        et,
+        {},
+        {},
+        {
+          select: (a) => this.$emit("input", a)
+        }
+      );
+    }
+  }
+};
+var it = 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);
+  } } }, "CDropdown", {
+    position: "is-bottom-left",
+    maxHeight: "240px",
+    ...e.$attrs
+  }, !1), [e._t("default", function() {
+    return [t("CButton", { attrs: { slot: "trigger", type: "none", pattern: "tertiary" }, slot: "trigger" }, [e._v(" " + e._s(e.articleUnitLabel(e.value)) + " ")])];
+  }, { slot: "trigger" }), e._l(e.unitItems, function(i, n) {
+    return t("CDropdownItem", { key: `${i}-${n}`, attrs: { value: i } }, [e._v(" " + e._s(e.articleUnitLabel(i)) + " ")]);
+  }), e.isPublicForm ? e._e() : t("CButton", { staticClass: "edit-button", attrs: { slot: "footer", type: "none", pattern: "secondary", size: "small" }, on: { click: e.openEditModal }, slot: "footer" }, [e._v(" " + e._s(e.$t("_common:edit", { thing: e.$t("_common:unit_plural") })) + " ")])], 2);
+}, at = [], st = /* @__PURE__ */ u(
+  tt,
+  it,
+  at,
+  !1,
+  null,
+  "9458eb82"
+);
+const nt = st.exports, rt = {
+  name: "ArticleModal",
+  i18nOptions: {
+    namespaces: "ArticleModal",
+    messages: O
+  },
+  components: {
+    ArticleAutocomplete: R,
+    ArticleUnitSelect: nt,
+    ListModalButtons: Ye,
+    CPriceInput: x
+  },
+  mixins: [oe],
+  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: M,
+  data() {
+    return {
+      priceSuffix: Be,
+      updateData: $,
+      addSavedArticle: D,
+      vatOptions: [
+        { value: 25, translation: "25%" },
+        { value: 12, translation: "12%" },
+        { value: 6, translation: "6%" },
+        { value: 0, translation: "0%" }
+      ],
+      showDiscountInput: !1,
+      setPricesIncVat: !1,
+      getCurrencySymbol: C,
+      articleUnitLabel: f
+    };
+  },
+  computed: {
+    ...h({
+      allowHidePrice: "settings/allowHidePrice",
+      getCompanySetting: "settings/getCompanySetting",
+      feature: "application/feature"
+    }),
+    article: {
+      get() {
+        return this.articleList[this.index] || {};
+      },
+      set(a) {
+        this.$emit("input", a);
+      }
+    },
+    useVat() {
+      return o(this, "_document.useVat") || "";
+    },
+    vatType() {
+      return o(this, "_document.vatType") || "";
+    },
+    checkboxItems() {
+      const { article: a } = this || {}, { priceType: e } = this.article || {}, t = [
+        ...e !== "markup" ? [
+          {
+            label: this.$t("discount").capitalize(),
+            value: a.discount || this.showDiscountInput,
+            onClick: () => {
+              this.showDiscountInput || this.focusEl("discountInput"), this.showDiscountInput = !this.showDiscountInput;
+            }
+          }
+        ] : [],
+        ...this.getCompanySetting("showRot") || a.isDeductable ? [
+          {
+            label: this.$t("_common:deduction.rot"),
+            value: this.article.isDeductable,
+            onClick: () => this.updateArticle(!a.isDeductable, "isDeductable")
+          }
+        ] : [],
+        ...this.getCompanySetting("showRut") || a.isRut ? [
+          {
+            label: this.$t("_common:deduction.rut"),
+            value: a.isRut,
+            onClick: () => this.updateArticle(!a.isRut, "isRut")
+          }
+        ] : [],
+        ...a.greenRot15 ? [
+          {
+            label: this.$t("_common:deduction.greenRot15_percentage"),
+            value: a.greenRot15,
+            onClick: () => this.updateArticle(!a.greenRot15, "greenRot15")
+          }
+        ] : [],
+        ...this.getCompanySetting("showGreenRot") || a.greenRot20 || a.greenRot50 ? [
+          {
+            label: this.$t("_common:deduction.greenRot20_percentage"),
+            value: a.greenRot20,
+            onClick: () => this.updateArticle(!a.greenRot20, "greenRot20")
+          },
+          {
+            label: this.$t("_common:deduction.greenRot50_percentage"),
+            value: a.greenRot50,
+            onClick: () => this.updateArticle(!a.greenRot50, "greenRot50")
+          }
+        ] : []
+      ];
+      if (this.allowHidePrice) {
+        const { showPrice: i } = a || {};
+        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: a } = this.article, e = (i) => this.$t(`priceTypeTooltips.${i}`), t = [
+        {
+          label: this.$t("price.fixed"),
+          tooltip: e("fixed"),
+          value: a === "fixed",
+          onClick: () => this.updateArticle("fixed", "priceType")
+        }
+      ];
+      return this.rootPriceType === "approx" && t.push({
+        label: this.$t("price.approx"),
+        tooltip: e("approx"),
+        value: a === "approx",
+        onClick: () => this.updateArticle("approx", "priceType")
+      }), this.rootPriceType.startsWith("openAcc") && (t.push({
+        label: this.$t("price.openAcc"),
+        tooltip: e("openAcc"),
+        value: a === "openAcc",
+        onClick: () => this.updateArticle("openAcc", "priceType")
+      }), t.push({
+        label: this.$t("price.markup"),
+        tooltip: e("markup"),
+        value: a === "markup",
+        onClick: () => this.updateArticle("markup", "priceType")
+      })), t;
+    }
+  },
+  watch: {
+    index: {
+      immediate: !0,
+      handler(a, e) {
+        a !== e && (this.showDiscountInput = !1);
+      }
+    },
+    isIncVat: {
+      immediate: !0,
+      handler(a) {
+        this.setPricesIncVat = !!a;
+      }
+    },
+    "article.discount": {
+      immediate: !0,
+      handler(a) {
+        a && (this.showDiscountInput = !0);
+      }
+    },
+    "article.priceType": {
+      handler(a) {
+        a === "markup" && (this.showDiscountInput = !1), ["openAcc", "markup"].includes(a) && this.updateArticle(1, "quantity");
+      }
+    },
+    showDiscountInput(a) {
+      a || 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(a) {
+      o(a, "target.value") || "" || this.updateArticle(0, "vat");
+    },
+    onCustomVatInput(a) {
+      const e = o(a, "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(a, e) {
+      this.article = $(this.article, a, e);
+    },
+    close() {
+      this.$emit("close");
+    },
+    onKeydown(a) {
+      a.keyCode === 13 && a.shiftKey && (a.preventDefault(), this.addNewArticle());
+    },
+    onGo(a) {
+      const e = this.index + a;
+      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(a) {
+      this.$nextTick(() => {
+        this.$nextTick(() => {
+          this.$refs[a] && this.$refs[a].focus && this.$refs[a].focus();
+        });
+      });
+    },
+    onTotalPriceInputFocus() {
+      this.article.quantity > 1 && this.$nextTick(() => {
+        this.$refs.priceInput && this.$refs.priceInput.focus();
+      });
+    },
+    toggleDiscountType() {
+      let a = "fixed";
+      this.article.discountType === "fixed" && (a = "percentage"), this.updateArticle(a, "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: a } = this.article;
+      !a && ((t) => typeof t == "string" && !!t.trim())(this.article.name) && (a = await this.createArticle({
+        body: this.article,
+        showMessage: !1
+      }), this.article = { ...this.article, ArticleId: a });
+    }
+  }
+};
+var ot = 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");
+  } } }, [e.article.discountType === "fixed" ? t("template", { slot: "suffix" }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")]) : t("template", { slot: "suffix" }, [e._v(" " + e._s(e.getCurrencySymbol(e.article.currency)) + " ")])], 2)], 1), t("div", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "5em" }, on: { click: function(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 }, s) {
+    return t("option", { key: s, 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: s, 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: s } }, [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: s }, r) {
+    return t("div", { key: i + r, staticClass: "tag-item", class: { active: n }, on: { click: s } }, [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)]);
+}, ct = [], lt = /* @__PURE__ */ u(
+  rt,
+  ot,
+  ct,
+  !1,
+  null,
+  "2b66c814"
+);
+const ut = lt.exports, dt = {
+  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: He,
+    ArticleModal: ut,
+    WithDimensions: ae,
+    draggable: se
+  },
+  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 w(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: a }) => a !== null));
+    }
+  },
+  watch: {
+    activeHouseWorkType: {
+      immediate: !0,
+      handler(a) {
+        this.toggleDeductions(a);
+      }
+    },
+    isIndivid(a) {
+      a || this.toggleDeductions(!1);
+    },
+    setPricesIncVat(a) {
+      this.updateArticlesVatOption(), this.showMessage({
+        type: "info",
+        message: this.$t("vatOption.message", {
+          vatOption: this.$t(`_common:vat.${a ? "incVat" : "exVat"}`, {
+            thing: this.$t("_common:vat.sharedTitle")
+          })
+        }),
+        omit: "$view:extension,$view:widget"
+      });
+    }
+  },
+  methods: {
+    ...v({
+      showMessage: p.SHOW_MESSAGE
+    }),
+    openModal(a, { focusEl: e = "" } = {}) {
+      this.selectedIndex = a, this.showModal = !0, e && this.$nextTick(() => {
+        this.$nextTick(() => {
+          this.$refs.articleModal && this.$refs.articleModal.focusEl(e);
+        });
+      });
+    },
+    updateArticleObject(a, 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: a, value: t });
+    },
+    onRemoveArticle(a) {
+      this.$emit("remove", a);
+    },
+    onEsc(a, e) {
+      a === this.articles.length - 1 && ["name", "price", "discount"].every((t) => !e[t]) && this.onRemoveArticle(a);
+    },
+    changeVat() {
+      this.$emit("update:setPricesIncVat", !this.setPricesIncVat);
+    },
+    updateArticlesVatOption() {
+      this.articles.forEach((a, e) => {
+        if (a.priceType === "markup")
+          return;
+        let t = g({ amount: a.price }).divide(
+          (100 + a.vat) * 0.01
+        );
+        this.setPricesIncVat || (t = g({ amount: a.price }).multiply(
+          (100 + a.vat) * 0.01
+        )), this.updateArticleObject(
+          e,
+          w({ ...a, 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(a) {
+      const e = {
+        rot: "isDeductable",
+        rut: "isRut",
+        greenRot15: "greenRot15",
+        greenRot20: "greenRot20",
+        greenRot50: "greenRot50"
+      }, t = (i = []) => i.reduce((n, s) => ({ ...n, [s]: !1 }), {});
+      e[a] ? this.articles.forEach((i, n) => {
+        const s = Object.values(V(e, [a]));
+        if (s.some((r) => !!i[r])) {
+          const r = { ...i, ...t(s) };
+          this.$emit("input", { index: n, value: r });
+        }
+      }) : a === !1 && this.articles.forEach((i, n) => {
+        const s = Object.values(e);
+        if (s.some((r) => !!i[r])) {
+          const r = { ...i, ...t(s) };
+          this.$emit("input", { index: n, value: r });
+        }
+      });
+    },
+    onChange(a) {
+      const { added: e, moved: t, removed: i } = a;
+      if (e) {
+        const { newIndex: n, element: s } = e;
+        this.$emit("insert", { index: n, value: s });
+      } else if (t) {
+        const n = T(
+          this.articles,
+          t.oldIndex,
+          t.newIndex
+        );
+        this.$emit("move", n);
+      } else if (i) {
+        const { oldIndex: n } = i;
+        this.$emit("remove", n);
+      }
+    }
+  }
+};
+var pt = 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, s) {
+      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(s, r);
+      }, focus: function(r) {
+        return e.$emit("focus");
+      }, remove: function(r) {
+        return e.onRemoveArticle(s);
+      }, "open-modal": function(r) {
+        return e.openModal(s, r);
+      }, add: function(r) {
+        s === e.articlesWithTotal.length - 1 && e.$emit("add");
+      }, select: function(r) {
+        s === e.articlesWithTotal.length - 1 && e.$emit("add");
+      }, esc: function(r) {
+        return e.onEsc(s, 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);
+}, ht = [], mt = /* @__PURE__ */ u(
+  dt,
+  pt,
+  ht,
+  !1,
+  null,
+  "9a09578d"
+);
+const ft = mt.exports, vt = {
+  name: "MaxTotalInput",
+  i18nOptions: {
+    namespaces: "MaxTotalInput",
+    messages: {
+      en: {
+        maxTotalLabel: "Add a price"
+      },
+      sv: {
+        maxTotalLabel: "Ange ett pris"
+      }
+    }
+  },
+  components: {
+    CPriceInput: x
+  },
+  props: {
+    value: {
+      type: Number,
+      default: null
+    },
+    currency: {
+      type: String,
+      required: !0
+    },
+    vatType: {
+      type: String,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      getCurrencySymbol: C
+    };
+  },
+  computed: {
+    ...h({
+      isIncVat: "application/isIncVat"
+    })
+  },
+  watch: {
+    isIncVat(a) {
+      let e = g({ amount: this.value }).divide(1.25);
+      a || (e = g({ amount: this.value }).multiply(125 * 0.01)), this.$emit("input", e.getAmount());
+    }
+  }
+};
+var gt = 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);
+  } } }, [t("template", { slot: "prefix" }, [e._v(e._s(e.$t("price.maxPrice").capitalize()))]), t("template", { slot: "suffix" }, [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}`) })) + " ")])])], 2)], 1);
+}, yt = [], _t = /* @__PURE__ */ u(
+  vt,
+  gt,
+  yt,
+  !1,
+  null,
+  null
+);
+const kt = _t.exports, $t = {
+  props: {
+    value: {
+      type: String,
+      default: "fixed"
+    }
+  },
+  data() {
+    return {
+      priceTypeOptions: ["fixed", "approx", "openAcc", "openAccMaxPrice"]
+    };
+  }
+};
+var xt = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "flex justify-end" }, [t("CDropdown", { attrs: { value: e.value } }, [t("CButton", { staticClass: "price-type-button", attrs: { slot: "trigger" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("price.pricing").capitalize()) + ": "), t("span", [e._v(e._s(e.$t(`price.${e.value}`)))])]), e._l(e.priceTypeOptions, function(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}`)) + " ")]);
+  })], 2)], 1);
+}, bt = [], wt = /* @__PURE__ */ u(
+  $t,
+  xt,
+  bt,
+  !1,
+  null,
+  "11bdf1f4"
+);
+const Ct = wt.exports, Tt = {
+  name: "EditDeduction",
+  components: {
+    CPriceInput: x
+  },
+  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(a) {
+      a || (this.houseWorkManualAmount = null);
+    }
+  },
+  methods: {
+    setDeduction(a) {
+      this.internalValue = g({ amount: this.total }).multiply(a).getAmount();
+    },
+    showModal() {
+      this.internalValue = this.houseWorkAmount, this.$modal.show(`deduction-modal-${this._uid}`);
+    }
+  }
+};
+var It = 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.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.houseWorkType })) + " " + e._s(e.$t("using")) + " ")])]) : e._e()], 1);
+}, At = [], Pt = /* @__PURE__ */ u(
+  Tt,
+  It,
+  At,
+  !1,
+  null,
+  "f82c56ee"
+);
+const St = Pt.exports, Vt = {
+  name: "Pricing",
+  components: {
+    EditDeduction: St
+  },
+  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.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: a } = this._document.packageGroups.getPackageById(
+        this.packageId
+      );
+      return a;
+    },
+    showHouseWork() {
+      return !!o(this.prices, "region.houseWorkType", !1) || !!o(this.prices, "region.houseWorkManualAmount", !1);
+    }
+  }
+};
+var Rt = 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(s) {
+      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)]);
+}, Dt = [], Ot = /* @__PURE__ */ u(
+  Vt,
+  Rt,
+  Dt,
+  !1,
+  null,
+  "a1756759"
+);
+const Mt = Ot.exports, Lt = {
+  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: ft,
+    PriceFormAlternatives: Ct,
+    MaxTotalInput: kt,
+    Pricing: Mt,
+    TextEditor: ie
+  },
+  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((a, e) => ({ ...a, i: e })).filter(({ packageId: a }) => a === this.packageId);
+    },
+    internalDescription: {
+      get() {
+        return J(
+          this.description,
+          this._document.textTemplateMap,
+          this._document._doc
+        );
+      },
+      set(a) {
+        this.description = Q(a);
+      }
+    }
+  },
+  watch: {
+    priceType(a, e) {
+      if (!(a && a.startsWith("open") && e && e.startsWith("open"))) {
+        if (a) {
+          const t = a.startsWith("open") ? "openAcc" : a;
+          this.mappedPackageArticles.forEach((i, n) => {
+            this.onArticleInput({
+              index: n,
+              value: {
+                ...i,
+                priceType: t,
+                ...t === "openAcc" && { quantity: 1 }
+              }
+            });
+          });
+        }
+      }
+      a !== "openAccMaxPrice" && (this.maxTotal = null);
+    }
+  },
+  methods: {
+    onRemove() {
+      this.$emit("remove-package");
+    },
+    // Article Methods
+    createEmptyArticle() {
+      const a = this.newArticle({
+        priceType: this.priceType.startsWith("open") ? "openAcc" : this.priceType,
+        packageId: this.packageId,
+        currency: this.currency
+      });
+      this.$emit("input", {
+        key: "articles",
+        value: [...this.articles, a]
+      });
+    },
+    onArticleInput({ index: a, value: e }) {
+      const { i: t } = this.mappedPackageArticles[a], i = X(e, [
+        "allowRot",
+        "allowRut",
+        "isIncVat",
+        "rootPriceType",
+        "hideControls"
+      ]);
+      i.currency = this.currency, this.$emit("input", { key: `articles[${[t]}]`, value: i });
+    },
+    onArticleAdd({ openModal: a = !1 } = {}) {
+      this.createEmptyArticle(), a ? this.$refs.articleList.openLastArticle() : this.$refs.articleList.focusLastArticle();
+    },
+    onInsert({ index: a, value: e }) {
+      const t = ee(this.mappedPackageArticles).add(
+        { ...e, packageId: this.packageId },
+        a
+      );
+      this.$emit("input", {
+        key: "articles",
+        value: [
+          ...this.articles.filter(
+            ({ packageId: i }) => i !== this.packageId
+          ),
+          ...t
+        ]
+      });
+    },
+    onArticleRemove(a) {
+      const { i: e } = this.mappedPackageArticles[a];
+      this.$emit("remove", { key: `articles[${[e]}]` });
+    },
+    onArticleMove(a) {
+      this.$emit("input", {
+        key: "articles",
+        value: [
+          ...this.articles.filter(
+            ({ packageId: e }) => e !== this.packageId
+          ),
+          ...a
+        ]
+      });
+    }
+  }
+};
+var Et = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "min-h-0 rounded-md border border-gray-200 bg-white text-black" }, [t("div", { staticClass: "flex w-full items-center justify-between bg-gray-100 py-1 pl-4 pr-1 text-sm font-medium text-gray-600" }, [t("div", [e._v(" " + e._s(e.type === "single" ? e.$t("single") : e.type === "radio" || e.toggable ? e.$t("option") : e.$t("base")) + " ")]), e.type !== "single" ? t("CDropdown", { staticClass: "ml-4" }, [t("CButton", { staticClass: "is-thinner opacity-70", attrs: { slot: "trigger", size: "small", type: "text", pattern: "secondary" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("_common:change")) + " ")]), e.toggable ? [t("CDropdownItem", { attrs: { value: e.isSelectedDefault, toggle: !0, "close-on-click": !1 }, on: { click: function(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)]);
+}, zt = [], Bt = /* @__PURE__ */ u(
+  Lt,
+  Et,
+  zt,
+  !1,
+  null,
+  "ceed39fb"
+);
+const Wt = Bt.exports, Ft = (a) => (a || []).slice(0, 1).map((e) => ({
+  ...e,
+  isSelected: !0,
+  isSelectedDefault: !0,
+  toggable: !1
+})), jt = (a) => {
+  const e = o(a, "0.data.prices.type") || "fixed";
+  return (a || []).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
+      }
+    }
+  }));
+}, Nt = (a = []) => {
+  let e = !1;
+  return a.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 Ht(a, ...e) {
+  if (a === "single")
+    return Ft(...e);
+  if (a === "checkbox")
+    return jt(...e);
+  if (a === "radio")
+    return Nt(...e);
+  throw new Error(`Package filter type '${a}' is not implemented`);
+}
+const qt = {
+  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: P,
+    PackageItem: Wt,
+    PackageGroupSelect: Oe
+  },
+  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((a, e) => ({ ...a, index: e }));
+    },
+    topRowPackages() {
+      return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: a }) => a === !1) : this.internalPackages;
+    },
+    bottomRowPackages() {
+      return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: a }) => a === !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(a = {}) {
+      this.$emit("input", {
+        key: "data.formSettings.setPricesIncVat",
+        value: this.defaultVatInput === "incVat",
+        options: a
+      });
+    },
+    onSelectType(a) {
+      this.type = a;
+      const { type: e, packages: t } = this.persistedGroup || {};
+      if (e && t && t.length)
+        this.addPersistedGroup(a), a !== 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 (a === "checkbox")
+          return;
+        this.addPackage({});
+      }
+    },
+    addPersistedGroup(a) {
+      if (!this.persistedGroup || !this.persistedGroup.type)
+        return;
+      let { packages: e, articles: t } = this.persistedGroup;
+      if (!e.length)
+        return;
+      if (a !== this.persistedGroup.type && (e = Ht(a, e)), a === "single" && t.length) {
+        const [{ packageId: n }] = e;
+        t = t.filter((s) => s.packageId === n);
+      }
+      const i = Pe(
+        [...this._document.allArticles || [], ...t || []],
+        (n) => n._uniqueId
+      );
+      this.$emit("input", { key: "articles", value: i }), this.$emit("input", { key: `${[this._value.packages]}`, value: e });
+    },
+    addPackage(a = {}) {
+      const e = te(), 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
+          }
+        },
+        ...a
+      };
+      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 s = document.getElementById(`package-name-${e}`);
+        s && s.focus();
+      });
+    },
+    onInputPriceType(a, e) {
+      this.type === "checkbox" && this.packages.forEach((t, i) => {
+        i !== a && this.$emit("input", {
+          key: `${[this._value.packages]}[${[i]}].data.prices.type`,
+          value: e
+        });
+      });
+    },
+    onInputSelectedDefault(a, e) {
+      this.type === "radio" && !e || (this.type === "radio" && e && this.packages.forEach((t, i) => {
+        i !== a && (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]}[${[a]}].isSelectedDefault`,
+        value: e
+      }), this.$emit("input", {
+        key: `${[this._value.packages]}[${[a]}].isSelected`,
+        value: e
+      }));
+    },
+    removeByIndex(a) {
+      const { packageId: e } = this.packages[a], t = this._document.allArticles.filter(
+        ({ packageId: i }) => i !== e
+      );
+      this.$emit("input", { key: "articles", value: t }), this.$emit("remove", { key: `${[this._value.packages]}[${[a]}]` });
+    },
+    async onResetType() {
+      const a = this.packages.map((i) => i.packageId), [e, t] = this._document.allArticles.reduce(
+        ([i, n], s) => a.includes(s.packageId) ? [[...i, s], n] : [i, [...n, s]],
+        [[], []]
+      );
+      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(a, e) {
+      const t = { up: !1, down: !1 };
+      return a > 0 && (t.up = !0), a < e - 1 && (t.down = !0), t;
+    },
+    moveItem(a, e) {
+      const t = T(this.packages, a, e);
+      this.$emit("input", { key: this._value.packages, value: t });
+    }
+  }
+};
+var Ut = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "package-group-root font-inter" }, [e.type ? [t("div", { staticStyle: { position: "absolute", right: "0", top: "-10px", transform: "translateY(-100%)", "z-index": "2" } }, [t("CDropdown", [t("CButton", { attrs: { slot: "trigger", type: "none", size: "normal", pattern: "secondary", icon: "more-horizontal", circle: "" }, slot: "trigger" }), t("CDropdownItem", { on: { click: e.onResetType } }, [e._v(e._s(e.$t("_common:change", { thing: e.$t("_common:price.proposal").toLowerCase() })))]), t("CDropdownItem", { attrs: { value: !!e.hideGroupPrice, "close-on-click": !1, toggle: "" }, on: { input: function(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(s) {
+      return e.$emit("input", s);
+    }, add: function(s) {
+      return e.$emit("add", s);
+    }, "update:isSelectedDefault": (s) => e.onInputSelectedDefault(i.index, s), "update:priceType": (s) => e.onInputPriceType(i.index, s), "update:setPricesIncVat": (s) => {
+      e.$emit("input", {
+        key: "data.formSettings.setPricesIncVat",
+        value: s
+      }), e.setPricesDirty = !0;
+    }, "update:currency": (s) => e.$emit("input", { key: "currency", value: s }), remove: function(s) {
+      return e.$emit("remove", s);
+    }, "remove-package": function(s) {
+      return e.removeByIndex(i.index);
+    }, move: function(s) {
+      return e.moveItem(i.index, e.topRowPackages[n + s].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(s) {
+      return e.$emit("input", s);
+    }, add: function(s) {
+      return e.$emit("add", s);
+    }, "update:isSelectedDefault": (s) => e.onInputSelectedDefault(i.index, s), "update:priceType": (s) => e.onInputPriceType(i.index, s), "update:setPricesIncVat": (s) => {
+      e.$emit("input", {
+        key: "data.formSettings.setPricesIncVat",
+        value: s
+      }), e.setPricesDirty = !0;
+    }, remove: function(s) {
+      return e.$emit("remove", s);
+    }, "remove-package": function(s) {
+      return e.removeByIndex(i.index);
+    }, move: function(s) {
+      return e.moveItem(i.index, e.bottomRowPackages[n + s].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);
+}, Gt = [], Kt = /* @__PURE__ */ u(
+  qt,
+  Ut,
+  Gt,
+  !1,
+  null,
+  "319e086a"
+);
+const oi = Kt.exports;
+export {
+  oi as default
+};