@cling-se/widget 0.17.2 → 0.18.0

package/dist/DocumentLogotype-BTYMdpNi.js

@@ -0,0 +1,162 @@
+import { a as C } from "./publicSenderState-tdtCFPMx.js";
+import { C as v, a as k } from "./CDropdownItem-DMUAJ90n.js";
+import { _ as b, z as L, m as D, a as I, g as P, e as d, o as s, c as g, w as a, d as i, an as V, b as m, s as y, l as B, B as p, v as r, F as S, f as h } from "./main-Bn5XkQPb.js";
+const U = {
+  name: "DocumentLogotype",
+  components: {
+    CDropdown: v,
+    CDropdownItem: k,
+    ImageUploadWrapper: L(
+      () => import("./ImageUploadWrapper-BGkS5Cll.js")
+    )
+  },
+  inject: {
+    viewSettings: {
+      default: () => ({
+        canEdit: !1,
+        isPublicForm: !1
+      })
+    }
+  },
+  props: {
+    modelValue: {
+      type: String,
+      default: null
+    },
+    companyLogotype: {
+      type: String,
+      default: null
+    },
+    showLogo: {
+      type: Boolean,
+      default: !0
+    },
+    hasHover: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "update:show-logo"],
+  computed: {
+    ...D({
+      isPosting: "companies/isPosting"
+    }),
+    logotype() {
+      return this.modelValue || this.companyLogotype || "";
+    }
+  },
+  methods: {
+    ...I({
+      updateCompany: P.DO_UPDATE_CURRENT_COMPANY
+    }),
+    initUpload() {
+      this.$refs.uploadWrapper && this.$refs.uploadWrapper.onClick();
+    },
+    async setLogotype({ response: o }) {
+      const { publicId: e, url: t } = o || {};
+      t && this.$emit("update:modelValue", t), !this.companyLogotype && e && await this.postLogo(e);
+    },
+    async postLogo(o) {
+      if (this.isPosting) return;
+      const e = { LogotypePublicId: o };
+      this.viewSettings.isPublicForm ? C({ company: e }) : await this.updateCompany({ body: e });
+    }
+  }
+}, W = {
+  key: 0,
+  class: "logo",
+  style: { "min-height": "35px" }
+}, E = ["src"], N = {
+  key: 1,
+  style: { display: "inline-block" }
+}, z = ["src"];
+function A(o, e, t, F, $, n) {
+  const f = d("CButton"), l = d("CDropdownItem"), _ = d("CDropdown"), w = d("ImageUploadWrapper");
+  return n.viewSettings.canEdit ? (s(), g(w, {
+    key: 0,
+    ref: "uploadWrapper",
+    "on-image-upload": n.setLogotype,
+    "upload-options": { maxWidth: 500, maxHeight: 300 },
+    style: { display: "inline-block", width: "fit-content", "will-change": "opacity", "z-index": "3" }
+  }, {
+    default: a(({ progress: c }) => [
+      i(_, {
+        position: "is-bottom-right",
+        onClick: e[2] || (e[2] = V(() => {
+        }, ["stop"]))
+      }, {
+        trigger: a(() => [
+          n.logotype && t.showLogo ? (s(), m("div", W, [
+            y("img", {
+              src: n.logotype,
+              alt: "",
+              width: "150",
+              class: "hover:outline-primary-500 hover:outline hover:outline-2"
+            }, null, 8, E)
+          ])) : (s(), g(f, {
+            key: 1,
+            style: B(
+              !t.hasHover && {
+                visibility: "hidden",
+                pointerEvents: "none"
+              }
+            ),
+            loading: !!c && c < 100 || o.isPosting,
+            type: "text",
+            size: "normal",
+            pattern: "secondary",
+            class: "button-logo"
+          }, {
+            default: a(() => [
+              p(r(o.$t("_common:logo").capitalize()), 1)
+            ]),
+            _: 2
+          }, 1032, ["style", "loading"]))
+        ]),
+        default: a(() => [
+          i(l, {
+            value: t.showLogo,
+            "close-on-click": !1,
+            toggle: "",
+            onInput: e[0] || (e[0] = (u) => o.$emit("update:show-logo", u))
+          }, {
+            default: a(() => [
+              p(r(o.$t("_common:show", { thing: o.$t("_common:logotype") })), 1)
+            ]),
+            _: 1
+          }, 8, ["value"]),
+          t.showLogo ? (s(), m(S, { key: 0 }, [
+            i(l, { separator: !0 }),
+            i(l, { onClick: n.initUpload }, {
+              default: a(() => [
+                p(r(o.$t("_common:change", { thing: o.$t("_common:logotype") })), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            i(l, {
+              disabled: !t.modelValue,
+              onClick: e[1] || (e[1] = (u) => o.$emit("update:modelValue", ""))
+            }, {
+              default: a(() => [
+                p(r(o.$t("_common:reset")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ], 64)) : h("", !0)
+        ]),
+        _: 2
+      }, 1024)
+    ]),
+    _: 1
+  }, 8, ["on-image-upload"])) : t.showLogo ? (s(), m("div", N, [
+    y("img", {
+      src: n.logotype,
+      alt: "",
+      width: "150"
+    }, null, 8, z)
+  ])) : h("", !0);
+}
+const O = /* @__PURE__ */ b(U, [["render", A], ["__scopeId", "data-v-ea7f9453"]]);
+export {
+  O as default
+};

package/dist/DocumentVoided-CWr5WMUv.js

@@ -0,0 +1,33 @@
+import { _ as s, o as c, b as d, s as t, d as i, v as o, e as a } from "./main-Bn5XkQPb.js";
+const r = {
+  name: "DocumentVoided",
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  }
+}, l = { class: "grid h-full place-items-center text-center" }, m = { class: "py-12" }, _ = ["textContent"], u = ["textContent"];
+function p(x, f, e, C, h, v) {
+  const n = a("CIcon");
+  return c(), d("div", l, [
+    t("div", m, [
+      i(n, {
+        type: "info",
+        class: "text-primary-500 mb-2"
+      }),
+      t("div", {
+        class: "text-lg font-medium",
+        textContent: o(e.document.$t("documentVoided.title"))
+      }, null, 8, _),
+      t("div", {
+        class: "text-gray-700",
+        textContent: o(e.document.$t("documentVoided.description"))
+      }, null, 8, u)
+    ])
+  ]);
+}
+const V = /* @__PURE__ */ s(r, [["render", p]]);
+export {
+  V as D
+};

package/dist/EmbedInput-SevVEpwc.js

@@ -0,0 +1,156 @@
+import { _ as p } from "./CFormField.vue_vue_type_script_setup_true_lang-BqAyWe3T.js";
+import { u as f } from "./index-D8hGHka6.js";
+import { a9 as h, _ as b, X as g, e as d, o as w, c as v, w as l, d as o, B as V, v as _, l as y } from "./main-Bn5XkQPb.js";
+const z = (e) => {
+  const a = new DOMParser().parseFromString(e, "text/html"), [i] = h(a, "body.children") || [];
+  return !i || i.tagName !== "IFRAME" ? {} : Array.from(i.attributes).reduce(
+    (s, { name: n, value: r }) => ({ ...s, [n]: r }),
+    {}
+  );
+}, I = (e) => {
+  if (typeof e != "object" || !e) return "";
+  const t = document.createElement("iframe");
+  return Object.keys(e).forEach((a) => t.setAttribute(a, e[a])), t.hasAttribute("src") ? t.outerHTML : "";
+}, F = (e) => /^(?:https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi.test(
+  e
+), x = {
+  name: "EmbedInput",
+  i18nOptions: {
+    namespaces: "embedInput",
+    messages: {
+      en: {
+        placeholder: "Paste embed link",
+        validations: {
+          embed: {
+            isValid: "No supported source found"
+          }
+        }
+      },
+      sv: {
+        placeholder: "Klista in inbäddningslänk",
+        validations: {
+          embed: {
+            isValid: "Ingen källa kunde hittas"
+          }
+        }
+      }
+    }
+  },
+  components: {
+    CField: p
+  },
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    },
+    isDrawerMode: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup() {
+    return {
+      v$: f()
+    };
+  },
+  data() {
+    return {
+      isLoading: !1,
+      embed: {},
+      // TODO: could remove the template string in the input and only parse/validate input strings
+      // TODO: would
+      iFrameTplString: "",
+      inputPlaceholder: '<iframe style="border: 1px solid rgba(0, 0, 0, 0.1)...'
+    };
+  },
+  validations() {
+    return {
+      embed: { isValid: (e) => e && F(e.src) }
+    };
+  },
+  computed: {
+    messages() {
+      return {
+        embed: { isValid: this.$t("validations.embed.isValid") }
+      };
+    }
+  },
+  watch: {
+    modelValue: {
+      immediate: !0,
+      handler(e) {
+        this.embed = Object.assign({}, e), this.iFrameTplString = I(this.embed);
+      }
+    }
+  },
+  methods: {
+    onInput: g(function(t) {
+      this.v$.$reset(), t && this.validateInput(t);
+    }, 500),
+    async validateInput(e) {
+      this.isLoading = !0, this.embed = await z(e), this.embed.src || (this.embed.src = e), this.v$.$invalid || this.$emit("update:modelValue", this.embed), this.isLoading = !1, this.v$.$touch();
+    },
+    focus() {
+      this.$refs.input && this.$refs.input.focus();
+    }
+  }
+};
+function A(e, t, a, i, s, n) {
+  const r = d("CInput"), m = d("CField"), c = d("CButton");
+  return w(), v(m, {
+    grouped: !a.isDrawerMode,
+    style: y(
+      a.isDrawerMode && {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start"
+      }
+    )
+  }, {
+    default: l(() => [
+      o(m, {
+        validator: i.v$.embed,
+        messages: n.messages.embed,
+        expanded: "",
+        style: { width: "100%" }
+      }, {
+        default: l(() => [
+          o(r, {
+            ref: "input",
+            modelValue: s.iFrameTplString,
+            "onUpdate:modelValue": [
+              t[0] || (t[0] = (u) => s.iFrameTplString = u),
+              n.onInput
+            ],
+            placeholder: s.inputPlaceholder,
+            size: a.isDrawerMode ? "small" : void 0,
+            loading: s.isLoading,
+            filled: a.isDrawerMode,
+            "auto-resize": !0,
+            type: "textarea",
+            expanded: ""
+          }, null, 8, ["modelValue", "placeholder", "size", "loading", "filled", "onUpdate:modelValue"])
+        ]),
+        _: 1
+      }, 8, ["validator", "messages"]),
+      o(c, {
+        disabled: s.isLoading,
+        size: a.isDrawerMode ? "small" : void 0,
+        type: "secondary",
+        onClick: t[1] || (t[1] = (u) => n.validateInput(s.iFrameTplString))
+      }, {
+        default: l(() => [
+          V(_(e.$t("_common:add")), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "size"])
+    ]),
+    _: 1
+  }, 8, ["grouped", "style"]);
+}
+const S = /* @__PURE__ */ b(x, [["render", A]]);
+export {
+  S as default
+};

package/dist/EmbedSettings-YMbUmp1O.js

@@ -0,0 +1,103 @@
+import { b as h } from "./CDropdownItem-DMUAJ90n.js";
+import z from "./EmbedInput-SevVEpwc.js";
+import { _ as g, e as d, o, b as i, s, v as n, d as r, F as _, k as f, n as b, f as y } from "./main-Bn5XkQPb.js";
+const C = {
+  i18nOptions: {
+    namespaces: "embedSettings",
+    messages: {
+      en: {
+        title: "Embed - iFrame",
+        subTitle: "Embed anything (PDFs, Google Docs, Calender Sheets...)",
+        responsiveSize: "Responsive size"
+      },
+      sv: {
+        title: "Bädda in - iFrame",
+        subTitle: "Bädda in vad som helst (PDF:er, Google Docs, Calender Sheets...)",
+        responsiveSize: "Responsiv storlek"
+      }
+    }
+  },
+  name: "EmbedSettings",
+  components: {
+    EmbedInput: z,
+    CSwitch: h
+  },
+  emits: ["input", "update:size"],
+  props: {
+    value: {
+      type: Object,
+      default: () => ({})
+    },
+    size: {
+      type: String,
+      default: "small"
+    }
+  },
+  computed: {
+    sizeOptions() {
+      return [
+        {
+          value: "small",
+          svg: '<g fill-rule="nonzero" fill="none"><path d="M0 0h99v65H0z"/><path d="M22 16h56a2 2 0 012 2v30a2 2 0 01-2 2H22a2 2 0 01-2-2V18a2 2 0 012-2zm0 40h56a2 2 0 012 2v7H20v-7a2 2 0 012-2zM20 0h60v7a2 2 0 01-2 2H22a2 2 0 01-2-2V0z" fill="currentColor"/></g>'
+        },
+        {
+          value: "medium",
+          svg: '<g fill-rule="nonzero" fill="none"><path d="M0 0h99v65H0z"/><path d="M11 14h76a2 2 0 012 2v33a2 2 0 01-2 2H11a2 2 0 01-2-2V16a2 2 0 012-2zm8-14h60v6a2 2 0 01-2 2H21a2 2 0 01-2-2V0zm2 58h56a2 2 0 012 2v5H19v-5a2 2 0 012-2z" fill="currentColor"/></g>'
+        },
+        {
+          value: "large",
+          svg: '<g fill-rule="nonzero" fill="none"><path d="M0 0h99v65H0z"/><path d="M8 7h84a2 2 0 012 2v42a2 2 0 01-2 2H8a2 2 0 01-2-2V9a2 2 0 012-2zm13 51h56a2 2 0 012 2v5H19v-5a2 2 0 012-2z" fill="currentColor"/></g>'
+        }
+      ];
+    }
+  }
+}, H = { class: "d-root" }, S = { class: "d-option" }, M = { class: "d-option-title" }, V = {
+  class: "text-gray-600",
+  style: { "padding-bottom": "1em" }
+}, k = { class: "d-option" }, w = { class: "d-option-title" }, E = { style: { flex: "1 1 auto" } }, B = {
+  key: 0,
+  style: { display: "flex", "flex-direction": "row", "flex-wrap": "wrap", "padding-top": "5px" }
+}, F = ["onClick"], $ = ["innerHTML"];
+function D(e, a, l, T, x, m) {
+  const p = d("EmbedInput"), v = d("CSwitch");
+  return o(), i("div", H, [
+    s("div", S, [
+      s("div", M, n(e.$t("title").capitalize()), 1),
+      s("div", V, n(e.$t("subTitle")), 1),
+      r(p, {
+        "model-value": l.value,
+        "is-drawer-mode": !0,
+        "onUpdate:modelValue": a[0] || (a[0] = (t) => e.$emit("input", t))
+      }, null, 8, ["model-value"])
+    ]),
+    s("div", k, [
+      s("div", w, [
+        s("div", E, n(e.$t("responsiveSize")), 1),
+        r(v, {
+          "model-value": !!l.size,
+          size: "small",
+          type: "secondary",
+          style: { "margin-right": "0" },
+          "onUpdate:modelValue": a[1] || (a[1] = (t) => e.$emit("update:size", t ? "small" : null))
+        }, null, 8, ["model-value"])
+      ]),
+      l.size ? (o(), i("div", B, [
+        (o(!0), i(_, null, f(m.sizeOptions, ({ value: t, svg: u }, c) => (o(), i("div", {
+          key: c,
+          class: "size-option",
+          onClick: (I) => e.$emit("update:size", t)
+        }, [
+          (o(), i("svg", {
+            class: b([{ "is-active": l.size === t }, "size-option-image"]),
+            viewBox: "0 0 99 65",
+            innerHTML: u
+          }, null, 10, $))
+        ], 8, F))), 128))
+      ])) : y("", !0)
+    ])
+  ]);
+}
+const G = /* @__PURE__ */ g(C, [["render", D], ["__scopeId", "data-v-d6e52c44"]]);
+export {
+  G as default
+};

package/dist/ErrorCallout-CQo2iF9c.js

@@ -0,0 +1,34 @@
+import { h as c, u as i, i as a, o as m, b as p, s as t, d, v as u, n as r, l as _, e as v, _ as y } from "./main-Bn5XkQPb.js";
+const g = /* @__PURE__ */ c({
+  __name: "ErrorCallout",
+  props: {
+    message: {},
+    size: { default: "normal" }
+  },
+  setup(C) {
+    const e = i(), o = a(() => e.style), l = a(() => e.class);
+    return (s, f) => {
+      const n = v("CIcon");
+      return m(), p("div", {
+        class: r([[l.value], "flex items-center"]),
+        style: _([{ "margin-top": "calc(1 * var(--rem))" }, [o.value]]),
+        "data-type": "error-callout"
+      }, [
+        t("div", {
+          class: r([[`is-${s.size}`], "error-wrapper bg-red-50 text-red-500"]),
+          style: { margin: "calc(1 * var(--rem)) 0" }
+        }, [
+          d(n, {
+            type: "alert",
+            size: "18",
+            style: { "margin-right": "0.5em", flex: "0 0 18px" }
+          }),
+          t("div", null, u(s.message), 1)
+        ], 2)
+      ], 6);
+    };
+  }
+}), z = /* @__PURE__ */ y(g, [["__scopeId", "data-v-32b00685"]]);
+export {
+  z as E
+};

package/dist/FilePreviewModal-C0xBeoAz.js

@@ -0,0 +1,202 @@
+import { V as c } from "./PdfViewer-CSf4Rtbj.js";
+import { _ as f, ag as h, e as m, a2 as k, o, b as i, s as n, v as y, E as a, n as v, c as x, f as g, d as I, an as C } from "./main-Bn5XkQPb.js";
+const L = {
+  name: "FilesPreviewModal",
+  components: {
+    Spinner: h,
+    VuePdf: c
+  },
+  emits: ["close"],
+  props: {
+    index: {
+      type: Number,
+      default: 0
+    },
+    list: {
+      type: Array,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      isLoading: !0,
+      currentIndex: this.index
+    };
+  },
+  computed: {
+    isPdf() {
+      return this.list[this.currentIndex].mime === "application/pdf";
+    }
+  },
+  mounted() {
+    window.addEventListener("keyup", this.handleKey, { capture: !0 }), this.toggleIsLoading();
+  },
+  beforeUnmount() {
+    window.removeEventListener("keyup", this.handleKey, { capture: !0 });
+  },
+  methods: {
+    onGo(t) {
+      const e = this.currentIndex + t;
+      this.list[e] && (this.currentIndex = e, this.toggleIsLoading());
+    },
+    toggleIsLoading() {
+      this.isLoading = !0, setTimeout(() => {
+        this.isLoading = !1;
+      }, 1e3);
+    },
+    handleKey(t) {
+      t.stopPropagation(), parseInt(t.keyCode, 10) === 37 && this.onGo(-1), parseInt(t.keyCode, 10) === 39 && this.onGo(1);
+      const e = t.key || t.keyCode;
+      (e === "Escape" || e === "Esc" || e === 27) && this.$emit("close");
+    }
+  }
+}, b = {
+  class: "flex w-full flex-col",
+  style: { height: "100%" }
+}, M = {
+  class: "image-modal-nav",
+  style: { "z-index": "2" }
+}, B = {
+  class: "truncate-text",
+  style: { "align-items": "center", display: "flex" }
+}, P = { class: "truncate-text" }, V = { style: { display: "flex" } }, E = ["href"], j = {
+  key: 1,
+  class: "pdf-root"
+}, G = ["src"];
+function N(t, e, r, S, s, u) {
+  const p = m("Spinner"), w = m("VuePdf"), l = k("tooltip");
+  return o(), i("div", b, [
+    e[11] || (e[11] = n("div", { class: "image-modal-overlay" }, null, -1)),
+    n("div", M, [
+      n("div", B, [
+        n("div", P, y(r.list[s.currentIndex].name), 1)
+      ]),
+      n("div", V, [
+        a((o(), i("div", {
+          class: v([{ disabled: !r.list[s.currentIndex - 1] }, "image-modal-nav-button"]),
+          onClick: e[0] || (e[0] = (d) => u.onGo(-1))
+        }, e[7] || (e[7] = [
+          n("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "22",
+            height: "22",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            n("path", { d: "M19 12H6M12 5l-7 7 7 7" })
+          ], -1)
+        ]), 2)), [
+          [l, t.$t("show", { thing: t.$t("previous") })]
+        ]),
+        a((o(), i("div", {
+          class: v([{ disabled: !r.list[s.currentIndex + 1] }, "image-modal-nav-button"]),
+          onClick: e[1] || (e[1] = (d) => u.onGo(1))
+        }, e[8] || (e[8] = [
+          n("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "22",
+            height: "22",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            n("path", { d: "M5 12h13M12 5l7 7-7 7" })
+          ], -1)
+        ]), 2)), [
+          [l, t.$t("show", { thing: t.$t("next") })]
+        ]),
+        a((o(), i("a", {
+          href: r.list[s.currentIndex].url,
+          target: "_blank",
+          download: "",
+          class: "image-modal-nav-button"
+        }, e[9] || (e[9] = [
+          n("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "22",
+            height: "22",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            n("path", { d: "M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5" })
+          ], -1)
+        ]), 8, E)), [
+          [l, t.$t("download")]
+        ]),
+        a((o(), i("div", {
+          class: "image-modal-nav-button",
+          onClick: e[2] || (e[2] = (d) => t.$emit("close"))
+        }, e[10] || (e[10] = [
+          n("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "22",
+            height: "22",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            n("line", {
+              x1: "18",
+              y1: "6",
+              x2: "6",
+              y2: "18"
+            }),
+            n("line", {
+              x1: "6",
+              y1: "6",
+              x2: "18",
+              y2: "18"
+            })
+          ], -1)
+        ]))), [
+          [l, t.$t("close")]
+        ])
+      ])
+    ]),
+    n("div", {
+      class: "content-container flex w-full items-center justify-center",
+      style: { position: "relative" },
+      onClick: e[6] || (e[6] = (d) => t.$emit("close"))
+    }, [
+      s.isLoading ? (o(), x(p, {
+        key: 0,
+        size: "50px",
+        style: { position: "absolute", left: "50%", top: "50%", transform: "translate(-50%, -50%)" }
+      })) : g("", !0),
+      u.isPdf ? (o(), i("div", j, [
+        I(w, {
+          src: r.list[s.currentIndex].url,
+          class: "pdf-page",
+          onRendered: e[3] || (e[3] = () => {
+            s.isLoading = !1;
+          }),
+          onClick: e[4] || (e[4] = C(() => {
+          }, ["stop"]))
+        }, null, 8, ["src"])
+      ])) : s.isLoading ? g("", !0) : (o(), i("img", {
+        key: 2,
+        src: r.list[s.currentIndex].url,
+        class: "modal-image",
+        onLoad: e[5] || (e[5] = (d) => s.isLoading = !1)
+      }, null, 40, G))
+    ])
+  ]);
+}
+const K = /* @__PURE__ */ f(L, [["render", N], ["__scopeId", "data-v-26a28b2d"]]);
+export {
+  K as default
+};