@cling-se/widget 0.9.2 → 0.9.4

package/dist/{MediaWrapper-afc29574.js → MediaWrapper-d4a4b66f.js}

@@ -1,7 +1,7 @@
-import { B as n } from "./DocForm-5ff2cbbb.js";
-import { m as a } from "./formComponentsInstall-e33d6795.js";
-import { n as m } from "./main-154fab72.js";
-import "./vuex.esm-4a0fff7c.js";
+import { B as n } from "./BlockMedia-00907fb6.js";
+import { m as a } from "./mapFormMixin-8d073f99.js";
+import { n as m } from "./main-04025a56.js";
+import "./color-71c20583.js";
 const o = {
   name: "MediaWrapper",
   components: { BlockMedia: n },

package/dist/{NotBindingText-e3a49f8a.js → NotBindingText-b199006c.js}

@@ -1,5 +1,5 @@
-import { P as t } from "./PlainHtml-47791667.js";
-import { n as e } from "./main-154fab72.js";
+import { P as t } from "./PlainHtml-9174cbf6.js";
+import { n as e } from "./main-04025a56.js";
 const r = {
   name: "NotBindingText",
   i18nOptions: {

package/dist/{PackageGroup-150a9942.js → PackageGroup-37ac99b1.js}

@@ -1,8 +1,15 @@
-import { t as m } from "./DocForm-5ff2cbbb.js";
-import { L as v, M as y, p as g, n as p, N as f, j as k, r as u, O as w } from "./main-154fab72.js";
-import { m as _, E as P } from "./formComponentsInstall-e33d6795.js";
-import { T as x } from "./DocTextEditor-0be1aea9.js";
-import "./vuex.esm-4a0fff7c.js";
+import { t as m } from "./tinycolor-88fa380f.js";
+import { a4 as v, a5 as y, o as g, n as p, a6 as f, r as k, b as u, a7 as w } from "./main-04025a56.js";
+import { E as P } from "./ErrorCallout-60d0b3ab.js";
+import { m as _ } from "./mapFormMixin-8d073f99.js";
+import { T as x } from "./DocTextEditor-c6d1df3c.js";
+import "./FormInputRow-9819eb71.js";
+import "./ColorPicker-4f6b70af.js";
+import "./formValidationMixin-4920ab53.js";
+import "./CDropdownItem-74672842.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-f49d85e0.js";
+import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
+import "./color-71c20583.js";
 const $ = {
   name: "ArticleItem",
   mixins: [_([])],
@@ -322,7 +329,7 @@ var B = function() {
   }, attrs: { type: "text" }, on: { click: function(r) {
     e.canToggle && e.$emit("toggle", e.workPackage.packageId);
   } } }, [e.workPackage.isSelected ? [t("svg", { staticStyle: { "margin-right": "0.5rem" }, attrs: { viewBox: "0 0 24 24", width: "18", height: "18", stroke: "currentColor", "stroke-width": "3.5", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("polyline", { attrs: { points: "20 6 9 17 4 12" } })]), e._v(" " + e._s(e._document.$t("chapters.packageItem.selected")) + " ")] : [e._v(" " + e._s(e._document.$t(`chapters.packageItem.${e.type === "radio" ? "select" : "add"}`)) + " ")]], 2) : e._e()]], 2) : e._e()], 1);
