@cling-se/widget 0.17.3 → 0.18.0

package/dist/Index-B3y-jq9s.js

@@ -0,0 +1,1098 @@
+import { _, e as h, a2 as D, E as B, o as i, b as a, d as p, w as v, s as t, f as c, c as f, F as y, k as C, l as w, v as m, n as k, B as x, m as A, a as O, g as S, z as $, ai as F, p as q, a9 as M, bu as I, bv as H, bw as L, ap as U } from "./main-Bn5XkQPb.js";
+import { m as T } from "./mapFormMixin-C7FJLnbO.js";
+import { u as R } from "./DocumentLayout-DkFlHgW6.js";
+import { C as V } from "./CCallout-CM1VsH30.js";
+import { T as W } from "./DocTextEditor-CEPcJT2o.js";
+import { w as N } from "./CDropdownItem-DMUAJ90n.js";
+const G = {
+  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: n } = this;
+      return n === "google" ? this.$t("seeTypeReviews", { type: n.capitalize() }) : (n === "website" && (n = this.$t("_common:website").capitalize()), ["facebook", "instagram", "reco", "linkedin"].includes(n) && (n = n.capitalize()), this.$t("visitOur", { type: n }));
+    }
+  }
+}, Q = ["href"], X = {
+  key: 0,
+  class: "website-icon",
+  width: "18",
+  height: "18",
+  viewBox: "0 0 146 146",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Y = {
+  key: 2,
+  class: "instagram-icon",
+  width: "18",
+  height: "18",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512"
+}, J = {
+  key: 3,
+  class: "facebook-icon",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "18",
+  height: "18",
+  viewBox: "0 0 24 24"
+}, K = {
+  key: 4,
+  class: "google-icon",
+  width: "20",
+  height: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-label": "Google",
+  role: "img",
+  viewBox: "0 0 512 512"
+}, Z = {
+  key: 5,
+  class: "reco-icon",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 188 163",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function ee(n, s, e, g, r, l) {
+  const o = h("CIcon"), d = h("CButton"), u = D("tooltip");
+  return B((i(), a("a", {
+    href: e.url.toLowerCase().startsWith("http") ? e.url : `//${e.url}`,
+    class: "social-media-button",
+    target: "_blank",
+    rel: "noopener"
+  }, [
+    p(d, {
+      circle: "",
+      type: "none",
+      pattern: "secondary",
+      class: "text-gray-400"
+    }, {
+      default: v(() => [
+        e.type === "website" ? (i(), a("svg", X, s[0] || (s[0] = [
+          t("g", {
+            transform: "translate(8 8)",
+            fill: "none",
+            "fill-rule": "evenodd"
+          }, [
+            t("path", {
+              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", {
+              fill: "#3E8EFF",
+              cx: "27",
+              cy: "26",
+              r: "7"
+            }),
+            t("circle", {
+              fill: "#3E8EFF",
+              cx: "51",
+              cy: "26",
+              r: "7"
+            }),
+            t("circle", {
+              fill: "#3E8EFF",
+              cx: "75",
+              cy: "26",
+              r: "7"
+            })
+          ], -1)
+        ]))) : c("", !0),
+        e.type === "linkedin" ? (i(), f(o, {
+          key: 1,
+          size: 18,
+          type: "linkedin",
+          class: "linkedin-icon"
+        })) : c("", !0),
+        e.type === "instagram" ? (i(), a("svg", Y, s[1] || (s[1] = [
+          t("path", { 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" }, null, -1),
+          t("path", { 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" }, null, -1),
+          t("circle", {
+            cx: "390.476",
+            cy: "121.524",
+            r: "30.23"
+          }, null, -1)
+        ]))) : c("", !0),
+        e.type === "facebook" ? (i(), a("svg", J, s[2] || (s[2] = [
+          t("path", { 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" }, null, -1)
+        ]))) : c("", !0),
+        e.type === "google" ? (i(), a("svg", K, s[3] || (s[3] = [
+          t("rect", {
+            width: "512",
+            height: "512",
+            rx: "15%",
+            fill: "none"
+          }, null, -1),
+          t("path", {
+            fill: "#5a6886",
+            d: "M386 400c45-42 65-112 53-179H260v74h102c-4 24-18 44-38 57z"
+          }, null, -1),
+          t("path", {
+            fill: "#5a6886",
+            d: "M90 341a192 192 0 0 0 296 59l-62-48c-53 35-141 22-171-60z"
+          }, null, -1),
+          t("path", {
+            fill: "#5a6886",
+            d: "M153 292c-8-25-8-48 0-73l-63-49c-23 46-30 111 0 171z"
+          }, null, -1),
+          t("path", {
+            fill: "#5a6886",
+            d: "M153 219c22-69 116-109 179-50l55-54c-78-75-230-72-297 55z"
+          }, null, -1)
+        ]))) : c("", !0),
+        e.type === "reco" ? (i(), a("svg", Z, s[4] || (s[4] = [
+          t("path", {
+            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"
+          }, null, -1)
+        ]))) : c("", !0)
+      ]),
+      _: 1
+    })
+  ], 8, Q)), [
+    [u, {
+      content: l.tooltipText,
+      popperClass: "simple small",
+      placement: "top",
+      distance: 2
+    }]
+  ]);
+}
+const te = /* @__PURE__ */ _(G, [["render", ee], ["__scopeId", "data-v-d9ad330a"]]), ne = {
+  components: {
+    SocialMediaButton: te
+  },
+  props: {
+    text: {
+      type: String,
+      required: !0
+    },
+    websites: {
+      type: Object,
+      default: null
+    }
+  }
+}, se = ["innerHTML"], ie = { class: "website-wrapper" };
+function ae(n, s, e, g, r, l) {
+  const o = h("SocialMediaButton");
+  return i(), a("div", null, [
+    t("div", {
+      class: "quill-format",
+      innerHTML: e.text
+    }, null, 8, se),
+    t("div", ie, [
+      e.websites.website ? (i(), f(o, {
+        key: 0,
+        url: e.websites.website,
+        type: "website"
+      }, null, 8, ["url"])) : c("", !0),
+      e.websites.linkedin ? (i(), f(o, {
+        key: 1,
+        url: e.websites.linkedin,
+        type: "linkedin"
+      }, null, 8, ["url"])) : c("", !0),
+      e.websites.facebook ? (i(), f(o, {
+        key: 2,
+        url: e.websites.facebook,
+        type: "facebook"
+      }, null, 8, ["url"])) : c("", !0),
+      e.websites.instagram ? (i(), f(o, {
+        key: 3,
+        url: e.websites.instagram,
+        type: "instagram"
+      }, null, 8, ["url"])) : c("", !0),
+      e.websites.google ? (i(), f(o, {
+        key: 4,
+        url: e.websites.google,
+        type: "google"
+      }, null, 8, ["url"])) : c("", !0),
+      e.websites.reco ? (i(), f(o, {
+        key: 5,
+        url: e.websites.reco,
+        type: "reco"
+      }, null, 8, ["url"])) : c("", !0)
+    ])
+  ]);
+}
+const oe = /* @__PURE__ */ _(ne, [["render", ae], ["__scopeId", "data-v-62fcb46b"]]), re = {
+  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: {
+    CCallout: V
+  },
+  props: {
+    content: {
+      type: Array,
+      default: () => []
+    },
+    showDisclaimer: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      expandCert: null
+    };
+  }
+}, le = ["onClick"], ce = { class: "cert-wrapper-title" }, de = { class: "cert-title" }, ue = {
+  key: 0,
+  class: "cert-description"
+}, me = ["href"];
+function he(n, s, e, g, r, l) {
+  const o = h("Animation"), d = h("CCallout");
+  return i(), a("div", null, [
+    (i(!0), a(y, null, C(e.content, (u, b) => (i(), a("div", {
+      key: b,
+      class: "cert-container"
+    }, [
+      t("div", {
+        class: k([[r.expandCert === b ? "active" : ""], "cert-wrapper"]),
+        onClick: (P) => r.expandCert = r.expandCert === b ? null : b
+      }, [
+        t("div", {
+          style: w({ backgroundImage: "url(" + u.img + ")" }),
+          class: "cert-img"
+        }, null, 4),
+        t("div", ce, [
+          t("div", de, m(u.title), 1)
+        ]),
+        s[0] || (s[0] = t("div", { class: "cert-toggle" }, [
+          t("svg", {
+            width: "13",
+            height: "10",
+            viewBox: "0 0 33 19",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            t("path", {
+              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"
+            })
+          ])
+        ], -1))
+      ], 10, le),
+      p(o, null, {
+        default: v(() => [
+          r.expandCert === b ? (i(), a("div", ue, [
+            t("div", null, m(u.description), 1),
+            u.website ? (i(), a("a", {
+              key: 0,
+              href: u.website.toLowerCase().startsWith("http") ? u.website : `//${u.website}`,
+              target: "_blank",
+              rel: "noopener",
+              class: "cert-link"
+            }, [
+              s[1] || (s[1] = t("svg", {
+                name: "new-window",
+                width: "15",
+                height: "15",
+                viewBox: "0 0 113 113",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                t("g", {
+                  stroke: "#2143ff",
+                  "stroke-width": "14.4",
+                  fill: "none",
+                  "fill-rule": "evenodd",
+                  "stroke-linecap": "round"
+                }, [
+                  t("path", {
+                    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", { 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" })
+                ])
+              ], -1)),
+              x(" " + m(n.$t("_common:website", { postProcess: "capitalize" })), 1)
+            ], 8, me)) : c("", !0)
+          ])) : c("", !0)
+        ]),
+        _: 2
+      }, 1024)
+    ]))), 128)),
+    e.showDisclaimer ? (i(), f(d, {
+      key: 0,
+      size: "small"
+    }, {
+      default: v(() => [
+        x(m(n.$t("certificateDisclaimer")), 1)
+      ]),
+      _: 1
+    })) : c("", !0)
+  ]);
+}
+const pe = /* @__PURE__ */ _(re, [["render", he], ["__scopeId", "data-v-415c5c38"]]), ge = {
+  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
+    }
+  }
+}, fe = { class: "flex w-full" }, ve = { key: 0 }, _e = { class: "flex w-full flex-grow" }, ye = { style: { "font-size": "calc(calc(1 * var(--rem)) - 1px)", color: "#73758c", "font-weight": "500" } }, be = { style: { "font-size": "calc(calc(1 * var(--rem)) + 1px)", "font-weight": "500" } }, we = {
+  key: 0,
+  class: "contact-wrapper"
+}, ke = ["href"], Ce = ["href"];
+function xe(n, s, e, g, r, l) {
+  const o = h("CButton"), d = D("tooltip");
+  return i(), a("div", fe, [
+    e.avatarUrl ? (i(), a("div", ve, [
+      t("div", {
+        style: w([{ width: "45px", height: "45px", "border-radius": "50%", "background-position": "center", "background-size": "cover", "margin-right": "calc(1.2 * var(--rem))" }, { backgroundImage: `url(${e.avatarUrl})` }])
+      }, null, 4)
+    ])) : c("", !0),
+    t("div", _e, [
+      t("div", null, [
+        t("div", ye, m(n.$t("bestRegards")), 1),
+        t("div", be, m(e.name), 1)
+      ]),
+      e.cellphone || e.email ? (i(), a("div", we, [
+        e.cellphone ? B((i(), a("a", {
+          key: 0,
+          href: `tel:${e.cellphone}`
+        }, [
+          p(o, {
+            circle: "",
+            type: "none",
+            pattern: "secondary",
+            icon: "phone",
+            class: "text-gray-400"
+          })
+        ], 8, ke)), [
+          [d, {
+            content: e.cellphone,
+            autoHide: !1
+          }]
+        ]) : c("", !0),
+        e.email ? B((i(), a("a", {
+          key: 1,
+          href: `mailto:${e.email}`
+        }, [
+          p(o, {
+            circle: "",
+            type: "none",
+            pattern: "secondary",
+            icon: "email",
+            class: "text-gray-400"
+          })
+        ], 8, Ce)), [
+          [d, {
+            content: e.email,
+            autoHide: !1
+          }]
+        ]) : c("", !0)
+      ])) : c("", !0)
+    ])
+  ]);
+}
+const Me = /* @__PURE__ */ _(ge, [["render", xe], ["__scopeId", "data-v-06c5f50d"]]), Ie = {
+  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: W
+  },
+  emits: ["close"],
+  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: {
+    ...A({
+      isPostingDocument: "documents2/isPosting"
+    })
+  },
+  created() {
+    this.internalValue = this._document.personalMessage || "";
+  },
+  methods: {
+    ...O({
+      saveDocument: S.DO_SAVE_DYNDOC,
+      // DO SAVE ACTION TO AVOID FORM CLEAR
+      loadDocumentForm: S.LOAD_DOCUMENT2_FORM
+    }),
+    async saveMessage() {
+      if (this.internalValue ? this.setFormValue({
+        key: "data.personalMessage",
+        value: this.internalValue
+      }) : this.removeFormValue("data.personalMessage"), this._document.id) {
+        const n = await this.saveDocument();
+        this.loadDocumentForm({ documentId: n });
+      }
+      this.$emit("close");
+    }
+  }
+}, Be = {
+  class: "bg-white",
+  style: { padding: "calc(2 * var(--rem))", "border-radius": "0.75em" }
+}, Pe = { style: { "font-size": "calc(calc(1 * var(--rem)) + 4px)", "font-weight": "900", "margin-bottom": "calc(1 * var(--rem))" } };
+function Se(n, s, e, g, r, l) {
+  const o = h("TextEditor"), d = h("CButton");
+  return i(), a("div", Be, [
+    t("div", Pe, m(n.$t("title")), 1),
+    p(o, {
+      ref: "textEditor",
+      modelValue: r.internalValue,
+      "onUpdate:modelValue": s[0] || (s[0] = (u) => r.internalValue = u),
+      extensions: {
+        blockquote: !0,
+        highlight: !0,
+        image: !0,
+        table: !1
+      },
+      placeholder: n.$t("placeholder"),
+      style: { "margin-bottom": "1em" }
+    }, null, 8, ["modelValue", "placeholder"]),
+    p(d, {
+      loading: n.isPostingDocument,
+      type: "primary",
+      expanded: "",
+      onClick: l.saveMessage
+    }, {
+      default: v(() => [
+        x(m(n.$t("_common:save")), 1)
+      ]),
+      _: 1
+    }, 8, ["loading", "onClick"])
+  ]);
+}
+const $e = /* @__PURE__ */ _(Ie, [["render", Se]]), ze = {
+  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: Me,
+    CCallout: V,
+    IsPremium: $(
+      () => import("./index-CJZoubA3.js").then((n) => n.i).then((n) => n.IsPremium)
+    ),
+    IsPremiumPreStep: $(
+      () => import("./index-CJZoubA3.js").then((n) => n.i).then((n) => n.IsPremiumPreStep)
+    )
+  },
+  mixins: [T([])],
+  props: {
+    content: {
+      type: String,
+      default: ""
+    },
+    avatar: {
+      type: Object,
+      default: () => null
+    },
+    creator: {
+      type: Object,
+      default: () => ({})
+    },
+    editable: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  methods: {
+    openEditModal() {
+      this.$modal.show(
+        $e,
+        {
+          _document: this._document,
+          setFormValue: this.viewSettings.setFormValue,
+          removeFormValue: this.viewSettings.removeFormValue
+        },
+        {
+          adaptive: !0,
+          scrollable: !0,
+          height: "auto",
+          width: "90%",
+          maxWidth: 450
+        }
+      );
+    }
+  }
+}, De = { class: "presentation-message" }, Fe = ["innerHTML"], Te = {
+  key: 1,
+  style: { "margin-top": "calc(2 * var(--rem))" }
+};
+function Ve(n, s, e, g, r, l) {
+  const o = h("CButton"), d = h("IsPremiumPreStep"), u = h("IsPremium"), b = h("CCallout"), P = h("AvatarContact");
+  return i(), a("div", De, [
+    e.content ? (i(), a("div", {
+      key: 0,
+      class: "quill-format",
+      innerHTML: e.content
+    }, null, 8, Fe)) : c("", !0),
+    e.editable && e.content ? (i(), a("div", Te, [
+      p(o, {
+        type: "none",
+        pattern: "secondary",
+        size: "normal",
+        "icon-left": "edit",
+        onClick: l.openEditModal
+      }, {
+        default: v(() => [
+          x(m(n.$t("changeMessage")), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ])) : !e.content && e.editable ? (i(), f(b, {
+      key: 2,
+      title: n.$t("addMessage")
+    }, {
+      default: v(() => [
+        t("div", null, m(n.$t("pmPlaceholder")), 1),
+        p(u, null, {
+          default: v(({ allowPremiumFeatures: E }) => [
+            p(d, { feature: "personalMessage" }, {
+              default: v(({ onClick: j }) => [
+                p(o, {
+                  type: "secondary",
+                  size: "normal",
+                  style: { "margin-top": "calc(1.5 * var(--rem))" },
+                  onClick: (ht) => E ? l.openEditModal() : j({ callback: l.openEditModal })
+                }, {
+                  default: v(() => [
+                    x(m(n.$t("writeMessage")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["title"])) : c("", !0),
+    e.avatar ? (i(), f(P, {
+      key: 3,
+      "avatar-url": e.creator.image,
+      name: e.creator.name,
+      cellphone: e.creator.cellphone,
+      email: e.creator.email,
+      style: { "margin-top": "calc(2.5 * var(--rem))" }
+    }, null, 8, ["avatar-url", "name", "cellphone", "email"])) : c("", !0)
+  ]);
+}
+const Ee = /* @__PURE__ */ _(ze, [["render", Ve], ["__scopeId", "data-v-56104e32"]]), je = {
+  name: "ModalReference",
+  emits: ["close"],
+  mixins: [N],
+  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
+    },
+    show: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      currIndex: 0
+    };
+  }
+}, Ae = {
+  key: 0,
+  class: "photo-container duration-300ms"
+}, Oe = { class: "relative" }, qe = {
+  key: 0,
+  class: "relative overflow-hidden"
+}, He = { class: "absolute inset-0 flex items-center justify-between p-1" }, Le = { class: "absolute bottom-2 left-0 right-0 flex justify-center gap-2" }, Ue = { class: "content" }, Re = { class: "text-lg font-bold" }, We = ["innerHTML"];
+function Ne(n, s, e, g, r, l) {
+  const o = h("CButton");
+  return i(), f(F, { name: e.transition }, {
+    default: v(() => [
+      e.show ? (i(), a("div", Ae, [
+        n.mq === "sm" ? (i(), a("div", {
+          key: 0,
+          circle: "",
+          class: "reference-close-button",
+          onClick: s[0] || (s[0] = (d) => n.$emit("close"))
+        }, s[3] || (s[3] = [
+          t("svg", {
+            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", {
+              x1: "18",
+              y1: "6",
+              x2: "6",
+              y2: "18"
+            }),
+            t("line", {
+              x1: "6",
+              y1: "6",
+              x2: "18",
+              y2: "18"
+            })
+          ], -1)
+        ]))) : c("", !0),
+        t("div", Oe, [
+          (i(!0), a(y, null, C(e.images, (d, u) => (i(), a(y, { key: u }, [
+            r.currIndex === u ? (i(), a("div", qe, [
+              t("div", {
+                style: w([{ backgroundImage: `url(${d})` }]),
+                class: "image-background-fill"
+              }, null, 4),
+              t("div", {
+                style: w([{ backgroundImage: `url(${d}` }]),
+                class: "image"
+              }, null, 4)
+            ])) : c("", !0)
+          ], 64))), 128)),
+          e.images.length > 1 ? (i(), a(y, { key: 0 }, [
+            t("div", He, [
+              p(o, {
+                class: "bg-white/10 text-gray-100",
+                icon: "chevron-left",
+                circle: "",
+                type: "none",
+                pattern: "tertiary",
+                "icon-props": { size: 24 },
+                onClick: s[1] || (s[1] = (d) => r.currIndex - 1 < 0 ? r.currIndex = e.images.length - 1 : r.currIndex--)
+              }),
+              p(o, {
+                class: "bg-white/10 text-gray-100",
+                icon: "chevron-right",
+                circle: "",
+                type: "none",
+                pattern: "tertiary",
+                "icon-props": { size: 24 },
+                onClick: s[2] || (s[2] = (d) => r.currIndex + 1 > e.images.length - 1 ? r.currIndex = 0 : r.currIndex++)
+              })
+            ]),
+            t("div", Le, [
+              (i(!0), a(y, null, C(e.images, (d, u) => (i(), a("div", {
+                key: "dot" + u,
+                class: k([[r.currIndex === u ? "bg-white" : "bg-white/50"], "h-1.5 w-1.5 rounded-full"])
+              }, null, 2))), 128))
+            ])
+          ], 64)) : c("", !0)
+        ]),
+        t("div", Ue, [
+          t("div", Re, m(e.title), 1),
+          t("div", {
+            class: "text-base",
+            innerHTML: e.content
+          }, null, 8, We)
+        ])
+      ])) : c("", !0)
+    ]),
+    _: 1
+  }, 8, ["name"]);
+}
+const Ge = /* @__PURE__ */ _(je, [["render", Ne], ["__scopeId", "data-v-ef137c26"]]), z = q.api.baseUrl, Qe = {
+  props: {
+    albums: {
+      type: Array,
+      default: null
+    }
+  },
+  methods: {
+    show(n) {
+      this.$nextTick(() => {
+        this.$modal.show(
+          Ge,
+          {
+            title: n.name,
+            content: n.description || "",
+            transition: "fade-in-slide-up",
+            images: n.CompanyReferenceItems.map(
+              (s) => s.Image.href || `${z}/file/${s.Image.publicId}/download`
+            ),
+            show: !0
+          },
+          {
+            adaptive: !0,
+            height: "auto",
+            scrollable: !0,
+            classes: "overflow-visible",
+            width: "90%",
+            maxWidth: 600,
+            transition: ""
+          }
+        );
+      });
+    },
+    getThumbnailPath(n) {
+      const s = n.CompanyReferenceItems[0].Thumbnail;
+      return s.href || `${z}/file/${s.publicId}/download`;
+    }
+  }
+}, Xe = { class: "album-wrapper" }, Ye = ["onClick"], Je = { class: "ref-wrapper" }, Ke = { class: "ref-bg-wrapper" }, Ze = { class: "ref-title" }, et = { class: "ref-data" };
+function tt(n, s, e, g, r, l) {
+  return i(), a("div", Xe, [
+    (i(!0), a(y, null, C(e.albums, (o, d) => (i(), a("div", {
+      key: d,
+      style: { flex: "1 0 50%" },
+      onClick: (u) => l.show(o)
+    }, [
+      t("div", Je, [
+        t("div", Ke, [
+          t("div", {
+            style: w({ backgroundImage: `url(${l.getThumbnailPath(o)})` }),
+            class: "ref-bg"
+          }, null, 4)
+        ]),
+        t("div", Ze, m(o.name), 1),
+        t("div", et, m(n.$tc("image", { count: o.CompanyReferenceItems.length })), 1)
+      ])
+    ], 8, Ye))), 128))
+  ]);
+}
+const nt = /* @__PURE__ */ _(Qe, [["render", tt], ["__scopeId", "data-v-5e645a95"]]), st = {
+  i18nOptions: {
+    namespaces: "Presentation",
+    messages: {
+      en: {
+        personalMessage: "Personal message"
+      },
+      sv: {
+        personalMessage: "Personligt meddelande"
+      }
+    }
+  },
+  name: "Presentation",
+  components: {
+    DocPresentationMessage: Ee,
+    DocPresentationPhotos: nt,
+    DocPresentationAboutUs: oe,
+    DocPresentationCertificates: pe
+  },
+  mixins: [T()],
+  setup() {
+    return { docWidth: R() };
+  },
+  data() {
+    return {
+      activeTab: 0,
+      certificates: [],
+      references: [],
+      about: ""
+    };
+  },
+  computed: {
+    company() {
+      return M(this, "_document._doc.company", {});
+    },
+    creator() {
+      return M(this, "_document.sender.user", {});
+    },
+    message() {
+      return M(this, "_document.personalMessage", "");
+    },
+    presentationBlocks() {
+      const n = [];
+      try {
+        if (this.message || this.canEdit) {
+          const s = {
+            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
+            }
+          };
+          n.push(s);
+        }
+      } catch {
+      }
+      try {
+        if (this.about) {
+          const {
+            website: s,
+            recoUrl: e,
+            instagramUrl: g,
+            linkedinUrl: r,
+            facebookUrl: l,
+            googleUrl: o
+          } = this.company, d = {
+            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: s,
+                linkedin: r,
+                reco: e,
+                instagram: g,
+                facebook: l,
+                google: o
+              }
+            }
+          };
+          n.push(d);
+        }
+      } catch {
+      }
+      try {
+        if (this.certificates && this.certificates.length) {
+          const s = this.certificates.map(
+            ({ name: g, description: r, imageUrl: l, website: o }) => ({
+              title: g,
+              description: r,
+              img: l,
+              website: o
+            })
+          ), e = {
+            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: s,
+              showDisclaimer: !0
+              // TODO: How to only enable on client route
+            }
+          };
+          n.push(e);
+        }
+      } catch {
+      }
+      try {
+        if (this.references && this.references.length) {
+          const s = {
+            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
+            }
+          };
+          n.push(s);
+        }
+      } catch {
+      }
+      return n;
+    },
+    activeBlock() {
+      return this.presentationBlocks[this.activeTab];
+    },
+    isSmallScreen() {
+      return this.docWidth <= 576;
+    }
+  },
+  created() {
+    this.fetchCompanyData();
+  },
+  methods: {
+    async fetchCompanyData() {
+      if (!this.company.publicId) return;
+      const { data: n = [] } = await I.getCertificates(
+        this.company.publicId
+      ), { data: s = [] } = await I.getReferences(
+        this.company.publicId
+      ), { data: e } = await I.get(
+        this.company.publicId
+      );
+      this.certificates = n, this.references = s, this.about = M(e, "company.CompanyBranding.about", "");
+    }
+  }
+}, it = {
+  key: 0,
+  class: "relative flex w-full snap-x gap-2 overflow-x-auto px-4"
+}, at = ["onClick"], ot = { class: "presentation-button-title" }, rt = {
+  class: "no-drag flex w-full justify-between",
+  style: { position: "relative" }
+}, lt = { class: "presentation-title" }, ct = {
+  key: 0,
+  style: { flex: "1 0 180px", "padding-top": "calc(27px + 21px)" }
+}, dt = ["onClick"], ut = { class: "presentation-button-title" };
+function mt(n, s, e, g, r, l) {
+  return l.presentationBlocks.length ? (i(), a("section", {
+    key: 0,
+    class: k([[{ sm: l.isSmallScreen }], "presentation font-inter"])
+  }, [
+    l.isSmallScreen ? (i(), a("div", it, [
+      (i(!0), a(y, null, C(l.presentationBlocks, (o, d) => (i(), a("div", {
+        key: d,
+        class: k([[{ active: r.activeTab === d }], "presentation-button slide-item snap-center"]),
+        onClick: (u) => r.activeTab = d
+      }, [
+        t("div", {
+          style: w([o.style]),
+          class: "presentation-button-bg"
+        }, null, 4),
+        t("div", ot, m(o.title), 1)
+      ], 10, at))), 128))
+    ])) : c("", !0),
+    t("div", rt, [
+      t("div", {
+        class: k([[{ sm: l.isSmallScreen }], "presentation-content-wrapper"])
+      }, [
+        p(F, { name: "slide-fade" }, {
+          default: v(() => [
+            l.activeBlock ? (i(), a("div", {
+              key: r.activeTab,
+              class: "presentation-wrapper"
+            }, [
+              t("div", lt, m(l.activeBlock.title), 1),
+              (i(), f(U(l.activeBlock.component), H(L({ ...l.activeBlock.props, _document: n._document })), null, 16))
+            ])) : c("", !0)
+          ]),
+          _: 1
+        })
+      ], 2),
+      l.isSmallScreen ? c("", !0) : (i(), a("div", ct, [
+        (i(!0), a(y, null, C(l.presentationBlocks, (o, d) => (i(), a("div", {
+          key: d,
+          class: k([[{ active: r.activeTab === d }], "presentation-button"]),
+          onClick: (u) => r.activeTab = d
+        }, [
+          t("div", {
+            style: w([o.style]),
+            class: "presentation-button-bg"
+          }, null, 4),
+          t("div", ut, m(o.title), 1)
+        ], 10, dt))), 128))
+      ]))
+    ])
+  ], 2)) : c("", !0);
+}
+const bt = /* @__PURE__ */ _(st, [["render", mt], ["__scopeId", "data-v-c448b612"]]);
+export {
+  bt as default
+};