@cling-se/widget 0.14.4 → 0.14.6

package/dist/PackageGroup-BLSMSUDz.js

@@ -0,0 +1,699 @@
+import { m as g } from "./mapFormMixin-DlFcgwhm.js";
+import { E as y } from "./ErrorCallout-CCtCVwSh.js";
+import { am as f, an as v, w as _, n as d, ao as k, A as w, b as p, d as P, c as $ } from "./main-CQBEuZk9.js";
+import { t as m } from "./tinycolor-PhFP695w.js";
+import { T as b } from "./DocTextEditor-VjhV9IRp.js";
+const x = {
+  name: "ArticleItem",
+  mixins: [g([])],
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    quantity: {
+      type: Number,
+      required: !0
+    },
+    unitType: {
+      type: String,
+      required: !0
+    },
+    articleNo: {
+      type: String,
+      default: null
+    },
+    houseWorkType: {
+      type: String,
+      default: null
+    },
+    price: {
+      type: Number,
+      default: 0
+    },
+    currency: {
+      type: String,
+      required: !0
+    },
+    vat: {
+      type: Number,
+      default: null
+    },
+    priceType: {
+      type: String,
+      required: !0
+    },
+    showPrice: {
+      type: Boolean,
+      default: !0
+    },
+    position: {
+      type: Number,
+      default: null
+    },
+    showPricesIncVat: {
+      type: Boolean,
+      required: !0
+    },
+    discount: {
+      type: Number,
+      default: null
+    },
+    discountType: {
+      type: String,
+      default: null
+    },
+    totalAmount: {
+      type: Number,
+      default: null
+    }
+  },
+  docLang: f,
+  computed: {
+    fixQuantity() {
+      return this.priceType === "openAcc" ? 1 : this.quantity;
+    },
+    showDetails() {
+      return this.showPrice ? this.priceType === "openAcc" || this.priceType === "markup" || this.quantity !== 1 || this.unitType !== "unit" : !1;
+    },
+    calcPricePrefix() {
+      return this.priceType === "approx" ? `${this._document.$t("approx")} ` : "";
+    },
+    unitPriceUnformatted() {
+      let { price: i } = this;
+      return this.priceType === "markup" || this.showPricesIncVat && (i *= (100 + this.vat) / 100), i;
+    },
+    atPrice() {
+      if (!this.price || !this.showPrice || this.priceType === "openAcc" || this.priceType === "markup")
+        return !1;
+      let { price: i } = this;
+      return this.showPricesIncVat && (i *= (100 + this.vat) / 100), this.priceFormat(i, {
+        currency: this.currency,
+        decimals: 2,
+        hideZeroDecimals: !0
+      });
+    },
+    totalPrice() {
+      if (!this.price || !this.totalAmount)
+        return "";
+      let i = this.totalAmount;
+      this.showPricesIncVat && this.priceType !== "markup" && (i *= (100 + this.vat) / 100);
+      let e = "";
+      return this.priceType === "openAcc" && (e = `/${v(this.unitType, {
+        lng: this._document.language
+      })}`, this.houseWorkType && (i *= {
+        rot: 0.7,
+        rut: 0.5,
+        greenRot15: 0.85,
+        greenRot20: 0.8,
+        greenRot50: 0.5
+      }[this.houseWorkType])), this.priceType === "markup" ? i = `${this.priceFormat(i, {
+        suffix: !1,
+        decimals: 2,
+        currency: this.currency
+      })} %` : i = this.priceFormat(i, {
+        currency: this.currency,
+        decimals: 2,
+        hideZeroDecimals: !0
+      }), this.calcPricePrefix + i + e;
+    },
+    discountLabels() {
+      if (!this.discount)
+        return "";
+      const i = this.priceFormat(
+        this.fixQuantity * this.unitPriceUnformatted,
+        {
+          currency: this.currency
+        }
+      );
+      let e = "", t = "";
+      return this.discountType === "percentage" ? (e = `<span style="color: red;">-${this.discount / 100}%</span>`, t = `<span style="text-decoration: line-through; font-weight: 400; padding-left: 0.75ch; opacity: 0.75;">${i}</span>`) : t = `<span style="text-decoration: line-through; color: red;">${i}</span>`, `<div style="font-size: calc(1em - 2px);">${e}${t}</div>`;
+    }
+  },
+  methods: {
+    articleUnitLabel: v,
+    priceFormat: _
+  }
+};
+var T = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "article-wrapper print-avoid-break-inside", class: {
+    "no-border-top": e.position === 0
+  } }, [t("div", { staticClass: "article-text" }, [t("div", { staticClass: "article-text-title hyphens-auto break-all" }, [e._v(e._s(e.title))]), e.showDetails ? t("div", { staticClass: "article-text-sub" }, [e.priceType === "openAcc" || e.priceType === "markup" ? t("div", [e._v(" " + e._s(e._document.$t(`price.${e.priceType}`)) + "  ")]) : e._e(), e.priceType !== "openAcc" && e.priceType !== "markup" ? t("div", [e._v(" " + e._s(e.fixQuantity) + " " + e._s(e.articleUnitLabel(e.unitType, { count: e.fixQuantity, lng: e._document.language, instance: e.$options.docLang })) + " ")]) : e._e(), e.atPrice ? t("svg", { staticStyle: { margin: "0 4px" }, attrs: { width: "6", height: "6", viewBox: "0 0 148 141", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { 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: "#000", "fill-rule": "evenodd" } })]) : e._e(), e.atPrice ? t("div", [e._v(e._s(e.atPrice))]) : e._e()]) : e._e()]), t("div", { staticClass: "article-price" }, [e.showPrice ? [e.discount ? t("div", { domProps: { innerHTML: e._s(e.discountLabels) } }) : e._e(), t("div", [e._v(" " + e._s(e.totalPrice) + " ")])] : e._e(), e.houseWorkType ? t("div", { staticClass: "article-price-sub" }, [e.houseWorkType && e.priceType === "openAcc" ? [e._v(e._s(e._document.$t("deduction.afterType", { type: `${e.houseWorkType}_percentage` })))] : e.houseWorkType ? [e._v(e._s(e._document.$t("chapters.articleItem.eligibleForDeduction", { type: `${e.houseWorkType}_percentage` })))] : e._e()], 2) : e._e()], 2)]);
+}, S = [], V = /* @__PURE__ */ d(
+  x,
+  T,
+  S,
+  !1,
+  null,
+  "5c724785"
+);
+const C = V.exports, I = {
+  name: "ArticleList",
+  components: {
+    DocChapterArticleItem: C
+  },
+  mixins: [g([])],
+  props: {
+    articles: {
+      type: Array,
+      required: !0
+    },
+    showPrices: {
+      type: Boolean,
+      default: !0
+    },
+    showPricesIncVat: {
+      type: Boolean,
+      default: !0
+    },
+    parent: {
+      type: String,
+      default: ""
+    },
+    useVat: {
+      type: Boolean,
+      required: !0
+    },
+    vatType: {
+      type: String,
+      required: !0
+    }
+  },
+  computed: {
+    showVatToggle() {
+      return this.useVat && (this.articles || []).some(({ vat: i }) => i !== null);
+    }
+  },
+  methods: {
+    articleHouseWorkType: k
+  }
+};
+var A = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "article-list-wrapper" }, [t("div", { staticClass: "article-head" }, [t("div", [e._v(e._s(e._document.$t("chapters.articleList.title")))]), e.showPrices && e.showVatToggle ? t("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e._document.$t("chapters.articleList.changeShowVatTooltip", {
+    type: e._document.$t(`vat.${e.showPricesIncVat ? "exVat" : "incVat"}`, {
+      thing: e._document.$t(`vat.${e.vatType}`)
+    })
+  }), expression: "\n        _document.$t('chapters.articleList.changeShowVatTooltip', {\n          type: _document.$t(`vat.${showPricesIncVat ? 'exVat' : 'incVat'}`, {\n            thing: _document.$t(`vat.${vatType}`)\n          })\n        })\n      " }], staticStyle: { "text-decoration": "underline", cursor: "pointer" }, on: { click: function(r) {
+    return e.$emit("toggle-show-vat", !e.showPricesIncVat);
+  } } }, [e._v(" " + e._s(e._document.$t(`vat.${e.showPricesIncVat ? "incVat" : "exVat"}`, { thing: e._document.$t(`vat.${e.vatType}`) })) + " ")]) : e._e()]), e._l(e.articles, function(r, o) {
+    return t("DocChapterArticleItem", { key: o, attrs: { _document: e._document, title: r.name, quantity: r.quantity, unit: r.unit, "unit-type": r.unitType, "article-no": r.article_no, "house-work-type": e.articleHouseWorkType(r), price: e.showPrices ? r.price : null, currency: r.currency, vat: r.vat, "price-type": r.priceType, "show-price": r.showPrice, position: r.position, "show-prices-inc-vat": e.showPricesIncVat, discount: r.discount, "discount-type": r.discountType, "total-amount": r.totalAmount } });
+  })], 2);
+}, F = [], D = /* @__PURE__ */ d(
+  I,
+  A,
+  F,
+  !1,
+  null,
+  "10ef4c10"
+);
+const z = D.exports, B = {
+  name: "PackageItem",
+  i18nOptions: {
+    namespaces: "PackageItem",
+    messages: {
+      en: {
+        selectTooltip: "Only your clients can select options"
+      },
+      sv: {
+        selectTooltip: "Enbart din kund kan välja ett paket"
+      }
+    }
+  },
+  components: {
+    ArticleList: z,
+    TextEditor: b
+  },
+  inject: {
+    isPdf: {
+      default: !1
+    }
+  },
+  props: {
+    workPackage: {
+      type: Object,
+      required: !0
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    canToggle: {
+      type: Boolean,
+      default: !1
+    },
+    isPreview: {
+      type: Boolean,
+      default: !1
+    },
+    showToggle: {
+      type: Boolean,
+      default: !1
+    },
+    showPricesIncVat: {
+      type: Boolean,
+      default: !0
+    },
+    headingColor: {
+      type: String,
+      default: "#03f"
+    },
+    _document: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      internalShowDetails: !1,
+      tinycolor: m
+    };
+  },
+  computed: {
+    prices() {
+      return this.workPackage.prices;
+    },
+    totalBeforeDiscount() {
+      return (this.workPackage.articles || []).reduce((i, e) => {
+        const t = e.priceType === "openAcc" ? 1 : e.quantity;
+        let { price: r } = e;
+        return this.showPricesIncVat && e.priceType !== "markup" && (r *= (100 + e.vat) / 100), i + t * r;
+      }, 0);
+    },
+    showDetails: {
+      get() {
+        return this.type === "single" || this.workPackage.isSelected && !this.workPackage.toggable ? !0 : this.internalShowDetails || this.isPdf;
+      },
+      set(i) {
+        this.internalShowDetails = i;
+      }
+    },
+    description() {
+      const i = this._document ? this._document._doc : {};
+      return w(this.workPackage.data.description, i);
+    },
+    useVat() {
+      return this._document ? this._document.useVat : !1;
+    },
+    vatType() {
+      return this._document ? this._document.vatType : "vat";
+    }
+  },
+  methods: {
+    priceFormat(i, e = {}) {
+      return _(i, {
+        currency: this.prices.currency,
+        decimals: 2,
+        hideZeroDecimals: !0,
+        ...e
+      });
+    }
+  }
+};
+var M = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "package-container font-inter", class: {
+    "single-package": e.type === "single" || e.workPackage.isSelected && !e.workPackage.toggable
+  }, style: {
+    ...e.workPackage.isSelected && {
+      boxShadow: `0 0 0 2px ${e.headingColor}`
+    }
+  } }, [t("div", { staticClass: "top-container" }, [e.workPackage.data.name ? t("div", { staticStyle: { "font-weight": "800", "font-size": "calc(calc(1 * var(--rem)) + 4px)", "margin-bottom": "calc(0.5 * var(--rem))" } }, [e._v(" " + e._s(e.workPackage.data.name) + " ")]) : e._e(), t("div", [e.description ? t("TextEditor", { staticStyle: { "margin-bottom": "1em" }, attrs: { value: e.description } }) : e._e()], 1)]), t("Animation", [t("ArticleList", { directives: [{ name: "show", rawName: "v-show", value: e.showDetails && e.workPackage.articles.length, expression: "showDetails && workPackage.articles.length" }], staticClass: "articles-container", attrs: { _document: e._document, articles: e.workPackage.articles, "show-prices-inc-vat": e.showPricesIncVat, "use-vat": e.useVat, "vat-type": e.vatType, parent: "packageGroup" }, on: { "toggle-show-vat": function(r) {
+    return e.$emit("toggle-show-vat", r);
+  } } })], 1), e.type !== "single" && (e.workPackage.toggable || e.isPreview) && (e.prices.total || e.prices.type === "openAcc") ? t("div", { staticClass: "flex w-full justify-end", staticStyle: { "margin-top": "calc(3 * var(--rem))" } }, [t("div", { staticStyle: { padding: "calc(0.75 * var(--rem)) calc(1 * var(--rem))", "text-align": "right" } }, [e.prices.helpers.discount ? t("div", { staticClass: "price-total", staticStyle: { color: "red", "text-decoration": "line-through", "font-size": "16px", "font-weight": "600" } }, [e._v(" " + e._s(e.priceFormat(e.showPricesIncVat ? e.totalBeforeDiscount : e.prices.subTotal + e.prices.helpers.discount)) + " ")]) : e._e(), e.prices.type === "openAcc" ? [t("div", { staticStyle: { "line-height": "1.2", "font-size": "13px" } }, [e._v(" " + e._s(e._document.$t("price.pricing")) + " ")]), t("div", { staticClass: "price-total", staticStyle: { padding: "2px 0 3px 0" } }, [e._v(" " + e._s(e._document.$t("price.openAccPrice")) + " ")])] : [t("div", { staticClass: "price-total" }, [e.type === "checkbox" ? t("span", { staticClass: "primary-text-color", staticStyle: { "font-weight": "900" } }, [e._v("+")]) : e._e(), e._v(" " + e._s(e.priceFormat(e.showPricesIncVat ? e.prices.total : e.prices.subTotal)) + " ")]), e.useVat ? t("div", { staticStyle: { "line-height": "1.2", "font-size": "13px", padding: "2px 0 3px 0" } }, [e._v(" " + e._s(e._document.$t("price.price").capitalize()) + " " + e._s(e._document.$t(`vat.${e.showPricesIncVat ? "incVat" : "exVat"}`, { thing: e._document.$t(`vat.${e.vatType}`) })) + " ")]) : e._e()]], 2)]) : e._e(), e.showToggle ? t("div", { staticClass: "flex w-full items-center justify-end", staticStyle: { "background-color": "hsl(215, 10%, 95%)" } }, [e.isPdf ? e._e() : [t("CButton", { staticClass: "package-button", attrs: { pattern: "tertiary", type: "text", icon: e.showDetails ? "arrow-up" : "arrow-down", "icon-props": { size: 20 } }, on: { click: function(r) {
+    e.showDetails = !e.showDetails;
+  } } }, [e._v(" " + e._s(e._document.$t("show", { thing: e._document.$t(`${e.showDetails ? "less" : "detail_plural"}`) })) + " ")]), e.canToggle || e.isPreview ? t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.isPreview && {
+    content: e.$t("selectTooltip"),
+    offset: 5
+  }, expression: `
+          isPreview && {
+            content: $t('selectTooltip'),
+            offset: 5
+          }
+        ` }], staticClass: "package-button", class: { "is-disabled": e.isPreview }, style: {
+    backgroundColor: e.headingColor,
+    color: e.tinycolor.readability(e.headingColor, "#FFF") > 2.2 ? "#FFF" : "#000"
+  }, attrs: { type: "text" }, on: { click: function(r) {
+    e.canToggle && e.$emit("toggle", e.workPackage.packageId);
+  } } }, [e.workPackage.isSelected ? [t("svg", { staticStyle: { "margin-right": "calc(0.5 * var(--rem))" }, attrs: { viewBox: "0 0 24 24", width: "18", height: "18", stroke: "currentColor", "stroke-width": "3.5", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("polyline", { attrs: { points: "20 6 9 17 4 12" } })]), e._v(" " + e._s(e._document.$t("chapters.packageItem.selected")) + " ")] : [e._v(" " + e._s(e._document.$t(`chapters.packageItem.${e.type === "radio" ? "select" : "add"}`)) + " ")]], 2) : e._e()]], 2) : e._e()], 1);
+}, W = [], O = /* @__PURE__ */ d(
+  B,
+  M,
+  W,
+  !1,
+  null,
+  "3033be89"
+);
+const Z = O.exports, q = {
+  name: "PackagePricingSummary",
+  props: {
+    // PackageGroup.prices (format: calcPrices of one group)
+    prices: {
+      type: Object,
+      default: () => ({ region: {} })
+    },
+    showPrices: {
+      type: Boolean,
+      default: !0
+    },
+    _document: {
+      type: Object,
+      default: () => ({})
+    },
+    primaryColor: {
+      type: String,
+      default: "#03f"
+    },
+    placeholder: {
+      type: Boolean,
+      default: !1
+    },
+    showPricesIncVat: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  computed: {
+    blocks() {
+      const {
+        type: i,
+        total: e,
+        maxTotal: t,
+        subTotal: r,
+        taxAmount: o,
+        roundingAmount: s,
+        currency: a
+      } = this.prices, c = [];
+      if (!a)
+        return c;
+      const n = {
+        title: this._document.$t("chapters.pricingSummary.blocks.price"),
+        subTitle: this._document.$t("chapters.pricingSummary.blocks.summary")
+      }, u = this.getPricingInfo({
+        includeFixedCosts: !this.isOpenAccPricing
+      });
+      let l = this.hasDeductions ? this._document.$t(
+        "chapters.pricingSummary.blocks.deductionSubValue",
+        {
+          price: this.priceFormat(r + o + s, {
+            currency: a,
+            decimals: 2,
+            hideZeroDecimals: !0
+          })
+        }
+      ) : null, h = e;
+      return this.prices.useVat && !this.showPricesIncVat && !this.hasDeductions && (h = r, l = `${this.priceFormat(e, {
+        currency: a,
+        decimals: 2,
+        hideZeroDecimals: !0
+      })} ${this._document.$t("vat.incVat")}`), ["fixed", "approx"].includes(i) && c.push({
+        header: n,
+        items: u,
+        footer: {
+          title: this._document.$t("chapters.pricingSummary.blocks.total"),
+          subTitle: i === "approx" ? this._document.$t("chapters.pricingSummary.blocks.approx") : null,
+          value: this.priceFormat(h, {
+            currency: a,
+            decimals: 2,
+            hideZeroDecimals: !0
+          }),
+          subValue: l
+        }
+      }), this.isOpenAccPricing && (c.push({
+        header: n,
+        items: u,
+        footer: t ? {
+          title: this._document.$t(
+            "chapters.pricingSummary.blocks.maxPrice"
+          ),
+          value: this.priceFormat(this.calcMaxPrice, {
+            currency: a,
+            decimals: 2,
+            hideZeroDecimals: !0
+          })
+        } : null
+      }), e && c.push({
+        header: {
+          subTitle: this._document.$t(
+            "chapters.pricingSummary.blocks.subTitleArticles"
+          )
+        },
+        items: this.getPricingInfo({
+          includeFixedCosts: !0,
+          showType: !1
+        }),
+        footer: {
+          title: this._document.$t("chapters.pricingSummary.blocks.total"),
+          value: this.priceFormat(h, {
+            currency: a,
+            decimals: 2,
+            hideZeroDecimals: !0
+          }),
+          subValue: l
+        }
+      })), c;
+    },
+    isOpenAccPricing() {
+      return ["openAcc", "openAccMaxPrice"].includes(this.prices.type);
+    },
+    showIncVat() {
+      return p(this._document, "prices.helpers.isIndivid", !0);
+    },
+    calcMaxPrice() {
+      return this.prices.maxTotal ? this.showIncVat ? this.prices.maxTotal * 1.25 : this.prices.maxTotal : null;
+    },
+    showPricingCard() {
+      const { subTotal: i, total: e, maxTotal: t, currency: r } = this.prices;
+      return r && (this.isOpenAccPricing || this.placeholder || i || e || t);
+    },
+    hasDeductions() {
+      return this.prices.region && this.prices.region.houseWorkAmount;
+    },
+    vatType() {
+      return p(this, "_document.vatType");
+    }
+  },
+  methods: {
+    priceFormat(i, e = { showZero: !0 }) {
+      return _(i, e);
+    },
+    deductionText(i = !0) {
+      let e = "";
+      return this.hasDeductions && (e = this._document.$t(
+        "chapters.pricingSummary.blocks.typeDeduction",
+        { type: `${this.prices.region.houseWorkType}_percentage` }
+      )), i || (e = e.charAt(0).toLowerCase() + e.slice(1)), e;
+    },
+    getPricingInfo({ includeFixedCosts: i = !0, showType: e = !0 }) {
+      const {
+        type: t,
+        subTotal: r,
+        roundingAmount: o,
+        taxAmount: s,
+        maxTotal: a,
+        region: c = {},
+        currency: n,
+        helpers: { discount: u }
+      } = this.prices;
+      let l = [];
+      return c.country === "sweden" && (t === "openAccMaxPrice" && a && !i && (l.push({
+        label: this._document.$t(
+          "chapters.pricingSummary.blocks.maxPriceVat",
+          { vat: this._document.$t("vat.exVat") }
+        ),
+        value: this.priceFormat(a, {
+          currency: n,
+          decimals: 2,
+          hideZeroDecimals: !0
+        })
+      }), c.reverseVat || l.push({
+        label: this._document.$t(
+          "chapters.pricingSummary.blocks.maxPriceVat",
+          { vat: this._document.$t("vat.incVat") }
+        ),
+        value: this.priceFormat(a * 1.25, {
+          currency: n,
+          decimals: 2,
+          hideZeroDecimals: !0
+        })
+      })), c.houseWorkType && c.houseWorkAmount && i && l.push({
+        label: this._document.$t("deduction.type", {
+          type: `${c.houseWorkType}${c.houseWorkManualAmount === null ? "_percentage" : ""}`
+        }),
+        value: this.priceFormat(-1 * c.houseWorkAmount, {
+          currency: n,
+          decimals: 2,
+          hideZeroDecimals: !0
+        })
+      })), i && (l = [
+        {
+          label: this._document.$t("chapters.pricingSummary.blocks.net"),
+          value: this.priceFormat(r, {
+            currency: n,
+            decimals: 2,
+            hideZeroDecimals: !0
+          })
+        },
+        ...this.prices.useVat ? [
+          {
+            label: this._document.$t(`vat.${this.vatType}`).capitalize(),
+            value: this.priceFormat(c.reverseVat ? 0 : s, {
+              showZero: !0,
+              currency: n,
+              decimals: 2,
+              hideZeroDecimals: !0
+            })
+          }
+        ] : [],
+        ...l,
+        ...this.prices.rounding.enabled && this.prices.rounding.show ? [
+          {
+            label: this._document.$t(
+              "chapters.pricingSummary.blocks.rounding"
+            ),
+            value: this.priceFormat(o, {
+              decimals: 2,
+              showZero: !0,
+              currency: n,
+              hideZeroDecimals: !0
+            })
+          }
+        ] : [],
+        ...this.prices.helpers.discount ? [
+          {
+            label: this._document.$t(
+              "chapters.pricingSummary.blocks.discount"
+            ),
+            value: `-${this.priceFormat(u, {
+              decimals: 2,
+              showZero: !0,
+              currency: n,
+              hideZeroDecimals: !0
+            })}`
+          }
+        ] : []
+      ]), e && t !== "fixed" && (l = [
+        {
+          label: this._document.$t("price.pricing").capitalize(),
+          value: this._document.$t(`price.${t}`)
+        },
+        ...l
+      ]), l;
+    }
+  }
+};
+var L = function() {
+  var e = this, t = e._self._c;
+  return e._document.readPrices ? t("div", { staticClass: "font-inter", staticStyle: { "margin-top": "calc(2 * var(--rem))", "margin-bottom": "calc(2 * var(--rem))", position: "relative" }, attrs: { id: "price" } }, [e.showPricingCard ? t("div", { staticClass: "pricing-container", class: { faded: e.placeholder } }, [e._l(e.blocks, function({ header: r, items: o, footer: s }, a) {
+    return t("div", { key: a, staticClass: "block-container print-avoid-break-inside", class: { first: a === 0 } }, [t("div", { staticClass: "block-header" }, [r.title ? t("div", { staticStyle: { "font-weight": "800" } }, [e._v(" " + e._s(r.title) + " ")]) : e._e(), r.subTitle ? t("div", { staticStyle: { "font-size": "16px", "margin-left": "0.5em" } }, [e._v(" " + e._s(r.subTitle) + " ")]) : e._e()]), o.length || s ? t("div", { staticClass: "block-body" }, [e._l(o, function({ label: c, value: n }, u) {
+      return t("div", { key: `item-${u}-${a}`, staticClass: "block-body-item", class: a === 0 && "primary-light-background", style: a !== 0 && { borderBottom: "1px solid hsl(210, 15%, 85%)" } }, [t("div", [e._v(e._s(c))]), t("div", [e._v(e._s(n))])]);
+    }), s ? t("div", { staticClass: "block-body-footer", style: { "border-top": `4px solid ${e.primaryColor}` } }, [t("div", [e._v(" " + e._s(s.title) + " "), s.subTitle ? t("div", { staticStyle: { "font-weight": "500", "font-size": "calc(1em - 2px)" } }, [e._v(" " + e._s(s.subTitle) + " ")]) : e._e()]), t("div", { staticClass: "text-right" }, [t("div", [e._v(e._s(s.value))]), s.subValue ? t("div", { staticClass: "block-body-footer-hint" }, [e._v(" " + e._s(s.subValue) + " ")]) : e._e()])]) : e._e()], 2) : e._e()]);
+  }), e.prices.region && e.prices.region.reverseVat ? [t("div", { staticClass: "terms-text" }, [e._v(" " + e._s(e._document.$t("chapters.pricingSummary.terms.reverseVat")) + " ")])] : e._e(), e.prices.region && e.prices.region.houseWorkType ? t("div", { staticClass: "terms-text", attrs: { id: "villkor-avdrag" } }, [e._v(" " + e._s(e._document.$t("chapters.pricingSummary.terms.houseWork", { type: `${e.prices.region.houseWorkType}_percentage` })) + " ")]) : e._e(), e.prices.type === "approx" && e.prices.region && e.prices.region.houseWorkType === "rot" ? t("div", { staticClass: "terms-text" }, [e._v(" " + e._s(e._document.$t("chapters.pricingSummary.terms.houseWorkApprox")) + " ")]) : e._e()], 2) : e._e(), e.placeholder ? t("div", { staticClass: "flex w-full flex-col items-center justify-center", staticStyle: { position: "absolute", top: "calc(1 * var(--rem))", left: "50%", transform: "translate(-50%, 0%)", "background-color": "white", width: "350px", "max-width": "90%", "border-radius": "3px", padding: "calc(2 * var(--rem))", "text-align": "center", "font-size": "16px" } }, [t("svg", { attrs: { width: "200", height: "100", viewBox: "0 0 418 211", xmlns: "http://www.w3.org/2000/svg" } }, [t("defs", [t("filter", { attrs: { id: "a", x: "-30.7%", y: "-26.2%", width: "160%", height: "155%", filterUnits: "objectBoundingBox" } }, [t("feOffset", { attrs: { dy: "3", in: "SourceAlpha", result: "shadowOffsetOuter1" } }), t("feGaussianBlur", { attrs: { stdDeviation: "1", in: "shadowOffsetOuter1", result: "shadowBlurOuter1" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0", in: "shadowBlurOuter1", result: "shadowMatrixOuter1" } }), t("feMerge", [t("feMergeNode", { attrs: { in: "shadowMatrixOuter1" } }), t("feMergeNode", { attrs: { in: "SourceGraphic" } })], 1)], 1)]), t("g", { attrs: { fill: "none", "fill-rule": "evenodd" } }, [t("path", { attrs: { stroke: "#E4E4E4", "stroke-width": "3", d: "M1.5 1.5h415v187H1.5z" } }), t("path", { attrs: { fill: e.primaryColor, "fill-rule": "nonzero", d: "M282 139h136v51H282z" } }), t("g", { attrs: { filter: "url(#a)", transform: "translate(365.5 165)" } }, [t("path", { attrs: { d: "M8.2 30.7c-.7-.9-1.6-2.7-3.1-5-.9-1.3-3-3.6-3.7-4.8a3.3 3.3 0 013.2-5c1.3.2 2.5.8 3.4 1.8a16 16 0 011.8 2l.9 1.2c.5.6.8 1.2.5.3-.1-1.3-.4-3.3-.9-5.2l-.7-2.8c-.3-1-.4-2-.8-3.1l-.7-3.7a7 7 0 01.7-4.6 3 3 0 013.2-.6c1.1.8 2 2 2.4 3.3.6 1.6 1 3.3 1.3 5 .4 2.5 1.2 6.1 1.2 6.9 0-1-.2-2.9 0-3.8.1-.9.8-1.6 1.7-2a5 5 0 012.3-.1c.7.1 1.4.6 1.9 1.2.6 1.5.9 3 1 4.6 0-1.4.2-2.7.6-4 .4-.6 1-1 1.8-1.3a7 7 0 012.4 0c.7.3 1.3.7 1.8 1.3.5 1.3.8 2.7.9 4.1 0 .4.2-1 .7-1.8a2.5 2.5 0 114.8 1.6v5.6c-.1 1.5-.3 3-.6 4.4-.5 1.2-1 2.4-1.8 3.6a18 18 0 00-3 4.5 10 10 0 000 4.8h-3c-1-.2-2.2-2.1-2.5-2.7a1 1 0 00-1.7 0c-.6 1-1.8 2.6-2.6 2.8h-7.9s.5-2.6-.6-3.5l-2.8-2.6-2.1-2.4z", fill: "#FFF", "fill-rule": "nonzero" } }), t("path", { attrs: { d: "M8.2 30.7c-.7-.9-1.6-2.7-3.1-5-.9-1.3-3-3.6-3.7-4.8a3.3 3.3 0 013.2-5c1.3.2 2.5.8 3.4 1.8a16 16 0 011.8 2l.9 1.2c.5.6.8 1.2.5.3-.1-1.3-.4-3.3-.9-5.2l-.7-2.8c-.3-1-.4-2-.8-3.1l-.7-3.7a7 7 0 01.7-4.6 3 3 0 013.2-.6c1.1.8 2 2 2.4 3.3.6 1.6 1 3.3 1.3 5 .4 2.5 1.2 6.1 1.2 6.9 0-1-.2-2.9 0-3.8.1-.9.8-1.6 1.7-2a5 5 0 012.3-.1c.7.1 1.4.6 1.9 1.2.6 1.5.9 3 1 4.6 0-1.4.2-2.7.6-4 .4-.6 1-1 1.8-1.3a7 7 0 012.4 0c.7.3 1.3.7 1.8 1.3.5 1.3.8 2.7.9 4.1 0 .4.2-1 .7-1.8a2.5 2.5 0 114.8 1.6v5.6c-.1 1.5-.3 3-.6 4.4-.5 1.2-1 2.4-1.8 3.6a18 18 0 00-3 4.5 10 10 0 000 4.8h-3c-1-.2-2.2-2.1-2.5-2.7a1 1 0 00-1.7 0c-.6 1-1.8 2.6-2.6 2.8h-7.9s.5-2.6-.6-3.5l-2.8-2.6-2.1-2.4z", stroke: "#000", "stroke-width": "1.9", "stroke-linecap": "round", "stroke-linejoin": "round" } }), t("path", { attrs: { d: "M29.4 32v-8.6a1 1 0 00-1.9 0v8.7a1 1 0 001.9 0zM24.4 32v-8.6a1 1 0 00-1.9 0v8.7a1 1 0 002 0zM17.5 23.4v8.7a1 1 0 102 0l-.1-8.7a1 1 0 10-1.9 0z", fill: "#000", "fill-rule": "nonzero" } })]), t("text", { attrs: { "font-family": "Inter-Regular, Inter", "font-size": "24", fill: "#FFF" } }, [t("tspan", { attrs: { x: "332.4", y: "173" } }, [e._v(e._s(e._document.$t("select")))])]), t("path", { attrs: { fill: "#E4E4E4", "fill-rule": "nonzero", d: "M28 27h124v24H28zM28 64h355v11H28zM28 82h355v12H28zM28 103h178v12H28z" } })])]), t("div", { staticStyle: { "padding-top": "1em", "font-weight": "600", "font-size": "18px" } }, [e._v(" " + e._s(e._document.$t("chapters.pricingSummary.placeholder.title")) + " ")]), t("div", [e._v(" " + e._s(e._document.$t("chapters.pricingSummary.placeholder.description"))), t("span", { staticStyle: { "font-weight": "600" } }, [e._v(e._s(e._document.$t("chapters.pricingSummary.placeholder.descriptionBold")))]), e._v(". ")])]) : e._e()]) : e._e();
+}, E = [], j = /* @__PURE__ */ d(
+  q,
+  L,
+  E,
+  !1,
+  null,
+  "56e8f662"
+);
+const G = j.exports, N = {
+  name: "PackageGroup",
+  components: {
+    PackageItem: Z,
+    PackagePricingSummary: G,
+    ErrorCallout: y
+  },
+  mixins: [
+    g(["type", "packages", "hideGroupPrice"], { useEmit: !1 })
+  ],
+  props: {
+    validator: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      showPricesIncVat: !0
+    };
+  },
+  computed: {
+    prices() {
+      return (this._document.packageGroups.getPackageGroupUniqId(
+        this._value.groupId
+      ) || {}).prices || {};
+    },
+    showToggle() {
+      return this.type !== "single";
+    },
+    canToggle() {
+      const { hasAnswers: i } = this._document, { hasAnswered: e, canAnswer: t } = this._document.answerActions || {};
+      return !i && this.type !== "single" && !e && t;
+    },
+    fixedPackages() {
+      return this.packages.filter((i) => !i.toggable && i.isSelected);
+    },
+    toggablePackages() {
+      return this.packages.filter((i) => !(!i.toggable && i.isSelected));
+    },
+    primaryColor() {
+      let i = p(this, '_document.data.css[".chapter"]["--accentColor"]') || p(this, "_document.theme.headingColor");
+      function e() {
+        m.readability(i, "#fff") < 1.8 && (i = m(i).darken(5).toString(), e());
+      }
+      return e(), i;
+    },
+    selectedPackages() {
+      return this.packages.filter(({ isSelected: i }) => i);
+    }
+  },
+  created() {
+    const {
+      isPreview: i,
+      setPricesIncVat: e = null,
+      useVat: t = P[$.brand].defaultRegion === "SE"
+    } = p(this, "_document", {});
+    i && e !== null ? this.showPricesIncVat = e : this.showPricesIncVat = p(this, "_document.prices.helpers.isIndivid", !0) && t;
+  },
+  methods: {
+    onToggle(i) {
+      if (this.type === "single")
+        return;
+      const e = this.packages.findIndex(({ packageId: t }) => t === i);
+      e === -1 || this.type === "radio" && this.packages[e].isSelected || (this.setField({
+        key: `${this._value.packages}[${e}].isSelected`,
+        value: !this.packages[e].isSelected
+      }), this.type === "radio" && this.packages.forEach((t, r) => {
+        r !== e && this.setField({
+          key: `${this._value.packages}[${r}].isSelected`,
+          value: !1
+        });
+      }));
+    }
+  }
+};
+var R = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticStyle: { position: "relative" } }, [e._l(e.fixedPackages, function(r, o) {
+    return t("PackageItem", { key: o, attrs: { type: e.type, "work-package": e._document.packageGroups.getPackageById(r.packageId), "heading-color": e.primaryColor, "can-toggle": e.canToggle, "show-prices-inc-vat": e.showPricesIncVat, _document: e._document }, on: { toggle: e.onToggle, "toggle-show-vat": function(s) {
+      e.showPricesIncVat = s;
+    } } });
+  }), e.toggablePackages.length ? t("div", [e.fixedPackages.length && e.toggablePackages.length ? t("div", { staticStyle: { padding: "calc(0.5 * var(--rem))", "line-height": "2", color: "hsla(0, 0%, 0%, 0.65)", "font-weight": "600", "font-size": "calc(1 * var(--rem))" } }, [e._v(" " + e._s(e._document.$t("chapters.packageGroup.selectableOptions")) + " ")]) : e._e(), e._l(e.toggablePackages, function(r, o) {
+    return t("PackageItem", { key: `fixed-${o}`, attrs: { "work-package": e._document.packageGroups.getPackageById(r.packageId), type: e.type, "heading-color": e.primaryColor, "show-toggle": e.showToggle, "can-toggle": e.canToggle, "is-preview": e._document.isPreview, "show-prices-inc-vat": e.showPricesIncVat, _document: e._document }, on: { toggle: e.onToggle, "toggle-show-vat": function(s) {
+      e.showPricesIncVat = s;
+    } } });
+  })], 2) : e._e(), e.validator.$invalid && e.validator.$dirty ? t("ErrorCallout", { staticStyle: { "padding-bottom": "calc(1.5 * var(--rem))" }, attrs: { message: e._document.$t("chapters.packageGroup.errorCallout") } }) : e._e(), e.hideGroupPrice ? e._e() : t("PackagePricingSummary", { attrs: { prices: e.prices, _document: e._document, "show-prices-inc-vat": e.showPricesIncVat, "primary-color": e.primaryColor, placeholder: !e.selectedPackages.length } })], 2);
+}, H = [], U = /* @__PURE__ */ d(
+  N,
+  R,
+  H,
+  !1,
+  null,
+  "510f0afb"
+);
+const ee = U.exports;
+export {
+  ee as default
+};