@cling-se/widget 0.17.3 → 0.18.0

package/dist/PriceHeader-DClYMPcq.js

@@ -1,338 +0,0 @@
-import { m as c, t as l } from "./mapFormMixin-Cu_vkTP-.js";
-import { B as d } from "./BlockMedia-Bo3OfNSU.js";
-import { b as r, D as u, n, ah as m } from "./main-BL_yzf2r.js";
-import { s as p } from "./dom-Ds4ypDrd.js";
-import { T as y } from "./DocTextEditor-yD9Dt_um.js";
-import { i as h } from "./i18nMessages-Chz_lxGG.js";
-const _ = {
-  name: "SummaryBottom",
-  mixins: [c([])],
-  inject: ["parentSize"],
-  props: {
-    base: {
-      type: Object,
-      default: null
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    backgroundColor: {
-      type: String,
-      default: "#4c576d"
-    },
-    documentCurrency: {
-      type: String,
-      required: !0
-    },
-    vatType: {
-      type: String,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      get: r,
-      tinycolor: l
-    };
-  },
-  computed: {
-    prices() {
-      return r(this, "base.prices") || {};
-    },
-    isIndivid() {
-      return r(this.prices, "helpers.isIndivid", !0);
-    },
-    showIncVat() {
-      return this.isIndivid;
-    },
-    priceTotal() {
-      return this.isIndivid ? r(this.prices, "total", null) : r(this.prices, "subTotal", null);
-    },
-    priceType() {
-      return this.prices.type || ["fixed"];
-    },
-    currency() {
-      return this.prices.currency || this.documentCurrency;
-    },
-    openAccMaxPrice() {
-      return this.prices.maxTotal || null;
-    },
-    houseWorkType() {
-      return r(this.prices, "region.houseWorkType", null);
-    },
-    isReverseVat() {
-      return r(this.prices, "region.reverseVat", !1);
-    },
-    priceTypeString() {
-      return this.priceType.includes("openAccMaxPrice") ? this._document.$t("price.openAccMaxPrice") : this.priceType.includes("openAcc") ? this._document.$t("price.openAcc") : this._document.$t("price.price").capitalize();
-    },
-    priceDeductionVatString() {
-      let i = "";
-      if (this.isReverseVat && !this.showIncVat) {
-        const t = this.priceFormat(0, {
-          currency: this.currency,
-          showZero: !0
-        });
-        return i = this._document.$t("summaryBottom.reverseVat", { amount: t }), i;
-      }
-      return this.houseWorkType && (i = this._document.$t("deduction.afterType", {
-        type: this.$t(`deduction.${this.houseWorkType}_percentage`)
-      })), this.showIncVat && (i += ` ${this._document.$t("vat.incVat", {
-        thing: this._document.$t(`vat.${this.vatType}`)
-      })}`), this.showIncVat || (i += ` ${this._document.$t("vat.exVat", {
-        thing: this._document.$t(`vat.${this.vatType}`)
-      })}`), i.capitalize();
-    },
-    backgroundSecondary() {
-      if (!this.isSmallScreen)
-        return { backgroundColor: "transparent" };
-      const i = this.backgroundColor.match(/(\d*\.)?\d+/g)[0], t = this.backgroundColor.match(/(\d*\.)?\d+/g)[1], e = this.backgroundColor.match(/(\d*\.)?\d+/g)[2], s = this.backgroundColor.match(/(\d*\.)?\d+/g)[3];
-      return {
-        backgroundColor: `hsla(${i}, ${t ** 0.9}%, ${e ** 0.9}%, ${s})`
-      };
-    },
-    isSmallScreen() {
-      return this.parentSize.width <= 576;
-    }
-  },
-  methods: {
-    priceFormat: u,
-    scrollToPricing() {
-      const i = document.querySelector("#price");
-      i && p(i);
-    }
-  }
-};
-var v = function() {
-  var t = this, e = t._self._c;
-  return e("section", { staticClass: "summary-bottom-root" }, [e("div", { staticClass: "summary-bottom", style: [
-    {
-      backgroundColor: t.backgroundColor,
-      color: t.tinycolor.readability(t.backgroundColor, "#FFF") > 2.2 ? "#FFF" : "#000"
-    },
-    t.options.length && {
-      overflow: "hidden",
-      padding: 0
-    }
-  ] }, [t.options.length ? e("div", { staticClass: "flex w-full items-center justify-end", staticStyle: { height: "108px" } }, [e("div", { staticStyle: { "text-align": "right", padding: "calc(2 * var(--rem))" } }, [e("div", { staticStyle: { "font-size": "calc(1.5 * var(--rem))", "font-weight": "900" } }, [t._v(" " + t._s(t._document.$t("price.proposal")) + " ")]), e("div", [t._v(t._s(t._document.$t("summaryBottom.chooseFrom")))])]), e("div", { staticStyle: { "background-color": "hsla(0, 0%, 0%, 0.15)", paadding: "calc(1 * var(--rem)) calc(2 * var(--rem))", height: "100%", display: "inline-flex" } }, [t.base ? e("div", { staticStyle: { display: "flex", "flex-direction": "column", "align-items": "flex-start", "justify-content": "center", padding: "calc(1 * var(--rem)) calc(1 * var(--rem))", "text-align": "left" } }, [e("div", { staticStyle: { "font-weight": "900", "font-size": "calc(1.5 * var(--rem))" } }, [t._v(" " + t._s(t.priceFormat(t.base.prices.total, { currency: t.currency, decimals: 2, hideZeroDecimals: !0 })) + " ")]), e("div", [t._v(" + " + t._s(t._document.$tc("summaryBottom.option", { count: t.options.length })) + " ")])]) : e("div", { staticStyle: { padding: "calc(2 * var(--rem))", display: "inline-flex", "align-items": "center", "justify-content": "center", "font-weight": "900", "font-size": "calc(2.5 * var(--rem))" } }, [t._v(" " + t._s(t._document.$t("summaryBottom.noOfOptions", { count: t.options.length })) + " ")])]), e("div", { staticStyle: { "background-color": "hsla(0, 0%, 0%, 0.4)", overflow: "hidden", width: "calc(1.5 * var(--rem))", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center", height: "100%", color: "hsla(0, 0%, 100%, 0.2)" } })]) : e("div", { staticClass: "flex w-full justify-between", class: [
-    {
-      column: t.isSmallScreen,
-      sm: t.isSmallScreen
-    }
-  ], staticStyle: { position: "relative" } }, [e("div", { staticClass: "flex w-full flex-col", class: [{ "fixed-price-type-string": t.isSmallScreen }], staticStyle: { "background-color": "hsl(224, 57%, 39%)" }, style: [t.backgroundSecondary] }, [e("div", { staticClass: "price-type-string data-text" }, [t._v(" " + t._s(t.priceTypeString) + " ")]), t.isSmallScreen ? t._e() : e("div", { staticClass: "price-deduction-text" }, [t._v(" " + t._s(t.priceDeductionVatString) + " ")])]), t.priceType.some((s) => ["openAcc", "openAccMaxPrice"].includes(s)) ? e("div", { staticClass: "open-acc-wrapper" }, [t.openAccMaxPrice ? e("div", { staticClass: "open-acc-item" }, [e("div", [t._v(" " + t._s(t._document.$t("price.maxPrice").capitalize()) + " " + t._s(t._document.$t("vat.exVat", { thing: t._document.$t(`vat.${t.vatType}`) })) + ": ")]), e("div", [t._v(t._s(t.priceFormat(t.openAccMaxPrice, { currency: t.currency })))])]) : t._e(), e("div", { staticClass: "open-acc-link" }, [t._v(" " + t._s(t._document.$t("see").capitalize()) + " "), e("span", { staticStyle: { color: "inherit", cursor: "pointer" }, on: { click: t.scrollToPricing } }, [e("u", [t._v(t._s(t._document.$t("price.price_plural")))])]), t._v(" " + t._s(t._document.$t("summaryBottom.forDetails")) + " ")])]) : e("div", { staticClass: "flex w-full items-center", class: [{ "justify-end": !t.isSmallScreen }] }, [e("div", { staticClass: "data-text", staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "900", "letter-spacing": "1px", "line-height": "1", "padding-bottom": "calc(0.3 * var(--rem))" } }, [t._v(" " + t._s(t.priceType.includes("approx") ? t._document.$t("approx").capitalize() : "") + " " + t._s(t.priceFormat(t.priceTotal, { currency: t.currency, decimals: 2, hideZeroDecimals: !0 })) + " ")])]), t.isSmallScreen ? e("div", { staticClass: "label-text caps price-deduction-text", staticStyle: { "margin-top": "4px" } }, [t._v(" " + t._s(t.priceDeductionVatString) + " ")]) : t._e()])])]);
-}, g = [], f = /* @__PURE__ */ n(
-  _,
-  v,
-  g,
-  !1,
-  null,
-  "dffa60b6"
-);
-const S = f.exports, x = {
-  name: "SummaryTop",
-  i18nOptions: {
-    namespaces: "summaryTop",
-    messages: h
-  },
-  components: {
-    TextEditor: y,
-    DocumentLogotype: () => import("./DocumentLogotype-DLncJJAB.js")
-  },
-  mixins: [c([])],
-  inject: ["parentSize"],
-  props: {
-    showLogo: {
-      type: Boolean,
-      default: !0
-    },
-    logotype: {
-      type: String,
-      default: null
-    },
-    companyLogotype: {
-      type: String,
-      default: null
-    },
-    senderName: {
-      type: String,
-      default: null
-    },
-    docName: {
-      type: String,
-      default: null
-    },
-    docType: {
-      type: String,
-      required: !0
-    },
-    docNumber: {
-      type: [Number, String],
-      default: null
-    },
-    sentAt: {
-      type: [String, Number],
-      default: null
-      // required: true,
-    },
-    expiresAt: {
-      type: String,
-      default: null
-    },
-    estimatedTime: {
-      type: String,
-      default: null
-    },
-    validator: {
-      type: Object,
-      default: () => ({})
-    },
-    hasHover: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    logotypeListeners() {
-      return {
-        ...this.$listeners,
-        input: (i) => this.$emit("update:logotype", i)
-      };
-    }
-  }
-};
-var b = function() {
-  var t = this, e = t._self._c;
-  return e("section", { staticClass: "summary-top flex w-full justify-center" }, [e("div", { staticClass: "doc-summary-top-wrapper" }, [e("div", { staticClass: "doc-summary-top-wrapper__background" }), e("div", { staticClass: "flex w-full justify-between", staticStyle: { "margin-bottom": "calc(2.5 * var(--rem))" } }, [t.showLogo && (t.logotype || t.companyLogotype) || t.canEdit ? e("DocumentLogotype", t._g({ attrs: { value: t.logotype, "show-logo": t.showLogo, "company-logotype": t.companyLogotype, "has-hover": t.hasHover } }, t.logotypeListeners)) : e("div", { staticClass: "company-name" }, [t._v(" " + t._s(t.senderName) + " ")]), e("div", { staticClass: "top-right-text-wrapper" }, [t.sentAt ? e("div", [t._v(t._s(t.$formatDate(t.sentAt)))]) : t._e(), t.docNumber ? e("div", [t._v(" #" + t._s(t.docNumber) + " ")]) : t._e()])], 1), e("div", { staticClass: "title-text" }, [t.canEdit ? e("TextEditor", { ref: "editor", staticClass: "no-drag", staticStyle: { "will-change": "opacity" }, attrs: { value: t.docName, placeholder: t.$t("name.placeholder"), extensions: {
-    bulletList: !1,
-    heading: [1, 2, 3],
-    bold: !1,
-    link: !1,
-    underline: !1,
-    blockquote: !0,
-    table: !1
-  }, unstyled: "", static: "" }, on: { input: function(s) {
-    return t.$emit("update:doc-name", s);
-  } } }) : e("div", { staticClass: "quill-custom", domProps: { innerHTML: t._s(t.docName) } })], 1), e("div", { staticClass: "flex w-full justify-between" }, [t.expiresAt ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(t._s(t._document.$t("replyBy")))]), e("div", { staticClass: "data-text" }, [t._v(t._s(t.$formatDate(t.expiresAt)))])]) : t._e(), t.docType !== "document" ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(" " + t._s(t._document.$t("document").capitalize()) + " ")]), e("div", { staticClass: "data-text" }, [t._v(" " + t._s(t._document.$t(`series.${t.docType}`).capitalize()) + " ")])]) : t._e(), t.parentSize.width >= 576 ? [t.estimatedTime ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(t._s(t.$t("estimatedTime")))]), e("div", { staticClass: "data-text" }, [t._v(" " + t._s(t._document.$t("approx")) + " " + t._s(t.estimatedTime) + " ")])]) : t._e()] : t._e()], 2)])]);
-}, $ = [], C = /* @__PURE__ */ n(
-  x,
-  b,
-  $,
-  !1,
-  null,
-  "29bec6e5"
-);
-const w = C.exports, T = {
-  name: "PriceHeader",
-  components: {
-    SummaryTop: w,
-    SummaryBottom: S,
-    BlockMedia: d
-  },
-  mixins: [
-    c([
-      "media",
-      "backgroundColor",
-      "documentName",
-      "showPriceSummary",
-      "showLogo",
-      "logotype"
-    ])
-  ],
-  props: {
-    _document: {
-      type: Object,
-      default: () => ({})
-    },
-    _value: {
-      type: Object,
-      default: () => ({})
-    },
-    hasHover: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    internalName: {
-      get() {
-        var i;
-        return this.documentName || `<p data-typography="title">${((i = this._document.data) == null ? void 0 : i.name) || ""}</p>`;
-      },
-      set(i) {
-        this.documentName = i, this.$emit("input", {
-          key: "data.name",
-          value: m(i).trim().slice(0, 255)
-        });
-      }
-    },
-    company() {
-      return this._document.sender.company;
-    },
-    prices() {
-      return this._document.prices;
-    },
-    estimatedTimeString() {
-      var e, s;
-      const { value: i, unitType: t } = ((s = (e = this._document) == null ? void 0 : e.data) == null ? void 0 : s.estimatedTime) || {};
-      return !i || !t ? null : this.$tc(`${t}`, { count: i });
-    },
-    sendAtShowDate() {
-      const { sentAt: i, scheduledFirstDelivery: t } = this._document;
-      return i || (t ? t.sendAt : null);
-    },
-    summaryBottom() {
-      var s;
-      let i = {
-        show: !1,
-        backgroundColor: this.backgroundColor || this._document.theme.priceSummaryBackground,
-        documentCurrency: this._document.currency,
-        vatType: this._document.vatType
-      }, { showPriceSummary: t } = this;
-      typeof t != "boolean" && ({ showPriceSummary: t } = this._document.theme);
-      const e = ((s = this._document.packageGroups) == null ? void 0 : s.packages) || [];
-      return e.length > 1 ? i = {
-        ...i,
-        show: t,
-        base: { prices: this.prices },
-        options: e.filter(({ toggable: o }) => o).map(({ prices: o }) => ({ prices: o }))
-      } : i = {
-        ...i,
-        show: t && this._document.readPrices && (this.prices.total || this.prices.type.some(
-          (o) => ["openAccMaxPrice", "openAcc"].includes(o)
-        )),
-        base: { prices: this.prices }
-      }, this.canEdit && t && (i.show = !0), i.documentCurrency || (i.show = !1), i;
-    }
-  }
-};
-var k = function() {
-  var s, o;
-  var t = this, e = t._self._c;
-  return e("div", [e("div", { staticClass: "doc-jumbotron-wrapper" }, [e("BlockMedia", { staticClass: "price-media-wrapper", attrs: { media: {
-    ...t.media,
-    resourceUrl: ((s = t.media) == null ? void 0 : s.resourceUrl) || t._document.theme.background,
-    overlayColor: ((o = t.media) == null ? void 0 : o.overlayColor) || t._document.theme.backgroundFilter
-  } } }), e("SummaryTop", { attrs: { _document: t._document, "show-logo": t.showLogo, logotype: t.logotype, "company-logotype": t.company.logotype, "sender-name": t.company.name, "doc-type": t._document.docNumber.series, "doc-name": t.internalName, "doc-number": t._document.docNumber.value, "sent-at": t.sendAtShowDate, "expires-at": t._document.expiresAt, "estimated-time": t.estimatedTimeString, "has-hover": t.hasHover }, on: { "update:showLogo": function(a) {
-    t.showLogo = a;
-  }, "update:show-logo": function(a) {
-    t.showLogo = a;
-  }, "update:logotype": function(a) {
-    t.logotype = a;
-  }, "update:docName": function(a) {
-    t.internalName = a;
-  }, "update:doc-name": function(a) {
-    t.internalName = a;
-  } } })], 1), t.summaryBottom.show ? e("SummaryBottom", t._b({ attrs: { _document: t._document } }, "SummaryBottom", t.summaryBottom, !1)) : t._e()], 1);
-}, A = [], B = /* @__PURE__ */ n(
-  T,
-  k,
-  A,
-  !1,
-  null,
-  "e3b73dd6"
-);
-const D = B.exports;
-export {
-  D as default
-};