@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/PackageGroup-1X3jUipj.js

@@ -0,0 +1,1058 @@
+import { m as D } from "./mapFormMixin-v-nbaWcx.js";
+import { E as M } from "./ErrorCallout-B6YrdUsG.js";
+import { d6 as O, d7 as C, A as F, _ as T, o as a, d as c, s as l, v as o, f as n, F as f, B as k, n as P, d8 as W, b as v, a3 as B, E as I, k as b, c as _, ac as q, e as V, w as S, G as E, l as x, aa as w, bF as L, D as Z, p as N } from "./main-C4OdoeS2.js";
+import { t as A } from "./template-m1V22cUt.js";
+import { T as G } from "./DocTextEditor-Cw-Skmd4.js";
+const j = {
+  name: "ArticleItem",
+  mixins: [D([])],
+  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: O,
+  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: t } = this;
+      return this.priceType === "markup" || this.showPricesIncVat && (t *= (100 + this.vat) / 100), t;
+    },
+    atPrice() {
+      if (!this.price || !this.showPrice || this.priceType === "openAcc" || this.priceType === "markup")
+        return !1;
+      let { price: t } = this;
+      return this.showPricesIncVat && (t *= (100 + this.vat) / 100), this.priceFormat(t, {
+        currency: this.currency,
+        decimals: 2,
+        hideZeroDecimals: !0
+      });
+    },
+    totalPrice() {
+      if (!this.price || !this.totalAmount)
+        return "";
+      let t = this.totalAmount;
+      this.showPricesIncVat && this.priceType !== "markup" && (t *= (100 + this.vat) / 100);
+      let i = "";
+      return this.priceType === "openAcc" && (i = `/${C(this.unitType, {
+        lng: this._document.language
+      })}`, this.houseWorkType && (t *= {
+        rot: 0.7,
+        rut: 0.5,
+        greenRot15: 0.85,
+        greenRot20: 0.8,
+        greenRot50: 0.5
+      }[this.houseWorkType])), this.priceType === "markup" ? t = `${this.priceFormat(t, {
+        suffix: !1,
+        decimals: 2,
+        currency: this.currency
+      })} %` : t = this.priceFormat(t, {
+        currency: this.currency,
+        decimals: 2,
+        hideZeroDecimals: !0
+      }), this.calcPricePrefix + t + i;
+    },
+    discountLabels() {
+      if (!this.discount) return "";
+      const t = this.priceFormat(
+        this.fixQuantity * this.unitPriceUnformatted,
+        {
+          currency: this.currency
+        }
+      );
+      let i = "", e = "";
+      return this.discountType === "percentage" ? (i = `<span style="color: red;">-${this.discount / 100}%</span>`, e = `<span style="text-decoration: line-through; font-weight: 400; padding-left: 0.75ch; opacity: 0.75;">${t}</span>`) : e = `<span style="text-decoration: line-through; color: red;">${t}</span>`, `<div style="font-size: calc(1em - 2px);">${i}${e}</div>`;
+    }
+  },
+  methods: {
+    articleUnitLabel: C,
+    priceFormat: F
+  }
+}, $ = { class: "article-text" }, H = { class: "article-text-title hyphens-auto break-all" }, U = {
+  key: 0,
+  class: "article-text-sub"
+}, Q = { key: 0 }, R = { key: 1 }, J = {
+  key: 2,
+  style: { margin: "0 4px" },
+  width: "6",
+  height: "6",
+  viewBox: "0 0 148 141",
+  xmlns: "http://www.w3.org/2000/svg"
+}, K = { key: 3 }, X = { class: "article-price" }, Y = ["innerHTML"], ee = {
+  key: 1,
+  class: "article-price-sub"
+};
+function te(t, i, e, p, g, r) {
+  return a(), c("div", {
+    class: P([{
+      "no-border-top": e.position === 0
+    }, "article-wrapper print-avoid-break-inside"])
+  }, [
+    l("div", $, [
+      l("div", H, o(e.title), 1),
+      r.showDetails ? (a(), c("div", U, [
+        e.priceType === "openAcc" || e.priceType === "markup" ? (a(), c("div", Q, o(t._document.$t(`price.${e.priceType}`)) + "  ", 1)) : n("", !0),
+        e.priceType !== "openAcc" && e.priceType !== "markup" ? (a(), c("div", R, o(r.fixQuantity) + " " + o(r.articleUnitLabel(e.unitType, {
+          count: r.fixQuantity,
+          lng: t._document.language,
+          instance: t.$options.docLang
+        })), 1)) : n("", !0),
+        r.atPrice ? (a(), c("svg", J, i[0] || (i[0] = [
+          l("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: "#000",
+            "fill-rule": "evenodd"
+          }, null, -1)
+        ]))) : n("", !0),
+        r.atPrice ? (a(), c("div", K, o(r.atPrice), 1)) : n("", !0)
+      ])) : n("", !0)
+    ]),
+    l("div", X, [
+      e.showPrice ? (a(), c(f, { key: 0 }, [
+        e.discount ? (a(), c("div", {
+          key: 0,
+          innerHTML: r.discountLabels
+        }, null, 8, Y)) : n("", !0),
+        l("div", null, o(r.totalPrice), 1)
+      ], 64)) : n("", !0),
+      e.houseWorkType ? (a(), c("div", ee, [
+        e.houseWorkType && e.priceType === "openAcc" ? (a(), c(f, { key: 0 }, [
+          k(o(t._document.$t("deduction.afterType", {
+            type: t._document.$t(`deduction.${e.houseWorkType}_percentage`)
+          })), 1)
+        ], 64)) : e.houseWorkType ? (a(), c(f, { key: 1 }, [
+          k(o(t._document.$t("chapters.articleItem.eligibleForDeduction", {
+            type: t._document.$t(`deduction.${e.houseWorkType}_percentage`)
+          })), 1)
+        ], 64)) : n("", !0)
+      ])) : n("", !0)
+    ])
+  ], 2);
+}
+const ie = /* @__PURE__ */ T(j, [["render", te], ["__scopeId", "data-v-0358ad9f"]]), re = {
+  name: "ArticleList",
+  components: {
+    DocChapterArticleItem: ie
+  },
+  emits: ["toggle-show-vat"],
+  mixins: [D([])],
+  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: t }) => t !== null);
+    }
+  },
+  methods: {
+    articleHouseWorkType: W
+  }
+}, ae = { class: "article-list-wrapper" }, ce = { class: "article-head" };
+function se(t, i, e, p, g, r) {
+  const d = v("DocChapterArticleItem"), u = B("tooltip");
+  return a(), c("div", ae, [
+    l("div", ce, [
+      l("div", null, o(t._document.$t("chapters.articleList.title")), 1),
+      e.showPrices && r.showVatToggle ? I((a(), c("div", {
+        key: 0,
+        style: { "text-decoration": "underline", cursor: "pointer" },
+        onClick: i[0] || (i[0] = (s) => t.$emit("toggle-show-vat", !e.showPricesIncVat))
+      }, [
+        k(o(t._document.$t(`vat.${e.showPricesIncVat ? "incVat" : "exVat"}`, {
+          thing: t._document.$t(`vat.${e.vatType}`)
+        })), 1)
+      ])), [
+        [
+          u,
+          t._document.$t("chapters.articleList.changeShowVatTooltip", {
+            type: t._document.$t(`vat.${e.showPricesIncVat ? "exVat" : "incVat"}`, {
+              thing: t._document.$t(`vat.${e.vatType}`)
+            })
+          })
+        ]
+      ]) : n("", !0)
+    ]),
+    (a(!0), c(f, null, b(e.articles, (s, m) => (a(), _(d, {
+      key: m,
+      _document: t._document,
+      title: s.name,
+      quantity: s.quantity,
+      unit: s.unit,
+      "unit-type": s.unitType,
+      "article-no": s.article_no,
+      "house-work-type": r.articleHouseWorkType(s),
+      price: e.showPrices ? s.price : null,
+      currency: s.currency,
+      vat: s.vat,
+      "price-type": s.priceType,
+      "show-price": s.showPrice,
+      position: s.position,
+      "show-prices-inc-vat": e.showPricesIncVat,
+      discount: s.discount,
+      "discount-type": s.discountType,
+      "total-amount": s.totalAmount
+    }, null, 8, ["_document", "title", "quantity", "unit", "unit-type", "article-no", "house-work-type", "price", "currency", "vat", "price-type", "show-price", "position", "show-prices-inc-vat", "discount", "discount-type", "total-amount"]))), 128))
+  ]);
+}
+const oe = /* @__PURE__ */ T(re, [["render", se], ["__scopeId", "data-v-b30c0035"]]), ne = {
+  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: oe,
+    TextEditor: G
+  },
+  emits: ["toggle", "toggle-show-vat"],
+  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: A
+    };
+  },
+  computed: {
+    prices() {
+      return this.workPackage.prices;
+    },
+    totalBeforeDiscount() {
+      return (this.workPackage.articles || []).reduce((t, i) => {
+        const e = i.priceType === "openAcc" ? 1 : i.quantity;
+        let { price: p } = i;
+        return this.showPricesIncVat && i.priceType !== "markup" && (p *= (100 + i.vat) / 100), t + e * p;
+      }, 0);
+    },
+    showDetails: {
+      get() {
+        return this.type === "single" || this.workPackage.isSelected && !this.workPackage.toggable ? !0 : this.internalShowDetails || this.isPdf;
+      },
+      set(t) {
+        this.internalShowDetails = t;
+      }
+    },
+    description() {
+      const t = this._document ? this._document._doc : {};
+      return q(this.workPackage.data.description, t);
+    },
+    useVat() {
+      return this._document ? this._document.useVat : !1;
+    },
+    vatType() {
+      return this._document ? this._document.vatType : "vat";
+    }
+  },
+  methods: {
+    priceFormat(t, i = {}) {
+      return F(t, {
+        currency: this.prices.currency,
+        decimals: 2,
+        hideZeroDecimals: !0,
+        ...i
+      });
+    }
+  }
+}, le = { class: "top-container" }, ue = {
+  key: 0,
+  style: { "font-weight": "800", "font-size": "calc(calc(1 * var(--rem)) + 4px)", "margin-bottom": "calc(0.5 * var(--rem))" }
+}, de = {
+  key: 0,
+  class: "flex w-full justify-end",
+  style: { "margin-top": "calc(3 * var(--rem))" }
+}, he = { style: { padding: `calc(0.75 * var(--rem)) calc(1 * var(--rem))
+            calc(0.75 * var(--rem)) calc(3 * var(--rem))`, "text-align": "right" } }, me = {
+  key: 0,
+  class: "price-total",
+  style: { color: "red", "text-decoration": "line-through", "font-size": "16px", "font-weight": "600" }
+}, pe = { style: { "line-height": "1.2", "font-size": "13px" } }, ge = {
+  class: "price-total",
+  style: { padding: "2px 0 3px 0" }
+}, ye = { class: "price-total" }, fe = {
+  key: 0,
+  class: "primary-text-color",
+  style: { "font-weight": "900" }
+}, ke = {
+  key: 0,
+  style: { "line-height": "1.2", "font-size": "13px", padding: "2px 0 3px 0" }
+}, ve = {
+  key: 1,
+  class: "flex w-full items-center justify-end",
+  style: { "background-color": "hsl(215, 10%, 95%)" }
+}, _e = {
+  style: { "margin-right": "calc(0.5 * var(--rem))" },
+  viewBox: "0 0 24 24",
+  width: "18",
+  height: "18",
+  stroke: "currentColor",
+  "stroke-width": "3.5",
+  fill: "none",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function we(t, i, e, p, g, r) {
+  const d = v("TextEditor"), u = v("ArticleList"), s = v("Animation"), m = v("CButton"), h = B("tooltip");
+  return a(), c("div", {
+    style: x({
+      ...e.workPackage.isSelected && {
+        boxShadow: `0 0 0 2px ${e.headingColor}`
+      }
+    }),
+    class: P([{
+      "single-package": e.type === "single" || e.workPackage.isSelected && !e.workPackage.toggable
+    }, "package-container font-inter"])
+  }, [
+    l("div", le, [
+      e.workPackage.data.name ? (a(), c("div", ue, o(e.workPackage.data.name), 1)) : n("", !0),
+      l("div", null, [
+        r.description ? (a(), _(d, {
+          key: 0,
+          "model-value": r.description,
+          style: { "margin-bottom": "1em" }
+        }, null, 8, ["model-value"])) : n("", !0)
+      ])
+    ]),
+    V(s, null, {
+      default: S(() => [
+        I(V(u, {
+          _document: e._document,
+          articles: e.workPackage.articles,
+          "show-prices-inc-vat": e.showPricesIncVat,
+          "use-vat": r.useVat,
+          "vat-type": r.vatType,
+          parent: "packageGroup",
+          class: "articles-container",
+          onToggleShowVat: i[0] || (i[0] = (y) => t.$emit("toggle-show-vat", y))
+        }, null, 8, ["_document", "articles", "show-prices-inc-vat", "use-vat", "vat-type"]), [
+          [E, r.showDetails && e.workPackage.articles.length]
+        ])
+      ]),
+      _: 1
+    }),
+    e.type !== "single" && (e.workPackage.toggable || e.isPreview) && (r.prices.total || r.prices.type === "openAcc") ? (a(), c("div", de, [
+      l("div", he, [
+        r.prices.helpers.discount ? (a(), c("div", me, o(r.priceFormat(
+          e.showPricesIncVat ? r.totalBeforeDiscount : r.prices.subTotal + r.prices.helpers.discount
+        )), 1)) : n("", !0),
+        r.prices.type === "openAcc" ? (a(), c(f, { key: 1 }, [
+          l("div", pe, o(e._document.$t("price.pricing")), 1),
+          l("div", ge, o(e._document.$t("price.openAccPrice")), 1)
+        ], 64)) : (a(), c(f, { key: 2 }, [
+          l("div", ye, [
+            e.type === "checkbox" ? (a(), c("span", fe, "+")) : n("", !0),
+            k(" " + o(r.priceFormat(e.showPricesIncVat ? r.prices.total : r.prices.subTotal)), 1)
+          ]),
+          r.useVat ? (a(), c("div", ke, o(e._document.$t("price.price").capitalize()) + " " + o(e._document.$t(`vat.${e.showPricesIncVat ? "incVat" : "exVat"}`, {
+            thing: e._document.$t(`vat.${r.vatType}`)
+          })), 1)) : n("", !0)
+        ], 64))
+      ])
+    ])) : n("", !0),
+    e.showToggle ? (a(), c("div", ve, [
+      r.isPdf ? n("", !0) : (a(), c(f, { key: 0 }, [
+        V(m, {
+          class: "package-button",
+          pattern: "tertiary",
+          type: "text",
+          icon: r.showDetails ? "arrow-up" : "arrow-down",
+          "icon-props": { size: 20 },
+          onClick: i[1] || (i[1] = (y) => r.showDetails = !r.showDetails)
+        }, {
+          default: S(() => [
+            k(o(e._document.$t("show", {
+              thing: e._document.$t(`${r.showDetails ? "less" : "detail_plural"}`)
+            })), 1)
+          ]),
+          _: 1
+        }, 8, ["icon"]),
+        e.canToggle || e.isPreview ? I((a(), _(m, {
+          key: 0,
+          style: x({
+            backgroundColor: e.headingColor,
+            color: g.tinycolor.readability(e.headingColor, "#FFF") > 2.2 ? "#FFF" : "#000"
+          }),
+          class: P([{ "is-disabled": e.isPreview }, "package-button"]),
+          type: "text",
+          onClick: i[2] || (i[2] = (y) => e.canToggle ? t.$emit("toggle", e.workPackage.packageId) : null)
+        }, {
+          default: S(() => [
+            e.workPackage.isSelected ? (a(), c(f, { key: 0 }, [
+              (a(), c("svg", _e, i[3] || (i[3] = [
+                l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+              ]))),
+              k(" " + o(e._document.$t("chapters.packageItem.selected")), 1)
+            ], 64)) : (a(), c(f, { key: 1 }, [
+              k(o(e._document.$t(
+                `chapters.packageItem.${e.type === "radio" ? "select" : "add"}`
+              )), 1)
+            ], 64))
+          ]),
+          _: 1
+        }, 8, ["style", "class"])), [
+          [
+            h,
+            e.isPreview && {
+              content: t.$t("selectTooltip"),
+              distance: 5
+            }
+          ]
+        ]) : n("", !0)
+      ], 64))
+    ])) : n("", !0)
+  ], 6);
+}
+const Pe = /* @__PURE__ */ T(ne, [["render", we], ["__scopeId", "data-v-d5b69771"]]), be = {
+  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: t,
+        total: i,
+        maxTotal: e,
+        subTotal: p,
+        taxAmount: g,
+        roundingAmount: r,
+        currency: d
+      } = this.prices, u = [];
+      if (!d) return u;
+      const s = {
+        title: this._document.$t("chapters.pricingSummary.blocks.price"),
+        subTitle: this._document.$t("chapters.pricingSummary.blocks.summary")
+      }, m = this.getPricingInfo({
+        includeFixedCosts: !this.isOpenAccPricing
+      });
+      let h = this.hasDeductions ? this._document.$t(
+        "chapters.pricingSummary.blocks.deductionSubValue",
+        {
+          price: this.priceFormat(p + g + r, {
+            currency: d,
+            decimals: 2,
+            hideZeroDecimals: !0
+          })
+        }
+      ) : null, y = i;
+      return this.prices.useVat && !this.showPricesIncVat && !this.hasDeductions && (y = p, h = `${this.priceFormat(i, {
+        currency: d,
+        decimals: 2,
+        hideZeroDecimals: !0
+      })} ${this._document.$t("vat.incVat")}`), ["fixed", "approx"].includes(t) && u.push({
+        header: s,
+        items: m,
+        footer: {
+          title: this._document.$t("chapters.pricingSummary.blocks.total"),
+          subTitle: t === "approx" ? this._document.$t("chapters.pricingSummary.blocks.approx") : null,
+          value: this.priceFormat(y, {
+            currency: d,
+            decimals: 2,
+            hideZeroDecimals: !0
+          }),
+          subValue: h
+        }
+      }), this.isOpenAccPricing && (u.push({
+        header: s,
+        items: m,
+        footer: e ? {
+          title: this._document.$t(
+            "chapters.pricingSummary.blocks.maxPrice"
+          ),
+          value: this.priceFormat(this.calcMaxPrice, {
+            currency: d,
+            decimals: 2,
+            hideZeroDecimals: !0
+          })
+        } : null
+      }), i && u.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(y, {
+            currency: d,
+            decimals: 2,
+            hideZeroDecimals: !0
+          }),
+          subValue: h
+        }
+      })), u;
+    },
+    isOpenAccPricing() {
+      return ["openAcc", "openAccMaxPrice"].includes(this.prices.type);
+    },
+    showIncVat() {
+      return w(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: t, total: i, maxTotal: e, currency: p } = this.prices;
+      return p && (this.isOpenAccPricing || this.placeholder || t || i || e);
+    },
+    hasDeductions() {
+      return this.prices.region && this.prices.region.houseWorkAmount;
+    },
+    vatType() {
+      return w(this, "_document.vatType");
+    }
+  },
+  methods: {
+    priceFormat(t, i = { showZero: !0 }) {
+      return F(t, i);
+    },
+    deductionText(t = !0) {
+      let i = "";
+      return this.hasDeductions && (i = this._document.$t(
+        "chapters.pricingSummary.blocks.typeDeduction",
+        {
+          type: this._document.$t(
+            `deduction.${this.prices.region.houseWorkType}_percentage`
+          )
+        }
+      )), t || (i = i.charAt(0).toLowerCase() + i.slice(1)), i;
+    },
+    getPricingInfo({ includeFixedCosts: t = !0, showType: i = !0 }) {
+      const {
+        type: e,
+        subTotal: p,
+        roundingAmount: g,
+        taxAmount: r,
+        maxTotal: d,
+        region: u = {},
+        currency: s,
+        helpers: { discount: m }
+      } = this.prices;
+      let h = [];
+      return u.country === "sweden" && (e === "openAccMaxPrice" && d && !t && (h.push({
+        label: this._document.$t(
+          "chapters.pricingSummary.blocks.maxPriceVat",
+          { vat: this._document.$t("vat.exVat") }
+        ),
+        value: this.priceFormat(d, {
+          currency: s,
+          decimals: 2,
+          hideZeroDecimals: !0
+        })
+      }), u.reverseVat || h.push({
+        label: this._document.$t(
+          "chapters.pricingSummary.blocks.maxPriceVat",
+          { vat: this._document.$t("vat.incVat") }
+        ),
+        value: this.priceFormat(d * 1.25, {
+          currency: s,
+          decimals: 2,
+          hideZeroDecimals: !0
+        })
+      })), u.houseWorkType && u.houseWorkAmount && t && h.push({
+        label: this._document.$t("deduction.type", {
+          type: this._document.$t(
+            `deduction.${u.houseWorkType}${u.houseWorkManualAmount === null ? "_percentage" : ""}`
+          )
+        }),
+        value: this.priceFormat(-1 * u.houseWorkAmount, {
+          currency: s,
+          decimals: 2,
+          hideZeroDecimals: !0
+        })
+      })), t && (h = [
+        {
+          label: this._document.$t("chapters.pricingSummary.blocks.net"),
+          value: this.priceFormat(p, {
+            currency: s,
+            decimals: 2,
+            hideZeroDecimals: !0
+          })
+        },
+        ...this.prices.useVat ? [
+          {
+            label: this._document.$t(`vat.${this.vatType}`).capitalize(),
+            value: this.priceFormat(u.reverseVat ? 0 : r, {
+              showZero: !0,
+              currency: s,
+              decimals: 2,
+              hideZeroDecimals: !0
+            })
+          }
+        ] : [],
+        ...h,
+        ...this.prices.rounding.enabled && this.prices.rounding.show ? [
+          {
+            label: this._document.$t(
+              "chapters.pricingSummary.blocks.rounding"
+            ),
+            value: this.priceFormat(g, {
+              decimals: 2,
+              showZero: !0,
+              currency: s,
+              hideZeroDecimals: !0
+            })
+          }
+        ] : [],
+        ...this.prices.helpers.discount ? [
+          {
+            label: this._document.$t(
+              "chapters.pricingSummary.blocks.discount"
+            ),
+            value: `-${this.priceFormat(m, {
+              decimals: 2,
+              showZero: !0,
+              currency: s,
+              hideZeroDecimals: !0
+            })}`
+          }
+        ] : []
+      ]), i && e !== "fixed" && (h = [
+        {
+          label: this._document.$t("price.pricing").capitalize(),
+          value: this._document.$t(`price.${e}`)
+        },
+        ...h
+      ]), h;
+    }
+  }
+}, Te = {
+  key: 0,
+  id: "price",
+  style: { "margin-top": "calc(2 * var(--rem))", "margin-bottom": "calc(2 * var(--rem))", position: "relative" },
+  class: "font-inter"
+}, xe = { class: "block-header" }, Ve = {
+  key: 0,
+  style: { "font-weight": "800" }
+}, Se = {
+  key: 1,
+  style: { "font-size": "16px", "margin-left": "0.5em" }
+}, Ie = {
+  key: 0,
+  class: "block-body"
+}, Ae = {
+  key: 0,
+  style: { "font-weight": "500", "font-size": "calc(1em - 2px)" }
+}, De = { class: "text-right" }, Fe = {
+  key: 0,
+  class: "block-body-footer-hint"
+}, Ce = {
+  key: 0,
+  class: "terms-text"
+}, Be = {
+  key: 1,
+  id: "villkor-avdrag",
+  class: "terms-text"
+}, ze = {
+  key: 2,
+  class: "terms-text"
+}, Me = {
+  key: 1,
+  class: "flex w-full flex-col items-center justify-center",
+  style: { 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))", "box-shadow": `0 1px rgba(0, 0, 0, 0.1),
+          0 calc(0.5 * var(--rem)) calc(2 * var(--rem)) calc(-0.5 * var(--rem))
+            rgba(0, 0, 0, 0.3)`, "text-align": "center", "font-size": "16px" }
+}, Oe = {
+  width: "200",
+  height: "100",
+  viewBox: "0 0 418 211",
+  xmlns: "http://www.w3.org/2000/svg"
+}, We = {
+  fill: "none",
+  "fill-rule": "evenodd"
+}, qe = ["fill"], Ee = {
+  "font-family": "Inter-Regular, Inter",
+  "font-size": "24",
+  fill: "#FFF"
+}, Le = {
+  x: "332.4",
+  y: "173"
+}, Ze = { style: { "padding-top": "1em", "font-weight": "600", "font-size": "18px" } }, Ne = { style: { "font-weight": "600" } };
+function Ge(t, i, e, p, g, r) {
+  return e._document.readPrices ? (a(), c("div", Te, [
+    r.showPricingCard ? (a(), c("div", {
+      key: 0,
+      class: P([{ faded: e.placeholder }, "pricing-container"])
+    }, [
+      (a(!0), c(f, null, b(r.blocks, ({ header: d, items: u, footer: s }, m) => (a(), c("div", {
+        key: m,
+        class: P([{ first: m === 0 }, "block-container print-avoid-break-inside"])
+      }, [
+        l("div", xe, [
+          d.title ? (a(), c("div", Ve, o(d.title), 1)) : n("", !0),
+          d.subTitle ? (a(), c("div", Se, o(d.subTitle), 1)) : n("", !0)
+        ]),
+        u.length || s ? (a(), c("div", Ie, [
+          (a(!0), c(f, null, b(u, ({ label: h, value: y }, z) => (a(), c("div", {
+            key: `item-${z}-${m}`,
+            class: P([m === 0 && "primary-light-background", "block-body-item"]),
+            style: x(m !== 0 && { borderBottom: "1px solid hsl(210, 15%, 85%)" })
+          }, [
+            l("div", null, o(h), 1),
+            l("div", null, o(y), 1)
+          ], 6))), 128)),
+          s ? (a(), c("div", {
+            key: 0,
+            style: x({ "border-top": `4px solid ${e.primaryColor}` }),
+            class: "block-body-footer"
+          }, [
+            l("div", null, [
+              k(o(s.title) + " ", 1),
+              s.subTitle ? (a(), c("div", Ae, o(s.subTitle), 1)) : n("", !0)
+            ]),
+            l("div", De, [
+              l("div", null, o(s.value), 1),
+              s.subValue ? (a(), c("div", Fe, o(s.subValue), 1)) : n("", !0)
+            ])
+          ], 4)) : n("", !0)
+        ])) : n("", !0)
+      ], 2))), 128)),
+      e.prices.region && e.prices.region.reverseVat ? (a(), c("div", Ce, o(e._document.$t("chapters.pricingSummary.terms.reverseVat")), 1)) : n("", !0),
+      e.prices.region && e.prices.region.houseWorkType ? (a(), c("div", Be, o(e._document.$t("chapters.pricingSummary.terms.houseWork", {
+        type: e._document.$t(
+          `deduction.${e.prices.region.houseWorkType}_percentage`
+        )
+      })), 1)) : n("", !0),
+      e.prices.type === "approx" && e.prices.region && e.prices.region.houseWorkType === "rot" ? (a(), c("div", ze, o(e._document.$t("chapters.pricingSummary.terms.houseWorkApprox")), 1)) : n("", !0)
+    ], 2)) : n("", !0),
+    e.placeholder ? (a(), c("div", Me, [
+      (a(), c("svg", Oe, [
+        i[3] || (i[3] = L('<defs data-v-16cd51d3><filter id="a" x="-30.7%" y="-26.2%" width="160%" height="155%" filterUnits="objectBoundingBox" data-v-16cd51d3><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter1" data-v-16cd51d3></feOffset><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1" data-v-16cd51d3></feGaussianBlur><feColorMatrix 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" data-v-16cd51d3></feColorMatrix><feMerge data-v-16cd51d3><feMergeNode in="shadowMatrixOuter1" data-v-16cd51d3></feMergeNode><feMergeNode in="SourceGraphic" data-v-16cd51d3></feMergeNode></feMerge></filter></defs>', 1)),
+        l("g", We, [
+          i[0] || (i[0] = l("path", {
+            stroke: "#E4E4E4",
+            "stroke-width": "3",
+            d: "M1.5 1.5h415v187H1.5z"
+          }, null, -1)),
+          l("path", {
+            fill: e.primaryColor,
+            "fill-rule": "nonzero",
+            d: "M282 139h136v51H282z"
+          }, null, 8, qe),
+          i[1] || (i[1] = l("g", {
+            filter: "url(#a)",
+            transform: "translate(365.5 165)"
+          }, [
+            l("path", {
+              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"
+            }),
+            l("path", {
+              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"
+            }),
+            l("path", {
+              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"
+            })
+          ], -1)),
+          l("text", Ee, [
+            l("tspan", Le, o(e._document.$t("select")), 1)
+          ]),
+          i[2] || (i[2] = l("path", {
+            fill: "#E4E4E4",
+            "fill-rule": "nonzero",
+            d: "M28 27h124v24H28zM28 64h355v11H28zM28 82h355v12H28zM28 103h178v12H28z"
+          }, null, -1))
+        ])
+      ])),
+      l("div", Ze, o(e._document.$t("chapters.pricingSummary.placeholder.title")), 1),
+      l("div", null, [
+        k(o(e._document.$t("chapters.pricingSummary.placeholder.description")), 1),
+        l("span", Ne, o(e._document.$t("chapters.pricingSummary.placeholder.descriptionBold")), 1),
+        i[4] || (i[4] = k(". "))
+      ])
+    ])) : n("", !0)
+  ])) : n("", !0);
+}
+const je = /* @__PURE__ */ T(be, [["render", Ge], ["__scopeId", "data-v-16cd51d3"]]), $e = {
+  name: "PackageGroup",
+  components: {
+    PackageItem: Pe,
+    PackagePricingSummary: je,
+    ErrorCallout: M
+  },
+  mixins: [
+    D(["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: t } = this._document, { hasAnswered: i, canAnswer: e } = this._document.answerActions || {};
+      return !t && this.type !== "single" && !i && e;
+    },
+    fixedPackages() {
+      return this.packages.filter((t) => !t.toggable && t.isSelected);
+    },
+    toggablePackages() {
+      return this.packages.filter((t) => !(!t.toggable && t.isSelected));
+    },
+    primaryColor() {
+      let t = w(this, '_document.data.css[".chapter"]["--accentColor"]') || w(this, "_document.theme.headingColor");
+      function i() {
+        A.readability(t, "#fff") < 1.8 && (t = A(t).darken(5).toString(), i());
+      }
+      return i(), t;
+    },
+    selectedPackages() {
+      return this.packages.filter(({ isSelected: t }) => t);
+    }
+  },
+  created() {
+    const {
+      isPreview: t,
+      setPricesIncVat: i = null,
+      useVat: e = Z[N.brand].defaultRegion === "SE"
+    } = w(this, "_document", {});
+    t && i !== null ? this.showPricesIncVat = i : this.showPricesIncVat = w(this, "_document.prices.helpers.isIndivid", !0) && e;
+  },
+  methods: {
+    onToggle(t) {
+      if (this.type === "single") return;
+      const i = this.packages.findIndex(({ packageId: e }) => e === t);
+      i === -1 || this.type === "radio" && this.packages[i].isSelected || (this.setField({
+        key: `${this._value.packages}[${i}].isSelected`,
+        value: !this.packages[i].isSelected
+      }), this.type === "radio" && this.packages.forEach((e, p) => {
+        p !== i && this.setField({
+          key: `${this._value.packages}[${p}].isSelected`,
+          value: !1
+        });
+      }));
+    }
+  }
+}, He = { style: { position: "relative" } }, Ue = { key: 0 }, Qe = {
+  key: 0,
+  style: { 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))" }
+};
+function Re(t, i, e, p, g, r) {
+  const d = v("PackageItem"), u = v("ErrorCallout"), s = v("PackagePricingSummary");
+  return a(), c("div", He, [
+    (a(!0), c(f, null, b(r.fixedPackages, (m, h) => (a(), _(d, {
+      key: h,
+      type: t.type,
+      "work-package": t._document.packageGroups.getPackageById(m.packageId),
+      "heading-color": r.primaryColor,
+      "can-toggle": r.canToggle,
+      "show-prices-inc-vat": g.showPricesIncVat,
+      _document: t._document,
+      onToggle: r.onToggle,
+      onToggleShowVat: i[0] || (i[0] = (y) => g.showPricesIncVat = y)
+    }, null, 8, ["type", "work-package", "heading-color", "can-toggle", "show-prices-inc-vat", "_document", "onToggle"]))), 128)),
+    r.toggablePackages.length ? (a(), c("div", Ue, [
+      r.fixedPackages.length && r.toggablePackages.length ? (a(), c("div", Qe, o(t._document.$t("chapters.packageGroup.selectableOptions")), 1)) : n("", !0),
+      (a(!0), c(f, null, b(r.toggablePackages, (m, h) => (a(), _(d, {
+        key: `fixed-${h}`,
+        "work-package": t._document.packageGroups.getPackageById(m.packageId),
+        type: t.type,
+        "heading-color": r.primaryColor,
+        "show-toggle": r.showToggle,
+        "can-toggle": r.canToggle,
+        "is-preview": t._document.isPreview,
+        "show-prices-inc-vat": g.showPricesIncVat,
+        _document: t._document,
+        onToggle: r.onToggle,
+        onToggleShowVat: i[1] || (i[1] = (y) => g.showPricesIncVat = y)
+      }, null, 8, ["work-package", "type", "heading-color", "show-toggle", "can-toggle", "is-preview", "show-prices-inc-vat", "_document", "onToggle"]))), 128))
+    ])) : n("", !0),
+    e.validator.$invalid && e.validator.$dirty ? (a(), _(u, {
+      key: 1,
+      message: t._document.$t("chapters.packageGroup.errorCallout"),
+      style: { "padding-bottom": "calc(1.5 * var(--rem))" }
+    }, null, 8, ["message"])) : n("", !0),
+    t.hideGroupPrice ? n("", !0) : (a(), _(s, {
+      key: 2,
+      prices: r.prices,
+      _document: t._document,
+      "show-prices-inc-vat": g.showPricesIncVat,
+      "primary-color": r.primaryColor,
+      placeholder: !r.selectedPackages.length
+    }, null, 8, ["prices", "_document", "show-prices-inc-vat", "primary-color", "placeholder"]))
+  ]);
+}
+const tt = /* @__PURE__ */ T($e, [["render", Re]]);
+export {
+  tt as default
+};