@cling-se/widget 0.9.23 → 0.9.24

package/dist/{Index-4df3c1d2.js → Index-494c3112.js}

@@ -1,22 +1,22 @@
-import { aO as B, aP as A, aQ as E, aR as z, aS as W, aT as F, j, aU as N, b as o, n as c, q as H, aV as x, au as q, aW as w, aX as U, ai as f, X as G, g as p, u as k, aY as K, aj as Y, aZ as Z, a_ as X, a$ as C, p as J, L as g, x as Q, z as ee, b0 as te, o as ie, O as se } from "./main-8d566a02.js";
+import { aO as B, aP as A, aQ as E, aR as z, aS as W, aT as F, j, aU as N, b as o, n as c, q as H, aV as x, au as q, aW as w, aX as U, ai as f, X as G, g as p, u as k, aY as K, aj as Y, aZ as Z, a_ as X, a$ as C, p as J, L as g, x as Q, z as ee, b0 as te, o as ie, O as se } from "./main-b5eb6366.js";
 import { m as h, a as v } from "./vuex.esm-4a0fff7c.js";
-import { m as y } from "./mapFormMixin-4446a1bd.js";
-import { E as P } from "./ErrorCallout-4ce34a95.js";
-import { T as ae } from "./DocTextEditor-7fd7ca5f.js";
-import { o as S, d as ne } from "./vuedraggable.umd-a0d21ce9.js";
-import { W as re } from "./DocumentLayout-00ec1c6f.js";
-import { C as oe } from "./tippy.esm-2cb937d0.js";
+import { m as y } from "./mapFormMixin-e0c45bbd.js";
+import { E as P } from "./ErrorCallout-d6c77efa.js";
+import { T as ae } from "./DocTextEditor-3eb97671.js";
+import { o as S, d as ne } from "./vuedraggable.umd-76911d11.js";
+import { W as re } from "./DocumentLayout-a659ce2a.js";
+import { C as oe } from "./tippy.esm-f533f77b.js";
 import { v as le } from "./index-805c56e4.js";
-import { S as ce } from "./SearchApi-2523a5fb.js";
-import { w as ue } from "./CDropdownItem-e0cecd02.js";
-import { B as V } from "./BaseInput-e14e8b12.js";
+import { S as ce } from "./SearchApi-1cd32dd3.js";
+import { w as ue } from "./CDropdownItem-cc274799.js";
+import { B as V } from "./BaseInput-44c3af54.js";
 import "./dom-962579a6.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-d964f857.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-ef031b7b.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ManualPopover-58c3f059.js";
-import "./ColorPicker-b5a7f700.js";
+import "./ManualPopover-8a1e53a5.js";
+import "./ColorPicker-43c741fb.js";
 import "./color-71c20583.js";
