@cling-se/widget 0.17.0 → 1.0.0-beta.2

package/dist/Index-BBkCYm2q.js

@@ -0,0 +1,201 @@
+import { m as P } from "./mapFormMixin-D3BihYWW.js";
+import { f as S } from "./focusDrawerMixin-BwcErMDY.js";
+import { d as $ } from "./debounce-DNl99Gyo.js";
+import { M as k, g as b } from "./splitpanes-D-ThFkeR.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-Cb-nyil1.js";
+const M = {
+  name: "HeaderItems",
+  components: {
+    MediaWrapper: c(() => import("./MediaWrapper-CXb2UGd9.js")),
+    ContentWrapper: c(() => import("./ContentWrapper-CuH6xKmo.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-C4XhnoA3.js")),
+    HeaderSettings: c(() => import("./HeaderSettings-DvC7nlyY.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-LzN6dktq.js → Index-BBwvo7S9.js}

@@ -1,6 +1,6 @@
-import { P as n } from "./PlainHtml-5YwYVj1v.js";
-import { n as s } from "./main-BgzLHIoo.js";
-const o = {
+import { _ as s } from "./PlainHtml.vue_vue_type_script_setup_true_lang-D6NNUTz0.js";
+import { e as t, B as e } from "./main-Cb-nyil1.js";
+const r = {
   name: "EstimatedTimeToCompleteTextRead",
   props: {
     noOfTimeUnits: {
@@ -23,23 +23,15 @@ const o = {
       }
     }
   },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(t) {
-    const e = this.$tc(`_common:${this.timeUnit}`, {
+  render() {
+    const a = this.$tc(`_common:${this.timeUnit}`, {
       count: this.noOfTimeUnits
     });
-    return t(n, [this.$t("text"), " ", t("strong", [e]), "."]);
+    return t(s, null, {
+      default: () => [this.$t("text"), e(" "), t("strong", null, [a]), e(".")]
+    });
   }
-}, r = null, a = null;
-var i = /* @__PURE__ */ s(
-  o,
-  r,
-  a,
-  !1,
-  null,
-  null
-);
-const p = i.exports;
+};
 export {
-  p as default
+  r as default
 };

package/dist/Index-BEMlsYwJ.js

@@ -0,0 +1,68 @@
+import { m as c } from "./mapFormMixin-D3BihYWW.js";
+import { _ as u, X as f, b as m, o, d as i, s as d, c as g, af as v, v as y, f as h, S, n as B, Z as b } from "./main-Cb-nyil1.js";
+const C = {
+  name: "DocChapter",
+  components: {
+    CInput: f
+  },
+  mixins: [c(["title"])],
+  props: {
+    enableSpacingX: {
+      type: Boolean,
+      default: !0
+    },
+    enableSpacingY: {
+      type: Boolean,
+      default: !0
+    },
+    pdfSpacingX: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  methods: {
+    onAdd() {
+      var e;
+      this._isNodeRecentlyAdded() && ((e = this.$refs.input) == null || e.focus());
+    }
+  }
+}, k = {
+  key: 1,
+  class: "title"
+};
+function I(e, t, n, X, A, r) {
+  var s;
+  const p = m("CInput");
+  return o(), i("div", b(e.$attrs, { class: "chapter" }), [
+    d("div", {
+      class: B(["no-drag", {
+        "chapter-spacing-x": n.enableSpacingX,
+        "chapter-spacing-y": n.enableSpacingY,
+        "pdf-spacing-x": n.pdfSpacingX
+      }])
+    }, [
+      e.canEdit && ((s = e._value) != null && s.title) ? (o(), g(p, {
+        key: 0,
+        ref: "input",
+        "model-value": e.title,
+        spellcheck: !1,
+        placeholder: e.$t("components:account.documentForm.titleAndText.title"),
+        static: "",
+        class: "title preview-title-input",
+        onKeydown: t[0] || (t[0] = v((a) => a.target.blur(), ["enter"])),
+        onBlur: t[1] || (t[1] = (a) => {
+          var l;
+          e.title = ((l = a.target) == null ? void 0 : l.value) || "";
+        }),
+        onVnodeMounted: r.onAdd
+      }, null, 8, ["model-value", "placeholder", "onVnodeMounted"])) : e.title ? (o(), i("div", k, y(e.title), 1)) : h("", !0),
+      d("div", null, [
+        S(e.$slots, "default", {}, void 0, !0)
+      ])
+    ], 2)
+  ], 16);
+}
+const $ = /* @__PURE__ */ u(C, [["render", I], ["__scopeId", "data-v-fe61ce8b"]]);
+export {
+  $ as default
+};

package/dist/Index-BRBhJ6kz.js

@@ -0,0 +1,21 @@
+import { m as o } from "./mapFormMixin-D3BihYWW.js";
+import { _ as n, z as s, b as r, o as i, c as p } from "./main-Cb-nyil1.js";
+const a = {
+  name: "WorkAddressText",
+  components: {
+    Read: s(() => import("./Index-C7GZS8EI.js"))
+  },
+  mixins: [o(["street", "city", "zip"])]
+};
+function c(e, m, d, f, _, l) {
+  const t = r("Read");
+  return i(), p(t, {
+    street: e.street,
+    city: e.city,
+    zip: e.zip
+  }, null, 8, ["street", "city", "zip"]);
+}
+const z = /* @__PURE__ */ n(a, [["render", c]]);
+export {
+  z as default
+};

package/dist/{Index-BPUYpfLJ.js → Index-BTFmHjUt.js}

@@ -1,7 +1,7 @@
-import { P as m } from "./PlainHtml-5YwYVj1v.js";
-import { Z as c, D as u, n as p } from "./main-BgzLHIoo.js";
-import { s as g } from "./dom-CWsqMElk.js";
-const h = {
+import { _ as p } from "./PlainHtml.vue_vue_type_script_setup_true_lang-D6NNUTz0.js";
+import { e, aH as c, A as u, B as d, _ as h } from "./main-Cb-nyil1.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", {
+    const m = () => i ? this.$t("deduction.afterType", {
       type: this.$t(`deduction.${i}`)
-    }) : n ? "" : `${this.$t("vat.exVat", {
+    }) : 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,
-  "1142813c"
-);
-const y = k.exports;
+}, P = /* @__PURE__ */ h(f, [["__scopeId", "data-v-eed65914"]]);
 export {
-  y as default
+  P as default
 };