@cling-se/widget 0.14.4 → 0.14.5

package/dist/Index-BL3-tRGt.js

@@ -0,0 +1,642 @@
+import { n, a9 as u, g as d, b as o, ay as l } from "./main-B9t0ybqW.js";
+import { m as p } from "./mapFormMixin-ETYhBLl2.js";
+import { C as g } from "./CCallout-Bbp9ya9n.js";
+import { T as f } from "./DocTextEditor-AqBE7jZj.js";
+import { m as v, a as h } from "./vuex.esm-DKGl8mcw.js";
+import { w as _ } from "./CDropdownItem-BjYnhZJr.js";
+const b = {
+  i18nOptions: {
+    namespaces: "components",
+    messages: {
+      sv: {
+        visitOur: "Besök vår {{type}}",
+        seeTypeReviews: "Se våra {{type}} recensioner"
+      },
+      en: {
+        visitOur: "Visit our {{type}}",
+        seeTypeReviews: "See our {{type}} reviews"
+      }
+    }
+  },
+  name: "SocialMediaButton",
+  props: {
+    type: {
+      type: String,
+      required: !0
+    },
+    url: {
+      type: String,
+      required: !0
+    }
+  },
+  computed: {
+    tooltipText() {
+      let { type: s } = this;
+      return s === "google" ? this.$t("seeTypeReviews", { type: s.capitalize() }) : (s === "website" && (s = this.$t("_common:website").capitalize()), ["facebook", "instagram", "reco", "linkedin"].includes(s) && (s = s.capitalize()), this.$t("visitOur", { type: s }));
+    }
+  }
+};
+var w = function() {
+  var e = this, t = e._self._c;
+  return t("a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+    content: e.tooltipText,
+    classes: "simple small",
+    placement: "top",
+    offset: 2
+  }, expression: `{
+    content: tooltipText,
+    classes: 'simple small',
+    placement: 'top',
+    offset: 2
+  }` }], staticClass: "social-media-button", attrs: { href: e.url.toLowerCase().startsWith("http") ? e.url : `//${e.url}`, target: "_blank", rel: "noopener" } }, [t("CButton", { staticClass: "text-gray-400", attrs: { circle: "", type: "none", pattern: "secondary" } }, [e.type === "website" ? t("svg", { staticClass: "website-icon", attrs: { width: "18", height: "18", viewBox: "0 0 146 146", xmlns: "http://www.w3.org/2000/svg" } }, [t("g", { attrs: { transform: "translate(8 8)", fill: "none", "fill-rule": "evenodd" } }, [t("path", { attrs: { d: "M10.508537 0C4.704832 0 0 4.70357 0 10.500874v108.998252C0 125.298599 4.70357 130 10.500874 130h108.998252C125.298599 130 130 125.29643 130 119.499126V10.500874C130 4.7014 125.300178 0 119.497413 0H10.508537zM2.5 50.5h124.016128", stroke: "#3E8EFF", "stroke-width": "16", "stroke-linecap": "square" } }), t("circle", { attrs: { fill: "#3E8EFF", cx: "27", cy: "26", r: "7" } }), t("circle", { attrs: { fill: "#3E8EFF", cx: "51", cy: "26", r: "7" } }), t("circle", { attrs: { fill: "#3E8EFF", cx: "75", cy: "26", r: "7" } })])]) : e._e(), e.type === "linkedin" ? t("CIcon", { staticClass: "linkedin-icon", attrs: { size: 18, type: "linkedin" } }) : e._e(), e.type === "instagram" ? t("svg", { staticClass: "instagram-icon", attrs: { width: "18", height: "18", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" } }, [t("path", { attrs: { d: "M256 49.471c67.266 0 75.233.257 101.8 1.469 24.562 1.121 37.9 5.224 46.778 8.674a78.052 78.052 0 0 1 28.966 18.845 78.052 78.052 0 0 1 18.845 28.966c3.45 8.877 7.554 22.216 8.674 46.778 1.212 26.565 1.469 34.532 1.469 101.8s-.257 75.233-1.469 101.8c-1.121 24.562-5.225 37.9-8.674 46.778a83.427 83.427 0 0 1-47.811 47.811c-8.877 3.45-22.216 7.554-46.778 8.674-26.56 1.212-34.527 1.469-101.8 1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051 78.051 0 0 1-28.966-18.845 78.053 78.053 0 0 1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s.257-75.233 1.469-101.8c1.121-24.562 5.224-37.9 8.674-46.778a78.052 78.052 0 0 1 18.847-28.967 78.053 78.053 0 0 1 28.966-18.845c8.877-3.45 22.216-7.554 46.778-8.674 26.565-1.212 34.532-1.469 101.8-1.469m0-45.391c-68.418 0-77 .29-103.866 1.516-26.815 1.224-45.127 5.482-61.151 11.71a123.488 123.488 0 0 0-44.62 29.057A123.488 123.488 0 0 0 17.3 90.982c-6.223 16.025-10.481 34.337-11.7 61.152C4.369 179 4.079 187.582 4.079 256s.29 77 1.521 103.866c1.224 26.815 5.482 45.127 11.71 61.151a123.489 123.489 0 0 0 29.057 44.62 123.486 123.486 0 0 0 44.62 29.057c16.025 6.228 34.337 10.486 61.151 11.71 26.87 1.226 35.449 1.516 103.866 1.516s77-.29 103.866-1.516c26.815-1.224 45.127-5.482 61.151-11.71a128.817 128.817 0 0 0 73.677-73.677c6.228-16.025 10.486-34.337 11.71-61.151 1.226-26.87 1.516-35.449 1.516-103.866s-.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486 123.486 0 0 0-29.057-44.62A123.487 123.487 0 0 0 421.018 17.3c-16.025-6.223-34.337-10.481-61.152-11.7C333 4.369 324.418 4.079 256 4.079z" } }), t("path", { attrs: { d: "M256 126.635A129.365 129.365 0 1 0 385.365 256 129.365 129.365 0 0 0 256 126.635zm0 213.338A83.973 83.973 0 1 1 339.974 256 83.974 83.974 0 0 1 256 339.973z" } }), t("circle", { attrs: { cx: "390.476", cy: "121.524", r: "30.23" } })]) : e._e(), e.type === "facebook" ? t("svg", { staticClass: "facebook-icon", attrs: { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.407.593 24 1.325 24H12.82v-9.294H9.692v-3.622h3.128V8.413c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12V24h6.116c.73 0 1.323-.593 1.323-1.325V1.325C24 .593 23.407 0 22.675 0z" } })]) : e._e(), e.type === "google" ? t("svg", { staticClass: "google-icon", attrs: { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Google", role: "img", viewBox: "0 0 512 512" } }, [t("rect", { attrs: { width: "512", height: "512", rx: "15%", fill: "none" } }), t("path", { attrs: { fill: "#5a6886", d: "M386 400c45-42 65-112 53-179H260v74h102c-4 24-18 44-38 57z" } }), t("path", { attrs: { fill: "#5a6886", d: "M90 341a192 192 0 0 0 296 59l-62-48c-53 35-141 22-171-60z" } }), t("path", { attrs: { fill: "#5a6886", d: "M153 292c-8-25-8-48 0-73l-63-49c-23 46-30 111 0 171z" } }), t("path", { attrs: { fill: "#5a6886", d: "M153 219c22-69 116-109 179-50l55-54c-78-75-230-72-297 55z" } })]) : e._e(), e.type === "reco" ? t("svg", { staticClass: "reco-icon", attrs: { width: "20", height: "20", viewBox: "0 0 188 163", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M17.035792 77.21013c.134576 3.81669.650037 7.69152 1.569666 11.59061 8.363034 35.45799 47.039175 59.7296 88.485526 55.77833L89.860598 67.77959l-72.824806 9.43054zm.973286-12.68806l69.398537-7.67594-9.671508-43.10794C45.59368 17.85816 22.942511 38.77825 18.009081 64.52207zm143.02734-15.81978c-14.905342-21.89837-43.103385-36.14241-73.073905-35.69191L99.84883 55.47005l61.187588-6.76776zm5.240304 9.18169l-63.451888 8.21679 21.060817 75.23232c33.769528-10.10888 54.05118-39.73898 46.562981-71.4878-.976607-4.14067-2.383129-8.13748-4.17191-11.96131zm-54.317558 104.49575C61.065612 167.89817 11.730953 136.16134 1.767118 91.49354-8.196717 46.82575 24.983374 6.14176 75.876925.62332c50.893551-5.51844 100.22821 26.21839 110.192045 70.88619 9.963835 44.66779-23.216255 85.35178-74.109806 90.87022z", fill: "#000", "fill-rule": "evenodd" } })]) : e._e()], 1)], 1);
+}, y = [], C = /* @__PURE__ */ n(
+  b,
+  w,
+  y,
+  !1,
+  null,
+  "f04b5d88"
+);
+const k = C.exports, x = {
+  components: {
+    SocialMediaButton: k
+  },
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    websites: {
+      type: Object,
+      default: null
+    }
+  }
+};
+var $ = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("div", { staticClass: "quill-format", domProps: { innerHTML: e._s(e.text) } }), t("div", { staticClass: "website-wrapper" }, [e.websites.website ? t("SocialMediaButton", { attrs: { url: e.websites.website, type: "website" } }) : e._e(), e.websites.linkedin ? t("SocialMediaButton", { attrs: { url: e.websites.linkedin, type: "linkedin" } }) : e._e(), e.websites.facebook ? t("SocialMediaButton", { attrs: { url: e.websites.facebook, type: "facebook" } }) : e._e(), e.websites.instagram ? t("SocialMediaButton", { attrs: { url: e.websites.instagram, type: "instagram" } }) : e._e(), e.websites.google ? t("SocialMediaButton", { attrs: { url: e.websites.google, type: "google" } }) : e._e(), e.websites.reco ? t("SocialMediaButton", { attrs: { url: e.websites.reco, type: "reco" } }) : e._e()], 1)]);
+}, M = [], S = /* @__PURE__ */ n(
+  x,
+  $,
+  M,
+  !1,
+  null,
+  "62fcb46b"
+);
+const B = S.exports, P = {
+  name: "DocPresentationCertificates",
+  i18nOptions: {
+    namespaces: "components",
+    messages: {
+      en: {
+        certificateDisclaimer: "The sender specifies their own certificates. On each webpage it is often possible to verify membership."
+      },
+      sv: {
+        certificateDisclaimer: "Företagen lägger själva upp sina certifikat. På respektive webbplats går det ofta att verifiera medlemskap."
+      }
+    }
+  },
+  components: {
+    Animation: u,
+    CCallout: g
+  },
+  props: {
+    content: {
+      type: Array,
+      default: () => []
+    },
+    showDisclaimer: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      expandCert: null
+    };
+  }
+};
+var I = function() {
+  var e = this, t = e._self._c;
+  return t("div", [e._l(e.content, function(a, i) {
+    return t("div", { key: i, staticClass: "cert-container" }, [t("div", { staticClass: "cert-wrapper", class: [e.expandCert === i ? "active" : ""], on: { click: function(r) {
+      e.expandCert = e.expandCert === i ? null : i;
+    } } }, [t("div", { staticClass: "cert-img", style: { backgroundImage: "url(" + a.img + ")" } }), t("div", { staticClass: "cert-wrapper-title" }, [t("div", { staticClass: "cert-title" }, [e._v(e._s(a.title))])]), t("div", { staticClass: "cert-toggle" }, [t("svg", { attrs: { width: "13", height: "10", viewBox: "0 0 33 19", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M2.357864 2.61571l14.142135 14.142135L30.642135 2.61571", "stroke-width": "4", stroke: "#929cb7", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round", "stroke-linejoin": "round" } })])])]), t("Animation", [e.expandCert === i ? t("div", { staticClass: "cert-description" }, [t("div", [e._v(e._s(a.description))]), a.website ? t("a", { staticClass: "cert-link", attrs: { href: a.website.toLowerCase().startsWith("http") ? a.website : `//${a.website}`, target: "_blank", rel: "noopener" } }, [t("svg", { attrs: { name: "new-window", width: "15", height: "15", viewBox: "0 0 113 113", xmlns: "http://www.w3.org/2000/svg" } }, [t("g", { attrs: { stroke: "#2143ff", "stroke-width": "14.4", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round" } }, [t("path", { attrs: { d: "M70.986736 7.947575h33.854117-33.854117zM54.374951 58.413476l50.465902-50.465901L54.37495 58.413476zM105 40l-.159147-32.052425L105 40z", "stroke-linejoin": "round" } }), t("path", { attrs: { d: "M48.476363 8H26.00398C16.060657 8 8 16.05386 8 26.007354v61.389452c0 9.945187 8.06184 18.007354 18.003453 18.007354h60.993094C96.93958 105.40416 105 97.346548 105 87.394835V62.498611" } })])]), e._v(" " + e._s(e.$t("_common:website", { postProcess: "capitalize" })) + " ")]) : e._e()]) : e._e()])], 1);
+  }), e.showDisclaimer ? t("CCallout", { attrs: { size: "small" } }, [e._v(" " + e._s(e.$t("certificateDisclaimer")) + " ")]) : e._e()], 2);
+}, z = [], F = /* @__PURE__ */ n(
+  P,
+  I,
+  z,
+  !1,
+  null,
+  "30ce5bbb"
+);
+const D = F.exports, T = {
+  name: "AvatarContact",
+  i18nOptions: {
+    namespaces: "AvatarContact",
+    messages: {
+      en: {
+        bestRegards: "Best regards, "
+      },
+      sv: {
+        bestRegards: "Hälsningar, "
+      }
+    }
+  },
+  props: {
+    avatarUrl: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    cellphone: {
+      type: [Number, String],
+      default: null
+    },
+    email: {
+      type: [Number, String],
+      default: null
+    }
+  }
+};
+var j = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "flex w-full" }, [e.avatarUrl ? t("div", [t("div", { staticStyle: { width: "45px", height: "45px", "border-radius": "50%", "background-position": "center", "background-size": "cover", "margin-right": "calc(1.2 * var(--rem))" }, style: { backgroundImage: `url(${e.avatarUrl})` } })]) : e._e(), t("div", { staticClass: "flex w-full flex-grow" }, [t("div", [t("div", { staticStyle: { "font-size": "calc(calc(1 * var(--rem)) - 1px)", color: "#73758c", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("bestRegards")) + " ")]), t("div", { staticStyle: { "font-size": "calc(calc(1 * var(--rem)) + 1px)", "font-weight": "500" } }, [e._v(" " + e._s(e.name) + " ")])]), e.cellphone || e.email ? t("div", { staticClass: "contact-wrapper" }, [e.cellphone ? t("a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+    content: e.cellphone,
+    autoHide: !1
+  }, expression: `{
+          content: cellphone,
+          autoHide: false
+        }` }], attrs: { href: `tel:${e.cellphone}` } }, [t("CButton", { staticClass: "text-gray-400", attrs: { circle: "", type: "none", pattern: "secondary", icon: "phone" } })], 1) : e._e(), e.email ? t("a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: {
+    content: e.email,
+    autoHide: !1
+  }, expression: `{
+          content: email,
+          autoHide: false
+        }` }], attrs: { href: `mailto:${e.email}` } }, [t("CButton", { staticClass: "text-gray-400", attrs: { circle: "", type: "none", pattern: "secondary", icon: "email" } })], 1) : e._e()]) : e._e()])]);
+}, E = [], R = /* @__PURE__ */ n(
+  T,
+  j,
+  E,
+  !1,
+  null,
+  "9f5d2e66"
+);
+const O = R.exports, V = {
+  i18nOptions: {
+    namespaces: "DocPresentationMessageModal",
+    messages: {
+      en: {
+        title: "Personal message",
+        placeholder: "Write a personal message for your client. Increase your chances of acquiring the job by making it personal, putting the client in focus."
+      },
+      sv: {
+        title: "Personligt meddelande",
+        placeholder: "Skriv en personlig hälsning till din kund. Öka dina vinstchanser genom att göra den personlig och sätt din kund i fokus."
+      }
+    }
+  },
+  name: "DocPresentationMessageModal",
+  components: {
+    TextEditor: f
+  },
+  provide: () => ({ viewSettings: { canEdit: !0 } }),
+  props: {
+    _document: {
+      type: Object,
+      default: () => ({})
+    },
+    setFormValue: {
+      type: Function,
+      required: !0
+    },
+    removeFormValue: {
+      type: Function,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      placeholder: "Skriv en personlig hälsning till din kund. Nämn exempelvis att du är glad över att få möjligheten och att ni har goda erfarenheter av att göra liknande arbeten.",
+      internalValue: ""
+    };
+  },
+  computed: {
+    ...v({
+      isPostingDocument: "documents2/isPosting"
+    })
+  },
+  created() {
+    this.internalValue = this._document.personalMessage || "";
+  },
+  methods: {
+    ...h({
+      saveDocument: d.DO_SAVE_DYNDOC,
+      // DO SAVE ACTION TO AVOID FORM CLEAR
+      loadDocumentForm: d.LOAD_DOCUMENT2_FORM
+    }),
+    async saveMessage() {
+      if (this.internalValue ? this.setFormValue({
+        key: "data.personalMessage",
+        value: this.internalValue
+      }) : this.removeFormValue("data.personalMessage"), this._document.id) {
+        const s = await this.saveDocument();
+        this.loadDocumentForm({ documentId: s });
+      }
+      this.$emit("close");
+    }
+  }
+};
+var A = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "bg-white", staticStyle: { padding: "calc(2 * var(--rem))", "border-radius": "0.75em" } }, [t("div", { staticStyle: { "font-size": "calc(calc(1 * var(--rem)) + 4px)", "font-weight": "900", "margin-bottom": "calc(1 * var(--rem))" } }, [e._v(" " + e._s(e.$t("title")) + " ")]), t("TextEditor", { ref: "textEditor", staticStyle: { "margin-bottom": "1em" }, attrs: { extensions: {
+    blockquote: !0,
+    highlight: !0,
+    image: !0,
+    table: !1
+  }, placeholder: e.$t("placeholder") }, model: { value: e.internalValue, callback: function(a) {
+    e.internalValue = a;
+  }, expression: "internalValue" } }), t("CButton", { attrs: { loading: e.isPostingDocument, type: "primary", expanded: "" }, on: { click: e.saveMessage } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])], 1);
+}, q = [], H = /* @__PURE__ */ n(
+  V,
+  A,
+  q,
+  !1,
+  null,
+  null
+);
+const U = H.exports, L = {
+  i18nOptions: {
+    namespaces: "components",
+    messages: {
+      en: {
+        changeMessage: "Change message",
+        addMessage: "Add a message",
+        writeMessage: "Write message",
+        pmPlaceholder: "Write a personal message for your client. Increase your chances of acquiring the job by making it personal, putting the client in focus."
+      },
+      sv: {
+        changeMessage: "Ändra meddelande",
+        addMessage: "Lägg till en hälsning",
+        writeMessage: "Skriv en hälsning",
+        pmPlaceholder: "Skriv en personlig hälsning till din kund. Öka dina vinstchanser genom att göra den personlig och sätt din kund i fokus."
+      }
+    }
+  },
+  name: "DocPresentationMessage",
+  components: {
+    AvatarContact: O,
+    IsPremium: () => import("./index-C50JSDKO.js").then((s) => s.i).then((s) => s.IsPremium),
+    IsPremiumPreStep: () => import("./index-C50JSDKO.js").then((s) => s.i).then((s) => s.IsPremiumPreStep)
+  },
+  mixins: [p([])],
+  props: {
+    content: {
+      type: String,
+      default: ""
+    },
+    avatar: {
+      type: Object,
+      default: () => null
+    },
+    creator: {
+      type: Object,
+      default: () => ({})
+    },
+    editable: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  methods: {
+    openEditModal() {
+      this.$modal.show(
+        U,
+        {
+          _document: this._document,
+          setFormValue: this.viewSettings.setFormValue,
+          removeFormValue: this.viewSettings.removeFormValue
+        },
+        {
+          adaptive: !0,
+          scrollable: !0,
+          height: "auto",
+          width: "90%",
+          maxWidth: 450
+        }
+      );
+    }
+  }
+};
+var N = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "presentation-message" }, [e.content ? t("div", { staticClass: "quill-format", domProps: { innerHTML: e._s(e.content) } }) : e._e(), e.editable && e.content ? t("div", { staticStyle: { "margin-top": "calc(2 * var(--rem))" } }, [t("CButton", { attrs: { type: "none", pattern: "secondary", size: "normal", "icon-left": "edit" }, on: { click: e.openEditModal } }, [e._v(" " + e._s(e.$t("changeMessage")) + " ")])], 1) : !e.content && e.editable ? t("CCallout", { attrs: { title: e.$t("addMessage") } }, [t("div", [e._v(e._s(e.$t("pmPlaceholder")))]), t("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ allowPremiumFeatures: a }) {
+    return [t("IsPremiumPreStep", { attrs: { feature: "personalMessage" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: i }) {
+      return [t("CButton", { staticStyle: { "margin-top": "calc(1.5 * var(--rem))" }, attrs: { type: "secondary", size: "normal" }, on: { click: function(r) {
+        a ? e.openEditModal() : i({ callback: e.openEditModal });
+      } } }, [e._v(" " + e._s(e.$t("writeMessage")) + " ")])];
+    } }], null, !0) })];
+  } }]) })], 1) : e._e(), e.avatar ? t("AvatarContact", { staticStyle: { "margin-top": "calc(2.5 * var(--rem))" }, attrs: { "avatar-url": e.creator.image, name: e.creator.name, cellphone: e.creator.cellphone, email: e.creator.email } }) : e._e()], 1);
+}, W = [], G = /* @__PURE__ */ n(
+  L,
+  N,
+  W,
+  !1,
+  null,
+  "b453656f"
+);
+const Q = G.exports, X = {
+  name: "ModalReference",
+  mixins: [_],
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    content: {
+      type: String,
+      required: !0
+    },
+    transition: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Array with full url paths
+     */
+    images: {
+      type: Array,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      currIndex: 0
+    };
+  }
+};
+var Y = function() {
+  var e = this, t = e._self._c;
+  return t("transition", { attrs: { name: e.transition } }, [t("div", { staticClass: "photo-container duration-300ms" }, [e.mq === "sm" ? t("div", { staticClass: "reference-close-button", attrs: { circle: "" }, on: { click: function(a) {
+    return e.$emit("close");
+  } } }, [t("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "#FFF", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("line", { attrs: { x1: "18", y1: "6", x2: "6", y2: "18" } }), t("line", { attrs: { x1: "6", y1: "6", x2: "18", y2: "18" } })])]) : e._e(), t("div", { staticClass: "relative" }, [e._l(e.images, function(a, i) {
+    return [e.currIndex === i ? t("div", { key: i, staticClass: "relative overflow-hidden" }, [t("div", { staticClass: "image-background-fill", style: [{ backgroundImage: `url(${a})` }] }), t("div", { staticClass: "image", style: [{ backgroundImage: `url(${a}` }] })]) : e._e()];
+  }), e.images.length > 1 ? [t("div", { staticClass: "absolute inset-0 flex items-center justify-between p-1" }, [t("CButton", { staticClass: "bg-white/10 text-gray-100", attrs: { icon: "chevron-left", circle: "", type: "none", pattern: "tertiary", "icon-props": { size: 24 } }, on: { click: function(a) {
+    e.currIndex - 1 < 0 ? e.currIndex = e.images.length - 1 : e.currIndex--;
+  } } }), t("CButton", { staticClass: "bg-white/10 text-gray-100", attrs: { icon: "chevron-right", circle: "", type: "none", pattern: "tertiary", "icon-props": { size: 24 } }, on: { click: function(a) {
+    e.currIndex + 1 > e.images.length - 1 ? e.currIndex = 0 : e.currIndex++;
+  } } })], 1), t("div", { staticClass: "absolute bottom-2 left-0 right-0 flex justify-center gap-2" }, e._l(e.images, function(a, i) {
+    return t("div", { key: "dot" + i, staticClass: "h-1.5 w-1.5 rounded-full", class: [e.currIndex === i ? "bg-white" : "bg-white/50"] });
+  }), 0)] : e._e()], 2), t("div", { staticClass: "content" }, [t("div", { staticClass: "text-lg font-bold" }, [e._v(e._s(e.title))]), t("div", { staticClass: "text-base", domProps: { innerHTML: e._s(e.content) } })])])]);
+}, J = [], K = /* @__PURE__ */ n(
+  X,
+  Y,
+  J,
+  !1,
+  null,
+  "11972073"
+);
+const Z = K.exports, ee = {
+  props: {
+    albums: {
+      type: Array,
+      default: null
+    }
+  },
+  methods: {
+    show(s) {
+      this.$nextTick(() => {
+        this.$modal.show(
+          Z,
+          {
+            title: s.name,
+            content: s.description || "",
+            transition: "fade-in-slide-up",
+            images: s.CompanyReferenceItems.map(
+              (e) => e.Image.href || `${this.$apiUrl}/file/${e.Image.publicId}/download`
+            )
+          },
+          {
+            adaptive: !0,
+            height: "auto",
+            scrollable: !0,
+            classes: "overflow-visible",
+            width: "90%",
+            maxWidth: 600,
+            transition: ""
+          }
+        );
+      });
+    },
+    getThumbnailPath(s) {
+      const e = s.CompanyReferenceItems[0].Thumbnail;
+      return e.href || `${this.$apiUrl}/file/${e.publicId}/download`;
+    }
+  }
+};
+var te = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "album-wrapper" }, e._l(e.albums, function(a, i) {
+    return t("div", { key: i, staticStyle: { flex: "1 0 50%" }, on: { click: function(r) {
+      return e.show(a);
+    } } }, [t("div", { staticClass: "ref-wrapper" }, [t("div", { staticClass: "ref-bg-wrapper" }, [t("div", { staticClass: "ref-bg", style: { backgroundImage: `url(${e.getThumbnailPath(a)})` } })]), t("div", { staticClass: "ref-title" }, [e._v(e._s(a.name))]), t("div", { staticClass: "ref-data" }, [e._v(" " + e._s(e.$tc("image", { count: a.CompanyReferenceItems.length })) + " ")])])]);
+  }), 0);
+}, se = [], ae = /* @__PURE__ */ n(
+  ee,
+  te,
+  se,
+  !1,
+  null,
+  "2ab67b90"
+);
+const ie = ae.exports, ne = {
+  i18nOptions: {
+    namespaces: "Presentation",
+    messages: {
+      en: {
+        personalMessage: "Personal message"
+      },
+      sv: {
+        personalMessage: "Personligt meddelande"
+      }
+    }
+  },
+  name: "Presentation",
+  components: {
+    DocPresentationMessage: Q,
+    DocPresentationPhotos: ie,
+    DocPresentationAboutUs: B,
+    DocPresentationCertificates: D
+  },
+  mixins: [p()],
+  inject: ["parentSize"],
+  data() {
+    return {
+      activeTab: 0,
+      certificates: [],
+      references: [],
+      about: ""
+    };
+  },
+  computed: {
+    company() {
+      return o(this, "_document._doc.company", {});
+    },
+    creator() {
+      return o(this, "_document.sender.user", {});
+    },
+    message() {
+      return o(this, "_document.personalMessage", "");
+    },
+    presentationBlocks() {
+      const s = [];
+      try {
+        if (this.message || this.canEdit) {
+          const e = {
+            title: this.$t("personalMessage").capitalize(),
+            component: "DocPresentationMessage",
+            style: {
+              backgroundImage: "url(https://images.unsplash.com/photo-1471107340929-a87cd0f5b5f3?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=395debe4f66b27cd8fb346d73cffb70c&auto=format&fit=crop&w=1932&q=80)"
+            },
+            props: {
+              content: this.message || "",
+              avatar: {
+                name: this.creator.name,
+                image: this.creator.avatar,
+                cellphone: this.creator.cellphone,
+                email: this.creator.email
+              },
+              creator: this.creator,
+              editable: this.canEdit
+            }
+          };
+          s.push(e);
+        }
+      } catch {
+      }
+      try {
+        if (this.about) {
+          const {
+            website: e,
+            recoUrl: t,
+            instagramUrl: a,
+            linkedinUrl: i,
+            facebookUrl: r,
+            googleUrl: c
+          } = this.company, m = {
+            title: this.$t("_common:aboutUs").capitalize(),
+            component: "DocPresentationAboutUs",
+            style: {
+              backgroundImage: "url(https://images.unsplash.com/photo-1452860606245-08befc0ff44b?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=b41f5ead560bfa3348de161f8174e35d&auto=format&fit=crop&w=1350&q=80)"
+            },
+            props: {
+              text: this.about,
+              websites: {
+                website: e,
+                linkedin: i,
+                reco: t,
+                instagram: a,
+                facebook: r,
+                google: c
+              }
+            }
+          };
+          s.push(m);
+        }
+      } catch {
+      }
+      try {
+        if (this.certificates && this.certificates.length) {
+          const e = this.certificates.map(
+            ({ name: a, description: i, imageUrl: r, website: c }) => ({
+              title: a,
+              description: i,
+              img: r,
+              website: c
+            })
+          ), t = {
+            title: this.$t("_common:certificate", { count: 0 }).capitalize(),
+            component: "DocPresentationCertificates",
+            style: {
+              backgroundImage: "url(https://t4.ftcdn.net/jpg/01/15/80/49/240_F_115804912_5RdHBXm7aGBzQGSGaO6g0kbwlGiXNKBI.jpg)"
+            },
+            props: {
+              content: e,
+              showDisclaimer: !0
+              // TODO: How to only enable on client route
+            }
+          };
+          s.push(t);
+        }
+      } catch {
+      }
+      try {
+        if (this.references && this.references.length) {
+          const e = {
+            title: this.$t("_common:reference", { count: 0 }).capitalize(),
+            component: "DocPresentationPhotos",
+            style: {
+              backgroundImage: "url(https://t4.ftcdn.net/jpg/01/04/71/39/240_F_104713904_IXEtofsNpmsg5ZAjYjiC2brHvnFrsNY0.jpg)"
+            },
+            props: {
+              albums: this.references
+            }
+          };
+          s.push(e);
+        }
+      } catch {
+      }
+      return s;
+    },
+    activeBlock() {
+      return this.presentationBlocks[this.activeTab];
+    },
+    isSmallScreen() {
+      return this.parentSize.width <= 576;
+    }
+  },
+  created() {
+    this.fetchCompanyData();
+  },
+  methods: {
+    async fetchCompanyData() {
+      if (!this.company.publicId)
+        return;
+      const { data: s = [] } = await l.getCertificates(
+        this.company.publicId
+      ), { data: e = [] } = await l.getReferences(
+        this.company.publicId
+      ), { data: t } = await l.get(
+        this.company.publicId
+      );
+      this.certificates = s, this.references = e, this.about = o(t, "company.CompanyBranding.about", "");
+    }
+  }
+};
+var re = function() {
+  var e = this, t = e._self._c;
+  return e.presentationBlocks.length ? t("section", { staticClass: "presentation font-inter", class: [{ sm: e.isSmallScreen }] }, [e.isSmallScreen ? t("div", { staticClass: "relative flex w-full snap-x gap-2 overflow-x-auto px-4" }, e._l(e.presentationBlocks, function(a, i) {
+    return t("div", { key: i, staticClass: "presentation-button slide-item snap-center", class: [{ active: e.activeTab === i }], on: { click: function(r) {
+      e.activeTab = i;
+    } } }, [t("div", { staticClass: "presentation-button-bg", style: [a.style] }), t("div", { staticClass: "presentation-button-title" }, [e._v(e._s(a.title))])]);
+  }), 0) : e._e(), t("div", { staticClass: "no-drag flex w-full justify-between", staticStyle: { position: "relative" } }, [t("div", { staticClass: "presentation-content-wrapper", class: [{ sm: e.isSmallScreen }] }, [t("transition", { attrs: { name: "slide-fade" } }, [e.activeBlock ? t("div", { key: e.activeTab, staticClass: "presentation-wrapper" }, [t("div", { staticClass: "presentation-title" }, [e._v(e._s(e.activeBlock.title))]), t(e.activeBlock.component, e._b({ tag: "component" }, "component", { ...e.activeBlock.props, _document: e._document }, !1))], 1) : e._e()])], 1), e.isSmallScreen ? e._e() : t("div", { staticStyle: { flex: "1 0 180px", "padding-top": "calc(27px + 21px)" } }, e._l(e.presentationBlocks, function(a, i) {
+    return t("div", { key: i, staticClass: "presentation-button", class: [{ active: e.activeTab === i }], on: { click: function(r) {
+      e.activeTab = i;
+    } } }, [t("div", { staticClass: "presentation-button-bg", style: [a.style] }), t("div", { staticClass: "presentation-button-title" }, [e._v(e._s(a.title))])]);
+  }), 0)])]) : e._e();
+}, oe = [], ce = /* @__PURE__ */ n(
+  ne,
+  re,
+  oe,
+  !1,
+  null,
+  "538aed60"
+);
+const fe = ce.exports;
+export {
+  fe as default
+};