-}, M = [], O = /* @__PURE__ */ p(
+}, M = [], W = /* @__PURE__ */ p(
   z,
   B,
   M,
@@ -332,8 +339,8 @@ var B = function() {
   null,
   null
 );
-const W = O.exports;
-const L = {
+const O = W.exports;
+const q = {
   name: "PackagePricingSummary",
   props: {
     // PackageGroup.prices (format: calcPrices of one group)
@@ -470,7 +477,7 @@ const L = {
     }
   }
 };
-var q = function() {
+var L = function() {
   var e = this, t = e._self._c;
   return e._document.readPrices ? t("div", { staticClass: "font-inter", staticStyle: { "margin-top": "2rem", "margin-bottom": "2rem", position: "relative" }, attrs: { id: "price" } }, [e.showPricingCard ? t("div", { staticClass: "pricing-container", class: { faded: e.placeholder } }, [e._l(e.blocks, function({ header: r, items: n, footer: s }, a) {
     return t("div", { key: a, staticClass: "block-container print-avoid-break-inside", class: { first: a === 0 } }, [t("div", { staticClass: "block-header" }, [r.title ? t("div", { staticStyle: { "font-weight": "800" } }, [e._v(e._s(r.title))]) : e._e(), r.subTitle ? t("div", { staticStyle: { "font-size": "16px", "margin-left": "0.5em" } }, [e._v(e._s(r.subTitle))]) : e._e()]), n.length || s ? t("div", { staticClass: "block-body" }, [e._l(n, function({ label: c, value: l }, o) {
@@ -478,8 +485,8 @@ var q = function() {
     }), s ? t("div", { staticClass: "block-body-footer", style: { "border-top": `4px solid ${e.primaryColor}` } }, [t("div", [e._v(" " + e._s(s.title) + " "), s.subTitle ? t("div", { staticStyle: { "font-weight": "500", "font-size": "calc(1em - 2px)" } }, [e._v(" " + e._s(s.subTitle) + " ")]) : e._e()]), t("div", { staticClass: "text-right" }, [t("div", [e._v(e._s(s.value))]), s.subValue ? t("div", { staticClass: "block-body-footer-hint" }, [e._v(" " + e._s(s.subValue) + " ")]) : e._e()])]) : e._e()], 2) : e._e()]);
   }), e.prices.region && e.prices.region.reverseVat ? [t("div", { staticClass: "terms-text" }, [e._v(" " + e._s(e._document.$t("chapters.pricingSummary.terms.reverseVat")) + " ")])] : e._e(), e.prices.region && e.prices.region.houseWorkType ? t("div", { staticClass: "terms-text", attrs: { id: "villkor-avdrag" } }, [e._v(" " + e._s(e._document.$t("chapters.pricingSummary.terms.houseWork", { type: `${e.prices.region.houseWorkType}_percentage` })) + " ")]) : e._e(), e.prices.type === "approx" && e.prices.region && e.prices.region.houseWorkType === "rot" ? t("div", { staticClass: "terms-text" }, [e._v(" " + e._s(e._document.$t("chapters.pricingSummary.terms.houseWorkApprox")) + " ")]) : e._e()], 2) : e._e(), e.placeholder ? t("div", { staticClass: "flex flex-col items-center justify-center w-full", staticStyle: { position: "absolute", top: "1rem", left: "50%", transform: "translate(-50%, 0%)", "background-color": "white", width: "350px", "max-width": "90%", "border-radius": "3px", padding: "2rem", "box-shadow": "0 1px rgba(0,0,0,0.1), 0 0.5rem 2rem -0.5rem rgba(0,0,0,0.3)", "text-align": "center", "font-size": "16px" } }, [t("svg", { attrs: { width: "200", height: "100", viewBox: "0 0 418 211", xmlns: "http://www.w3.org/2000/svg" } }, [t("defs", [t("filter", { attrs: { x: "-30.7%", y: "-26.2%", width: "160%", height: "155%", filterUnits: "objectBoundingBox", id: "a" } }, [t("feOffset", { attrs: { dy: "3", in: "SourceAlpha", result: "shadowOffsetOuter1" } }), t("feGaussianBlur", { attrs: { stdDeviation: "1", in: "shadowOffsetOuter1", result: "shadowBlurOuter1" } }), t("feColorMatrix", { attrs: { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0", in: "shadowBlurOuter1", result: "shadowMatrixOuter1" } }), t("feMerge", [t("feMergeNode", { attrs: { in: "shadowMatrixOuter1" } }), t("feMergeNode", { attrs: { in: "SourceGraphic" } })], 1)], 1)]), t("g", { attrs: { fill: "none", "fill-rule": "evenodd" } }, [t("path", { attrs: { stroke: "#E4E4E4", "stroke-width": "3", d: "M1.5 1.5h415v187H1.5z" } }), t("path", { attrs: { fill: e.primaryColor, "fill-rule": "nonzero", d: "M282 139h136v51H282z" } }), t("g", { attrs: { filter: "url(#a)", transform: "translate(365.5 165)" } }, [t("path", { attrs: { d: "M8.2 30.7c-.7-.9-1.6-2.7-3.1-5-.9-1.3-3-3.6-3.7-4.8a3.3 3.3 0 013.2-5c1.3.2 2.5.8 3.4 1.8a16 16 0 011.8 2l.9 1.2c.5.6.8 1.2.5.3-.1-1.3-.4-3.3-.9-5.2l-.7-2.8c-.3-1-.4-2-.8-3.1l-.7-3.7a7 7 0 01.7-4.6 3 3 0 013.2-.6c1.1.8 2 2 2.4 3.3.6 1.6 1 3.3 1.3 5 .4 2.5 1.2 6.1 1.2 6.9 0-1-.2-2.9 0-3.8.1-.9.8-1.6 1.7-2a5 5 0 012.3-.1c.7.1 1.4.6 1.9 1.2.6 1.5.9 3 1 4.6 0-1.4.2-2.7.6-4 .4-.6 1-1 1.8-1.3a7 7 0 012.4 0c.7.3 1.3.7 1.8 1.3.5 1.3.8 2.7.9 4.1 0 .4.2-1 .7-1.8a2.5 2.5 0 114.8 1.6v5.6c-.1 1.5-.3 3-.6 4.4-.5 1.2-1 2.4-1.8 3.6a18 18 0 00-3 4.5 10 10 0 000 4.8h-3c-1-.2-2.2-2.1-2.5-2.7a1 1 0 00-1.7 0c-.6 1-1.8 2.6-2.6 2.8h-7.9s.5-2.6-.6-3.5l-2.8-2.6-2.1-2.4z", fill: "#FFF", "fill-rule": "nonzero" } }), t("path", { attrs: { d: "M8.2 30.7c-.7-.9-1.6-2.7-3.1-5-.9-1.3-3-3.6-3.7-4.8a3.3 3.3 0 013.2-5c1.3.2 2.5.8 3.4 1.8a16 16 0 011.8 2l.9 1.2c.5.6.8 1.2.5.3-.1-1.3-.4-3.3-.9-5.2l-.7-2.8c-.3-1-.4-2-.8-3.1l-.7-3.7a7 7 0 01.7-4.6 3 3 0 013.2-.6c1.1.8 2 2 2.4 3.3.6 1.6 1 3.3 1.3 5 .4 2.5 1.2 6.1 1.2 6.9 0-1-.2-2.9 0-3.8.1-.9.8-1.6 1.7-2a5 5 0 012.3-.1c.7.1 1.4.6 1.9 1.2.6 1.5.9 3 1 4.6 0-1.4.2-2.7.6-4 .4-.6 1-1 1.8-1.3a7 7 0 012.4 0c.7.3 1.3.7 1.8 1.3.5 1.3.8 2.7.9 4.1 0 .4.2-1 .7-1.8a2.5 2.5 0 114.8 1.6v5.6c-.1 1.5-.3 3-.6 4.4-.5 1.2-1 2.4-1.8 3.6a18 18 0 00-3 4.5 10 10 0 000 4.8h-3c-1-.2-2.2-2.1-2.5-2.7a1 1 0 00-1.7 0c-.6 1-1.8 2.6-2.6 2.8h-7.9s.5-2.6-.6-3.5l-2.8-2.6-2.1-2.4z", stroke: "#000", "stroke-width": "1.9", "stroke-linecap": "round", "stroke-linejoin": "round" } }), t("path", { attrs: { d: "M29.4 32v-8.6a1 1 0 00-1.9 0v8.7a1 1 0 001.9 0zM24.4 32v-8.6a1 1 0 00-1.9 0v8.7a1 1 0 002 0zM17.5 23.4v8.7a1 1 0 102 0l-.1-8.7a1 1 0 10-1.9 0z", fill: "#000", "fill-rule": "nonzero" } })]), t("text", { attrs: { "font-family": "Inter-Regular, Inter", "font-size": "24", fill: "#FFF" } }, [t("tspan", { attrs: { x: "332.4", y: "173" } }, [e._v(e._s(e._document.$t("select")))])]), t("path", { attrs: { fill: "#E4E4E4", "fill-rule": "nonzero", d: "M28 27h124v24H28zM28 64h355v11H28zM28 82h355v12H28zM28 103h178v12H28z" } })])]), t("div", { staticStyle: { "padding-top": "1em", "font-weight": "600", "font-size": "18px" } }, [e._v(e._s(e._document.$t("chapters.pricingSummary.placeholder.title")))]), t("div", [e._v(e._s(e._document.$t("chapters.pricingSummary.placeholder.description"))), t("span", { staticStyle: { "font-weight": "600" } }, [e._v(e._s(e._document.$t("chapters.pricingSummary.placeholder.descriptionBold")))]), e._v(".")])]) : e._e()]) : e._e();
 }, Z = [], E = /* @__PURE__ */ p(
-  L,
   q,
+  L,
   Z,
   !1,
   null,
@@ -487,12 +494,12 @@ var q = function() {
   null,
   null
 );
-const j = E.exports;
-const G = {
+const G = E.exports;
+const j = {
   name: "PackageGroup",
   components: {
-    PackageItem: W,
-    PackagePricingSummary: j,
+    PackageItem: O,
+    PackagePricingSummary: G,
     ErrorCallout: P
   },
   mixins: [_([
@@ -569,7 +576,7 @@ var N = function() {
     } } });
   })], 2) : e._e(), e.validator.$invalid && e.validator.$dirty ? t("ErrorCallout", { staticStyle: { "padding-bottom": "1.5rem" }, attrs: { message: e._document.$t("chapters.packageGroup.errorCallout") } }) : e._e(), e.hideGroupPrice ? e._e() : t("PackagePricingSummary", { attrs: { prices: e.prices, _document: e._document, "show-prices-inc-vat": e.showPricesIncVat, "primary-color": e.primaryColor, placeholder: !e.selectedPackages.length } })], 2);
 }, R = [], H = /* @__PURE__ */ p(
-  G,
+  j,
   N,
   R,
   !1,
@@ -578,7 +585,7 @@ var N = function() {
   null,
   null
 );
-const Y = H.exports;
+const ce = H.exports;
 export {
-  Y as default
+  ce as default
 };

package/dist/{PdfTerms-fcc835f4.js → PdfTerms-8b52bb6e.js}

@@ -1,8 +1,7 @@
-import { V as s } from "./PdfViewer-b1118475.js";
-import { n as t } from "./main-154fab72.js";
-import "./DocForm-5ff2cbbb.js";
-import "./vuex.esm-4a0fff7c.js";
-import "./formComponentsInstall-e33d6795.js";
+import { V as s } from "./PdfViewer-38bd8439.js";
+import { n as t } from "./main-04025a56.js";
+import "./formValidationMixin-4920ab53.js";
+import "./CDropdownItem-74672842.js";
 const n = {
   name: "PdfTerms",
   functional: !0,
@@ -35,7 +34,7 @@ var a = /* @__PURE__ */ t(
   null,
   null
 );
-const d = a.exports;
+const f = a.exports;
 export {
-  d as default
+  f as default
 };

package/dist/{PdfViewer-b1118475.js → PdfViewer-38bd8439.js}

@@ -1,5 +1,5 @@
-import { n as u, E as g } from "./main-154fab72.js";
-import { W as m, e as d } from "./DocForm-5ff2cbbb.js";
+import { n as u, E as g } from "./main-04025a56.js";
+import { W as m, e as d } from "./formValidationMixin-4920ab53.js";
 let o, l, f, c, p;
 function w(e) {
   return typeof e == "object" && e !== null && e.__PDFDocumentLoadingTask === !0;

package/dist/{PlainHtml-47791667.js → PlainHtml-9174cbf6.js}

@@ -1,4 +1,4 @@
-import { n as r } from "./main-154fab72.js";
+import { n as r } from "./main-04025a56.js";
 const e = {
   name: "PlainHtml"
 };

package/dist/PriceHeader-e357afe9.js

@@ -0,0 +1,336 @@
+import { m as n } from "./mapFormMixin-8d073f99.js";
+import { B as l } from "./BlockMedia-00907fb6.js";
+import { n as c, b as a, o as d, W as u } from "./main-04025a56.js";
+import { T as m } from "./DocTextEditor-c6d1df3c.js";
+import { i as p } from "./i18nMessages-45c6bfd6.js";
+import { t as _ } from "./tinycolor-88fa380f.js";
+import { s as y } from "./formValidationMixin-4920ab53.js";
+import "./color-71c20583.js";
+import "./FormInputRow-9819eb71.js";
+import "./ColorPicker-4f6b70af.js";
+import "./CDropdownItem-74672842.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-f49d85e0.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-1efd1ce9.js")
+  },
+  inject: ["parentSize"],
+  mixins: [n([])],
+  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 g = 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": "2.5rem" } }, [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 = [], v = /* @__PURE__ */ c(
+  h,
+  g,
+  f,
+  !1,
+  null,
+  "68d8a9dc",
+  null,
+  null
+);
+const S = v.exports;
+const x = {
+  name: "SummaryBottom",
+  mixins: [n([])],
+  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: a,
+      tinycolor: _
+    };
+  },
+  computed: {
+    prices() {
+      return a(this, "base.prices") || {};
+    },
+    isIndivid() {
+      return a(this.prices, "helpers.isIndivid", !0);
+    },
+    showIncVat() {
+      return this.isIndivid;
+    },
+    priceTotal() {
+      return this.isIndivid ? a(this.prices, "total", null) : a(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 a(this.prices, "region.houseWorkType", null);
+    },
+    isReverseVat() {
+      return a(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: "2rem" } }, [e("div", { staticStyle: { "font-size": "1.5rem", "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: "1rem 2rem", height: "100%", display: "inline-flex" } }, [t.base ? e("div", { staticStyle: { display: "flex", "flex-direction": "column", "align-items": "flex-start", "justify-content": "center", padding: "1rem 1rem", "text-align": "left" } }, [e("div", { staticStyle: { "font-weight": "900", "font-size": "1.5rem" } }, [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: "2rem", display: "inline-flex", "align-items": "center", "justify-content": "center", "font-weight": "900", "font-size": "2.5rem" } }, [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: "1.5rem", 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": "2rem", "font-weight": "900", "letter-spacing": "1px", "line-height": "1", "padding-bottom": "0.3rem" } }, [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__ */ c(
+  x,
+  b,
+  C,
+  !1,
+  null,
+  "dd3b66e4",
+  null,
+  null
+);
+const w = $.exports;
+const T = {
+  name: "PriceHeader",
+  components: {
+    SummaryTop: S,
+    SummaryBottom: w,
+    BlockMedia: l
+  },
+  mixins: [n([
+    "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: r }) => r).map(({ prices: r }) => ({ prices: r }))
+      } : i = {
+        ...i,
+        show: t && this._document.readPrices && (this.prices.total || this.prices.type.some((r) => ["openAccMaxPrice", "openAcc"].includes(r))),
+        base: { prices: this.prices }
+      }, this.canEdit && t && (i.show = !0), i.documentCurrency || (i.show = !1), i;
+    }
+  }
+};
+var k = function() {
+  var s, r;
+  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: ((r = t.media) == null ? void 0 : r.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__ */ c(
+  T,
+  k,
+  A,
+  !1,
+  null,
+  "d570ff60",
+  null,
+  null
+);
+const E = B.exports;
+export {
+  E as default
+};

package/dist/SearchApi-2e286be6.js

@@ -0,0 +1,148 @@
+import { g as u, p as h, d as f, e as d, n as m } from "./main-04025a56.js";
+import { d as p } from "./CDropdownItem-74672842.js";
+import { m as y, a as g } from "./vuex.esm-4a0fff7c.js";
+const A = {
+  name: "SearchApi",
+  props: {
+    customSearch: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      defaultSearch: {
+        project: !0,
+        user: !0,
+        endCustomer: !1,
+        article: !1,
+        extensionArticle: !1,
+        // Articles in any authenticated CRM
+        invoice: !1,
+        document: !1
+      },
+      hasLoadedUsers: !1,
+      isLoading: !1,
+      emptyQuery: null,
+      // String to track last query that was empty, if a new query starts with this string we do not have to search again
+      hasSearchedAll: !1
+      // Helper to keep track when some search types have not yet searched due min query length
+    };
+  },
+  computed: {
+    ...y({
+      allUsers: "companyUsers/all",
+      allAuthenticatedCRMs: "settings/allAuthenticatedCRMs",
+      can: "application/can"
+    }),
+    typesToFetch() {
+      return Object.keys(this.customSearch).length ? Object.keys(this.customSearch).filter((e) => this.customSearch[e]) : Object.keys(this.defaultSearch).filter((e) => this.defaultSearch[e]);
+    }
+  },
+  methods: {
+    ...g({
+      loadUsers: u.LOAD_COMPANY_USERS
+    }),
+    canFetchType(e) {
+      return e === "invoice" ? this.can("invoices", "read") : e === "endCustomer" ? this.can("endCustomers", "read") : e === "user" ? this.can("users", "modify") : !0;
+    },
+    async fetch({ query: e, start: a = null, end: r = null }) {
+      const t = this.typesToFetch.reduce((n, c) => ({ ...n, [c]: [] }), {}), s = e.toLowerCase();
+      if (this.emptyQuery && s && s.startsWith(this.emptyQuery) || (this.emptyQuery = null, this.hasSearchedAll = !0, !s))
+        return t;
+      try {
+        const n = [], c = Object.keys(this.defaultSearch);
+        (this.typesToFetch || []).forEach((l) => {
+          c.includes(l) && n.push((async () => {
+            let o = [];
+            l === "document" ? o = await this.fetchDocuments(s, a, r) : l === "user" ? o = await this.fetchUsers(s, a, r) : l === "extensionArticle" ? o = await this.fetchExtensionArticles(s, a, r) : o = await this.fetchType(l, s, a, r), t[l] = o;
+          })());
+        }), await Promise.all(n);
+      } catch (n) {
+        throw n;
+      } finally {
+        this.isLoading = !1;
+      }
+      return Object.keys(t).every((n) => t[n].length === 0) && this.hasSearchedAll && (this.emptyQuery = s), t;
+    },
+    async fetchType(e, a, r, t) {
+      if (!this.canFetchType(e))
+        return [];
+      const { data: s } = await h("search", {
+        type: e,
+        query: a,
+        ...r !== null && t !== null && { start: r, end: t }
+      });
+      return s;
+    },
+    async fetchUsers(e, a, r) {
+      if (!this.canFetchType("user"))
+        return [];
+      this.hasLoadedUsers || (await this.loadUsers(), this.hasLoadedUsers = !0);
+      const s = Object.values(this.allUsers).filter((i) => !!(i.fullName && i.fullName.toLowerCase().includes(e) || i.email && i.email.toLowerCase().includes(e)));
+      return a !== null && r !== null ? s.slice(a, r) : s;
+    },
+    async fetchDocuments(e, a, r) {
+      const t = e.replace(/[-[\]{}()*+?.,\\/^$|#]/g, "\\$&"), s = {
+        $or: [
+          { "data.name": { $regex: t, $options: "i" } },
+          { "docNumber.value": { $regex: t, $options: "i" } },
+          {
+            clients: {
+              $elemMatch: { $or: ["name", "email", "socialNo", "orgNo"].map((c) => ({ [c]: { $regex: t, $options: "i" } })) }
+            }
+          }
+        ]
+      }, { data: i } = await f("/document", {
+        params: {
+          lean: !0,
+          filter: encodeURIComponent(JSON.stringify(s)),
+          fields: "clients,data.name,projectId,docNumber,createdAt",
+          ...a !== null && r !== null && { skip: a, limit: r - a }
+        }
+      }), { items: n = [] } = i || {};
+      return n;
+    },
+    async fetchExtensionArticles(e, a, r) {
+      const t = [];
+      return await Promise.all(this.allAuthenticatedCRMs.map(async (s) => {
+        try {
+          if (s === "pipedrive" && e.length < 2) {
+            this.hasSearchedAll = !1;
+            return;
+          }
+          const { data: i } = await d.search(s, { query: e, type: "article" });
+          i && Array.isArray(i) && t.push(...i);
+        } catch {
+        }
+      })), t;
+    },
+    // eslint-disable-next-line object-curly-newline
+    triggerSearch: p(async function({ q: a, cb: r, start: t, end: s }) {
+      this.isLoading = !0;
+      const i = await this.fetch({ query: a, start: t, end: s });
+      return this.isLoading = !1, r(i);
+    }, 500)
+  },
+  render() {
+    return this.$scopedSlots.default({
+      // eslint-disable-next-line object-curly-newline
+      fetch: ({ q: e, cb: a, start: r = null, end: t = null }) => (this.isLoading = !0, this.triggerSearch({ q: e, cb: a, start: r, end: t })),
+      isLoading: this.isLoading
+    });
+  }
+}, S = null, w = null;
+var L = /* @__PURE__ */ m(
+  A,
+  S,
+  w,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const $ = L.exports;
+export {
+  $ as S
+};