labmaker-plugin 0.0.10 → 0.0.12

package/dist/labmaker-plugin.js

@@ -1,39 +1,118 @@
-import { openBlock as n, createElementBlock as c, createElementVNode as r, toDisplayString as d, normalizeClass as u, createCommentVNode as i } from "vue";
-const l = (t, o) => {
-  const e = t.__vccOpts || t;
-  for (const [a, s] of o)
-    e[a] = s;
-  return e;
-}, p = {
-  props: ["title"],
+import { openBlock as o, createElementBlock as a, Fragment as b, createElementVNode as r, toDisplayString as T, resolveComponent as g, createBlock as y, withCtx as m, createVNode as p, withModifiers as w, createTextVNode as C, normalizeClass as k, createCommentVNode as _, normalizeStyle as v, renderList as L } from "vue";
+const f = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [l, s] of n)
+    t[l] = s;
+  return t;
+}, F = {
+  props: ["custom-img"],
   data() {
-    return {};
+    return {
+      imgSRC: this.customImg
+    };
   },
   computed: {},
-  methods: {},
+  methods: {
+    fileUpload(e) {
+      const t = e.target.files[0];
+      this.fileProcess(t);
+    },
+    fileProcess(e) {
+      this.imgSRC = URL.createObjectURL(e);
+    }
+  },
   mounted() {
   }
-};
-function m(t, o, e, a, s, _) {
-  return n(), c("header", null, [
-    r("h1", null, d(e.title), 1)
-  ]);
+}, I = /* @__PURE__ */ r("h1", null, "File Uploader", -1), M = { class: "image-uploader" }, P = /* @__PURE__ */ r("h1", null, "File Uploader", -1), V = { class: "your-file" }, A = ["src"];
+function $(e, n, t, l, s, i) {
+  return o(), a(b, null, [
+    I,
+    r("div", M, [
+      P,
+      r("input", {
+        onChange: n[0] || (n[0] = (...h) => i.fileUpload && i.fileUpload(...h)),
+        type: "file",
+        id: "file-upload",
+        name: "fileUpload",
+        accept: "image/*"
+      }, null, 32),
+      r("div", V, [
+        r("img", {
+          src: s.imgSRC,
+          alt: "",
+          scrset: ""
+        }, null, 8, A)
+      ])
+    ])
+  ], 64);
 }
