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

package/dist/Index--gv5fH24.js

@@ -0,0 +1,201 @@
+import { m as P } from "./mapFormMixin-v-nbaWcx.js";
+import { f as S } from "./focusDrawerMixin-T94b2Y6F.js";
+import { d as $ } from "./debounce-CBRJalZI.js";
+import { M as k, g as b } from "./splitpanes-DChJiJ8d.js";
+import { z as c, _ as g, o as a, d, F as y, k as w, c as l, aq as h, w as f, l as _, b as p, e as H, f as z, Z as I } from "./main-C4OdoeS2.js";
+const M = {
+  name: "HeaderItems",
+  components: {
+    MediaWrapper: c(() => import("./MediaWrapper-_LPau2Ks.js")),
+    ContentWrapper: c(() => import("./ContentWrapper-DrmiaFOz.js")),
+    Splitpanes: k,
+    Pane: b
+  },
+  emits: ["input"],
+  mixins: [P(["layout", "items", "baseStyle"])],
+  props: {
+    showControls: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    forceHorizontal() {
+      return this.device === "mobile";
+    },
+    canResize() {
+      return this.device === "desktop" || this.device === "tablet";
+    },
+    useSplitPane() {
+      return this.canEdit && this.canResize;
+    }
+  },
+  created() {
+    ["layout", "useSplitPane"].forEach(
+      (e) => this.$watch(e, {
+        immediate: !0,
+        handler: this.addNoDragClass
+      })
+    );
+  },
+  methods: {
+    addNoDragClass() {
+      !this.useSplitPane || !["vertical", "horizontal"].includes(this.layout) || setTimeout(() => {
+        var s;
+        const e = ((s = this.$el) == null ? void 0 : s.nextElementSibling) || this.$el, t = e == null ? void 0 : e.querySelector(".splitpanes__splitter");
+        t && !t.classList.contains("no-drag") && t.classList.add("no-drag");
+      }, 0);
+    },
+    onResize: $(function([{ size: t }]) {
+      const s = Math.round(t), v = 100 - s;
+      this.items = this.items.map((r, o) => ({ ...r, size: [s, v][o] }));
+    }, 100)
+  }
+}, N = {
+  key: 0,
+  style: { position: "relative", "min-height": "calc(100 * var(--vh, 1vh))" }
+};
+function R(e, t, s, v, r, o) {
+  return e.layout === "center" ? (a(), d("div", N, [
+    (a(!0), d(y, null, w(e.items, (n, i) => (a(), l(h(`${n.type}Wrapper`), {
+      key: i,
+      size: n.size,
+      _document: e._document,
+      _value: { ...e._value, item: `${e._value.items}.${i}` },
+      "has-hover": s.showControls,
+      class: "item",
+      style: { position: "absolute", left: "0", top: "0", right: "0", bottom: "0" },
+      onInput: t[0] || (t[0] = (u) => e.$emit("input", u))
+    }, null, 40, ["size", "_document", "_value", "has-hover"]))), 128))
+  ])) : (a(), l(h(o.useSplitPane ? "splitpanes" : "div"), {
+    key: 1,
+    horizontal: o.forceHorizontal ? !0 : e.layout === "horizontal",
+    vertical: o.forceHorizontal ? !1 : e.layout === "vertical",
+    style: _(
+      !e.canEdit && {
+        "flex-direction": o.forceHorizontal || e.layout === "horizontal" ? "column" : "row"
+      }
+    ),
+    class: "layout-wrapper",
+    onResize: o.onResize
+  }, {
+    default: f(() => [
+      (a(!0), d(y, null, w(e.items, (n, i) => (a(), l(h(o.useSplitPane ? "pane" : "div"), {
+        key: i,
+        size: n.size,
+        style: _(
+          !o.useSplitPane && {
+            flex: `1 1 ${n.size}%`
+          }
+        )
+      }, {
+        default: f(() => [
+          (a(), l(h(`${n.type}Wrapper`), {
+            _document: e._document,
+            _value: { ...e._value, item: `${e._value.items}.${i}` },
+            "has-hover": s.showControls,
+            class: "item",
+            onInput: t[1] || (t[1] = (u) => e.$emit("input", u))
+          }, null, 40, ["_document", "_value", "has-hover"]))
+        ]),
+        _: 2
+      }, 1032, ["size", "style"]))), 128))
+    ]),
+    _: 1
+  }, 40, ["horizontal", "vertical", "style", "onResize"]));
+}
+const B = /* @__PURE__ */ g(M, [["render", R], ["__scopeId", "data-v-fe42e792"]]), D = {
+  name: "HeaderBlock",
+  components: {
+    PriceHeader: c(() => import("./PriceHeader-DyC8xssf.js")),
+    HeaderSettings: c(() => import("./HeaderSettings-5QR7MmVf.js")),
+    HeaderItems: B
+  },
+  emits: ["input"],
+  mixins: [P(["header"]), S],
+  data() {
+    return {
+      showControls: !1
+    };
+  },
+  computed: {
+    layout() {
+      var e;
+      return (e = this.header) == null ? void 0 : e.layout;
+    },
+    items() {
+      var e;
+      return ((e = this.header) == null ? void 0 : e.items) || [];
+    },
+    mediaPath() {
+      const e = this.items.findIndex(({ type: t }) => t === "media");
+      return e !== -1 ? `${this._value.header}.items.${e}.media` : "";
+    },
+    contentPath() {
+      const e = this.items.findIndex(({ type: t }) => t === "content");
+      return e !== -1 ? `${this._value.header}.items.${e}` : "";
+    }
+  }
+};
+function E(e, t, s, v, r, o) {
+  const n = p("PriceHeader"), i = p("HeaderItems"), u = p("HeaderSettings"), C = p("portal");
+  return a(), d("div", I(e.$attrs, {
+    class: [{
+      "has-parent-nav": e.viewSettings.isForm,
+      "has-hover": r.showControls
+    }, "header-root"],
+    onMouseoverPassive: t[2] || (t[2] = (m) => r.showControls = !0),
+    onMouseleavePassive: t[3] || (t[3] = (m) => r.showControls = !1)
+  }), [
+    o.layout === "price" ? (a(), l(n, {
+      key: 0,
+      _document: e._document,
+      _value: {
+        media: o.mediaPath,
+        backgroundColor: `${o.contentPath}.media.backgroundColor`,
+        documentName: `${o.contentPath}.value.documentName`,
+        showLogo: `${o.contentPath}.value.showLogo`,
+        logotype: `${o.contentPath}.value.logotype`,
+        showPriceSummary: `${e._value.header}.showPriceSummary`
+      },
+      "has-hover": r.showControls,
+      onInput: t[0] || (t[0] = (m) => e.$emit("input", m))
+    }, null, 8, ["_document", "_value", "has-hover"])) : (a(), l(i, {
+      key: 1,
+      _document: e._document,
+      _value: {
+        layout: `${e._value.header}.layout`,
+        items: `${e._value.header}.items`,
+        baseStyle: `${e._value.header}.baseStyle`
+      },
+      "show-controls": r.showControls,
+      onInput: t[1] || (t[1] = (m) => e.$emit("input", m))
+    }, null, 8, ["_document", "_value", "show-controls"])),
+    e.isForm ? (a(), d(y, { key: 2 }, [
+      e.showDrawer ? (a(), l(C, {
+        key: 0,
+        to: "drawer-content"
+      }, {
+        default: f(() => [
+          H(u, {
+            _document: e._document,
+            _value: {
+              layout: `${e._value.header}.layout`,
+              items: `${e._value.header}.items`,
+              showPriceSummary: `${e._value.header}.showPriceSummary`,
+              media: o.mediaPath,
+              backgroundColor: `${o.contentPath}.media.backgroundColor`,
+              textAlign: `${e._value.header}.baseStyle.textAlign`,
+              textColor: `${e._value.header}.baseStyle.textColor`
+            }
+          }, null, 8, ["_document", "_value"])
+        ]),
+        _: 1
+      })) : z("", !0)
+    ], 64)) : z("", !0)
+  ], 16);
+}
+const V = /* @__PURE__ */ g(D, [["render", E]]);
+export {
+  V as default
+};

