import { inject as d, ref as m, onMounted as p, onUnmounted as _, openBlock as u, createElementBlock as f, createElementVNode as e, unref as w, pushScopeId as h, popScopeId as x, createTextVNode as a } from "vue";
import { _ as V, u as b } from "./DashboardPlugin-1aa3a071.js";
const g = (t) => (h("data-v-9c17d3a0"), t = t(), x(), t), v = { class: "tw-flex tw-flex-col tw-h-full" }, B = /* @__PURE__ */ g(() => /* @__PURE__ */ e("div", { class: "bv-metadata tw-text-left tw-p-1 tw-text-sm" }, [
  /* @__PURE__ */ e("p", null, [
    /* @__PURE__ */ e("span", null, "Dataset: "),
    /* @__PURE__ */ a(" Dataset Name Here ")
  ]),
  /* @__PURE__ */ e("p", null, [
    /* @__PURE__ */ e("span", null, "Metadata: "),
    /* @__PURE__ */ a("Metadata could go here")
  ])
], -1)), I = { class: "tw-h-screen tw-flex tw-justify-center" }, S = ["src"], y = {
  __name: "BiolucidaViewer",
  props: {
    imageID: 0,
    mbfLink: { type: String },
    listening: {
      tyep: Boolean
    }
  },
  emits: ["setTitle", "selectWidget"],
  setup(t, { emit: i }) {
    const l = i, s = t, r = d("emitter");
    let n = m(s.mbfLink);
    const o = b();
    return p(() => {
      l("setTitle", "MBF Image Viewer"), o.mbfViewerCount++;
    }), _(() => {
      o.mbfViewerCount--;
    }), r.on("mbf-image-selected", (c) => {
      (o.mbfViewerCount > 1 && s.listening || o.mbfViewerCount == 1) && (n.value = c);
    }), (c, k) => (u(), f("div", v, [
      B,
      e("div", I, [
        e("iframe", {
          class: "tw-p-1 tw-w-screen",
          src: w(n)
        }, null, 8, S)
      ])
    ]));
  }
}, D = /* @__PURE__ */ V(y, [["__scopeId", "data-v-9c17d3a0"]]);
export {
  D as default
};