-const h = /* @__PURE__ */ l(p, [["render", m]]);
-const g = {
+const B = /* @__PURE__ */ f(F, [["render", $]]);
+const K = {
   props: ["title"],
   data() {
     return {};
   },
   computed: {}
 };
-function f(t, o, e, a, s, _) {
-  return n(), c("header", null, [
-    r("h1", null, d(e.title), 1)
+function R(e, n, t, l, s, i) {
+  return o(), a("header", null, [
+    r("h1", null, T(t.title), 1)
   ]);
 }
-const y = /* @__PURE__ */ l(g, [["render", f]]);
-const v = {
+const U = /* @__PURE__ */ f(K, [["render", R]]);
+const W = {
+  data() {
+    return {};
+  },
+  computed: {
+    totalPages() {
+      return this.$store.getters.getPageCount ? this.$store.getters.getPageCount : 0;
+    },
+    currentPage() {
+      return this.$store.getters.getCurrentPage ? this.$store.getters.getCurrentPage + 1 : 1;
+    },
+    pagerCount() {
+      return this.$store.getters.getPagerCount ? this.$store.getters.getPagerCount : 0;
+    }
+  },
+  methods: {
+    handleCurrentChange(e) {
+      this.$store.commit("setCurrentPage", e - 1);
+    },
+    changePage(e) {
+      console.log("headed to: ", e), this.$store.commit("setCurrentPage", e);
+    }
+  }
+};
+function D(e, n, t, l, s, i) {
+  const h = g("el-col"), d = g("el-button"), c = g("el-row");
+  return o(), y(c, { gutter: 20 }, {
+    default: m(() => [
+      p(h, { span: 18 }),
+      p(h, {
+        span: 6,
+        class: "homeButtonContainer"
+      }, {
+        default: m(() => [
+          p(d, {
+            type: "primary ",
+            onClick: n[0] || (n[0] = w((u) => i.changePage(0), ["stop"])),
+            class: "homeButton"
+          }, {
+            default: m(() => [
+              C("Return to Crime Screen")
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const H = /* @__PURE__ */ f(W, [["render", D]]);
+const E = {
   props: ["content"],
   data() {
     return {};
@@ -44,8 +123,8 @@ const v = {
     }
   },
   methods: {
-    pixelFormat(t) {
-      return typeof t == "number" ? t + "px" : t;
+    pixelFormat(e) {
+      return typeof e == "number" ? e + "px" : e;
     },
     checkStepper() {
       this.$store.dispatch("lastPageFocus", {});
@@ -54,38 +133,444 @@ const v = {
   mounted() {
     this.checkStepper();
   }
-}, L = { class: "image-container" }, H = { class: "image" }, k = ["src", "alt"], x = ["innerHTML"], $ = ["innerHTML"], b = ["innerHTML"];
-function M(t, o, e, a, s, _) {
-  return n(), c("div", L, [
-    r("div", H, [
+}, z = { class: "image-container" }, N = { class: "image" }, O = ["src", "alt"], Y = ["innerHTML"], j = ["innerHTML"], X = ["innerHTML"];
+function G(e, n, t, l, s, i) {
+  return o(), a("div", z, [
+    r("div", N, [
       r("img", {
-        src: e.content.src,
-        alt: e.content.alt,
-        class: u(e.content.class)
-      }, null, 10, k),
-      e.content.captionHeader ? (n(), c("span", {
+        src: t.content.src,
+        alt: t.content.alt,
+        class: k(t.content.class)
+      }, null, 10, O),
+      t.content.captionHeader ? (o(), a("span", {
         key: 0,
         class: "captionHeader",
-        innerHTML: e.content.captionHeader
-      }, null, 8, x)) : i("", !0),
-      e.content.caption ? (n(), c("span", {
+        innerHTML: t.content.captionHeader
+      }, null, 8, Y)) : _("", !0),
+      t.content.caption ? (o(), a("span", {
         key: 1,
         class: "caption",
-        innerHTML: e.content.caption
-      }, null, 8, $)) : i("", !0),
-      e.content.copyright ? (n(), c("span", {
+        innerHTML: t.content.caption
+      }, null, 8, j)) : _("", !0),
+      t.content.copyright ? (o(), a("span", {
         key: 2,
-        innerHTML: e.content.copyright,
+        innerHTML: t.content.copyright,
         class: "copyright"
-      }, null, 8, b)) : i("", !0)
+      }, null, 8, X)) : _("", !0)
+    ])
+  ]);
+}
+const J = /* @__PURE__ */ f(E, [["render", G], ["__scopeId", "data-v-6d545532"]]);
+const q = {
+  props: ["content"],
+  //moduleLessonPage
+  data() {
+    return {
+      showingKaltura: !1,
+      showingText: !1,
+      buttonText: !1,
+      hasText: !1,
+      video: { width: 640, height: 480 },
+      audio: { width: 260, height: 80 },
+      audioBtn: { width: 40, height: 40 },
+      textversionArray: {}
+    };
+  },
+  watch: {
+    content: function() {
+      this.tvCleaner();
+    }
+  },
+  computed: {
+    kHeight() {
+      if (this.content.kalturaType === "video")
+        if (this.content.height && this.content.height != "") {
+          let e = this.content.height;
+          return e.slice(-2) === "px" ? e.slice(0, -2) : this.content.height;
+        } else
+          return this.video.height;
+      else if (this.content.kalturaType === "audio")
+        if (this.content.height && this.content.height != "") {
+          let e = this.content.height;
+          return e.slice(-2) === "px" ? e.slice(0, -2) : this.content.height;
+        } else
+          return this.audio.height;
+      else if (this.content.kalturaType === "audiobtn")
+        return this.audioBtn.height;
+    },
+    kWidth() {
+      if (this.content.kalturaType === "video")
+        if (this.content.width && this.content.width != "") {
+          let e = this.content.width;
+          return e.slice(-2) === "px" ? e.slice(0, -2) : this.content.width;
+        } else
+          return this.video.width;
+      else {
+        if (this.content.kalturaType === "audio")
+          return this.audio.width;
+        if (this.content.kalturaType === "audiobtn")
+          return this.audioBtn.width;
+      }
+    }
+  },
+  methods: {
+    getButtonText(e) {
+      return e === "video" ? this.showingText ? "Show Video" : "Show Text Version" : this.showingText ? "Show Audio" : "Show Text Version";
+    },
+    textVersionCheck() {
+      this.content.textVersion && this.content.textVersion.length > 1 && (this.hasText = !0);
+    },
+    kalturaLoad() {
+      this.textVersionCheck();
+    },
+    kalturaMedia(e) {
+      let n = {
+        uiconf_id: "35766781",
+        partner_id: "2061901",
+        entry_id: "",
+        height: "400",
+        width: "640",
+        type: "video"
+      };
+      return n.entry_id = this.content.kalturaEntryId, this.content.kalturaType && (n.type = this.content.kalturaType), n.type === "audio" ? n.uiconf_id = "36511471" : n.type === "audiobtn" ? n.uiconf_id = "36582731" : n.type === "videocc" && (n.uiconf_id = "35766781"), this.content.standalone && this.$store.commit("setStepHold", !1), "https://cdnapisec.kaltura.com/p/" + n.partner_id + "/sp/" + n.partner_id + "00/embedIframeJs/uiconf_id/" + n.uiconf_id + "/partner_id/" + n.partner_id + "?iframeembed=true&playerId=Kaltura&entry_id=" + n.entry_id;
+    },
+    showKaltura() {
+      this.showingKaltura = !0;
+    },
+    showText() {
+      this.showingText = !this.showingText, this.buttonText = !this.buttonText;
+    },
+    tvCleaner() {
+      let e = document.createElement("div");
+      e.innerHTML = this.content.textVersion;
+      for (let n = 0; n < e.children.length; n++) {
+        let t = e.children[n];
+        if (t.tagName == "DIV" && t.className == "panel-default" && t.children[0].dataset.toggle)
+          for (let l = 0; l < t.children.length; l++) {
+            let s = t.children[l];
+            if (s.dataset.toggle == "collapse") {
+              let i = {
+                heading: s.innerHTML,
+                body: t.children[l + 1].innerHTML
+              };
+              this.textversionArray[n] = i;
+            }
+          }
+        else
+          this.textversionArray[n] = t.outerHTML;
+      }
+    }
+  },
+  beforeMount() {
+    this.kalturaLoad(), this.tvCleaner();
+  },
+  mounted() {
+  }
+}, Q = {
+  key: 0,
+  class: "textVersion"
+}, Z = /* @__PURE__ */ r("h1", null, "Text Version", -1), ee = ["innerHTML"], te = ["src", "width", "height"], ne = ["src", "width", "height"], ie = ["src", "width", "height"], oe = {
+  key: 2,
+  class: "alert alert-danger"
+};
+function se(e, n, t, l, s, i) {
+  const h = g("el-button");
+  return o(), a("div", {
+    class: k(["kContainer", t.content.class])
+  }, [
+    t.content.textVersion && s.showingText ? (o(), a("div", Q, [
+      Z,
+      r("div", {
+        innerHTML: t.content.textVersion
+      }, null, 8, ee)
+    ])) : _("", !0),
+    !s.showingText && t.content.kalturaEntryId ? (o(), a("div", {
+      key: 1,
+      class: "mainVersion",
+      style: v({ width: i.kWidth + "px", height: i.kHeight + "px" })
+    }, [
+      t.content.kalturaType == "video" && !s.showingKaltura ? (o(), a("div", {
+        key: 0,
+        class: k(["kPoster", { active: s.showingKaltura == !0 }]),
+        style: v({ width: i.kWidth + "px", height: i.kHeight + "px" })
+      }, [
+        r("iframe", {
+          onClick: n[0] || (n[0] = (...d) => i.showKaltura && i.showKaltura(...d)),
+          class: "videoIframe",
+          src: i.kalturaMedia(t.content),
+          width: i.kWidth + "px",
+          height: i.kHeight + "px",
+          allowfullscreen: "",
+          webkitallowfullscreen: "",
+          mozAllowFullScreen: "",
+          frameborder: "0"
+        }, null, 8, te)
+      ], 6)) : _("", !0),
+      t.content.kalturaType == "audio" ? (o(), a("div", {
+        key: 1,
+        class: k(["kAudio", { active: s.showingKaltura == !0 }]),
+        onClick: n[1] || (n[1] = (...d) => i.showKaltura && i.showKaltura(...d))
+      }, [
+        r("iframe", {
+          id: "my_iframe",
+          src: i.kalturaMedia(t.content),
+          width: i.kWidth + "px",
+          height: i.kHeight + "px",
+          allowfullscreen: "",
+          webkitallowfullscreen: "",
+          mozAllowFullScreen: "",
+          frameborder: "0"
+        }, null, 8, ne)
+      ], 2)) : _("", !0),
+      t.content.kalturaType == "audiobtn" ? (o(), a("div", {
+        key: 2,
+        class: k(["kAudiobtn", { active: s.showingKaltura == !0 }]),
+        onClick: n[2] || (n[2] = (...d) => i.showKaltura && i.showKaltura(...d))
+      }, [
+        r("iframe", {
+          src: i.kalturaMedia(t.content),
+          width: s.audioBtn.width + "px",
+          height: s.audioBtn.height + "px",
+          allowfullscreen: "",
+          webkitallowfullscreen: "",
+          mozAllowFullScreen: "",
+          frameborder: "0"
+        }, null, 8, ie)
+      ], 2)) : _("", !0)
+    ], 4)) : _("", !0),
+    t.content.kalturaEntryId == "" ? (o(), a("div", oe, "There is no Kaltura Entry ID")) : _("", !0),
+    t.content.textVersion ? (o(), y(h, {
+      key: 3,
+      size: "medium",
+      type: "primary",
+      "aria-label": "text version",
+      class: "toggleSwitch ftSwitch btn btn-primary vidText",
+      onClick: n[3] || (n[3] = w((d) => i.showText(t.content.kalturaType), ["stop"]))
+    }, {
+      default: m(() => [
+        C(T(i.getButtonText(t.content.kalturaType)), 1)
+      ]),
+      _: 1
+    })) : _("", !0)
+  ], 2);
+}
+const re = /* @__PURE__ */ f(q, [["render", se]]);
+const ae = {
+  props: ["content"],
+  data() {
+    return {
+      show: !0
+    };
+  },
+  computed: {
+    getShowFeedbackAttempts() {
+      return this.$store.getters.getShowFeedbackAttempts;
+    },
+    feedbackHeader() {
+      return this.$store.getters.getShowFeedbackAttempts ? "Too many Attempts" : this.content.feedbackHeader;
+    },
+    feedbackWidth() {
+      return this.content.feedbackWidth ? this.content.feedbackWidth : "50%";
+    }
+  },
+  methods: {
+    feedbackClose() {
+      this.content.finalInstructions && this.$store.commit("updateFinishDirections", !1), this.content.instructions && this.$store.commit("updateDirections", !1), this.$store.commit("setShowFeedback", !1), this.$store.commit("setShowFeedbackAttempts", !1), this.$store.dispatch("lastPageFocus", {});
+    }
+  },
+  mounted() {
+  }
+}, ce = { class: "my-header" }, le = ["id", "innerHTML"], de = ["innerHTML"], ue = { key: 1 }, he = ["src"], _e = ["innerHTML"], me = { class: "dialog-footer" };
+function ge(e, n, t, l, s, i) {
+  const h = g("el-button"), d = g("el-dialog");
+  return o(), y(d, {
+    width: i.feedbackWidth,
+    modelValue: s.show,
+    "onUpdate:modelValue": n[1] || (n[1] = (c) => s.show = c),
+    "before-close": i.feedbackClose
+  }, {
+    header: m(({ close: c, titleId: u, titleClass: x }) => [
+      r("div", ce, [
+        r("h4", {
+          id: u,
+          class: k(x),
+          innerHTML: i.feedbackHeader
+        }, null, 10, le)
+      ])
+    ]),
+    footer: m(() => [
+      r("span", me, [
+        p(h, {
+          size: "small",
+          id: "feedbackClose",
+          type: "primary",
+          onClick: n[0] || (n[0] = w((c) => i.feedbackClose(), ["stop"]))
+        }, {
+          default: m(() => [
+            C("Close")
+          ]),
+          _: 1
+        })
+      ])
+    ]),
+    default: m(() => [
+      i.getShowFeedbackAttempts ? (o(), a(b, { key: 0 }, [
+        t.content.feedbackAttempts ? (o(), a("p", {
+          key: 0,
+          innerHTML: t.content.feedbackAttempts
+        }, null, 8, de)) : (o(), a("p", ue, "You have tried too many times, the correct answer has been provided for you."))
+      ], 64)) : (o(), a(b, { key: 1 }, [
+        t.content.feedbackImage ? (o(), a("img", {
+          key: 0,
+          class: "im-ButtonImage",
+          src: t.content.feedbackImage,
+          alt: "button image"
+        }, null, 8, he)) : _("", !0),
+        r("p", {
+          innerHTML: t.content.feedback
+        }, null, 8, _e)
+      ], 64))
+    ]),
+    _: 1
+  }, 8, ["width", "modelValue", "before-close"]);
+}
+const S = /* @__PURE__ */ f(ae, [["render", ge]]);
+const fe = {
+  components: {
+    Feedback: S
+  },
+  inject: ["message"],
+  props: ["content"],
+  data() {
+    return {
+      dialogVisible: !1,
+      feedbackVisibility: [],
+      feedbackIndex: 0
+    };
+  },
+  computed: {
+    getLastPage() {
+      return !!this.$store.getters.getLastPage;
+    }
+  },
+  methods: {
+    pixelFormat(e) {
+      return typeof e == "number" ? e + "px" : e;
+    },
+    changePage(e, n) {
+      e.pageLink ? this.$store.commit("setCurrentPage", e.pageLink) : e.feedback && (this.feedbackIndex = n, this.feedbackVisibility.indexOf(n) === -1 && this.feedbackVisibility.push(n), this.$store.commit("setShowFeedback", !0), this.content.hotspots.length - 1 === this.feedbackVisibility.length - 1 && (this.$store.commit("setStepHold", !1), this.$store.commit("setStepDone", !0)), setTimeout(() => {
+        document.getElementById("feedbackClose") && document.getElementById("feedbackClose").focus();
+      }));
+    },
+    showFeedback(e) {
+      return !!(this.$store.getters.getShowFeedback && this.feedbackIndex === e);
+    }
+  },
+  beforeMount() {
+    this.$store.commit("setStepDone", !1), this.$store.commit("setStepHold", !0);
+  }
+}, ke = { class: "imageMarker" }, pe = ["src", "alt"], be = { class: "hotspotArea" }, ye = ["src", "alt"], we = { class: "im-buttonText" };
+function xe(e, n, t, l, s, i) {
+  const h = g("el-button"), d = g("Feedback");
+  return o(), a("div", ke, [
+    r("img", {
+      src: t.content.image,
+      alt: t.content.imageAlt
+    }, null, 8, pe),
+    r("div", be, [
+      (o(!0), a(b, null, L(t.content.hotspots, (c, u) => (o(), a(b, null, [
+        p(h, {
+          type: c.buttonType,
+          onClick: w((x) => i.changePage(c, u), ["stop"]),
+          id: "hotspot_" + u,
+          class: k([["is-" + c.buttonShape, { noBG: c.buttonImage }, c.class], "hotspot"]),
+          style: v({ top: i.pixelFormat(c.cordinatesX), left: i.pixelFormat(c.cordinatesY), width: i.pixelFormat(c.dimensionsW), height: i.pixelFormat(c.dimensionsH) }),
+          icon: c.buttonIcon
+        }, {
+          default: m(() => [
+            c.buttonImage ? (o(), a("img", {
+              key: 0,
+              class: "im-ButtonImage",
+              src: c.buttonImage,
+              alt: "image marker " + Number(u + 1)
+            }, null, 8, ye)) : _("", !0),
+            r("span", we, T(c.name), 1)
+          ]),
+          _: 2
+        }, 1032, ["type", "onClick", "id", "class", "style", "icon"]),
+        i.showFeedback(u) ? (o(), y(d, {
+          key: 0,
+          content: c
+        }, null, 8, ["content"])) : _("", !0)
+      ], 64))), 256))
     ])
   ]);
 }
-const T = /* @__PURE__ */ l(v, [["render", M], ["__scopeId", "data-v-6d545532"]]), S = {
-  install: (t, o) => {
-    t.component("special-uploader", h), t.component("lab-header", y), t.component("lab-image", T);
+const ve = /* @__PURE__ */ f(fe, [["render", xe], ["__scopeId", "data-v-3897bfb2"]]);
+const Te = {
+  props: ["content"],
+  data() {
+    return {
+      imageReplaced: !1,
+      imageSrc: this.content.image,
+      imageAlt: this.content.imageAlt
+    };
+  },
+  computed: {
+    getLastPage() {
+      return !!this.$store.getters.getLastPage;
+    }
+  },
+  methods: {
+    pixelFormat(e) {
+      return typeof e == "number" ? e + "px" : e;
+    },
+    changeImage(e) {
+      this.imageReplaced = !0, this.imageSrc = this.content.hotspots[e].imageOverlay, this.imageAlt = this.content.hotspots[e].imageOverlayAlt, this.$store.commit("setStepHold", !1), this.$store.dispatch("lastPageFocus", {});
+    }
+  }
+}, Ce = ["innerHTML"], He = ["src", "alt"], Le = { class: "hotspotArea" };
+function Se(e, n, t, l, s, i) {
+  const h = g("el-col"), d = g("el-button"), c = g("el-row");
+  return o(), y(c, { class: "imageReplacer" }, {
+    default: m(() => [
+      p(h, { span: 12 }, {
+        default: m(() => [
+          r("p", {
+            class: "imageReplacerDescription",
+            innerHTML: t.content.description
+          }, null, 8, Ce)
+        ]),
+        _: 1
+      }),
+      p(h, { span: 12 }, {
+        default: m(() => [
+          r("img", {
+            class: "im-ButtonImage",
+            src: s.imageSrc,
+            alt: s.imageAlt
+          }, null, 8, He),
+          r("div", Le, [
+            (o(!0), a(b, null, L(t.content.hotspots, (u, x) => (o(), y(d, {
+              type: u.buttonType,
+              onClick: w((Ie) => i.changeImage(x), ["stop"]),
+              class: "hotspot",
+              style: v({ top: i.pixelFormat(u.cordinatesX), left: i.pixelFormat(u.cordinatesY), width: i.pixelFormat(u.dimensionsW), height: i.pixelFormat(u.dimensionsH) }),
+              icon: u.buttonIcon
+            }, null, 8, ["type", "onClick", "style", "icon"]))), 256))
+          ])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const Fe = /* @__PURE__ */ f(Te, [["render", Se], ["__scopeId", "data-v-02e047cd"]]), Pe = {
+  install: (e, n) => {
+    e.component("special-uploader", B), e.component("lab-header", U), e.component("lab-footer", H), e.component("lab-drawer", H), e.component("lab-image", J), e.component("lab-kaltura", re), e.component("lab-image-marker", ve), e.component("lab-image-replacer", Fe), e.component("lab-feedback", S);
   }
 };
 export {
-  S as default
+  Pe as default
 };

package/dist/labmaker-plugin.umd.cjs

@@ -1 +1 @@
-(function(e,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue")):typeof define=="function"&&define.amd?define(["vue"],c):(e=typeof globalThis<"u"?globalThis:e||self,e.LabmakerPlugin=c(e.Vue))})(this,function(e){"use strict";const c="",s=(n,o)=>{const t=n.__vccOpts||n;for(const[a,r]of o)t[a]=r;return t},i={props:["title"],data(){return{}},computed:{},methods:{},mounted(){}};function d(n,o,t,a,r,l){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("h1",null,e.toDisplayString(t.title),1)])}const _=s(i,[["render",d]]),x="",p={props:["title"],data(){return{}},computed:{}};function m(n,o,t,a,r,l){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("h1",null,e.toDisplayString(t.title),1)])}const u=s(p,[["render",m]]),b="",h={props:["content"],data(){return{}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(n){return typeof n=="number"?n+"px":n},checkStepper(){this.$store.dispatch("lastPageFocus",{})}},mounted(){this.checkStepper()}},f={class:"image-container"},g={class:"image"},k=["src","alt"],y=["innerHTML"],L=["innerHTML"],B=["innerHTML"];function E(n,o,t,a,r,l){return e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",g,[e.createElementVNode("img",{src:t.content.src,alt:t.content.alt,class:e.normalizeClass(t.content.class)},null,10,k),t.content.captionHeader?(e.openBlock(),e.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:t.content.captionHeader},null,8,y)):e.createCommentVNode("",!0),t.content.caption?(e.openBlock(),e.createElementBlock("span",{key:1,class:"caption",innerHTML:t.content.caption},null,8,L)):e.createCommentVNode("",!0),t.content.copyright?(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:t.content.copyright,class:"copyright"},null,8,B)):e.createCommentVNode("",!0)])])}const H=s(h,[["render",E],["__scopeId","data-v-6d545532"]]);return{install:(n,o)=>{n.component("special-uploader",_),n.component("lab-header",u),n.component("lab-image",H)}}});
+(function(e,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue")):typeof define=="function"&&define.amd?define(["vue"],m):(e=typeof globalThis<"u"?globalThis:e||self,e.LabmakerPlugin=m(e.Vue))})(this,function(e){"use strict";const m="",h=(t,o)=>{const n=t.__vccOpts||t;for(const[s,i]of o)n[s]=i;return n},u={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(t){const n=t.target.files[0];this.fileProcess(n)},fileProcess(t){this.imgSRC=URL.createObjectURL(t)}},mounted(){}},k=e.createElementVNode("h1",null,"File Uploader",-1),p={class:"image-uploader"},b=e.createElementVNode("h1",null,"File Uploader",-1),y={class:"your-file"},w=["src"];function x(t,o,n,s,i,r){return e.openBlock(),e.createElementBlock(e.Fragment,null,[k,e.createElementVNode("div",p,[b,e.createElementVNode("input",{onChange:o[0]||(o[0]=(...d)=>r.fileUpload&&r.fileUpload(...d)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),e.createElementVNode("div",y,[e.createElementVNode("img",{src:i.imgSRC,alt:"",scrset:""},null,8,w)])])],64)}const C=h(u,[["render",x]]),ke="",B={props:["title"],data(){return{}},computed:{}};function V(t,o,n,s,i,r){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("h1",null,e.toDisplayString(n.title),1)])}const T=h(B,[["render",V]]),pe="",E={data(){return{}},computed:{totalPages(){return this.$store.getters.getPageCount?this.$store.getters.getPageCount:0},currentPage(){return this.$store.getters.getCurrentPage?this.$store.getters.getCurrentPage+1:1},pagerCount(){return this.$store.getters.getPagerCount?this.$store.getters.getPagerCount:0}},methods:{handleCurrentChange(t){this.$store.commit("setCurrentPage",t-1)},changePage(t){console.log("headed to: ",t),this.$store.commit("setCurrentPage",t)}}};function N(t,o,n,s,i,r){const d=e.resolveComponent("el-col"),c=e.resolveComponent("el-button"),a=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(a,{gutter:20},{default:e.withCtx(()=>[e.createVNode(d,{span:18}),e.createVNode(d,{span:6,class:"homeButtonContainer"},{default:e.withCtx(()=>[e.createVNode(c,{type:"primary ",onClick:o[0]||(o[0]=e.withModifiers(l=>r.changePage(0),["stop"])),class:"homeButton"},{default:e.withCtx(()=>[e.createTextVNode("Return to Crime Screen")]),_:1})]),_:1})]),_:1})}const g=h(E,[["render",N]]),be="",S={props:["content"],data(){return{}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},checkStepper(){this.$store.dispatch("lastPageFocus",{})}},mounted(){this.checkStepper()}},L={class:"image-container"},F={class:"image"},H=["src","alt"],M=["innerHTML"],I=["innerHTML"],P=["innerHTML"];function A(t,o,n,s,i,r){return e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",F,[e.createElementVNode("img",{src:n.content.src,alt:n.content.alt,class:e.normalizeClass(n.content.class)},null,10,H),n.content.captionHeader?(e.openBlock(),e.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:n.content.captionHeader},null,8,M)):e.createCommentVNode("",!0),n.content.caption?(e.openBlock(),e.createElementBlock("span",{key:1,class:"caption",innerHTML:n.content.caption},null,8,I)):e.createCommentVNode("",!0),n.content.copyright?(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:n.content.copyright,class:"copyright"},null,8,P)):e.createCommentVNode("",!0)])])}const $=h(S,[["render",A],["__scopeId","data-v-6d545532"]]),ye="",z={props:["content"],data(){return{showingKaltura:!1,showingText:!1,buttonText:!1,hasText:!1,video:{width:640,height:480},audio:{width:260,height:80},audioBtn:{width:40,height:40},textversionArray:{}}},watch:{content:function(){this.tvCleaner()}},computed:{kHeight(){if(this.content.kalturaType==="video")if(this.content.height&&this.content.height!=""){let t=this.content.height;return t.slice(-2)==="px"?t.slice(0,-2):this.content.height}else return this.video.height;else if(this.content.kalturaType==="audio")if(this.content.height&&this.content.height!=""){let t=this.content.height;return t.slice(-2)==="px"?t.slice(0,-2):this.content.height}else return this.audio.height;else if(this.content.kalturaType==="audiobtn")return this.audioBtn.height},kWidth(){if(this.content.kalturaType==="video")if(this.content.width&&this.content.width!=""){let t=this.content.width;return t.slice(-2)==="px"?t.slice(0,-2):this.content.width}else return this.video.width;else{if(this.content.kalturaType==="audio")return this.audio.width;if(this.content.kalturaType==="audiobtn")return this.audioBtn.width}}},methods:{getButtonText(t){return t==="video"?this.showingText?"Show Video":"Show Text Version":this.showingText?"Show Audio":"Show Text Version"},textVersionCheck(){this.content.textVersion&&this.content.textVersion.length>1&&(this.hasText=!0)},kalturaLoad(){this.textVersionCheck()},kalturaMedia(t){let o={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return o.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(o.type=this.content.kalturaType),o.type==="audio"?o.uiconf_id="36511471":o.type==="audiobtn"?o.uiconf_id="36582731":o.type==="videocc"&&(o.uiconf_id="35766781"),this.content.standalone&&this.$store.commit("setStepHold",!1),"https://cdnapisec.kaltura.com/p/"+o.partner_id+"/sp/"+o.partner_id+"00/embedIframeJs/uiconf_id/"+o.uiconf_id+"/partner_id/"+o.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+o.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let t=document.createElement("div");t.innerHTML=this.content.textVersion;for(let o=0;o<t.children.length;o++){let n=t.children[o];if(n.tagName=="DIV"&&n.className=="panel-default"&&n.children[0].dataset.toggle)for(let s=0;s<n.children.length;s++){let i=n.children[s];if(i.dataset.toggle=="collapse"){let r={heading:i.innerHTML,body:n.children[s+1].innerHTML};this.textversionArray[o]=r}}else this.textversionArray[o]=n.outerHTML}}},beforeMount(){this.kalturaLoad(),this.tvCleaner()},mounted(){}},K={key:0,class:"textVersion"},R=e.createElementVNode("h1",null,"Text Version",-1),D=["innerHTML"],U=["src","width","height"],W=["src","width","height"],O=["src","width","height"],j={key:2,class:"alert alert-danger"};function Y(t,o,n,s,i,r){const d=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kContainer",n.content.class])},[n.content.textVersion&&i.showingText?(e.openBlock(),e.createElementBlock("div",K,[R,e.createElementVNode("div",{innerHTML:n.content.textVersion},null,8,D)])):e.createCommentVNode("",!0),!i.showingText&&n.content.kalturaEntryId?(e.openBlock(),e.createElementBlock("div",{key:1,class:"mainVersion",style:e.normalizeStyle({width:r.kWidth+"px",height:r.kHeight+"px"})},[n.content.kalturaType=="video"&&!i.showingKaltura?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["kPoster",{active:i.showingKaltura==!0}]),style:e.normalizeStyle({width:r.kWidth+"px",height:r.kHeight+"px"})},[e.createElementVNode("iframe",{onClick:o[0]||(o[0]=(...c)=>r.showKaltura&&r.showKaltura(...c)),class:"videoIframe",src:r.kalturaMedia(n.content),width:r.kWidth+"px",height:r.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,U)],6)):e.createCommentVNode("",!0),n.content.kalturaType=="audio"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["kAudio",{active:i.showingKaltura==!0}]),onClick:o[1]||(o[1]=(...c)=>r.showKaltura&&r.showKaltura(...c))},[e.createElementVNode("iframe",{id:"my_iframe",src:r.kalturaMedia(n.content),width:r.kWidth+"px",height:r.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,W)],2)):e.createCommentVNode("",!0),n.content.kalturaType=="audiobtn"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["kAudiobtn",{active:i.showingKaltura==!0}]),onClick:o[2]||(o[2]=(...c)=>r.showKaltura&&r.showKaltura(...c))},[e.createElementVNode("iframe",{src:r.kalturaMedia(n.content),width:i.audioBtn.width+"px",height:i.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,O)],2)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),n.content.kalturaEntryId==""?(e.openBlock(),e.createElementBlock("div",j,"There is no Kaltura Entry ID")):e.createCommentVNode("",!0),n.content.textVersion?(e.openBlock(),e.createBlock(d,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:o[3]||(o[3]=e.withModifiers(c=>r.showText(n.content.kalturaType),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.getButtonText(n.content.kalturaType)),1)]),_:1})):e.createCommentVNode("",!0)],2)}const X=h(z,[["render",Y]]),we="",q={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts},feedbackHeader(){return this.$store.getters.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&this.$store.commit("updateFinishDirections",!1),this.content.instructions&&this.$store.commit("updateDirections",!1),this.$store.commit("setShowFeedback",!1),this.$store.commit("setShowFeedbackAttempts",!1),this.$store.dispatch("lastPageFocus",{})}},mounted(){}},G={class:"my-header"},J=["id","innerHTML"],Q=["innerHTML"],Z={key:1},v=["src"],ee=["innerHTML"],te={class:"dialog-footer"};function ne(t,o,n,s,i,r){const d=e.resolveComponent("el-button"),c=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(c,{width:r.feedbackWidth,modelValue:i.show,"onUpdate:modelValue":o[1]||(o[1]=a=>i.show=a),"before-close":r.feedbackClose},{header:e.withCtx(({close:a,titleId:l,titleClass:_})=>[e.createElementVNode("div",G,[e.createElementVNode("h4",{id:l,class:e.normalizeClass(_),innerHTML:r.feedbackHeader},null,10,J)])]),footer:e.withCtx(()=>[e.createElementVNode("span",te,[e.createVNode(d,{size:"small",id:"feedbackClose",type:"primary",onClick:o[0]||(o[0]=e.withModifiers(a=>r.feedbackClose(),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode("Close")]),_:1})])]),default:e.withCtx(()=>[r.getShowFeedbackAttempts?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.content.feedbackAttempts?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:n.content.feedbackAttempts},null,8,Q)):(e.openBlock(),e.createElementBlock("p",Z,"You have tried too many times, the correct answer has been provided for you."))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.content.feedbackImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:n.content.feedbackImage,alt:"button image"},null,8,v)):e.createCommentVNode("",!0),e.createElementVNode("p",{innerHTML:n.content.feedback},null,8,ee)],64))]),_:1},8,["width","modelValue","before-close"])}const f=h(q,[["render",ne]]),xe="",oe={components:{Feedback:f},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},changePage(t,o){t.pageLink?this.$store.commit("setCurrentPage",t.pageLink):t.feedback&&(this.feedbackIndex=o,this.feedbackVisibility.indexOf(o)===-1&&this.feedbackVisibility.push(o),this.$store.commit("setShowFeedback",!0),this.content.hotspots.length-1===this.feedbackVisibility.length-1&&(this.$store.commit("setStepHold",!1),this.$store.commit("setStepDone",!0)),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(t){return!!(this.$store.getters.getShowFeedback&&this.feedbackIndex===t)}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setStepHold",!0)}},re={class:"imageMarker"},ie=["src","alt"],ae={class:"hotspotArea"},se=["src","alt"],ce={class:"im-buttonText"};function le(t,o,n,s,i,r){const d=e.resolveComponent("el-button"),c=e.resolveComponent("Feedback");return e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("img",{src:n.content.image,alt:n.content.imageAlt},null,8,ie),e.createElementVNode("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.hotspots,(a,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(d,{type:a.buttonType,onClick:e.withModifiers(_=>r.changePage(a,l),["stop"]),id:"hotspot_"+l,class:e.normalizeClass([["is-"+a.buttonShape,{noBG:a.buttonImage},a.class],"hotspot"]),style:e.normalizeStyle({top:r.pixelFormat(a.cordinatesX),left:r.pixelFormat(a.cordinatesY),width:r.pixelFormat(a.dimensionsW),height:r.pixelFormat(a.dimensionsH)}),icon:a.buttonIcon},{default:e.withCtx(()=>[a.buttonImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:a.buttonImage,alt:"image marker "+Number(l+1)},null,8,se)):e.createCommentVNode("",!0),e.createElementVNode("span",ce,e.toDisplayString(a.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),r.showFeedback(l)?(e.openBlock(),e.createBlock(c,{key:0,content:a},null,8,["content"])):e.createCommentVNode("",!0)],64))),256))])])}const de=h(oe,[["render",le],["__scopeId","data-v-3897bfb2"]]),Ce="",he={props:["content"],data(){return{imageReplaced:!1,imageSrc:this.content.image,imageAlt:this.content.imageAlt}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},changeImage(t){this.imageReplaced=!0,this.imageSrc=this.content.hotspots[t].imageOverlay,this.imageAlt=this.content.hotspots[t].imageOverlayAlt,this.$store.commit("setStepHold",!1),this.$store.dispatch("lastPageFocus",{})}}},me=["innerHTML"],_e=["src","alt"],ge={class:"hotspotArea"};function fe(t,o,n,s,i,r){const d=e.resolveComponent("el-col"),c=e.resolveComponent("el-button"),a=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(a,{class:"imageReplacer"},{default:e.withCtx(()=>[e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:n.content.description},null,8,me)]),_:1}),e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createElementVNode("img",{class:"im-ButtonImage",src:i.imageSrc,alt:i.imageAlt},null,8,_e),e.createElementVNode("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.hotspots,(l,_)=>(e.openBlock(),e.createBlock(c,{type:l.buttonType,onClick:e.withModifiers(Ve=>r.changeImage(_),["stop"]),class:"hotspot",style:e.normalizeStyle({top:r.pixelFormat(l.cordinatesX),left:r.pixelFormat(l.cordinatesY),width:r.pixelFormat(l.dimensionsW),height:r.pixelFormat(l.dimensionsH)}),icon:l.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const ue=h(he,[["render",fe],["__scopeId","data-v-02e047cd"]]);return{install:(t,o)=>{t.component("special-uploader",C),t.component("lab-header",T),t.component("lab-footer",g),t.component("lab-drawer",g),t.component("lab-image",$),t.component("lab-kaltura",X),t.component("lab-image-marker",de),t.component("lab-image-replacer",ue),t.component("lab-feedback",f)}}});

package/dist/style.css

@@ -1 +1 @@
-header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}#app .image-container[data-v-6d545532]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-6d545532]{height:100%}#app .image-container .image img[data-v-6d545532]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:20px}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:40px}#app .image-container .captionHeader[data-v-6d545532]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-6d545532]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-6d545532]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}
+.image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}.el-pagination.is-background .el-pager li:not(.disabled).active{border:1px solid #5857A6;border-radius:4px;background-color:#3733a6!important;color:#fff;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-pagination.is-background .el-pager li:not(.disabled).active:hover,.el-pagination.is-background .el-pager li:not(.disabled).active:focus,.el-pagination.is-background .el-pager li:not(.disabled).active:active{color:#fff;background:#5857A6;border-color:#5857a6}#app .image-container[data-v-6d545532]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-6d545532]{height:100%}#app .image-container .image img[data-v-6d545532]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:20px}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:40px}#app .image-container .captionHeader[data-v-6d545532]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-6d545532]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-6d545532]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.imageMarker[data-v-3897bfb2]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-3897bfb2]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-3897bfb2]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-3897bfb2]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-3897bfb2]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-3897bfb2]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-02e047cd]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-02e047cd]{position:relative;height:100%}#app div.imageReplacer img[data-v-02e047cd]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-02e047cd]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-02e047cd]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset;background:transparent;border:none}#app div.imageReplacer .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-02e047cd]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-02e047cd]{position:absolute;left:17px;top:12px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "labmaker-plugin",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "type": "module",
   "files": [
     "dist"
@@ -12,7 +12,8 @@
       "import": "./dist/labmaker-plugin.js",
       "require": "./dist/labmaker-plugin.umd.cjs"
     },
-    "./styles": "./dist/style.css"
+    "./styles": "./dist/style.css",
+    "./*": "./*"
   },
   "scripts": {
     "dev": "vite",
@@ -21,7 +22,8 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "vue": "^3.3.2"
+    "vue": "^3.3.2",
+    "@element-plus/icons": "^0.0.11"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",