package/dist/{Index-D4XgxmbD.js → Index-B3ycPjAI.js}

@@ -1,6 +1,6 @@
-import { P as r } from "./PlainHtml-CPmIebjY.js";
-import { n as o } from "./main-WKzC-Dnu.js";
-const s = {
+import { _ as o } from "./PlainHtml.vue_vue_type_script_setup_true_lang-BgsfquR_.js";
+import { e, B as t } from "./main-C4OdoeS2.js";
+const d = {
   name: "ExtraWorkTimeImpactTextRead",
   props: {
     workStartAt: {
@@ -39,23 +39,15 @@ const s = {
       description4: " by"
     }
   },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(t) {
-    const e = this.$formatDate(this.workStartAt), n = this.$formatDate(this.workEndAt), i = this.$tc(`_common:${this.timeUnit}`, {
+  render() {
+    const i = this.$formatDate(this.workStartAt), n = this.$formatDate(this.workEndAt), r = this.$tc(`_common:${this.timeUnit}`, {
       count: this.noOfTimeUnits
     });
-    return t(r, [this.$t("description1"), " ", t("strong", [e]), " ", this.$t("description2"), t("strong", [n]), ".", this.$t("description3"), " ", t("strong", [this.$t(`_common:${this.timeDeltaDirection}`)]), this.$t("description4"), " ", t("strong", [i]), "."]);
+    return e(o, null, {
+      default: () => [this.$t("description1"), t(" "), e("strong", null, [i]), t(" "), this.$t("description2"), e("strong", null, [n]), t("."), this.$t("description3"), t(" "), e("strong", null, [this.$t(`_common:${this.timeDeltaDirection}`)]), this.$t("description4"), t(" "), e("strong", null, [r]), t(".")]
+    });
   }
-}, a = null, c = null;
-var d = /* @__PURE__ */ o(
-  s,
-  a,
-  c,
-  !1,
-  null,
-  null
-);
-const p = d.exports;
+};
 export {
-  p as default
+  d as default
 };

package/dist/Index-B7ECpXAa.js

@@ -0,0 +1,28 @@
+import { m as u } from "./mapFormMixin-v-nbaWcx.js";
+import { _ as r, z as t, b as o, o as i, c as m } from "./main-C4OdoeS2.js";
+const d = {
+  name: "EstimatedTimeToComplete",
+  components: {
+    Read: t(() => import("./Index-DexIUz3R.js")),
+    Edit: t(() => import("./Index-D7ixmzBH.js"))
+  },
+  emits: ["input"],
+  mixins: [u(["noOfTimeUnits", "timeUnit"])]
+};
+function c(n, e, f, l, _, E) {
+  const s = o("Edit"), a = o("Read");
+  return n.canEdit ? (i(), m(s, {
+    key: 0,
+    _document: n._document,
+    _value: n._value,
+    onInput: e[0] || (e[0] = (p) => n.$emit("input", p))
+  }, null, 8, ["_document", "_value"])) : (i(), m(a, {
+    key: 1,
+    "no-of-time-units": n.noOfTimeUnits,
+    "time-unit": n.timeUnit
+  }, null, 8, ["no-of-time-units", "time-unit"]));
+}
+const v = /* @__PURE__ */ r(d, [["render", c]]);
+export {
+  v as default
+};

package/dist/Index-BIXfUsHH.js

@@ -0,0 +1,52 @@
+import { h, P as o, i as c, z as k, o as r, d as i, c as v, aq as B, n as T, j as a, s as l, B as x, v as d, ao as y, _ as C } from "./main-C4OdoeS2.js";
+import { u as P } from "./useTermsModal-C_eLdGLi.js";
+const b = {
+  key: 1,
+  class: "terms-disclaimer"
+}, g = { class: "terms-disclaimer__divider" }, w = /* @__PURE__ */ h({
+  __name: "Index",
+  props: {
+    href: {},
+    termType: {},
+    file: {},
+    text: {},
+    _document: {}
+  },
+  setup(e) {
+    const { showTermsModal: m } = P(), s = o("isPdf", !1), f = o("_firstBlock", !1), p = o("_lastBlock", !1), n = c(
+      () => s ? k(() => import("./PdfTerms-Bf4TlzP5.js")) : null
+    ), u = c(() => s && n), _ = () => {
+      m({
+        text: e.text,
+        _document: e._document,
+        termType: e.termType,
+        file: e.file,
+        href: e.href
+      });
+    };
+    return (t, D) => u.value ? (r(), i("div", {
+      key: 0,
+      class: T({
+        "break-before-page": a(s) && !a(f),
+        "break-after-page": a(s) && !a(p)
+      })
+    }, [
+      (r(), v(B(n.value), {
+        text: t.text,
+        file: t.file
+      }, null, 8, ["text", "file"]))
+    ], 2)) : (r(), i("div", b, [
+      l("div", g, [
+        x(d(t._document.$t("chapters.termsDisclaimer.description")) + " ", 1),
+        l("a", {
+          onClick: y(_, ["prevent"]),
+          target: "_blank",
+          rel: "noopener"
+        }, d(t._document.$t("chapters.termsDisclaimer.termsAndConditions")), 1)
+      ])
+    ]));
+  }
+}), j = /* @__PURE__ */ C(w, [["__scopeId", "data-v-7c03eed7"]]);
+export {
+  j as default
+};

package/dist/Index-BM658CCq.js

@@ -0,0 +1,93 @@
+import { _, A as g, o as s, d as o, F as u, k as d, s as r, B as h, v as a } from "./main-C4OdoeS2.js";
+const b = {
+  name: "MultiGroupPricing",
+  props: {
+    _document: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    docPriceItems() {
+      const { total: c, subTotal: e } = this._document.prices || {};
+      return [
+        {
+          label: this._document.$t("price.net"),
+          value: this.priceFormat(e)
+        },
+        {
+          label: this._document.$t("price.total"),
+          value: this.priceFormat(c)
+        }
+      ];
+    },
+    pkgGroups() {
+      var e;
+      return (((e = this._document.packageGroups) == null ? void 0 : e.groups) || []).map(({ title: p, prices: m, selectedPackages: v }) => {
+        const { total: i, subTotal: t } = m || {};
+        return {
+          title: p,
+          noOfSelectedPackages: v.length,
+          priceItems: [
+            {
+              label: this._document.$t("price.net"),
+              value: this.priceFormat(t)
+            },
+            {
+              label: this._document.$t("price.total"),
+              value: this.priceFormat(i)
+            }
+          ]
+        };
+      });
+    }
+  },
+  methods: {
+    priceFormat(c, e) {
+      return g(c, {
+        currency: this._document.currency,
+        showZero: !0,
+        decimals: 2,
+        hideZeroDecimals: !0,
+        ...e
+      });
+    }
+  }
+}, x = { style: { display: "flex", "font-size": "calc(1.1 * var(--rem))", "font-weight": "600", "padding-bottom": "3px", "border-bottom": "1px solid rgba(0, 0, 0, 0.2)" } }, k = {
+  class: "text-gray-400",
+  style: { "margin-left": "auto", "font-size": "calc(1 * var(--rem))" }
+}, F = { style: { "margin-top": "calc(1 * var(--rem))" } };
+function $(c, e, p, m, v, i) {
+  return s(), o("div", null, [
+    (s(!0), o(u, null, d(i.pkgGroups, (t, l) => (s(), o("div", {
+      key: l,
+      style: { padding: "calc(0.5 * var(--rem)) 0" }
+    }, [
+      r("div", x, [
+        h(a(t.title) + " ", 1),
+        r("span", k, a(t.noOfSelectedPackages) + " paket ", 1)
+      ]),
+      (s(!0), o(u, null, d(t.priceItems, ({ label: n, value: f }, y) => (s(), o("div", {
+        key: n + y,
+        style: { display: "flex", "justify-content": "space-between", "font-size": "calc(1 * var(--rem))" }
+      }, [
+        r("div", null, a(n), 1),
+        r("div", null, a(f), 1)
+      ]))), 128))
+    ]))), 128)),
+    r("div", F, [
+      e[0] || (e[0] = r("div", { style: { "font-size": "calc(1.1 * var(--rem))", "font-weight": "600", "padding-bottom": "3px", "border-bottom": "1px solid rgba(0, 0, 0, 0.2)" } }, " Doc summary ", -1)),
+      (s(!0), o(u, null, d(i.docPriceItems, ({ label: t, value: l }, n) => (s(), o("div", {
+        key: n + t,
+        style: { display: "flex", "justify-content": "space-between", "font-size": "calc(1 * var(--rem))" }
+      }, [
+        r("div", null, a(t), 1),
+        r("div", null, a(l), 1)
+      ]))), 128))
+    ])
+  ]);
+}
+const z = /* @__PURE__ */ _(b, [["render", $]]);
+export {
+  z as default
+};

package/dist/{Index--qPMWUMT.js → Index-B_DCM_bL.js}

@@ -1,7 +1,7 @@
-import { P as m } from "./PlainHtml-CPmIebjY.js";
-import { T as c, w as u, n as p } from "./main-WKzC-Dnu.js";
-import { s as g } from "./CDropdownItem-BE8BAMD1.js";
-const h = {
+import { _ as p } from "./PlainHtml.vue_vue_type_script_setup_true_lang-BgsfquR_.js";
+import { e, aH as c, A as u, B as d, _ as h } from "./main-C4OdoeS2.js";
+import { s as g } from "./dom-CkTGWrfu.js";
+const f = {
   name: "ExtraWorkConstructionPricingListRead",
   props: {
     _document: {
@@ -60,18 +60,16 @@ const h = {
       }
     }
   },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(e) {
-    if (!this._document.readPrices)
-      return e("div");
-    let n = !0, i = null, s = 1, o = null;
+  render() {
+    if (!this._document.readPrices) return e("div", null, null);
+    let a = !0, i = null, n = 1, o = null;
     const {
       prices: r = null
     } = this._document || {};
     if (r && (r.currency && ({
       currency: o
     } = r), r.helpers && ({
-      isIndivid: n
+      isIndivid: a
     } = r.helpers), r.region)) {
       ({
         houseWorkType: i
@@ -83,21 +81,21 @@ const h = {
         greenRot20: 0.8,
         greenRot50: 0.5
       };
-      n && (s *= 1.25), n && t[i] && (s *= t[i]);
+      a && (n *= 1.25), a && t[i] && (n *= t[i]);
     }
-    const d = () => i ? this.$t("deduction.afterType", {
-      type: i
-    }) : n ? "" : `${this.$t("vat.exVat", {
+    const m = () => i ? this.$t("deduction.afterType", {
+      type: this.$t(`deduction.${i}`)
+    }) : a ? "" : `${this.$t("vat.exVat", {
       thing: this.$t("_common:vat.sharedTitle")
     })} `, l = this.$t("subPriceString", {
-      str: d(),
-      vat: n ? this.$t("andVat") : ""
-    }), a = [];
+      str: m(),
+      vat: a ? this.$t("andVat") : ""
+    }), s = [];
     if (this.workPrice) {
       const t = c({
         amount: this.workPrice
-      }).multiply(s).getAmount();
-      a.push({
+      }).multiply(n).getAmount();
+      s.push({
         title: this.$t("labor"),
         subTitle: l,
         amount: `${u(t, {
@@ -109,8 +107,8 @@ const h = {
     if (this.managementPrice) {
       const t = c({
         amount: this.managementPrice
-      }).multiply(s).getAmount();
-      a.push({
+      }).multiply(n).getAmount();
+      s.push({
         title: this.$t("laborManagement"),
         subTitle: l,
         amount: `${u(t, {
@@ -119,53 +117,42 @@ const h = {
         })}/h`
       });
     }
-    return this.entrepreneurMarkupPercentage && a.push({
+    return this.entrepreneurMarkupPercentage && s.push({
       title: this.$t("subContractors"),
       subTitle: this.$t("subContractorsSub"),
       amount: `${this.entrepreneurMarkupPercentage} %`
-    }), this.miscMarkupPercentage && a.push({
+    }), this.miscMarkupPercentage && s.push({
       title: this.$t("material"),
       subTitle: this.$t("materialSub"),
       amount: `${this.miscMarkupPercentage} %`
-    }), e(m, [e("div", {
-      class: "m-b-2r"
-    }, [this.$t("descriptionTop")]), e("div", {
-      class: "m-b-2r list-box"
-    }, [a.map((t) => e("div", {
-      class: "ata-item"
-    }, [e("div", {
-      class: "ata-item-text"
-    }, [e("div", {
-      class: "ata-item-text-title"
-    }, [t.title]), e("div", {
-      class: "ata-item-text-sub"
-    }, [t.subTitle])]), e("div", {
-      class: "ata-item-data"
-    }, [t.amount])]))]), e("div", {
-      class: "m-b-2r"
-    }, [this.$t("descriptionBottom")]), i && e("div", {
-      class: "hint-text"
-    }, [this.$t("houseWorkDesc1"), " ", document.getElementById("villkor-avdrag") ? e("span", {
-      on: {
-        click: () => g(document.getElementById("villkor-avdrag"), {
+    }), e(p, null, {
+      default: () => [e("div", {
+        class: "m-b-2r"
+      }, [this.$t("descriptionTop")]), e("div", {
+        class: "m-b-2r list-box"
+      }, [s.map((t) => e("div", {
+        class: "ata-item"
+      }, [e("div", {
+        class: "ata-item-text"
+      }, [e("div", {
+        class: "ata-item-text-title"
+      }, [t.title]), e("div", {
+        class: "ata-item-text-sub"
+      }, [t.subTitle])]), e("div", {
+        class: "ata-item-data"
+      }, [t.amount])]))]), e("div", {
+        class: "m-b-2r"
+      }, [this.$t("descriptionBottom")]), i && e("div", {
+        class: "hint-text"
+      }, [this.$t("houseWorkDesc1"), d(" "), document.getElementById("villkor-avdrag") ? e("span", {
+        onClick: () => g(document.getElementById("villkor-avdrag"), {
           offset: 80
-        })
-      },
-      attrs: {
-        className: "cursor-pointer underline"
-      }
-    }, [this.$t("houseWorkReadTerms")]) : this.$t("houseWorkReadTerms"), " ", this.$t("houseWorkDesc2")])]);
+        }),
+        class: "cursor-pointer underline"
+      }, [this.$t("houseWorkReadTerms")]) : this.$t("houseWorkReadTerms"), d(" "), this.$t("houseWorkDesc2")])]
+    });
   }
-}, f = null, b = null;
-var k = /* @__PURE__ */ p(
-  h,
-  f,
-  b,
-  !1,
-  null,
-  "fc277004"
-);
-const T = k.exports;
+}, P = /* @__PURE__ */ h(f, [["__scopeId", "data-v-eed65914"]]);
 export {
-  T as default
+  P as default
 };

package/dist/Index-BcMATT2_.js

@@ -0,0 +1,47 @@
+import { m as a } from "./mapFormMixin-v-nbaWcx.js";
+import { T as m } from "./DocTextEditor-Cw-Skmd4.js";
+import { _ as c, ab as r, ac as d, ad as i, b as l, o as p, d as u, e as _ } from "./main-C4OdoeS2.js";
+const x = {
+  name: "TextContent",
+  components: {
+    TextEditor: m
+  },
+  mixins: [a(["content"])],
+  computed: {
+    value: {
+      get() {
+        return this.canEdit ? r(
+          this.content,
+          this._document.textTemplateMap,
+          this._document._doc
+        ) : d(this.content, this._document._doc);
+      },
+      set(t) {
+        this.content = i(t);
+      }
+    }
+  }
+}, f = {
+  class: "quill-format",
+  style: { "font-size": "16px" }
+};
+function h(t, e, T, v, E, o) {
+  const n = l("TextEditor");
+  return p(), u("div", f, [
+    _(n, {
+      ref: "textEditor",
+      modelValue: o.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (s) => o.value = s),
+      placeholder: t.$t("components:account.documentForm.titleAndText.text"),
+      mentions: () => t._document.textTemplateItems,
+      snippets: !0,
+      "is-absolute": !0,
+      class: "text-editor",
+      style: { "margin-bottom": "1em" }
+    }, null, 8, ["modelValue", "placeholder", "mentions"])
+  ]);
+}
+const I = /* @__PURE__ */ c(x, [["render", h], ["__scopeId", "data-v-7d13b0c4"]]);
+export {
+  I as default
+};