@cling-se/widget 0.9.16 → 0.9.17

package/dist/{template-35be25a1.js → template-282dfd7f.js}

@@ -1,4 +1,4 @@
-import { a4 as l, N as s, c as I } from "./main-9e6f1eed.js";
+import { a4 as l, N as s, c as I } from "./main-9daa18a1.js";
 function a(e) {
   return btoa(encodeURIComponent(e));
 }

package/dist/{throttle-0e8ac006.js → throttle-d4af9020.js}

@@ -1,5 +1,5 @@
-import { j as n, k as l } from "./main-9e6f1eed.js";
-import { a as o } from "./CDropdownItem-13f6bf72.js";
+import { j as n, k as l } from "./main-9daa18a1.js";
+import { a as o } from "./CDropdownItem-ef2d7897.js";
 var g = o, c = l, f = "Expected a function";
 function u(a, i, t) {
   var r = !0, e = !0;

package/dist/{tinycolor-e0dc7ddf.js → tinycolor-e750ced7.js}

@@ -1,4 +1,4 @@
-import { j as he } from "./main-9e6f1eed.js";
+import { j as he } from "./main-9daa18a1.js";
 var N = { exports: {} };
 (function(R) {
   (function(c) {

package/dist/{tippy.esm-112598e3.js → tippy.esm-ae169d52.js}

@@ -1,8 +1,8 @@
-import { C as mr } from "./ColorPicker-debcfab1.js";
-import { F as hr } from "./DocumentLayout-1222a5f8.js";
-import { C as gr, b as yr } from "./CDropdownItem-13f6bf72.js";
-import { n as Wt, q as br, aQ as Ct } from "./main-9e6f1eed.js";
-import { S as wr } from "./CSlider.vue_vue_type_style_index_0_lang-879e8c05.js";
+import { C as mr } from "./ColorPicker-15579f77.js";
+import { F as hr } from "./DocumentLayout-632a6f98.js";
+import { C as gr, b as yr } from "./CDropdownItem-ef2d7897.js";
+import { n as Wt, q as br, aR as Ct } from "./main-9daa18a1.js";
+import { S as wr } from "./CSlider.vue_vue_type_style_index_0_lang-4a1c5561.js";
 const xr = {
   AED: "United Arab Emirates Dirham",
   AFN: "Afghan Afghani",

package/dist/{tsMode-26e458da.js → tsMode-af13fa75.js}

@@ -1,14 +1,14 @@
 var N = Object.defineProperty;
 var M = (e, t, r) => t in e ? N(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var _ = (e, t, r) => (M(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { t as K, m as R } from "./Index-0d051f12.js";
-import "./mapFormMixin-afafb1fa.js";
-import "./main-9e6f1eed.js";
-import "./throttle-0e8ac006.js";
-import "./CDropdownItem-13f6bf72.js";
+import { t as K, m as R } from "./Index-c3cf1a7a.js";
+import "./mapFormMixin-1236b266.js";
+import "./main-9daa18a1.js";
+import "./throttle-d4af9020.js";
+import "./CDropdownItem-ef2d7897.js";
 import "./splitpanes-ba7897bf.js";
-import "./DocumentLayout-1222a5f8.js";
-import "./template-35be25a1.js";
+import "./DocumentLayout-632a6f98.js";
+import "./template-282dfd7f.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.33.0(4b1abad427e58dbedc1215d99a0902ffc885fcd4)

package/dist/{typescript-152aeb18.js → typescript-278dd0a0.js}

@@ -1,11 +1,11 @@
-import { m as s } from "./Index-0d051f12.js";
-import "./mapFormMixin-afafb1fa.js";
-import "./main-9e6f1eed.js";
-import "./throttle-0e8ac006.js";
-import "./CDropdownItem-13f6bf72.js";
+import { m as s } from "./Index-c3cf1a7a.js";
+import "./mapFormMixin-1236b266.js";
+import "./main-9daa18a1.js";
+import "./throttle-d4af9020.js";
+import "./CDropdownItem-ef2d7897.js";
 import "./splitpanes-ba7897bf.js";
-import "./DocumentLayout-1222a5f8.js";
-import "./template-35be25a1.js";
+import "./DocumentLayout-632a6f98.js";
+import "./template-282dfd7f.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.33.0(4b1abad427e58dbedc1215d99a0902ffc885fcd4)

package/dist/{utils-3acdacf6.js → utils-a1170d9a.js}

@@ -1,4 +1,4 @@
-import { l as d, c as m } from "./main-9e6f1eed.js";
+import { l as d, c as m } from "./main-9daa18a1.js";
 const s = {
   youtube: {
     reg: /^(?:https?:\/\/)?(?:(?:www|m)\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((?:\w|-){11})(?:\S+)?$/,

package/dist/{vuedraggable.umd-9543559a.js → vuedraggable.umd-e860e729.js}

@@ -1,4 +1,4 @@
-import { W as rn, _ as on, j as We, X as an, Y as sn, Z as ln, $ as un, a0 as fn, a1 as cn, a2 as dn, R as hn } from "./main-9e6f1eed.js";
+import { W as rn, _ as on, j as We, X as an, Y as sn, Z as ln, $ as un, a0 as fn, a1 as cn, a2 as dn, R as hn } from "./main-9daa18a1.js";
 var pn = rn;
 function gn(o) {
   return pn(o) ? void 0 : o;

package/dist/{xml-9806bd44.js → xml-2214e1d4.js}

@@ -1,11 +1,11 @@
-import { m as r } from "./Index-0d051f12.js";
-import "./mapFormMixin-afafb1fa.js";
-import "./main-9e6f1eed.js";
-import "./throttle-0e8ac006.js";
-import "./CDropdownItem-13f6bf72.js";
+import { m as r } from "./Index-c3cf1a7a.js";
+import "./mapFormMixin-1236b266.js";
+import "./main-9daa18a1.js";
+import "./throttle-d4af9020.js";
+import "./CDropdownItem-ef2d7897.js";
 import "./splitpanes-ba7897bf.js";
-import "./DocumentLayout-1222a5f8.js";
-import "./template-35be25a1.js";
+import "./DocumentLayout-632a6f98.js";
+import "./template-282dfd7f.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.33.0(4b1abad427e58dbedc1215d99a0902ffc885fcd4)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cling-se/widget",
-  "version": "0.9.16",
+  "version": "0.9.17",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -15,6 +15,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
+    "@cling-se/v-tooltip-root-node": "^0.1.3",
     "@tiptap/core": "^2.0.0-beta.199",
     "axios": "1.4.0",
     "date-fns": "2.14.0",
@@ -31,7 +32,6 @@
     "simplebar-vue": "1.5.0",
     "tinycolor2": "^1.4.1",
     "uniqid": "5.4.0",
-    "v-tooltip": "2.0.2",
     "velocity-animate": "1.5.2",
     "vue": "^2.7.8",
     "vue-js-modal": "2.0.0-rc.3",
@@ -49,7 +49,6 @@
     "@vitejs/plugin-vue2": "^1.1.2",
     "@vitejs/plugin-vue2-jsx": "^1.1.0",
     "@vue/eslint-config-prettier": "^7.0.0",
-    "astring": "^1.8.6",
     "autoprefixer": "^10.4.12",
     "bumpp": "^8.2.1",
     "eslint": "^8.5.0",

package/dist/Index-6f9f3222.js

@@ -1,69 +0,0 @@
-import { m as r } from "./mapFormMixin-afafb1fa.js";
-import { f as n } from "./focusDrawerMixin-188ef585.js";
-import { n as i } from "./main-9e6f1eed.js";
-const a = {
-  // eslint-disable-next-line vue/multi-word-component-names
-  name: "Terms",
-  i18nOptions: {
-    namespaces: "terms",
-    messages: {
-      en: {
-        noneSelected: "No terms selected"
-      },
-      sv: {
-        noneSelected: "Inga villkor valda"
-      }
-    }
-  },
-  components: {
-    Read: () => import("./Index-52da7dd1.js"),
-    TermsSettings: () => import("./TermsSettings-0ad9987a.js")
-  },
-  mixins: [
-    r([
-      "href",
-      "termType",
-      "file",
-      "text"
-    ]),
-    n()
-  ],
-  data() {
-    return {
-      showControls: !1
-    };
-  },
-  computed: {
-    hasTerms() {
-      const s = ["href", "file"].includes(this.termType) && this.href, e = this.termType === "text" && this.text, t = this.termType === "file" && this.file;
-      return s || e || t;
-    }
-  }
-};
-var l = function() {
-  var e = this, t = e._self._c;
-  return e.isForm || e.hasTerms ? t("div", { on: { "&mouseover": function(o) {
-    e.showControls = !0;
-  }, "&mouseleave": function(o) {
-    e.showControls = !1;
-  } } }, [t("Read", e._g({ attrs: { _document: e._document, href: e.href, "term-type": e.termType, file: e.file, text: e.text } }, e.$listeners)), e.isForm ? [e.hasTerms ? e._e() : t("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("noneSelected"), expression: "$t('noneSelected')" }], staticStyle: { position: "absolute", left: "calc(1 * var(--rem))", top: "calc(1 * var(--rem))", width: "2em", height: "2em" }, attrs: { "icon-props": { size: 18 }, pattern: "secondary", icon: "info", circle: "", size: "small", type: "danger" }, on: { click: function(o) {
-    e.showDrawer = !0;
-  } } }), t("CButton", { directives: [{ name: "show", rawName: "v-show", value: e.showControls, expression: "showControls" }], staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: function(o) {
-    e.showDrawer = !0;
-  } } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]), e.showDrawer ? t("portal", { attrs: { to: "drawer-content" } }, [t("CButton", { staticStyle: { position: "absolute", top: "calc(0.5 * var(--rem))", right: "calc(0.5 * var(--rem))" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(o) {
-    e.showDrawer = !1;
-  } } }), t("TermsSettings", e._g({ attrs: { _document: e._document, _value: { term: "data.terms" } } }, e.$listeners))], 1) : e._e()] : e._e()], 2) : e._e();
-}, c = [], m = /* @__PURE__ */ i(
-  a,
-  l,
-  c,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const f = m.exports;
-export {
-  f as default
-};

package/dist/Index-f2fde02f.js

@@ -1,76 +0,0 @@
-import { m as o } from "./mapFormMixin-afafb1fa.js";
-import { f as i } from "./focusDrawerMixin-188ef585.js";
-import { S as a, n as r } from "./main-9e6f1eed.js";
-const d = {
-  name: "Embed",
-  i18nOptions: {
-    namespaces: "embed",
-    messages: {
-      en: {
-        subTitle: "Embed anything (PDFs, Google Docs, Calender Sheets...)"
-      },
-      sv: {
-        subTitle: "Bädda in vad som helst (PDF:er, Google Docs, Calender Sheets...)"
-      }
-    }
-  },
-  components: {
-    EmbedSettings: () => import("./EmbedSettings-33a765a6.js"),
-    EmbedInput: () => import("./EmbedInput-a1b00bd5.js"),
-    Spinner: a
-  },
-  mixins: [o(["embed", "size"]), i()],
-  data() {
-    return {
-      showDrawer: !1,
-      showControls: !1,
-      isLoading: !0
-    };
-  },
-  methods: {
-    onAdd() {
-      const n = () => {
-        this.$refs.input.focus();
-      };
-      this.$refs.input ? n() : this.$once("triggerOnAdd", n);
-    }
-  }
-};
-var l = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "embed-root font-inter", on: { "&mouseover": function(s) {
-    e.showControls = !0;
-  }, "&mouseleave": function(s) {
-    e.showControls = !1;
-  } } }, [t("div", { staticClass: "no-drag", class: [
-    (e.size || !(e.embed && e.embed.src)) && "auto-size",
-    `embed-is-${e.size}`
-  ] }, [e.embed ? t("div", { staticClass: "embed-container" }, [!e.embed.src && e.canEdit ? t("div", { staticClass: "embed-element" }, [t("div", { staticClass: "is-placeholder" }, [t("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), t("EmbedInput", { ref: "input", staticStyle: { "padding-top": "1em" }, on: { "hook:mounted": function(s) {
-    return e.$emit("triggerOnAdd");
-  } }, model: { value: e.embed, callback: function(s) {
-    e.embed = s;
-  }, expression: "embed" } })], 1)]) : e.embed.src ? t("iframe", e._b({ ref: "iframe", staticClass: "embed-element", on: { load: function(s) {
-    e.isLoading = !1;
-  } } }, "iframe", { allowfullscreen: "", ...e.embed }, !1)) : e._e(), e.embed.src && e.isLoading ? t("div", { staticClass: "embed-loading-container" }, [t("Spinner", { attrs: { color: "hsl(0, 0%, 60%)" } })], 1) : e._e()]) : e._e()]), e.isForm ? [e.showControls ? t("CButton", { staticClass: "document-block__edit-button", attrs: { round: "", size: "small", thinner: "", "icon-right": "colored-dots" }, on: { click: function(s) {
-    e.showDrawer = !0;
-  } } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]) : e._e(), e.showDrawer ? t("portal", { attrs: { to: "drawer-content" } }, [t("CButton", { staticStyle: { position: "absolute", top: "calc(0.5 * var(--rem))", right: "calc(0.5 * var(--rem))" }, attrs: { "icon-props": { size: 20 }, size: "normal", icon: "x", circle: "", type: "none", pattern: "tertiary" }, on: { click: function(s) {
-    e.showDrawer = !1;
-  } } }), t("EmbedSettings", { attrs: { size: e.size }, on: { "update:size": function(s) {
-    e.size = s;
-  } }, model: { value: e.embed, callback: function(s) {
-    e.embed = s;
-  }, expression: "embed" } })], 1) : e._e()] : e._e()], 2);
-}, c = [], m = /* @__PURE__ */ r(
-  d,
-  l,
-  c,
-  !1,
-  null,
-  "94ce85eb",
-  null,
-  null
-);
-const _ = m.exports;
-export {
-  _ as default
-};

package/dist/PriceHeader-70427a56.js

@@ -1,338 +0,0 @@
-import { m as c } from "./mapFormMixin-afafb1fa.js";
-import { B as l } from "./BlockMedia-0f41fb43.js";
-import { n, b as r, s as d, a3 as m } from "./main-9e6f1eed.js";
-import { T as u } from "./DocTextEditor-570f3d62.js";
-import { i as p } from "./i18nMessages-45c6bfd6.js";
-import { t as _ } from "./tinycolor-e0dc7ddf.js";
-import { s as y } from "./dom-d4731032.js";
-import "./color-71c20583.js";
-import "./tippy.esm-112598e3.js";
-import "./ColorPicker-debcfab1.js";
-import "./DocumentLayout-1222a5f8.js";
-import "./CDropdownItem-13f6bf72.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-879e8c05.js";
-import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ManualPopover-fdad805a.js";
-const h = {
-  name: "SummaryTop",
-  i18nOptions: {
-    namespaces: "summaryTop",
-    messages: p
-  },
-  components: {
-    TextEditor: u,
-    DocumentLogotype: () => import("./DocumentLogotype-b12feaae.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 e = this, t = e._self._c;
-  return t("section", { staticClass: "flex justify-center w-full summary-top" }, [t("div", { staticClass: "doc-summary-top-wrapper" }, [t("div", { staticClass: "doc-summary-top-wrapper__background" }), t("div", { staticClass: "flex justify-between w-full", staticStyle: { "margin-bottom": "calc(2.5 * var(--rem))" } }, [e.showLogo && (e.logotype || e.companyLogotype) || e.canEdit ? t("DocumentLogotype", e._g({ attrs: { value: e.logotype, "show-logo": e.showLogo, "company-logotype": e.companyLogotype, "has-hover": e.hasHover } }, e.logotypeListeners)) : t("div", { staticClass: "company-name" }, [e._v(" " + e._s(e.senderName) + " ")]), t("div", { staticClass: "top-right-text-wrapper" }, [e.sentAt ? t("div", [e._v(e._s(e.$formatDate(e.sentAt)))]) : e._e(), e.docNumber ? t("div", [e._v(" #" + e._s(e.docNumber))]) : e._e()])], 1), t("div", { staticClass: "title-text" }, [e.canEdit ? t("TextEditor", { ref: "editor", staticClass: "no-drag", staticStyle: { "will-change": "opacity" }, attrs: { value: e.docName, placeholder: e.$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 e.$emit("update:doc-name", s);
-  } } }) : t("div", { staticClass: "quill-custom", domProps: { innerHTML: e._s(e.docName) } })], 1), t("div", { staticClass: "flex justify-between w-full" }, [e.expiresAt ? t("div", { staticClass: "data-group" }, [t("div", { staticClass: "label-text caps" }, [e._v(e._s(e._document.$t("replyBy")))]), t("div", { staticClass: "data-text" }, [e._v(e._s(e.$formatDate(e.expiresAt)))])]) : e._e(), e.docType !== "document" ? t("div", { staticClass: "data-group" }, [t("div", { staticClass: "label-text caps" }, [e._v(e._s(e._document.$t("document").capitalize()))]), t("div", { staticClass: "data-text" }, [e._v(e._s(e._document.$t(`series.${e.docType}`).capitalize()))])]) : e._e(), e.parentSize.width >= 576 ? [e.estimatedTime ? t("div", { staticClass: "data-group" }, [t("div", { staticClass: "label-text caps" }, [e._v(e._s(e.$t("time.estimatedTime")))]), t("div", { staticClass: "data-text" }, [e._v(e._s(e._document.$t("approx")) + " " + e._s(e.estimatedTime))])]) : e._e()] : e._e()], 2)])]);
-}, g = [], f = /* @__PURE__ */ n(
-  h,
-  v,
-  g,
-  !1,
-  null,
-  "ec3c14d9",
-  null,
-  null
-);
-const S = f.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 e = this.priceFormat(0, { currency: this.currency, showZero: !0 });
-        return i = this._document.$t("summaryBottom.reverseVat", { amount: e }), 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], e = this.backgroundColor.match(/(\d*\.)?\d+/g)[1], t = this.backgroundColor.match(/(\d*\.)?\d+/g)[2], s = this.backgroundColor.match(/(\d*\.)?\d+/g)[3];
-      return {
-        backgroundColor: `hsla(${i}, ${e ** 0.9}%, ${t ** 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 e = this, t = e._self._c;
-  return t("section", { staticClass: "summary-bottom-root" }, [t("div", { staticClass: "summary-bottom", style: [
-    {
-      backgroundColor: e.backgroundColor,
-      color: e.tinycolor.readability(e.backgroundColor, "#FFF") > 2.2 ? "#FFF" : "#000"
-    },
-    e.options.length && {
-      overflow: "hidden",
-      padding: 0
-    }
-  ] }, [e.options.length ? t("div", { staticClass: "flex items-center justify-end w-full", staticStyle: { height: "108px" } }, [t("div", { staticStyle: { "text-align": "right", padding: "calc(2 * var(--rem))" } }, [t("div", { staticStyle: { "font-size": "calc(1.5 * var(--rem))", "font-weight": "900" } }, [e._v(e._s(e._document.$t("price.proposal")))]), t("div", [e._v(e._s(e._document.$t("summaryBottom.chooseFrom")))])]), t("div", { staticStyle: { "background-color": "hsla(0, 0%, 0%, 0.15)", paadding: "calc(1 * var(--rem)) calc(2 * var(--rem))", height: "100%", display: "inline-flex" } }, [e.base ? t("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" } }, [t("div", { staticStyle: { "font-weight": "900", "font-size": "calc(1.5 * var(--rem))" } }, [e._v(e._s(e.priceFormat(e.base.prices.total, { currency: e.currency, decimals: 2, hideZeroDecimals: !0 })))]), t("div", [e._v("+ " + e._s(e._document.$tc("summaryBottom.option", { count: e.options.length })))])]) : t("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))" } }, [e._v(" " + e._s(e._document.$t("summaryBottom.noOfOptions", { count: e.options.length })) + " ")])]), t("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)" } })]) : t("div", { staticClass: "flex justify-between w-full", class: [
-    {
-      column: e.isSmallScreen,
-      sm: e.isSmallScreen
-    }
-  ], staticStyle: { position: "relative" } }, [t("div", { staticClass: "flex flex-col w-full", class: [{ "fixed-price-type-string": e.isSmallScreen }], staticStyle: { "background-color": "hsl(224, 57%, 39%)" }, style: [e.backgroundSecondary] }, [t("div", { staticClass: "price-type-string data-text" }, [e._v(" " + e._s(e.priceTypeString) + " ")]), e.isSmallScreen ? e._e() : t("div", { staticClass: "price-deduction-text" }, [e._v(" " + e._s(e.priceDeductionVatString) + " ")])]), e.priceType.some((s) => ["openAcc", "openAccMaxPrice"].includes(s)) ? t("div", { staticClass: "open-acc-wrapper" }, [e.openAccMaxPrice ? t("div", { staticClass: "open-acc-item" }, [t("div", [e._v(e._s(e._document.$t("price.maxPrice").capitalize()) + " " + e._s(e._document.$t("vat.exVat", { thing: e._document.$t(`vat.${e.vatType}`) })) + ":")]), t("div", [e._v(e._s(e.priceFormat(e.openAccMaxPrice, { currency: e.currency })))])]) : e._e(), t("div", { staticClass: "open-acc-link" }, [e._v(" " + e._s(e._document.$t("see").capitalize()) + " "), t("span", { staticStyle: { color: "inherit", cursor: "pointer" }, on: { click: e.scrollToPricing } }, [t("u", [e._v(e._s(e._document.$t("price.price_plural")))])]), e._v(" " + e._s(e._document.$t("summaryBottom.forDetails")) + " ")])]) : t("div", { staticClass: "flex items-center w-full", class: [{ "justify-end": !e.isSmallScreen }] }, [t("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))" } }, [e._v(" " + e._s(e.priceType.includes("approx") ? e._document.$t("approx").capitalize() : "") + " " + e._s(e.priceFormat(e.priceTotal, { currency: e.currency, decimals: 2, hideZeroDecimals: !0 })) + " ")])]), e.isSmallScreen ? t("div", { staticClass: "label-text caps price-deduction-text", staticStyle: { "margin-top": "4px" } }, [e._v(" " + e._s(e.priceDeductionVatString) + " ")]) : e._e()])])]);
-}, C = [], $ = /* @__PURE__ */ n(
-  x,
-  b,
-  C,
-  !1,
-  null,
-  "8ace9bc8",
-  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: m(i).trim().slice(0, 255) });
-      }
-    },
-    company() {
-      return this._document.sender.company;
-    },
-    prices() {
-      return this._document.prices;
-    },
-    estimatedTimeString() {
-      var t, s;
-      const { value: i, unitType: e } = ((s = (t = this._document) == null ? void 0 : t.data) == null ? void 0 : s.estimatedTime) || {};
-      return !i || !e ? null : this.$tc(`${e}`, { count: i });
-    },
-    sendAtShowDate() {
-      const { sentAt: i, scheduledFirstDelivery: e } = this._document;
-      return i || (e ? e.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: e } = this;
-      typeof e != "boolean" && ({ showPriceSummary: e } = this._document.theme);
-      const t = ((s = this._document.packageGroups) == null ? void 0 : s.packages) || [];
-      return t.length > 1 ? i = {
-        ...i,
-        show: e,
-        base: { prices: this.prices },
-        options: t.filter(({ toggable: a }) => a).map(({ prices: a }) => ({ prices: a }))
-      } : i = {
-        ...i,
-        show: e && this._document.readPrices && (this.prices.total || this.prices.type.some((a) => ["openAccMaxPrice", "openAcc"].includes(a))),
-        base: { prices: this.prices }
-      }, this.canEdit && e && (i.show = !0), i.documentCurrency || (i.show = !1), i;
-    }
-  }
-};
-var k = function() {
-  var s, a;
-  var e = this, t = e._self._c;
-  return t("div", [t("div", { staticClass: "doc-jumbotron-wrapper" }, [t("BlockMedia", { staticClass: "price-media-wrapper", attrs: { media: {
-    ...e.media,
-    resourceUrl: ((s = e.media) == null ? void 0 : s.resourceUrl) || e._document.theme.background,
-    overlayColor: ((a = e.media) == null ? void 0 : a.overlayColor) || e._document.theme.backgroundFilter
-  } } }), t("SummaryTop", { attrs: { _document: e._document, "show-logo": e.showLogo, logotype: e.logotype, "company-logotype": e.company.logotype, "sender-name": e.company.name, "doc-type": e._document.docNumber.series, "doc-name": e.internalName, "doc-number": e._document.docNumber.value, "sent-at": e.sendAtShowDate, "expires-at": e._document.expiresAt, "estimated-time": e.estimatedTimeString, "has-hover": e.hasHover }, on: { "update:showLogo": function(o) {
-    e.showLogo = o;
-  }, "update:show-logo": function(o) {
-    e.showLogo = o;
-  }, "update:logotype": function(o) {
-    e.logotype = o;
-  }, "update:docName": function(o) {
-    e.internalName = o;
-  }, "update:doc-name": function(o) {
-    e.internalName = o;
-  } } })], 1), e.summaryBottom.show ? t("SummaryBottom", e._b({ attrs: { _document: e._document } }, "SummaryBottom", e.summaryBottom, !1)) : e._e()], 1);
-}, A = [], B = /* @__PURE__ */ n(
-  T,
-  k,
-  A,
-  !1,
-  null,
-  "4a30cbe0",
-  null,
-  null
-);
-const W = B.exports;
-export {
-  W as default
-};