@cling-se/widget 0.9.10 → 0.9.12

package/dist/PriceHeader-41c48787.js

@@ -1,337 +0,0 @@
-import { m as c } from "./mapFormMixin-490a1765.js";
-import { B as l } from "./BlockMedia-80a082ed.js";
-import { n, b as r, q as d, a1 as u } from "./main-cf622dd3.js";
-import { T as m } from "./DocTextEditor-0c8a4782.js";
-import { i as p } from "./i18nMessages-45c6bfd6.js";
-import { t as _ } from "./tinycolor-9f3cc25c.js";
-import { s as y } from "./dom-068d1a7b.js";
-import "./color-71c20583.js";
-import "./tippy.esm-dec03596.js";
-import "./ColorPicker-4880a624.js";
-import "./DocumentLayout-2ff55f9f.js";
-import "./CDropdownItem-ab42f924.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-c70342a2.js";
-import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-const h = {
-  name: "SummaryTop",
-  i18nOptions: {
-    namespaces: "summaryTop",
-    messages: p
-  },
-  components: {
-    TextEditor: m,
-    DocumentLogotype: () => import("./DocumentLogotype-80a2521a.js")
-  },
-  inject: ["parentSize"],
-  mixins: [c([])],
-  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 v = function() {
-  var t = this, e = t._self._c;
-  return e("section", { staticClass: "flex justify-center w-full summary-top" }, [e("div", { staticClass: "doc-summary-top-wrapper" }, [e("div", { staticClass: "doc-summary-top-wrapper__background" }), e("div", { staticClass: "flex justify-between w-full", 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 justify-between w-full" }, [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("time.estimatedTime")))]), e("div", { staticClass: "data-text" }, [t._v(t._s(t._document.$t("approx")) + " " + t._s(t.estimatedTime))])]) : t._e()] : t._e()], 2)])]);
-}, f = [], g = /* @__PURE__ */ n(
-  h,
-  v,
-  f,
-  !1,
-  null,
-  "f5fa5703",
-  null,
-  null
-);
-const S = g.exports;
-const x = {
-  name: "SummaryBottom",
-  mixins: [c([])],
-  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
-    }
-  },
-  inject: ["parentSize"],
-  data() {
-    return {
-      get: r,
-      tinycolor: _
-    };
-  },
-  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.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: d,
-    scrollToPricing() {
-      const i = document.querySelector("#price");
-      i && y(i);
-    }
-  }
-};
-var b = 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 items-center justify-end w-full", 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 justify-between w-full", class: [
-    {
-      column: t.isSmallScreen,
-      sm: t.isSmallScreen
-    }
-  ], staticStyle: { position: "relative" } }, [e("div", { staticClass: "flex flex-col w-full", 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 items-center w-full", 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()])])]);
-}, C = [], $ = /* @__PURE__ */ n(
-  x,
-  b,
-  C,
-  !1,
-  null,
-  "b9c4fb52",
-  null,
-  null
-);
-const w = $.exports;
-const T = {
-  name: "PriceHeader",
-  components: {
-    SummaryTop: S,
-    SummaryBottom: w,
-    BlockMedia: l
-  },
-  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() {
-        return this.documentName;
-      },
-      set(i) {
-        this.documentName = i, this.$emit("input", { key: "data.name", value: u(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: a }) => a).map(({ prices: a }) => ({ prices: a }))
-      } : i = {
-        ...i,
-        show: t && this._document.readPrices && (this.prices.total || this.prices.type.some((a) => ["openAccMaxPrice", "openAcc"].includes(a))),
-        base: { prices: this.prices }
-      }, this.canEdit && t && (i.show = !0), i.documentCurrency || (i.show = !1), i;
-    }
-  }
-};
-var k = function() {
-  var s, a;
-  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: ((a = t.media) == null ? void 0 : a.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(o) {
-    t.showLogo = o;
-  }, "update:show-logo": function(o) {
-    t.showLogo = o;
-  }, "update:logotype": function(o) {
-    t.logotype = o;
-  }, "update:docName": function(o) {
-    t.internalName = o;
-  }, "update:doc-name": function(o) {
-    t.internalName = o;
-  } } })], 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,
-  "ec1e6111",
-  null,
-  null
-);
-const R = B.exports;
-export {
-  R as default
-};