-import "./debounce-0451fa9d.js";
+import "./debounce-97bb38ac.js";
 const de = [
   "unit",
   "m2",
@@ -381,7 +381,9 @@ const je = {
     document.addEventListener("click", this.onClickOutside, { passive: !0 });
   },
   beforeDestroy() {
-    document.removeEventListener("click", this.onClickOutside, { passive: !0 });
+    document.removeEventListener("click", this.onClickOutside, {
+      passive: !0
+    });
   },
   methods: {
     ...v({
@@ -392,7 +394,10 @@ const je = {
       this.$emit("input", e), !this.viewSettings.isPublicForm && i({
         q: e,
         cb: ({ article: t = [], extensionArticle: s = [] }) => {
-          this.searchResults = [...t.sort((n, a) => n.usedTimes > a.usedTimes ? -1 : 1), ...s], !this.isOpen && this.searchResults.length && this.showResults();
+          this.searchResults = [
+            ...t.sort((n, a) => n.usedTimes > a.usedTimes ? -1 : 1),
+            ...s
+          ], !this.isOpen && this.searchResults.length && this.showResults();
         }
       });
     },
@@ -435,7 +440,9 @@ const je = {
       }
     },
     scrollToHighlighted() {
-      !this.$refs.dropdown || !this.$refs.dropdown.children || !this.$refs.dropdown.children[this.selectedIndex] || this.$refs.dropdown.children[this.selectedIndex].scrollIntoView({ block: "nearest" });
+      !this.$refs.dropdown || !this.$refs.dropdown.children || !this.$refs.dropdown.children[this.selectedIndex] || this.$refs.dropdown.children[this.selectedIndex].scrollIntoView({
+        block: "nearest"
+      });
     }
   }
 };
@@ -443,7 +450,12 @@ var Ne = function() {
   var e = this, t = e._self._c;
   return t("div", { class: { "is-open": e.isOpen }, staticStyle: { position: "relative" }, on: { "&keydown": function(s) {
     return e.onKeydown.apply(null, arguments);
-  } } }, [t("SearchApi", { attrs: { "custom-search": { article: !0, extensionArticle: !0, project: !1, user: !1 } }, scopedSlots: e._u([{ key: "default", fn: function({ fetch: s }) {
+  } } }, [t("SearchApi", { attrs: { "custom-search": {
+    article: !0,
+    extensionArticle: !0,
+    project: !1,
+    user: !1
+  } }, scopedSlots: e._u([{ key: "default", fn: function({ fetch: s }) {
     return [t("CInput", e._b({ ref: "input", staticClass: "r-input", attrs: { value: e.value, type: e.tag, "auto-resize": !0 }, on: { input: function(n) {
       return e.search(s, n);
     }, focus: e.onFocus, blur: e.onBlur }, nativeOn: { keydown: [function(n) {
@@ -457,7 +469,7 @@ var Ne = function() {
   } }], null, !0) }), e.isOpen ? t("div", { ref: "dropdown", staticClass: "r-container" }, e._l(e.searchResults, function(s, n) {
     return t("div", { key: n, staticClass: "r-item", class: { active: e.selectedIndex === n }, on: { "!click": function(a) {
       return a.stopPropagation(), e.onSelect(s);
-    } } }, [t("div", { staticClass: "r-item-title truncate-text" }, [e._v(e._s(s.name))]), t("div", { staticClass: "r-item-details" }, [s.externalReference && s.externalReference.service ? t("div", { staticStyle: { width: "18px", height: "18px", "border-radius": "2px", "background-color": "hsl(0, 0%, 60%)", display: "inline-flex", "justify-content": "center", "align-items": "center" } }, [t("BaseIcon", { staticStyle: { color: "white" }, attrs: { type: s.externalReference.service, size: "14" } })], 1) : e._e(), s.article_no ? t("div", [e._v(e._s(s.article_no))]) : e._e(), s.price ? t("div", [e._v(e._s(e.priceFormat(s.price, { currency: s.currency })))]) : e._e(), s.vat ? t("div", [e._v(e._s(e.$t("vat.sharedTitle").capitalize()) + " " + e._s(s.vat) + "%")]) : e._e()]), e.selectedIndex === n ? t("div", { staticClass: "r-item-icon" }, [t("BaseIcon", { attrs: { type: "corner-down-left", size: "16" } })], 1) : e._e()]);
+    } } }, [t("div", { staticClass: "r-item-title truncate-text" }, [e._v(e._s(s.name))]), t("div", { staticClass: "r-item-details" }, [s.externalReference && s.externalReference.service ? t("div", { staticStyle: { width: "18px", height: "18px", "border-radius": "2px", "background-color": "hsl(0, 0%, 60%)", display: "inline-flex", "justify-content": "center", "align-items": "center" } }, [t("BaseIcon", { staticStyle: { color: "white" }, attrs: { type: s.externalReference.service, size: "14" } })], 1) : e._e(), s.article_no ? t("div", [e._v(e._s(s.article_no))]) : e._e(), s.price ? t("div", [e._v(" " + e._s(e.priceFormat(s.price, { currency: s.currency })) + " ")]) : e._e(), s.vat ? t("div", [e._v(" " + e._s(e.$t("vat.sharedTitle").capitalize()) + " " + e._s(s.vat) + "% ")]) : e._e()]), e.selectedIndex === n ? t("div", { staticClass: "r-item-icon" }, [t("BaseIcon", { attrs: { type: "corner-down-left", size: "16" } })], 1) : e._e()]);
   }), 0) : e._e()], 1);
 }, He = [], qe = /* @__PURE__ */ c(
   je,
@@ -465,7 +477,7 @@ var Ne = function() {
   He,
   !1,
   null,
-  "e45af1ec",
+  "086d55a5",
   null,
   null
 );
@@ -553,11 +565,16 @@ const Ue = {
       } = this.article;
       if (e !== "fixed" && i.push({ title: this.$t(`priceTypeShort.${e}`) }), K(this.article)) {
         const u = Y(this.article);
-        i.push({ title: this.$t(`_common:deduction.${u}_percentage`) });
+        i.push({
+          title: this.$t(`_common:deduction.${u}_percentage`)
+        });
       }
       return t && ["fixed", "approx"].includes(e) && (s !== "unit" || t > 1) && i.push({
         // eslint-disable-next-line prefer-template
-        title: f(this.article.unitType, { count: t, includeCount: !0 }),
+        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, {
@@ -570,7 +587,10 @@ const Ue = {
         }
       }), r && i.push({
         // eslint-disable-next-line prefer-template
-        title: "-" + (l === "fixed" ? k(r, { withVat: this.isIncVat ? a : !1, currency: this.article.currency }) : `${r / 100} %`),
+        title: "-" + (l === "fixed" ? k(r, {
+          withVat: this.isIncVat ? a : !1,
+          currency: this.article.currency
+        }) : `${r / 100} %`),
         detailClass: "discount"
       }), i;
     }
@@ -603,13 +623,21 @@ var Ge = function() {
   }, focus: function(s) {
     return e.$emit("focus");
   }, select: function(s) {
-    e.$emit("input", e.addSavedArticle({ stored: s, current: e.article, hidePrice: e.hidePriceOnNew, activeHouseWorkType: e.activeHouseWorkType })), e.$emit("select");
+    e.$emit(
+      "input",
+      e.addSavedArticle({
+        stored: s,
+        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 },
+          delay: { show: 300, hide: 0 }
         }` }], staticClass: "article-button fade-in", attrs: { slot: "suffix" }, on: { click: function(s) {
     return e.$emit("open-modal");
   } }, slot: "suffix" }, [t("BaseIcon", { attrs: { type: "cog", size: "18" } })], 1)]), e.hidePriceInput ? e._e() : t("CPriceInput", { key: e.rootPriceType + e.article.priceType + e.article.unitType, staticClass: "form-control form-control-right", staticStyle: { flex: "1 1", "min-width": "200px" }, attrs: { value: e.article.totalAmount, currency: e.article.currency, "is-inc-vat": e.article.priceType !== "markup" && e.isIncVat, vat: e.article.vat, placeholder: e.$t("_common:price.price").capitalize(), "price-type": e.article.priceType, "unit-label": e.articleUnitLabel(e.article.unitType) }, on: { input: function(s) {
@@ -633,7 +661,7 @@ var Ge = function() {
   Ke,
   !1,
   null,
-  "ffe91c91",
+  "66da1f1f",
   null,
   null
 );
@@ -722,7 +750,7 @@ var Je = function() {
   Qe,
   !1,
   null,
-  "9a0caf80",
+  "7d125e97",
   null,
   null
 );
@@ -827,7 +855,11 @@ const it = {
       this.$emit("close");
     },
     async onDrop({ removedIndex: i, addedIndex: e }) {
-      i === null && e === null || i !== e && (this.idList = C(this.idList, i, e), await J("/unitType/setPositions", { ids: this.idList }, { invalidateCache: { type: "unitType" } }), this.reset(), await this.loadUnits());
+      i === null && e === null || i !== e && (this.idList = C(this.idList, i, e), await J(
+        "/unitType/setPositions",
+        { ids: this.idList },
+        { invalidateCache: { type: "unitType" } }
+      ), this.reset(), await this.loadUnits());
     }
   }
 };
@@ -856,7 +888,7 @@ var st = function() {
   at,
   !1,
   null,
-  "a4a478a1",
+  "cd39480b",
   null,
   null
 );
@@ -926,7 +958,7 @@ var lt = function() {
   ct,
   !1,
   null,
-  "beedcf10",
+  "e7364b17",
   null,
   null
 );
@@ -1038,23 +1070,29 @@ const pt = {
     },
     checkboxItems() {
       const { article: i } = this || {}, { priceType: e } = this.article || {}, t = [
-        ...e !== "markup" ? [{
-          label: this.$t("discount").capitalize(),
-          value: i.discount || this.showDiscountInput,
-          onClick: () => {
-            this.showDiscountInput || this.focusEl("discountInput"), this.showDiscountInput = !this.showDiscountInput;
+        ...e !== "markup" ? [
+          {
+            label: this.$t("discount").capitalize(),
+            value: i.discount || this.showDiscountInput,
+            onClick: () => {
+              this.showDiscountInput || this.focusEl("discountInput"), this.showDiscountInput = !this.showDiscountInput;
+            }
           }
-        }] : [],
-        ...this.getCompanySetting("showRot") || i.isDeductable ? [{
-          label: this.$t("_common:deduction.rot"),
-          value: this.article.isDeductable,
-          onClick: () => this.updateArticle(!i.isDeductable, "isDeductable")
-        }] : [],
-        ...this.getCompanySetting("showRut") || i.isRut ? [{
-          label: this.$t("_common:deduction.rut"),
-          value: i.isRut,
-          onClick: () => this.updateArticle(!i.isRut, "isRut")
-        }] : [],
+        ] : [],
+        ...this.getCompanySetting("showRot") || i.isDeductable ? [
+          {
+            label: this.$t("_common:deduction.rot"),
+            value: this.article.isDeductable,
+            onClick: () => this.updateArticle(!i.isDeductable, "isDeductable")
+          }
+        ] : [],
+        ...this.getCompanySetting("showRut") || i.isRut ? [
+          {
+            label: this.$t("_common:deduction.rut"),
+            value: i.isRut,
+            onClick: () => this.updateArticle(!i.isRut, "isRut")
+          }
+        ] : [],
         ...i.greenRot15 ? [
           {
             label: this.$t("_common:deduction.greenRot15_percentage"),
@@ -1088,12 +1126,14 @@ const pt = {
     priceTypeOptions() {
       if (!this.enablePriceTypes || this.rootPriceType === "fixed")
         return [];
-      const { priceType: i } = this.article, e = (s) => this.$t(`priceTypeTooltips.${s}`), t = [{
-        label: this.$t("price.fixed"),
-        tooltip: e("fixed"),
-        value: i === "fixed",
-        onClick: () => this.updateArticle("fixed", "priceType")
-      }];
+      const { priceType: i } = this.article, e = (s) => this.$t(`priceTypeTooltips.${s}`), t = [
+        {
+          label: this.$t("price.fixed"),
+          tooltip: e("fixed"),
+          value: i === "fixed",
+          onClick: () => this.updateArticle("fixed", "priceType")
+        }
+      ];
       return this.rootPriceType === "approx" && t.push({
         label: this.$t("price.approx"),
         tooltip: e("approx"),
@@ -1177,9 +1217,11 @@ const pt = {
       this.$v.$invalid || await this.saveArticle(), this.$emit("add", { openModal: !0 }), this.close();
     },
     focusEl(i) {
-      this.$nextTick(() => this.$nextTick(() => {
-        this.$refs[i] && this.$refs[i].focus && this.$refs[i].focus();
-      }));
+      this.$nextTick(
+        () => this.$nextTick(() => {
+          this.$refs[i] && this.$refs[i].focus && this.$refs[i].focus();
+        })
+      );
     },
     onTotalPriceInputFocus() {
       this.article.quantity > 1 && this.$nextTick(() => {
@@ -1201,7 +1243,10 @@ const pt = {
       if (this.viewSettings.isPublicForm)
         return;
       let { ArticleId: i } = this.article;
-      !i && ((t) => typeof t == "string" && !!t.trim())(this.article.name) && (i = await this.createArticle({ body: this.article, showMessage: !1 }), this.article = { ...this.article, ArticleId: i });
+      !i && ((t) => typeof t == "string" && !!t.trim())(this.article.name) && (i = await this.createArticle({
+        body: this.article,
+        showMessage: !1
+      }), this.article = { ...this.article, ArticleId: i });
     }
   }
 };
@@ -1217,7 +1262,15 @@ var ht = function() {
   } } }) : t("div", { staticClass: "modal-close", on: { click: e.close } }, [t("BaseIcon", { attrs: { type: "x" } })], 1), t("transition", { attrs: { name: "slide" } }, [t("div", { key: e.article._uniqueId, staticClass: "modal-main" }, [t("CField", { staticClass: "label-selector", staticStyle: { "margin-bottom": "1.5em" }, attrs: { validator: e.$v.article.name, messages: { maxLength: e.$t("validations.name.maxLength") }, label: e.$t("name").capitalize(), "label-position": "inside" } }, [t("ArticleAutocomplete", { ref: "nameInput", staticClass: "input-selector", attrs: { value: e.article.name, autosize: !0, tag: "textarea", placeholder: "", size: "large" }, on: { input: function(s) {
     return e.updateArticle(s, "name");
   }, select: function(s) {
-    e.$emit("input", e.addSavedArticle({ stored: s, current: e.article, hidePrice: e.hidePriceOnNew, activeHouseWorkType: e.activeHouseWorkType }));
+    e.$emit(
+      "input",
+      e.addSavedArticle({
+        stored: s,
+        current: e.article,
+        hidePrice: e.hidePriceOnNew,
+        activeHouseWorkType: e.activeHouseWorkType
+      })
+    );
   } } })], 1), t("div", { staticClass: "flex w-full", staticStyle: { "margin-bottom": "1.5em" } }, [t("CField", { staticClass: "flex-grow label-selector form-control form-control-left", 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(s) {
     e.updateArticle(Number.parseFloat(s), "quantity");
   } } })], 1), t("ArticleUnitSelect", { attrs: { value: e.article.unitType, "is-public-form": e.viewSettings.isPublicForm }, on: { input: function(s) {
@@ -1233,7 +1286,10 @@ var ht = function() {
   } } }, [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: "flex-grow label-selector form-control form-control-left", 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 }, on: { input: function(s) {
     e.updateArticle(Math.abs(s), "discount");
   } } }, [e.article.discountType === "fixed" ? t("template", { slot: "suffix" }, [e._v(" " + e._s(e._document.$t(`vat.${e.setPricesIncVat ? "incVat" : "exVat"}`)) + " ")]) : t("template", { slot: "suffix" }, [e._v(" " + e._s(e.getCurrencySymbol(e.article.currency)) + " ")])], 2)], 1), t("div", { staticClass: "select-css form-control form-control-right", staticStyle: { width: "5em" }, on: { click: function(s) {
-    return e.updateArticle(e.article.discountType === "percentage" ? "fixed" : "percentage", "discountType");
+    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(s) {
     e.updateArticle(Number.parseFloat(s.target.value), "vat");
   } } }, e._l(e.vatOptions, function({ translation: s, value: n }, a) {
@@ -1279,7 +1335,7 @@ var ht = function() {
                 <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", "border-radius": "0", "font-size": "16px", "background-color": "hsl(231, 4%, 20%)", "border-color": "hsl(231, 4%, 20%)" }, attrs: { type: "primary", tabindex: "0", size: "large" }, on: { click: e.addNewArticle } }, [t("BaseIcon", { staticStyle: { margin: "-3px" }, attrs: { type: "zap", size: "21" } })], 1)], 1)], 1)]);
 }, mt = [], ft = /* @__PURE__ */ c(
   pt,
@@ -1287,7 +1343,7 @@ var ht = function() {
   mt,
   !1,
   null,
-  "0852370a",
+  "efd067c3",
   null,
   null
 );
@@ -1386,7 +1442,11 @@ const gt = {
     setPricesIncVat(i) {
       this.updateArticlesVatOption(), this.showMessage({
         type: "info",
-        message: this.$t("vatOption.message", { vatOption: this.$t(`_common:vat.${i ? "incVat" : "exVat"}`, { thing: this.$t("_common:vat.sharedTitle") }) }),
+        message: this.$t("vatOption.message", {
+          vatOption: this.$t(`_common:vat.${i ? "incVat" : "exVat"}`, {
+            thing: this.$t("_common:vat.sharedTitle")
+          })
+        }),
         omit: "$view:extension,$view:widget"
       });
     }
@@ -1396,9 +1456,11 @@ const gt = {
       showMessage: p.SHOW_MESSAGE
     }),
     openModal(i, { focusEl: e = "" } = {}) {
-      this.selectedIndex = i, this.showModal = !0, e && this.$nextTick(() => this.$nextTick(() => {
-        this.$refs.articleModal && this.$refs.articleModal.focusEl(e);
-      }));
+      this.selectedIndex = i, this.showModal = !0, e && this.$nextTick(
+        () => this.$nextTick(() => {
+          this.$refs.articleModal && this.$refs.articleModal.focusEl(e);
+        })
+      );
     },
     updateArticleObject(i, e) {
       const t = e;
@@ -1417,13 +1479,22 @@ const gt = {
       this.articles.forEach((i, e) => {
         if (i.priceType === "markup")
           return;
-        let t = g({ amount: i.price }).divide((100 + i.vat) * 0.01);
-        this.setPricesIncVat || (t = g({ amount: i.price }).multiply((100 + i.vat) * 0.01)), this.updateArticleObject(e, w({ ...i, price: t.getAmount() }));
+        let t = g({ amount: i.price }).divide(
+          (100 + i.vat) * 0.01
+        );
+        this.setPricesIncVat || (t = g({ amount: i.price }).multiply(
+          (100 + i.vat) * 0.01
+        )), this.updateArticleObject(
+          e,
+          w({ ...i, price: t.getAmount() })
+        );
       });
     },
     // Method used by parent component
     focusLastArticle() {
-      this.$nextTick(() => this.$refs.articleItem[this.articles.length - 1].focusName());
+      this.$nextTick(
+        () => this.$refs.articleItem[this.articles.length - 1].focusName()
+      );
     },
     openLastArticle() {
       this.$nextTick(() => this.openModal(this.articles.length - 1));
@@ -1456,7 +1527,11 @@ const gt = {
         const { newIndex: n, element: a } = e;
         this.$emit("insert", { index: n, value: a });
       } else if (t) {
-        const n = C(this.articles, t.oldIndex, t.newIndex);
+        const n = C(
+          this.articles,
+          t.oldIndex,
+          t.newIndex
+        );
         this.$emit("move", n);
       } else if (s) {
         const { oldIndex: n } = s;
@@ -1509,7 +1584,7 @@ var yt = function() {
   _t,
   !1,
   null,
-  "8e5494e8",
+  "8e3ec674",
   null,
   null
 );
@@ -1523,12 +1598,7 @@ const xt = {
   },
   data() {
     return {
-      priceTypeOptions: [
-        "fixed",
-        "approx",
-        "openAcc",
-        "openAccMaxPrice"
-      ]
+      priceTypeOptions: ["fixed", "approx", "openAcc", "openAccMaxPrice"]
     };
   }
 };
@@ -1545,7 +1615,7 @@ var bt = function() {
   wt,
   !1,
   null,
-  "43eaaee7",
+  "13ef0942",
   null,
   null
 );
@@ -1608,7 +1678,7 @@ var At = function() {
   Pt,
   !1,
   null,
-  "096eca10",
+  "260ca3df",
   null,
   null
 );
@@ -1676,9 +1746,11 @@ var Rt = function() {
     { v: 0.485, l: "48.5%" },
     { v: 0.5, l: "50%" }
   ], function(s) {
-    return t("div", { key: s.l, staticClass: "deduction-button", class: { active: Math.round(e.total * s.v * 0.01) * 100 === e.internalValue }, on: { click: function(n) {
+    return t("div", { key: s.l, staticClass: "deduction-button", class: {
+      active: Math.round(e.total * s.v * 0.01) * 100 === e.internalValue
+    }, on: { click: function(n) {
       return e.setDeduction(s.v);
-    } } }, [e._v(e._s(s.l))]);
+    } } }, [e._v(" " + e._s(s.l) + " ")]);
   }), 0), t("CButton", { staticClass: "mt-8", attrs: { type: "secondary", wide: "" }, on: { click: function(s) {
     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(s) {
@@ -1692,7 +1764,7 @@ var Rt = function() {
   Ot,
   !1,
   null,
-  "d2df9b4c",
+  "97b347dc",
   null,
   null
 );
@@ -1731,19 +1803,29 @@ const Bt = {
           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.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
+          }
+        ] : [],
         {
           classList: "main",
           label: this._document.$t("total"),
@@ -1751,13 +1833,15 @@ const Bt = {
           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
-        }] : []
+        ...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, {
@@ -1768,7 +1852,9 @@ const Bt = {
       }));
     },
     prices() {
-      const { prices: i } = this._document.packageGroups.getPackageById(this.packageId);
+      const { prices: i } = this._document.packageGroups.getPackageById(
+        this.packageId
+      );
       return i;
     },
     showHouseWork() {
@@ -1791,7 +1877,7 @@ var Et = function() {
   zt,
   !1,
   null,
-  "99d833c2",
+  "18ff599a",
   null,
   null
 );
@@ -1830,15 +1916,17 @@ const jt = {
     Pricing: Ft,
     TextEditor: ae
   },
-  mixins: [y([
-    "isSelectedDefault",
-    "isSelected",
-    "name",
-    "description",
-    "priceType",
-    "maxTotal",
-    "currency"
-  ])],
+  mixins: [
+    y([
+      "isSelectedDefault",
+      "isSelected",
+      "name",
+      "description",
+      "priceType",
+      "maxTotal",
+      "currency"
+    ])
+  ],
   props: {
     packageId: {
       type: String,
@@ -1880,7 +1968,11 @@ const jt = {
     },
     internalDescription: {
       get() {
-        return Q(this.description, this._document.textTemplateMap, this._document._doc);
+        return Q(
+          this.description,
+          this._document.textTemplateMap,
+          this._document._doc
+        );
       },
       set(i) {
         this.description = ee(i);
@@ -1918,20 +2010,37 @@ const jt = {
         packageId: this.packageId,
         currency: this.currency
       });
-      this.$emit("input", { key: "articles", value: [...this.articles, i] });
+      this.$emit("input", {
+        key: "articles",
+        value: [...this.articles, i]
+      });
     },
     onArticleInput({ index: i, value: e }) {
-      const { i: t } = this.mappedPackageArticles[i], s = te(e, ["allowRot", "allowRut", "isIncVat", "rootPriceType", "hideControls"]);
+      const { i: t } = this.mappedPackageArticles[i], s = te(e, [
+        "allowRot",
+        "allowRut",
+        "isIncVat",
+        "rootPriceType",
+        "hideControls"
+      ]);
       s.currency = this.currency, this.$emit("input", { key: `articles[${[t]}]`, value: s });
     },
     onArticleAdd({ openModal: i = !1 } = {}) {
       this.createEmptyArticle(), i ? this.$refs.articleList.openLastArticle() : this.$refs.articleList.focusLastArticle();
     },
     onInsert({ index: i, value: e }) {
-      const t = ie(this.mappedPackageArticles).add({ ...e, packageId: this.packageId }, i);
+      const t = ie(this.mappedPackageArticles).add(
+        { ...e, packageId: this.packageId },
+        i
+      );
       this.$emit("input", {
         key: "articles",
-        value: [...this.articles.filter(({ packageId: s }) => s !== this.packageId), ...t]
+        value: [
+          ...this.articles.filter(
+            ({ packageId: s }) => s !== this.packageId
+          ),
+          ...t
+        ]
       });
     },
     onArticleRemove(i) {
@@ -1941,7 +2050,12 @@ const jt = {
     onArticleMove(i) {
       this.$emit("input", {
         key: "articles",
-        value: [...this.articles.filter(({ packageId: e }) => e !== this.packageId), ...i]
+        value: [
+          ...this.articles.filter(
+            ({ packageId: e }) => e !== this.packageId
+          ),
+          ...i
+        ]
       });
     }
   }
@@ -1964,7 +2078,12 @@ var Nt = function() {
     e.internalDescription = s;
   }, 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(s) {
+  }, expression: `
+        () => {
+          isFocus = false
+          isHover = false
+        }
+      ` }], on: { "&mouseover": function(s) {
     e.isHover = !0;
   }, "&mouseleave": function(s) {
     e.isHover = !1;
@@ -1987,7 +2106,7 @@ var Nt = function() {
     offset: 6
   }, expression: `{
             content: $t('advancedButtonTooltip'),
-            offset: 6,
+            offset: 6
           }` }], staticClass: "text-gray-500 bg-gray-100 border border-gray-200 p-2.5 text-center text-sm font-medium leading-none rounded-md cursor-pointer transition-colors hover:border-gray-400 hover:bg-gray-500 hover:text-white", on: { click: function(s) {
     return e.onArticleAdd({ openModal: !0 });
   } } }, [t("BaseIcon", { attrs: { type: "zap", size: "16", "stroke-width": "2.5" } })], 1)]), t("Pricing", e._g({ attrs: { _document: e._document, "base-path": `${e._value.basePath}`, "package-id": e.packageId } }, e.$listeners))], 1)], 1)]);
@@ -1997,7 +2116,7 @@ var Nt = function() {
   Ht,
   !1,
   null,
-  "b5ac9679",
+  "311d20b0",
   null,
   null
 );
@@ -2075,7 +2194,10 @@ var Kt = function() {
     return t("div", { key: n, staticClass: "package-group-option", style: { backgroundColor: s.background }, on: { click: function(a) {
       return e.$emit("input", s.value);
     } } }, [t("div", { staticClass: "package-group-option__illustration" }, [s.value === "single" ? t("div", { staticClass: "package-group-option__illustration-card animate" }, [e._m(0, !0)]) : e._e(), s.value === "radio" ? e._l(3, function(a) {
-      return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a === 2 } }, [t("div", { staticStyle: { width: "8px", height: "8px", "border-radius": "50%", "box-shadow": "0 0 0 1px white, 0 0 0 2px hsl(0, 0%, 76%)", "margin-right": "10px" }, style: a === 2 && { boxShadow: `0 0 0 1px white, 0 0 0 2px ${s.background}`, backgroundColor: s.background } }), e._m(1, !0)]);
+      return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a === 2 } }, [t("div", { staticStyle: { width: "8px", height: "8px", "border-radius": "50%", "box-shadow": "0 0 0 1px white, 0 0 0 2px hsl(0, 0%, 76%)", "margin-right": "10px" }, style: a === 2 && {
+        boxShadow: `0 0 0 1px white, 0 0 0 2px ${s.background}`,
+        backgroundColor: s.background
+      } }), e._m(1, !0)]);
     }) : e._e(), s.value === "checkbox" ? e._l(3, function(a) {
       return t("div", { key: a, staticClass: "package-group-option__illustration-card", class: { animate: a !== 3 } }, [t("div", { staticStyle: { height: "12px", width: "12px", "border-radius": "2px", "background-color": "hsl(0, 0%, 76%)", "margin-right": "10px", color: "white", padding: "1px", display: "inline-flex", "align-items": "center", "justify-content": "center" }, style: a !== 3 && { backgroundColor: s.background } }, [t("BaseIcon", { attrs: { type: a !== 3 ? "check" : "empty", "stroke-width": "5", size: "8" } })], 1), e._m(2, !0)]);
     }) : e._e()], 2), t("div", [t("div", { staticClass: "package-group-option__title" }, [e._v(" " + e._s(s.title) + " ")]), t("div", { staticClass: "package-group-option__subtitle", domProps: { innerHTML: e._s(s.subTitle) } })])]);
@@ -2095,7 +2217,7 @@ var Kt = function() {
   Yt,
   !1,
   null,
-  "ac7ba955",
+  "ddc62a33",
   null,
   null
 );
@@ -2142,13 +2264,15 @@ const Jt = {
     PackageItem: Ut,
     PackageGroupSelect: Xt
   },
-  mixins: [y([
-    "type",
-    // 'title',
-    "packages",
-    "articles",
-    "hideGroupPrice"
-  ])],
+  mixins: [
+    y([
+      "type",
+      // 'title',
+      "packages",
+      "articles",
+      "hideGroupPrice"
+    ])
+  ],
   props: {
     persistedGroup: {
       type: Object,
@@ -2180,7 +2304,9 @@ const Jt = {
       return this.type === "checkbox" ? this.internalPackages.filter(({ toggable: i }) => i === !0) : [];
     },
     group() {
-      return this._document.packageGroups.getPackageGroupUniqId(this._value.groupId) || {};
+      return this._document.packageGroups.getPackageGroupUniqId(
+        this._value.groupId
+      ) || {};
     },
     houseWorkType() {
       return o(this.group, "prices.region.houseWorkType", null);
@@ -2242,20 +2368,17 @@ const Jt = {
     addPersistedGroup(i) {
       if (!this.persistedGroup || !this.persistedGroup.type)
         return;
-      let {
-        packages: e,
-        articles: t
-      } = this.persistedGroup;
+      let { packages: e, articles: t } = this.persistedGroup;
       if (!e.length)
         return;
       if (i !== this.persistedGroup.type && (e = Me(i, e)), i === "single" && t.length) {
         const [{ packageId: n }] = e;
         t = t.filter((a) => a.packageId === n);
       }
-      const s = De([
-        ...this._document.allArticles || [],
-        ...t || []
-      ], (n) => n._uniqueId);
+      const s = De(
+        [...this._document.allArticles || [], ...t || []],
+        (n) => n._uniqueId
+      );
       this.$emit("input", { key: "articles", value: s }), this.$emit("input", { key: `${[this._value.packages]}`, value: e });
     },
     addPackage(i = {}) {
@@ -2288,20 +2411,40 @@ const Jt = {
     },
     onInputPriceType(i, e) {
       this.type === "checkbox" && this.packages.forEach((t, s) => {
-        s !== i && this.$emit("input", { key: `${[this._value.packages]}[${[s]}].data.prices.type`, value: e });
+        s !== i && this.$emit("input", {
+          key: `${[this._value.packages]}[${[s]}].data.prices.type`,
+          value: e
+        });
       });
     },
     onInputSelectedDefault(i, e) {
       this.type === "radio" && !e || (this.type === "radio" && e && this.packages.forEach((t, s) => {
-        s !== i && (this.$emit("input", { key: `${[this._value.packages]}[${[s]}].isSelectedDefault`, value: !1 }), this.$emit("input", { key: `${[this._value.packages]}[${[s]}].isSelected`, value: !1 }));
-      }), this.$emit("input", { key: `${[this._value.packages]}[${[i]}].isSelectedDefault`, value: e }), this.$emit("input", { key: `${[this._value.packages]}[${[i]}].isSelected`, value: e }));
+        s !== i && (this.$emit("input", {
+          key: `${[this._value.packages]}[${[s]}].isSelectedDefault`,
+          value: !1
+        }), this.$emit("input", {
+          key: `${[this._value.packages]}[${[s]}].isSelected`,
+          value: !1
+        }));
+      }), this.$emit("input", {
+        key: `${[this._value.packages]}[${[i]}].isSelectedDefault`,
+        value: e
+      }), this.$emit("input", {
+        key: `${[this._value.packages]}[${[i]}].isSelected`,
+        value: e
+      }));
     },
     removeByIndex(i) {
-      const { packageId: e } = this.packages[i], t = this._document.allArticles.filter(({ packageId: s }) => s !== e);
+      const { packageId: e } = this.packages[i], t = this._document.allArticles.filter(
+        ({ packageId: s }) => s !== e
+      );
       this.$emit("input", { key: "articles", value: t }), this.$emit("remove", { key: `${[this._value.packages]}[${[i]}]` });
     },
     async onResetType() {
-      const i = this.packages.map((s) => s.packageId), [e, t] = this._document.allArticles.reduce(([s, n], a) => i.includes(a.packageId) ? [[...s, a], n] : [s, [...n, a]], [[], []]);
+      const i = this.packages.map((s) => s.packageId), [e, t] = this._document.allArticles.reduce(
+        ([s, n], a) => i.includes(a.packageId) ? [[...s, a], n] : [s, [...n, a]],
+        [[], []]
+      );
       this.$emit("update:persisted-group", {
         type: this.type,
         packages: this.packages,
@@ -2323,7 +2466,11 @@ var Qt = function() {
   return t("div", { staticClass: "package-group-root font-inter" }, [e.type ? [t("div", { staticStyle: { position: "absolute", right: "0", top: "-10px", transform: "translateY(-100%)", "z-index": "2" } }, [t("CDropdown", [t("CButton", { attrs: { slot: "trigger", type: "none", size: "normal", pattern: "secondary", icon: "more-horizontal", circle: "" }, slot: "trigger" }), t("CDropdownItem", { on: { click: e.onResetType } }, [e._v(e._s(e.$t("_common:change", { thing: e.$t("_common:price.proposal").toLowerCase() })))]), t("CDropdownItem", { attrs: { value: !!e.hideGroupPrice, "close-on-click": !1, toggle: "" }, on: { input: function(s) {
     e.hideGroupPrice = s;
   } } }, [e._v(" " + e._s(e.$t("hideGroupPrice")) + " ")])], 1)], 1), e.type === "checkbox" && !e.internalPackages.find((s) => s.toggable === !1) ? t("CCallout", { staticClass: "w-full", attrs: { title: e.$t("base") } }, [t("div", { staticClass: "pb-4" }, [e._v(" " + e._s(e.$t("basePlaceholder")) + " ")]), t("CButton", { staticStyle: { "font-weight": "600" }, attrs: { type: "secondary", size: "small" }, on: { click: function(s) {
-    return e.addPackage({ isSelected: !0, isSelectedDefault: !0, toggable: !1 });
+    return e.addPackage({
+      isSelected: !0,
+      isSelectedDefault: !0,
+      toggable: !1
+    });
   } } }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("base").toLowerCase() })) + " ")])], 1) : t("transition-group", { attrs: { name: "section-list", tag: "div" } }, e._l(e.topRowPackages, function(s, n) {
     return t("div", { key: s.packageId, staticClass: "pb-4 section-item" }, [t("PackageItem", { attrs: { _document: e._document, _value: {
       isSelectedDefault: `${e._value.packages}[${s.index}].isSelectedDefault`,
@@ -2339,7 +2486,10 @@ var Qt = function() {
     }, add: function(a) {
       return e.$emit("add", a);
     }, "update:isSelectedDefault": (a) => e.onInputSelectedDefault(s.index, a), "update:priceType": (a) => e.onInputPriceType(s.index, a), "update:setPricesIncVat": (a) => {
-      e.$emit("input", { key: "data.formSettings.setPricesIncVat", value: a }), e.setPricesDirty = !0;
+      e.$emit("input", {
+        key: "data.formSettings.setPricesIncVat",
+        value: a
+      }), e.setPricesDirty = !0;
     }, "update:currency": (a) => e.$emit("input", { key: "currency", value: a }), remove: function(a) {
       return e.$emit("remove", a);
     }, "remove-package": function(a) {
@@ -2362,7 +2512,10 @@ var Qt = function() {
     }, add: function(a) {
       return e.$emit("add", a);
     }, "update:isSelectedDefault": (a) => e.onInputSelectedDefault(s.index, a), "update:priceType": (a) => e.onInputPriceType(s.index, a), "update:setPricesIncVat": (a) => {
-      e.$emit("input", { key: "data.formSettings.setPricesIncVat", value: a }), e.setPricesDirty = !0;
+      e.$emit("input", {
+        key: "data.formSettings.setPricesIncVat",
+        value: a
+      }), e.setPricesDirty = !0;
     }, remove: function(a) {
       return e.$emit("remove", a);
     }, "remove-package": function(a) {
@@ -2381,7 +2534,7 @@ var Qt = function() {
   ei,
   !1,
   null,
-  "b0860d65",
+  "614a59a8",
   null,
   null
 );