labmaker-plugin 0.0.11 → 0.0.13

package/dist/labmaker-plugin.js

@@ -1,10 +1,10 @@
-import { openBlock as s, createElementBlock as o, Fragment as k, createElementVNode as r, toDisplayString as p, normalizeClass as _, createCommentVNode as l, resolveComponent as b, normalizeStyle as y, createBlock as w, withModifiers as x, withCtx as f, createTextVNode as T, createVNode as H, renderList as L } from "vue";
-const g = (t, n) => {
-  const e = t.__vccOpts || t;
-  for (const [d, a] of n)
-    e[d] = a;
-  return e;
-}, S = {
+import { openBlock as o, createElementBlock as c, Fragment as y, createElementVNode as r, toDisplayString as A, resolveComponent as u, createBlock as w, withCtx as p, createVNode as C, withModifiers as x, createTextVNode as F, normalizeClass as v, createCommentVNode as d, normalizeStyle as H, renderList as T } from "vue";
+const S = (e, t) => {
+  const s = e.__vccOpts || e;
+  for (const [l, i] of t)
+    s[l] = i;
+  return s;
+}, j = {
   props: ["custom-img"],
   data() {
     return {
@@ -13,32 +13,32 @@ const g = (t, n) => {
   },
   computed: {},
   methods: {
-    fileUpload(t) {
-      const e = t.target.files[0];
-      this.fileProcess(e);
+    fileUpload(e) {
+      const s = e.target.files[0];
+      this.fileProcess(s);
     },
-    fileProcess(t) {
-      this.imgSRC = URL.createObjectURL(t);
+    fileProcess(e) {
+      this.imgSRC = URL.createObjectURL(e);
     }
   },
   mounted() {
   }
-}, C = /* @__PURE__ */ r("h1", null, "File Uploader", -1), F = { class: "image-uploader" }, M = /* @__PURE__ */ r("h1", null, "File Uploader", -1), I = { class: "your-file" }, V = ["src"];
-function A(t, n, e, d, a, i) {
-  return s(), o(k, null, [
-    C,
-    r("div", F, [
-      M,
+}, B = /* @__PURE__ */ r("h1", null, "File Uploader", -1), O = { class: "image-uploader" }, L = /* @__PURE__ */ r("h1", null, "File Uploader", -1), q = { class: "your-file" }, V = ["src"];
+function E(e, t, s, l, i, n) {
+  return o(), c(y, null, [
+    B,
+    r("div", O, [
+      L,
       r("input", {
-        onChange: n[0] || (n[0] = (...u) => i.fileUpload && i.fileUpload(...u)),
+        onChange: t[0] || (t[0] = (...b) => n.fileUpload && n.fileUpload(...b)),
         type: "file",
         id: "file-upload",
         name: "fileUpload",
         accept: "image/*"
       }, null, 32),
-      r("div", I, [
+      r("div", q, [
         r("img", {
-          src: a.imgSRC,
+          src: i.imgSRC,
           alt: "",
           scrset: ""
         }, null, 8, V)
@@ -46,21 +46,73 @@ function A(t, n, e, d, a, i) {
     ])
   ], 64);
 }
-const K = /* @__PURE__ */ g(S, [["render", A]]);
-const B = {
+const P = /* @__PURE__ */ S(j, [["render", E]]);
+const D = {
   props: ["title"],
   data() {
     return {};
   },
   computed: {}
 };
-function P(t, n, e, d, a, i) {
-  return s(), o("header", null, [
-    r("h1", null, p(e.title), 1)
+function W(e, t, s, l, i, n) {
+  return o(), c("header", null, [
+    r("h1", null, A(s.title), 1)
   ]);
 }
-const U = /* @__PURE__ */ g(B, [["render", P]]);
-const W = {
+const U = /* @__PURE__ */ S(D, [["render", W]]);
+const N = {
+  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 K(e, t, s, l, i, n) {
+  const b = u("el-col"), m = u("el-button"), a = u("el-row");
+  return o(), w(a, { gutter: 20 }, {
+    default: p(() => [
+      C(b, { span: 18 }),
+      C(b, {
+        span: 6,
+        class: "homeButtonContainer"
+      }, {
+        default: p(() => [
+          C(m, {
+            type: "primary ",
+            onClick: t[0] || (t[0] = x((f) => n.changePage(0), ["stop"])),
+            class: "homeButton"
+          }, {
+            default: p(() => [
+              F("Return to Crime Screen")
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const I = /* @__PURE__ */ S(N, [["render", K]]);
+const R = {
   props: ["content"],
   data() {
     return {};
@@ -71,8 +123,8 @@ const W = {
     }
   },
   methods: {
-    pixelFormat(t) {
-      return typeof t == "number" ? t + "px" : t;
+    pixelFormat(e) {
+      return typeof e == "number" ? e + "px" : e;
     },
     checkStepper() {
       this.$store.dispatch("lastPageFocus", {});
@@ -81,35 +133,35 @@ const W = {
   mounted() {
     this.checkStepper();
   }
-}, E = { class: "image-container" }, z = { class: "image" }, D = ["src", "alt"], N = ["innerHTML"], R = ["innerHTML"], O = ["innerHTML"];
-function $(t, n, e, d, a, i) {
-  return s(), o("div", E, [
-    r("div", z, [
+}, Q = { class: "image-container" }, Y = { class: "image" }, X = ["src", "alt"], G = ["innerHTML"], J = ["innerHTML"], Z = ["innerHTML"];
+function ee(e, t, s, l, i, n) {
+  return o(), c("div", Q, [
+    r("div", Y, [
       r("img", {
-        src: e.content.src,
-        alt: e.content.alt,
-        class: _(e.content.class)
-      }, null, 10, D),
-      e.content.captionHeader ? (s(), o("span", {
+        src: s.content.src,
+        alt: s.content.alt,
+        class: v(s.content.class)
+      }, null, 10, X),
+      s.content.captionHeader ? (o(), c("span", {
         key: 0,
         class: "captionHeader",
-        innerHTML: e.content.captionHeader
-      }, null, 8, N)) : l("", !0),
-      e.content.caption ? (s(), o("span", {
+        innerHTML: s.content.captionHeader
+      }, null, 8, G)) : d("", !0),
+      s.content.caption ? (o(), c("span", {
         key: 1,
         class: "caption",
-        innerHTML: e.content.caption
-      }, null, 8, R)) : l("", !0),
-      e.content.copyright ? (s(), o("span", {
+        innerHTML: s.content.caption
+      }, null, 8, J)) : d("", !0),
+      s.content.copyright ? (o(), c("span", {
         key: 2,
-        innerHTML: e.content.copyright,
+        innerHTML: s.content.copyright,
         class: "copyright"
-      }, null, 8, O)) : l("", !0)
+      }, null, 8, Z)) : d("", !0)
     ])
   ]);
 }
-const j = /* @__PURE__ */ g(W, [["render", $], ["__scopeId", "data-v-6d545532"]]);
-const Y = {
+const te = /* @__PURE__ */ S(R, [["render", ee], ["__scopeId", "data-v-6d545532"]]);
+const se = {
   props: ["content"],
   //moduleLessonPage
   data() {
@@ -133,14 +185,14 @@ const Y = {
     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;
+          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 t = this.content.height;
-          return t.slice(-2) === "px" ? t.slice(0, -2) : 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")
@@ -149,8 +201,8 @@ const Y = {
     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;
+          let e = this.content.width;
+          return e.slice(-2) === "px" ? e.slice(0, -2) : this.content.width;
         } else
           return this.video.width;
       else {
@@ -162,8 +214,8 @@ const Y = {
     }
   },
   methods: {
-    getButtonText(t) {
-      return t === "video" ? this.showingText ? "Show Video" : "Show Text Version" : this.showingText ? "Show Audio" : "Show Text Version";
+    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);
@@ -171,8 +223,8 @@ const Y = {
     kalturaLoad() {
       this.textVersionCheck();
     },
-    kalturaMedia(t) {
-      let n = {
+    kalturaMedia(e) {
+      let t = {
         uiconf_id: "35766781",
         partner_id: "2061901",
         entry_id: "",
@@ -180,7 +232,7 @@ const Y = {
         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;
+      return t.entry_id = this.content.kalturaEntryId, this.content.kalturaType && (t.type = this.content.kalturaType), t.type === "audio" ? t.uiconf_id = "36511471" : t.type === "audiobtn" ? t.uiconf_id = "36582731" : t.type === "videocc" && (t.uiconf_id = "35766781"), this.content.standalone && this.$store.commit("setStepHold", !1), "https://cdnapisec.kaltura.com/p/" + t.partner_id + "/sp/" + t.partner_id + "00/embedIframeJs/uiconf_id/" + t.uiconf_id + "/partner_id/" + t.partner_id + "?iframeembed=true&playerId=Kaltura&entry_id=" + t.entry_id;
     },
     showKaltura() {
       this.showingKaltura = !0;
@@ -189,23 +241,23 @@ const Y = {
       this.showingText = !this.showingText, this.buttonText = !this.buttonText;
     },
     tvCleaner() {
-      let t = document.createElement("div");
-      t.innerHTML = this.content.textVersion;
-      for (let n = 0; n < t.children.length; n++) {
-        let e = t.children[n];
-        if (e.tagName == "DIV" && e.className == "panel-default" && e.children[0].dataset.toggle)
-          for (let d = 0; d < e.children.length; d++) {
-            let a = e.children[d];
-            if (a.dataset.toggle == "collapse") {
-              let i = {
-                heading: a.innerHTML,
-                body: e.children[d + 1].innerHTML
+      let e = document.createElement("div");
+      e.innerHTML = this.content.textVersion;
+      for (let t = 0; t < e.children.length; t++) {
+        let s = e.children[t];
+        if (s.tagName == "DIV" && s.className == "panel-default" && s.children[0].dataset.toggle)
+          for (let l = 0; l < s.children.length; l++) {
+            let i = s.children[l];
+            if (i.dataset.toggle == "collapse") {
+              let n = {
+                heading: i.innerHTML,
+                body: s.children[l + 1].innerHTML
               };
-              this.textversionArray[n] = i;
+              this.textversionArray[t] = n;
             }
           }
         else
-          this.textversionArray[n] = e.outerHTML;
+          this.textversionArray[t] = s.outerHTML;
       }
     }
   },
@@ -214,96 +266,96 @@ const Y = {
   },
   mounted() {
   }
-}, G = {
+}, ne = {
   key: 0,
   class: "textVersion"
-}, J = /* @__PURE__ */ r("h1", null, "Text Version", -1), X = ["innerHTML"], q = ["src", "width", "height"], Q = ["src", "width", "height"], Z = ["src", "width", "height"], ee = {
+}, oe = /* @__PURE__ */ r("h1", null, "Text Version", -1), ie = ["innerHTML"], ce = ["src", "width", "height"], le = ["src", "width", "height"], re = ["src", "width", "height"], ae = {
   key: 2,
   class: "alert alert-danger"
 };
-function te(t, n, e, d, a, i) {
-  const u = b("el-button");
-  return s(), o("div", {
-    class: _(["kContainer", e.content.class])
+function ue(e, t, s, l, i, n) {
+  const b = u("el-button");
+  return o(), c("div", {
+    class: v(["kContainer", s.content.class])
   }, [
-    e.content.textVersion && a.showingText ? (s(), o("div", G, [
-      J,
+    s.content.textVersion && i.showingText ? (o(), c("div", ne, [
+      oe,
       r("div", {
-        innerHTML: e.content.textVersion
-      }, null, 8, X)
-    ])) : l("", !0),
-    !a.showingText && e.content.kalturaEntryId ? (s(), o("div", {
+        innerHTML: s.content.textVersion
+      }, null, 8, ie)
+    ])) : d("", !0),
+    !i.showingText && s.content.kalturaEntryId ? (o(), c("div", {
       key: 1,
       class: "mainVersion",
-      style: y({ width: i.kWidth + "px", height: i.kHeight + "px" })
+      style: H({ width: n.kWidth + "px", height: n.kHeight + "px" })
     }, [
-      e.content.kalturaType == "video" && !a.showingKaltura ? (s(), o("div", {
+      s.content.kalturaType == "video" && !i.showingKaltura ? (o(), c("div", {
         key: 0,
-        class: _(["kPoster", { active: a.showingKaltura == !0 }]),
-        style: y({ width: i.kWidth + "px", height: i.kHeight + "px" })
+        class: v(["kPoster", { active: i.showingKaltura == !0 }]),
+        style: H({ width: n.kWidth + "px", height: n.kHeight + "px" })
       }, [
         r("iframe", {
-          onClick: n[0] || (n[0] = (...h) => i.showKaltura && i.showKaltura(...h)),
+          onClick: t[0] || (t[0] = (...m) => n.showKaltura && n.showKaltura(...m)),
           class: "videoIframe",
-          src: i.kalturaMedia(e.content),
-          width: i.kWidth + "px",
-          height: i.kHeight + "px",
+          src: n.kalturaMedia(s.content),
+          width: n.kWidth + "px",
+          height: n.kHeight + "px",
           allowfullscreen: "",
           webkitallowfullscreen: "",
           mozAllowFullScreen: "",
           frameborder: "0"
-        }, null, 8, q)
-      ], 6)) : l("", !0),
-      e.content.kalturaType == "audio" ? (s(), o("div", {
+        }, null, 8, ce)
+      ], 6)) : d("", !0),
+      s.content.kalturaType == "audio" ? (o(), c("div", {
         key: 1,
-        class: _(["kAudio", { active: a.showingKaltura == !0 }]),
-        onClick: n[1] || (n[1] = (...h) => i.showKaltura && i.showKaltura(...h))
+        class: v(["kAudio", { active: i.showingKaltura == !0 }]),
+        onClick: t[1] || (t[1] = (...m) => n.showKaltura && n.showKaltura(...m))
       }, [
         r("iframe", {
           id: "my_iframe",
-          src: i.kalturaMedia(e.content),
-          width: i.kWidth + "px",
-          height: i.kHeight + "px",
+          src: n.kalturaMedia(s.content),
+          width: n.kWidth + "px",
+          height: n.kHeight + "px",
           allowfullscreen: "",
           webkitallowfullscreen: "",
           mozAllowFullScreen: "",
           frameborder: "0"
-        }, null, 8, Q)
-      ], 2)) : l("", !0),
-      e.content.kalturaType == "audiobtn" ? (s(), o("div", {
+        }, null, 8, le)
+      ], 2)) : d("", !0),
+      s.content.kalturaType == "audiobtn" ? (o(), c("div", {
         key: 2,
-        class: _(["kAudiobtn", { active: a.showingKaltura == !0 }]),
-        onClick: n[2] || (n[2] = (...h) => i.showKaltura && i.showKaltura(...h))
+        class: v(["kAudiobtn", { active: i.showingKaltura == !0 }]),
+        onClick: t[2] || (t[2] = (...m) => n.showKaltura && n.showKaltura(...m))
       }, [
         r("iframe", {
-          src: i.kalturaMedia(e.content),
-          width: a.audioBtn.width + "px",
-          height: a.audioBtn.height + "px",
+          src: n.kalturaMedia(s.content),
+          width: i.audioBtn.width + "px",
+          height: i.audioBtn.height + "px",
           allowfullscreen: "",
           webkitallowfullscreen: "",
           mozAllowFullScreen: "",
           frameborder: "0"
-        }, null, 8, Z)
-      ], 2)) : l("", !0)
-    ], 4)) : l("", !0),
-    e.content.kalturaEntryId == "" ? (s(), o("div", ee, "There is no Kaltura Entry ID")) : l("", !0),
-    e.content.textVersion ? (s(), w(u, {
+        }, null, 8, re)
+      ], 2)) : d("", !0)
+    ], 4)) : d("", !0),
+    s.content.kalturaEntryId == "" ? (o(), c("div", ae, "There is no Kaltura Entry ID")) : d("", !0),
+    s.content.textVersion ? (o(), w(b, {
       key: 3,
       size: "medium",
       type: "primary",
       "aria-label": "text version",
       class: "toggleSwitch ftSwitch btn btn-primary vidText",
-      onClick: n[3] || (n[3] = x((h) => i.showText(e.content.kalturaType), ["stop"]))
+      onClick: t[3] || (t[3] = x((m) => n.showText(s.content.kalturaType), ["stop"]))
     }, {
-      default: f(() => [
-        T(p(i.getButtonText(e.content.kalturaType)), 1)
+      default: p(() => [
+        F(A(n.getButtonText(s.content.kalturaType)), 1)
       ]),
       _: 1
-    })) : l("", !0)
+    })) : d("", !0)
   ], 2);
 }
-const ne = /* @__PURE__ */ g(Y, [["render", te]]);
-const ie = {
+const he = /* @__PURE__ */ S(se, [["render", ue]]);
+const de = {
   props: ["content"],
   data() {
     return {
@@ -328,64 +380,64 @@ const ie = {
   },
   mounted() {
   }
-}, se = { class: "my-header" }, oe = ["id", "innerHTML"], ae = ["innerHTML"], re = { key: 1 }, ce = ["src"], le = ["innerHTML"], de = { class: "dialog-footer" };
-function he(t, n, e, d, a, i) {
-  const u = b("el-button"), h = b("el-dialog");
-  return s(), w(h, {
-    width: i.feedbackWidth,
-    modelValue: a.show,
-    "onUpdate:modelValue": n[1] || (n[1] = (c) => a.show = c),
-    "before-close": i.feedbackClose
+}, me = { class: "my-header" }, fe = ["id", "innerHTML"], be = ["innerHTML"], pe = { key: 1 }, _e = ["src"], ge = ["innerHTML"], ke = { class: "dialog-footer" };
+function ye(e, t, s, l, i, n) {
+  const b = u("el-button"), m = u("el-dialog");
+  return o(), w(m, {
+    width: n.feedbackWidth,
+    modelValue: i.show,
+    "onUpdate:modelValue": t[1] || (t[1] = (a) => i.show = a),
+    "before-close": n.feedbackClose
   }, {
-    header: f(({ close: c, titleId: m, titleClass: v }) => [
-      r("div", se, [
+    header: p(({ close: a, titleId: f, titleClass: _ }) => [
+      r("div", me, [
         r("h4", {
-          id: m,
-          class: _(v),
-          innerHTML: i.feedbackHeader
-        }, null, 10, oe)
+          id: f,
+          class: v(_),
+          innerHTML: n.feedbackHeader
+        }, null, 10, fe)
       ])
     ]),
-    footer: f(() => [
-      r("span", de, [
-        H(u, {
+    footer: p(() => [
+      r("span", ke, [
+        C(b, {
           size: "small",
           id: "feedbackClose",
           type: "primary",
-          onClick: n[0] || (n[0] = x((c) => i.feedbackClose(), ["stop"]))
+          onClick: t[0] || (t[0] = x((a) => n.feedbackClose(), ["stop"]))
         }, {
-          default: f(() => [
-            T("Close")
+          default: p(() => [
+            F("Close")
           ]),
           _: 1
         })
       ])
     ]),
-    default: f(() => [
-      i.getShowFeedbackAttempts ? (s(), o(k, { key: 0 }, [
-        e.content.feedbackAttempts ? (s(), o("p", {
+    default: p(() => [
+      n.getShowFeedbackAttempts ? (o(), c(y, { key: 0 }, [
+        s.content.feedbackAttempts ? (o(), c("p", {
           key: 0,
-          innerHTML: e.content.feedbackAttempts
-        }, null, 8, ae)) : (s(), o("p", re, "You have tried too many times, the correct answer has been provided for you."))
-      ], 64)) : (s(), o(k, { key: 1 }, [
-        e.content.feedbackImage ? (s(), o("img", {
+          innerHTML: s.content.feedbackAttempts
+        }, null, 8, be)) : (o(), c("p", pe, "You have tried too many times, the correct answer has been provided for you."))
+      ], 64)) : (o(), c(y, { key: 1 }, [
+        s.content.feedbackImage ? (o(), c("img", {
           key: 0,
           class: "im-ButtonImage",
-          src: e.content.feedbackImage,
+          src: s.content.feedbackImage,
           alt: "button image"
-        }, null, 8, ce)) : l("", !0),
+        }, null, 8, _e)) : d("", !0),
         r("p", {
-          innerHTML: e.content.feedback
-        }, null, 8, le)
+          innerHTML: s.content.feedback
+        }, null, 8, ge)
       ], 64))
     ]),
     _: 1
   }, 8, ["width", "modelValue", "before-close"]);
 }
-const ue = /* @__PURE__ */ g(ie, [["render", he]]);
-const _e = {
+const z = /* @__PURE__ */ S(de, [["render", ye]]);
+const we = {
   components: {
-    Feedback: ue
+    Feedback: z
   },
   inject: ["message"],
   props: ["content"],
@@ -402,63 +454,769 @@ const _e = {
     }
   },
   methods: {
-    pixelFormat(t) {
-      return typeof t == "number" ? t + "px" : t;
+    pixelFormat(e) {
+      return typeof e == "number" ? e + "px" : e;
     },
-    changePage(t, n) {
-      t.pageLink ? this.$store.commit("setCurrentPage", t.pageLink) : t.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(() => {
+    changePage(e, t) {
+      e.pageLink ? this.$store.commit("setCurrentPage", e.pageLink) : e.feedback && (this.feedbackIndex = t, this.feedbackVisibility.indexOf(t) === -1 && this.feedbackVisibility.push(t), 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);
+    showFeedback(e) {
+      return !!(this.$store.getters.getShowFeedback && this.feedbackIndex === e);
     }
   },
   beforeMount() {
     this.$store.commit("setStepDone", !1), this.$store.commit("setStepHold", !0);
   }
-}, me = { class: "imageMarker" }, fe = ["src", "alt"], ge = { class: "hotspotArea" }, ke = ["src", "alt"], be = { class: "im-buttonText" };
-function ye(t, n, e, d, a, i) {
-  const u = b("el-button"), h = b("Feedback");
-  return s(), o("div", me, [
+}, Ce = { class: "imageMarker" }, ve = ["src", "alt"], Ae = { class: "hotspotArea" }, Se = ["src", "alt"], xe = { class: "im-buttonText" };
+function Fe(e, t, s, l, i, n) {
+  const b = u("el-button"), m = u("Feedback");
+  return o(), c("div", Ce, [
     r("img", {
-      src: e.content.image,
-      alt: e.content.imageAlt
-    }, null, 8, fe),
-    r("div", ge, [
-      (s(!0), o(k, null, L(e.content.hotspots, (c, m) => (s(), o(k, null, [
-        H(u, {
-          type: c.buttonType,
-          onClick: x((v) => i.changePage(c, m), ["stop"]),
-          id: "hotspot_" + m,
-          class: _([["is-" + c.buttonShape, { noBG: c.buttonImage }, c.class], "hotspot"]),
-          style: y({ top: i.pixelFormat(c.cordinatesX), left: i.pixelFormat(c.cordinatesY), width: i.pixelFormat(c.dimensionsW), height: i.pixelFormat(c.dimensionsH) }),
-          icon: c.buttonIcon
+      src: s.content.image,
+      alt: s.content.imageAlt
+    }, null, 8, ve),
+    r("div", Ae, [
+      (o(!0), c(y, null, T(s.content.hotspots, (a, f) => (o(), c(y, null, [
+        C(b, {
+          type: a.buttonType,
+          onClick: x((_) => n.changePage(a, f), ["stop"]),
+          id: "hotspot_" + f,
+          class: v([["is-" + a.buttonShape, { noBG: a.buttonImage }, a.class], "hotspot"]),
+          style: H({ top: n.pixelFormat(a.cordinatesX), left: n.pixelFormat(a.cordinatesY), width: n.pixelFormat(a.dimensionsW), height: n.pixelFormat(a.dimensionsH) }),
+          icon: a.buttonIcon
         }, {
-          default: f(() => [
-            c.buttonImage ? (s(), o("img", {
+          default: p(() => [
+            a.buttonImage ? (o(), c("img", {
               key: 0,
               class: "im-ButtonImage",
-              src: c.buttonImage,
-              alt: "image marker " + Number(m + 1)
-            }, null, 8, ke)) : l("", !0),
-            r("span", be, p(c.name), 1)
+              src: a.buttonImage,
+              alt: "image marker " + Number(f + 1)
+            }, null, 8, Se)) : d("", !0),
+            r("span", xe, A(a.name), 1)
           ]),
           _: 2
         }, 1032, ["type", "onClick", "id", "class", "style", "icon"]),
-        i.showFeedback(m) ? (s(), w(h, {
+        n.showFeedback(f) ? (o(), w(m, {
           key: 0,
-          content: c
-        }, null, 8, ["content"])) : l("", !0)
+          content: a
+        }, null, 8, ["content"])) : d("", !0)
       ], 64))), 256))
     ])
   ]);
 }
-const pe = /* @__PURE__ */ g(_e, [["render", ye], ["__scopeId", "data-v-3897bfb2"]]), xe = {
-  install: (t, n) => {
-    t.component("special-uploader", K), t.component("lab-header", U), t.component("lab-image", j), t.component("lab-kaltura", ne), t.component("lab-image-marker", pe);
+const Te = /* @__PURE__ */ S(we, [["render", Fe], ["__scopeId", "data-v-3897bfb2"]]);
+const He = {
+  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", {});
+    }
+  }
+}, Me = ["innerHTML"], $e = ["src", "alt"], Ie = { class: "hotspotArea" };
+function ze(e, t, s, l, i, n) {
+  const b = u("el-col"), m = u("el-button"), a = u("el-row");
+  return o(), w(a, { class: "imageReplacer" }, {
+    default: p(() => [
+      C(b, { span: 12 }, {
+        default: p(() => [
+          r("p", {
+            class: "imageReplacerDescription",
+            innerHTML: s.content.description
+          }, null, 8, Me)
+        ]),
+        _: 1
+      }),
+      C(b, { span: 12 }, {
+        default: p(() => [
+          r("img", {
+            class: "im-ButtonImage",
+            src: i.imageSrc,
+            alt: i.imageAlt
+          }, null, 8, $e),
+          r("div", Ie, [
+            (o(!0), c(y, null, T(s.content.hotspots, (f, _) => (o(), w(m, {
+              type: f.buttonType,
+              onClick: x((g) => n.changeImage(_), ["stop"]),
+              class: "hotspot",
+              style: H({ top: n.pixelFormat(f.cordinatesX), left: n.pixelFormat(f.cordinatesY), width: n.pixelFormat(f.dimensionsW), height: n.pixelFormat(f.dimensionsH) }),
+              icon: f.buttonIcon
+            }, null, 8, ["type", "onClick", "style", "icon"]))), 256))
+          ])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const je = /* @__PURE__ */ S(He, [["render", ze], ["__scopeId", "data-v-02e047cd"]]);
+const Be = {
+  components: {},
+  props: ["content"],
+  data() {
+    return {
+      quizArray: [],
+      quizOptions: [],
+      quizItemCompleted: [],
+      input: [],
+      feedbackIndex: -1,
+      totalAttempts: 99,
+      // option for testing
+      correctChoices: [],
+      feedbackObject: {},
+      value1: ""
+    };
+  },
+  watch: {},
+  computed: {
+    quizArrayCount() {
+      return this.quizArray.length - 1;
+    },
+    getAttempt() {
+      return this.$store.getters.getAttempts;
+    },
+    getShowFeedbackAttempts() {
+      return this.$store.getters.getShowFeedbackAttempts;
+    }
+  },
+  methods: {
+    quizArrayCompleted(e) {
+      return !(this.quizItemCompleted.includes(e) || e === 0);
+    },
+    prepareQuiz() {
+      this.quizArray = this.content.quiz.split("*_").filter((e) => e), this.content.options.forEach((e, t) => {
+        e.options ? e.random ? this.quizOptions.push(this.shuffle(e.options)) : this.quizOptions.push(e.options) : this.quizOptions.push(!1);
+      });
+    },
+    quizType(e) {
+      return this.content.options[e] && this.content.options[e].type ? this.content.options[e].type : !1;
+    },
+    quizDisplay(e) {
+      return this.content.options[e] && this.content.options[e].display ? this.content.options[e].display : "Select";
+    },
+    quizClass(e) {
+      return this.content.options[e] && this.content.options[e].class ? this.content.options[e].class : "";
+    },
+    shuffle(e) {
+      let t = e.length, s;
+      for (; t != 0; )
+        s = Math.floor(Math.random() * t), t--, [e[t], e[s]] = [
+          e[s],
+          e[t]
+        ];
+      return e;
+    },
+    choicesCheck() {
+      if (this.getAttempt < this.content.attempts) {
+        let e = !0, t = !1;
+        this.input.length === 0 ? this.content.options[0].stopFlow && (t = !0, this.feedbackObject.feedbackHeader = this.content.options[0].notSelectedHeader, this.feedbackObject.feedback = this.content.options[0].notSelectedBody) : this.content.options.forEach((s, l) => {
+          this.input[l] ? this.input[l] !== this.content.options[l].answer && (e = !1) : this.content.options[this.input.length].stopFlow && (t = !0, this.feedbackObject.feedbackHeader = this.content.options[this.input.length].notSelectedHeader, this.feedbackObject.feedback = this.content.options[this.input.length].notSelectedBody);
+        }), this.$store.commit("setAttempts", this.getAttempt + 1), e === !0 && this.input.length === this.quizArray.length ? (this.choicesComplete(), this.feedbackObject.feedbackHeader = this.content.correctHeader, this.feedbackObject.feedback = this.content.correctFeedback) : (t || (this.feedbackObject.feedbackHeader = this.content.incorrectHeader, this.feedbackObject.feedback = this.content.incorrectFeedback), this.$store.commit("setAttempts", this.getAttempt + 1));
+      } else
+        this.feedbackObject.feedbackAttempts = this.content.feedbackAttempts, this.$store.commit("setShowFeedbackAttempts", !0), this.choicesComplete();
+      this.$store.commit("setShowFeedback", !0), setTimeout(() => {
+        document.getElementById("feedbackClose") && document.getElementById("feedbackClose").focus();
+      });
+    },
+    choicesComplete() {
+      this.quizArray.forEach((e, t) => {
+        this.input[t] ? this.input[t] = this.content.options[t].answer : this.input.push(this.content.options[t].answer), this.quizItemCompleted.push(t + 1);
+      }), this.$store.commit("setStepDone", !0), this.$store.commit("setStepHold", !1);
+    },
+    choicesMade(e) {
+      this.quizItemCompleted.includes(e + 1) === !1 && this.quizItemCompleted.push(e + 1);
+    },
+    showFeedback() {
+      return !!this.$store.getters.getShowFeedback;
+    }
+  },
+  mounted() {
+    if (this.prepareQuiz(), this.$store.getters.getDirections.display === !1) {
+      let e = document.getElementsByClassName("selectableButton");
+      setTimeout(() => {
+        e[0].focus();
+      });
+    }
+  },
+  beforeMount() {
+    this.$store.commit("setStepDone", !1), this.$store.commit("setAttempts", 0), this.feedbackIndex = -1, this.content.attempts && (this.totalAttempts = this.content.attempts);
+  }
+};
+function Oe(e, t, s, l, i, n) {
+  const b = u("el-option"), m = u("el-select"), a = u("el-date-picker"), f = u("el-button"), _ = u("lab-feedback");
+  return o(), c("div", {
+    class: v(["drop-down", s.content.class])
+  }, [
+    r("p", null, [
+      (o(!0), c(y, null, T(i.quizArray, (g, h) => (o(), c(y, null, [
+        r("span", {
+          class: v(n.quizClass(h))
+        }, [
+          r("span", {
+            class: v("quizText quizSection_" + h)
+          }, A(g) + " ", 3),
+          n.quizType(h) === "choose" ? (o(), w(m, {
+            key: 0,
+            onChange: (k) => n.choicesMade(h),
+            modelValue: i.input[h],
+            "onUpdate:modelValue": (k) => i.input[h] = k,
+            placeholder: n.quizDisplay(h)
+          }, {
+            default: p(() => [
+              n.quizArrayCompleted(h) ? d("", !0) : (o(!0), c(y, { key: 0 }, T(i.quizOptions[h], (k) => (o(), w(b, {
+                key: k,
+                label: k,
+                value: k
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 2
+          }, 1032, ["onChange", "modelValue", "onUpdate:modelValue", "placeholder"])) : d("", !0),
+          n.quizType(h) === "date" ? (o(), w(a, {
+            key: 1,
+            onChange: (k) => n.choicesMade(h),
+            modelValue: i.input[h],
+            "onUpdate:modelValue": (k) => i.input[h] = k,
+            type: "date",
+            placeholder: n.quizDisplay(h),
+            format: s.content.options[h].format,
+            "value-format": s.content.options[h].format,
+            disabled: n.quizArrayCompleted(h)
+          }, null, 8, ["onChange", "modelValue", "onUpdate:modelValue", "placeholder", "format", "value-format", "disabled"])) : d("", !0)
+        ], 2),
+        F("  ")
+      ], 64))), 256))
+    ]),
+    C(f, {
+      size: "small",
+      type: "primary",
+      class: "drop-down-submit",
+      onClick: t[0] || (t[0] = (g) => n.choicesCheck())
+    }, {
+      default: p(() => [
+        F("Submit")
+      ]),
+      _: 1
+    }),
+    n.showFeedback() ? (o(), w(_, {
+      key: 0,
+      content: i.feedbackObject
+    }, null, 8, ["content"])) : d("", !0)
+  ], 2);
+}
+const Le = /* @__PURE__ */ S(Be, [["render", Oe]]);
+const qe = {
+  components: {},
+  props: ["content"],
+  data() {
+    return {
+      quizArray: [],
+      input: [],
+      feedbackIndex: -1,
+      totalAttempts: 99,
+      // option for testing
+      correctChoices: [],
+      feedbackObject: {}
+    };
+  },
+  watch: {},
+  computed: {
+    quizArrayCount() {
+      return this.quizArray.length - 1;
+    },
+    getAttempt() {
+      return this.$store.getters.getAttempts;
+    },
+    getShowFeedbackAttempts() {
+      return this.$store.getters.getShowFeedbackAttempts;
+    }
+  },
+  methods: {
+    prepareQuiz() {
+      this.quizArray = this.content.quiz.split("*_");
+    },
+    choicesCheck() {
+      this.getAttempt < this.content.attempts ? (this.input.forEach((e, t) => {
+        if (this.content.answers[t] === e)
+          this.correctChoices.includes(t) === !1 && this.correctChoices.push(t);
+        else if (this.correctChoices.includes(t) === !0) {
+          let s = this.correctChoices.indexOf(t);
+          this.correctChoices.splice(s, 1);
+        }
+      }), this.input.length === 0 ? (this.feedbackObject.feedbackHeader = "You did not enter an answer", this.feedbackObject.feedback = "Please enter your choice in the input field") : this.correctChoices.length === this.content.answers.length ? (this.choicesComplete(), this.feedbackObject.feedbackHeader = this.content.correctHeader, this.feedbackObject.feedback = this.content.correctFeedback) : (this.$store.commit("setAttempts", this.getAttempt + 1), this.feedbackObject.feedbackHeader = this.content.incorrectHeader, this.feedbackObject.feedback = this.content.incorrectFeedback)) : (this.feedbackObject.feedbackAttempts = this.content.feedbackAttempts, this.$store.commit("setShowFeedbackAttempts", !0), this.choicesComplete()), this.$store.commit("setShowFeedback", !0), setTimeout(() => {
+        document.getElementById("feedbackClose") && document.getElementById("feedbackClose").focus();
+      });
+    },
+    choicesComplete() {
+      this.input.forEach((e, t) => {
+        this.input[t] = this.content.answers[t];
+      }), this.$store.commit("setStepDone", !0), this.$store.commit("setStepHold", !1);
+    },
+    showFeedback() {
+      return !!this.$store.getters.getShowFeedback;
+    }
+  },
+  mounted() {
+    if (this.prepareQuiz(), this.$store.getters.getDirections.display === !1) {
+      let e = document.getElementsByClassName("selectableButton");
+      setTimeout(() => {
+        e[0].focus();
+      });
+    }
+  },
+  beforeMount() {
+    this.$store.commit("setStepDone", !1), this.$store.commit("setAttempts", 0), this.feedbackIndex = -1, this.content.attempts && (this.totalAttempts = this.content.attempts);
+  }
+};
+function Ve(e, t, s, l, i, n) {
+  const b = u("el-input"), m = u("el-button"), a = u("lab-feedback");
+  return o(), c("div", {
+    class: v(["fill-blank", s.content.class])
+  }, [
+    r("p", null, [
+      (o(!0), c(y, null, T(i.quizArray, (f, _) => (o(), c(y, null, [
+        F(A(f), 1),
+        _ < n.quizArrayCount ? (o(), w(b, {
+          key: 0,
+          modelValue: i.input[_],
+          "onUpdate:modelValue": (g) => i.input[_] = g,
+          placeholder: "Please input",
+          size: "small"
+        }, null, 8, ["modelValue", "onUpdate:modelValue"])) : d("", !0)
+      ], 64))), 256))
+    ]),
+    C(m, {
+      size: "small",
+      type: "primary",
+      class: "fill-blank-submit",
+      onClick: t[0] || (t[0] = (f) => n.choicesCheck())
+    }, {
+      default: p(() => [
+        F("Submit")
+      ]),
+      _: 1
+    }),
+    n.showFeedback() ? (o(), w(a, {
+      key: 0,
+      content: i.feedbackObject
+    }, null, 8, ["content"])) : d("", !0)
+  ], 2);
+}
+const Ee = /* @__PURE__ */ S(qe, [["render", Ve]]);
+const Pe = {
+  components: {},
+  props: ["content"],
+  data() {
+    return {
+      feedbackIndex: -1,
+      totalAttempts: 99
+      // option for testing
+    };
+  },
+  computed: {
+    getLastPage() {
+      return !!this.$store.getters.getLastPage;
+    },
+    getAttempt() {
+      return this.$store.getters.getAttempts;
+    },
+    getShowFeedbackAttempts() {
+      return this.$store.getters.getShowFeedbackAttempts;
+    }
+  },
+  methods: {
+    leftColWidth() {
+      return this.content.leftColWidth ? Number(this.content.leftColWidth) : 12;
+    },
+    rightColWidth() {
+      return this.content.leftColWidth ? this.content.leftColWidth < 24 ? 24 - this.content.leftColWidth : 24 : 12;
+    },
+    pixelFormat(e) {
+      return typeof e == "number" ? e + "px" : e;
+    },
+    choicesComplete() {
+      let e = document.querySelectorAll(".selectableButton");
+      for (let t = 0; t < e.length; t++)
+        e[t].classList.add("is-failure"), e[t].setAttribute("disabled", !0), this.content.choices[t].correct && e[t].classList.add("is-success");
+      this.$store.commit("setStepDone", !0), this.$store.commit("setStepHold", !1);
+    },
+    choicesCheck(e) {
+      this.getAttempt < Number(this.content.attempts) ? this.content.choices[e].correct === !0 ? (console.log(" it was true"), this.choicesComplete()) : this.$store.commit("setAttempts", this.getAttempt + 1) : (this.content.choices[e].correct !== !0 && this.$store.commit("setShowFeedbackAttempts", !0), this.choicesComplete()), this.feedbackIndex = e, this.$store.commit("setShowFeedback", !0), setTimeout(() => {
+        document.getElementById("feedbackClose") && document.getElementById("feedbackClose").focus();
+      });
+    },
+    shuffledChoices() {
+      let e = this.content.choices;
+      for (let t = e.length - 1; t > 0; t--) {
+        const s = Math.floor(Math.random() * (t + 1));
+        [e[t], e[s]] = [e[s], e[t]];
+      }
+      this.content.choices = e;
+    },
+    showFeedback(e) {
+      return this.$store.getters.getShowFeedback && this.feedbackIndex === e ? (this.content.choices[e].correct && this.choicesComplete(), !0) : !1;
+    }
+  },
+  mounted() {
+    if (this.$store.getters.getDirections.display === !1) {
+      let e = document.getElementsByClassName("selectableButton");
+      setTimeout(() => {
+        e[0].focus();
+      });
+    }
+  },
+  beforeMount() {
+    this.$store.commit("setStepDone", !1), this.$store.commit("setAttempts", 0), this.feedbackIndex = -1, this.shuffledChoices(), this.content.attempts && (this.totalAttempts = this.content.attempts);
+  }
+}, De = ["innerHTML"], We = { class: "buttonSpan" }, Ue = ["src", "alt"], Ne = { class: "selectable-buttonText" };
+function Ke(e, t, s, l, i, n) {
+  const b = u("lab-image"), m = u("el-col"), a = u("el-divider"), f = u("el-button"), _ = u("lab-feedback"), g = u("el-row");
+  return o(), w(g, {
+    id: s.content.id,
+    class: v(["selectable", s.content.classes])
+  }, {
+    default: p(() => [
+      C(m, {
+        span: n.leftColWidth(e.index)
+      }, {
+        default: p(() => [
+          s.content.directions ? (o(), c("p", {
+            key: 0,
+            innerHTML: s.content.directions
+          }, null, 8, De)) : d("", !0),
+          s.content.image ? (o(), w(b, {
+            key: 1,
+            content: s.content.image
+          }, null, 8, ["content"])) : d("", !0)
+        ]),
+        _: 1
+      }, 8, ["span"]),
+      C(m, {
+        span: n.rightColWidth(e.index),
+        class: "selectArea"
+      }, {
+        default: p(() => [
+          (o(!0), c(y, null, T(s.content.choices, (h, k) => (o(), c(y, null, [
+            !s.content.noDivider && k > 0 ? (o(), w(a, { key: 0 })) : d("", !0),
+            C(f, {
+              size: "small",
+              type: "primary",
+              class: "selectableButton",
+              style: H({ width: n.pixelFormat(s.content.choiceWidth), height: n.pixelFormat(s.content.choiceHeight) }),
+              onClick: (M) => n.choicesCheck(k)
+            }, {
+              default: p(() => [
+                r("div", We, [
+                  h.image ? (o(), c("img", {
+                    key: 0,
+                    class: "im-ButtonImage",
+                    src: h.image,
+                    alt: h.alt ? h.alt : "button image"
+                  }, null, 8, Ue)) : d("", !0),
+                  r("span", Ne, A(h.text), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["style", "onClick"]),
+            n.showFeedback(k) ? (o(), w(_, {
+              key: 1,
+              content: h
+            }, null, 8, ["content"])) : d("", !0)
+          ], 64))), 256))
+        ]),
+        _: 1
+      }, 8, ["span"])
+    ]),
+    _: 1
+  }, 8, ["id", "class"]);
+}
+const Re = /* @__PURE__ */ S(Pe, [["render", Ke], ["__scopeId", "data-v-bc83f1c6"]]);
+const Qe = {
+  components: {},
+  props: ["content"],
+  data() {
+    return {
+      input: "",
+      feedbackIndex: -1,
+      totalAttempts: 99,
+      // option for testing
+      correctChoices: [],
+      feedbackObject: {}
+    };
+  },
+  watch: {},
+  computed: {
+    getAttempt() {
+      return this.$store.getters.getAttempts;
+    },
+    getShowFeedbackAttempts() {
+      return this.$store.getters.getShowFeedbackAttempts;
+    }
+  },
+  methods: {
+    choicesCheck() {
+      if (this.getAttempt < this.content.attempts) {
+        let e = !1;
+        this.content.answers.forEach((t, s) => {
+          let l = t.toLowerCase();
+          this.input.toLowerCase().includes(l) || (e = !0);
+        }), e ? (this.$store.commit("setAttempts", this.getAttempt + 1), this.feedbackObject.feedbackHeader = this.content.incorrectHeader, this.feedbackObject.feedback = this.content.incorrectFeedback) : (this.choicesComplete(), this.feedbackObject.feedbackHeader = this.content.correctHeader, this.feedbackObject.feedback = this.content.correctFeedback);
+      } else
+        this.feedbackObject.feedbackAttempts = this.content.feedbackAttempts, this.$store.commit("setShowFeedbackAttempts", !0), this.choicesComplete();
+      this.$store.commit("setShowFeedback", !0), setTimeout(() => {
+        document.getElementById("feedbackClose") && document.getElementById("feedbackClose").focus();
+      });
+    },
+    choicesComplete() {
+      this.$store.commit("setStepDone", !0), this.$store.commit("setStepHold", !1);
+    },
+    showFeedback() {
+      return !!this.$store.getters.getShowFeedback;
+    }
+  },
+  mounted() {
+    if (this.$store.getters.getDirections.display === !1) {
+      let e = document.getElementsByClassName("selectableButton");
+      setTimeout(() => {
+        e[0].focus();
+      });
+    }
+  },
+  beforeMount() {
+    this.$store.commit("setStepDone", !1), this.$store.commit("setAttempts", 0), this.feedbackIndex = -1, this.content.attempts && (this.totalAttempts = this.content.attempts);
+  }
+};
+function Ye(e, t, s, l, i, n) {
+  const b = u("el-input"), m = u("el-button"), a = u("lab-feedback");
+  return o(), c("div", {
+    class: v(["textbox", s.content.class])
+  }, [
+    r("p", null, A(s.content.quiz), 1),
+    C(b, {
+      modelValue: i.input,
+      "onUpdate:modelValue": t[0] || (t[0] = (f) => i.input = f),
+      autosize: { minRows: 4, maxRows: 8 },
+      type: "textarea",
+      placeholder: "Please input"
+    }, null, 8, ["modelValue"]),
+    C(m, {
+      size: "small",
+      type: "primary",
+      class: "fill-blank-submit",
+      onClick: t[1] || (t[1] = (f) => n.choicesCheck())
+    }, {
+      default: p(() => [
+        F("Submit")
+      ]),
+      _: 1
+    }),
+    n.showFeedback() ? (o(), w(a, {
+      key: 0,
+      content: i.feedbackObject
+    }, null, 8, ["content"])) : d("", !0)
+  ], 2);
+}
+const Xe = /* @__PURE__ */ S(Qe, [["render", Ye]]);
+const Ge = {
+  components: {},
+  props: ["content"],
+  data() {
+    return {
+      quizArray: [],
+      quizOptions: [],
+      input: [],
+      feedbackIndex: -1,
+      totalAttempts: 99,
+      // option for testing
+      correctChoices: [],
+      feedbackObject: {},
+      value1: "",
+      showMenuOverlay: !1
+    };
+  },
+  watch: {},
+  computed: {
+    getAttempt() {
+      return this.$store.getters.getAttempts;
+    },
+    getShowFeedbackAttempts() {
+      return this.$store.getters.getShowFeedbackAttempts;
+    }
+  },
+  methods: {
+    showSub(e) {
+      let t = document.getElementById(e);
+      t.classList.contains("jl-menu-sub_show") ? (this.showMenuOverlay = !1, this.hideSubs()) : (this.showMenuOverlay = !0, t.classList.add("jl-menu-sub_show"));
+    },
+    showSubSub(e) {
+      let t = document.getElementById(e);
+      t.classList.contains("jl-menu-sub-sub_show") ? (this.showMenuOverlay = !1, this.hideSubs()) : (this.showMenuOverlay = !0, t.classList.add("jl-menu-sub-sub_show"));
+    },
+    hideSubs() {
+      this.showMenuOverlay = !1;
+      let e = document.getElementsByClassName("jl-menu-sub_show");
+      for (; e.length > 0; )
+        e[0].classList.remove("jl-menu-sub_show");
+      let t = document.getElementsByClassName("jl-menu-sub-sub_show");
+      for (; t.length > 0; )
+        t[0].classList.remove("jl-menu-sub-sub_show");
+    },
+    choicesCheck(e) {
+      this.hideSubs();
+      let t = !1, s = "";
+      if (this.getAttempt < this.content.attempts) {
+        if (typeof e == "string") {
+          let l = e.split("-");
+          l.forEach((i, n) => {
+            l[n] = Number(i);
+          }), l.length === 2 ? this.content.menu[l[0]].subMenu[l[1]].correct && (this.content.menu[l[0]].subMenu[l[1]].page && (s = this.content.menu[l[0]].subMenu[l[1]].page), t = !0) : l.length === 3 && this.content.menu[l[0]].subMenu[l[1]].subMenu[l[2]].correct && (this.content.menu[l[0]].subMenu[l[1]].subMenu[l[2]].page && (s = this.content.menu[l[0]].subMenu[l[1]].subMenu[l[2]].page), t = !0);
+        } else
+          this.content.menu[e].correct && (this.content.menu[e].page && (s = this.content.menu[e].page), t = !0);
+        t ? (this.choicesComplete(s), this.feedbackObject.feedbackHeader = this.content.correctHeader, this.feedbackObject.feedback = this.content.correctFeedback) : (this.$store.commit("setAttempts", this.getAttempt + 1), this.feedbackObject.feedbackHeader = this.content.incorrectHeader, this.feedbackObject.feedback = this.content.incorrectFeedback);
+      } else
+        this.$store.commit("setShowFeedbackAttempts", !0), this.choicesComplete();
+      s === "" && this.$store.commit("setShowFeedback", !0), setTimeout(() => {
+        document.getElementById("feedbackClose") && document.getElementById("feedbackClose").focus();
+      });
+    },
+    choicesComplete(e) {
+      this.$store.commit("setStepDone", !0), this.$store.commit("setStepHold", !1), e !== "" && this.$store.commit("setCurrentPage", e);
+    },
+    showFeedback() {
+      return !!this.$store.getters.getShowFeedback;
+    }
+  },
+  mounted() {
+    this.$store.getters.getDirections.display === !1 && (document.getElementsByClassName("selectableButton"), setTimeout(() => {
+    }));
+  },
+  beforeMount() {
+    this.$store.commit("setStepDone", !1), this.$store.commit("setAttempts", 0), this.feedbackIndex = -1, this.content.attempts && (this.totalAttempts = this.content.attempts);
+  }
+}, Je = { key: 0 }, Ze = ["index", "onClick"], et = { class: "jl-menu-sub__title" }, tt = ["id"], st = ["index", "onClick"], nt = { class: "jl-menu-sub-sub__title" }, ot = ["id"], it = ["index", "onClick"], ct = ["onClick"], lt = {
+  key: 1,
+  class: "jl-menu-item"
+}, rt = ["index", "onClick"];
+function at(e, t, s, l, i, n) {
+  const b = u("CaretBottom"), m = u("el-icon"), a = u("CaretRight"), f = u("lab-feedback");
+  return o(), c("div", {
+    class: v(["menu-chooser", s.content.class])
+  }, [
+    i.showMenuOverlay ? (o(), c("div", {
+      key: 0,
+      class: "nav-mask",
+      onClick: t[0] || (t[0] = (..._) => n.hideSubs && n.hideSubs(..._))
+    })) : d("", !0),
+    r("p", null, A(s.content.quiz), 1),
+    r("div", {
+      class: "jl-menu",
+      onSelect: t[1] || (t[1] = (..._) => n.choicesCheck && n.choicesCheck(..._))
+    }, [
+      (o(!0), c(y, null, T(s.content.menu, (_, g) => (o(), c(y, null, [
+        _.subMenu ? (o(), c("div", Je, [
+          r("button", {
+            class: v("jl-menu-sub sub-" + g),
+            index: g,
+            tabindex: "0",
+            role: "menuitem",
+            onClick: x((h) => n.showSub("sub-" + g), ["stop"])
+          }, [
+            r("div", et, [
+              F(A(_.name) + " ", 1),
+              C(m, null, {
+                default: p(() => [
+                  C(b)
+                ]),
+                _: 1
+              })
+            ])
+          ], 10, Ze),
+          r("div", {
+            class: "jl-menu-sub-menu",
+            id: "sub-" + g
+          }, [
+            (o(!0), c(y, null, T(_.subMenu, (h, k) => (o(), c(y, null, [
+              h.subMenu ? (o(), c(y, { key: 0 }, [
+                r("button", {
+                  class: v("jl-menu-sub-sub sub-sub-" + k),
+                  index: g + "-" + k,
+                  tabindex: "0",
+                  role: "menuitem",
+                  onClick: x((M) => n.showSubSub("sub-sub-" + g), ["stop"])
+                }, [
+                  r("div", nt, [
+                    F(A(h.name), 1),
+                    C(m, null, {
+                      default: p(() => [
+                        C(a)
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ], 10, st),
+                r("div", {
+                  class: "jl-menu-sub-sub-menu",
+                  id: "sub-sub-" + g
+                }, [
+                  (o(!0), c(y, null, T(h.subMenu, (M, $) => (o(), c("button", {
+                    class: "jl-menu-sub-sub-item",
+                    index: g + "-" + k + "-" + $,
+                    tabindex: "0",
+                    role: "menuitem",
+                    onClick: x((ht) => n.choicesCheck(g + "-" + k + "-" + $), ["stop"])
+                  }, [
+                    r("div", null, A(M.name), 1)
+                  ], 8, it))), 256))
+                ], 8, ot)
+              ], 64)) : (o(), c("button", {
+                key: 1,
+                class: "jl-menu-sub-item",
+                tabindex: "0",
+                role: "menuitem",
+                onClick: x((M) => n.choicesCheck(g + "-" + k), ["stop"])
+              }, [
+                r("div", null, A(h.name), 1)
+              ], 8, ct))
+            ], 64))), 256))
+          ], 8, tt)
+        ])) : (o(), c("div", lt, [
+          r("button", {
+            class: "jl-menu-item",
+            index: g,
+            tabindex: "0",
+            role: "menuitem",
+            onClick: x((h) => n.choicesCheck(g), ["stop"])
+          }, A(_.name), 9, rt)
+        ]))
+      ], 64))), 256))
+    ], 32),
+    n.showFeedback() ? (o(), w(f, {
+      key: 1,
+      content: i.feedbackObject
+    }, null, 8, ["content"])) : d("", !0)
+  ], 2);
+}
+const ut = /* @__PURE__ */ S(Ge, [["render", at]]), mt = {
+  install: (e, t) => {
+    e.component("special-uploader", P), e.component("lab-header", U), e.component("lab-footer", I), e.component("lab-drawer", I), e.component("lab-image", te), e.component("lab-kaltura", he), e.component("lab-image-marker", Te), e.component("lab-image-replacer", je), e.component("lab-feedback", z), e.component("lab-drop-down", Le), e.component("lab-fill-blank", Ee), e.component("lab-selectable", Re), e.component("lab-textbox", Xe), e.component("lab-menu_chooser", ut);
   }
 };
 export {
-  xe as default
+  mt as default
 };