@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/Index-DcuBxutp.js

@@ -1,642 +0,0 @@
-import { n, a9 as u, g as d, b as o, ay as l } from "./main-WKzC-Dnu.js";
-import { m as p } from "./mapFormMixin-QbevCwJK.js";
-import { C as g } from "./CCallout-T26jwUby.js";
-import { T as f } from "./DocTextEditor-CntS2Bd-.js";
-import { m as v, a as h } from "./vuex.esm-DKGl8mcw.js";
-import { w as _ } from "./CDropdownItem-BE8BAMD1.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-DNDjI5uI.js").then((s) => s.i).then((s) => s.IsPremium),
-    IsPremiumPreStep: () => import("./index-DNDjI5uI.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
-};