labmaker-plugin 0.0.12 → 0.0.13

package/dist/labmaker-plugin.js

@@ -1,10 +1,10 @@
-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 = {
+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 {
@@ -14,8 +14,8 @@ const f = (e, n) => {
   computed: {},
   methods: {
     fileUpload(e) {
-      const t = e.target.files[0];
-      this.fileProcess(t);
+      const s = e.target.files[0];
+      this.fileProcess(s);
     },
     fileProcess(e) {
       this.imgSRC = URL.createObjectURL(e);
@@ -23,44 +23,44 @@ const f = (e, n) => {
   },
   mounted() {
   }
-}, 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,
+}, 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] = (...h) => i.fileUpload && i.fileUpload(...h)),
+        onChange: t[0] || (t[0] = (...b) => n.fileUpload && n.fileUpload(...b)),
         type: "file",
         id: "file-upload",
         name: "fileUpload",
         accept: "image/*"
       }, null, 32),
-      r("div", V, [
+      r("div", q, [
         r("img", {
-          src: s.imgSRC,
+          src: i.imgSRC,
           alt: "",
           scrset: ""
-        }, null, 8, A)
+        }, null, 8, V)
       ])
     ])
   ], 64);
 }
-const B = /* @__PURE__ */ f(F, [["render", $]]);
-const K = {
+const P = /* @__PURE__ */ S(j, [["render", E]]);
+const D = {
   props: ["title"],
   data() {
     return {};
   },
   computed: {}
 };
-function R(e, n, t, l, s, i) {
-  return o(), a("header", null, [
-    r("h1", null, T(t.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__ */ f(K, [["render", R]]);
-const W = {
+const U = /* @__PURE__ */ S(D, [["render", W]]);
+const N = {
   data() {
     return {};
   },
@@ -84,23 +84,23 @@ const W = {
     }
   }
 };
-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, {
+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: m(() => [
-          p(d, {
+        default: p(() => [
+          C(m, {
             type: "primary ",
-            onClick: n[0] || (n[0] = w((u) => i.changePage(0), ["stop"])),
+            onClick: t[0] || (t[0] = x((f) => n.changePage(0), ["stop"])),
             class: "homeButton"
           }, {
-            default: m(() => [
-              C("Return to Crime Screen")
+            default: p(() => [
+              F("Return to Crime Screen")
             ]),
             _: 1
           })
@@ -111,8 +111,8 @@ function D(e, n, t, l, s, i) {
     _: 1
   });
 }
-const H = /* @__PURE__ */ f(W, [["render", D]]);
-const E = {
+const I = /* @__PURE__ */ S(N, [["render", K]]);
+const R = {
   props: ["content"],
   data() {
     return {};
@@ -133,35 +133,35 @@ const E = {
   mounted() {
     this.checkStepper();
   }
-}, 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, [
+}, 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: t.content.src,
-        alt: t.content.alt,
-        class: k(t.content.class)
-      }, null, 10, O),
-      t.content.captionHeader ? (o(), a("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: t.content.captionHeader
-      }, null, 8, Y)) : _("", !0),
-      t.content.caption ? (o(), a("span", {
+        innerHTML: s.content.captionHeader
+      }, null, 8, G)) : d("", !0),
+      s.content.caption ? (o(), c("span", {
         key: 1,
         class: "caption",
-        innerHTML: t.content.caption
-      }, null, 8, j)) : _("", !0),
-      t.content.copyright ? (o(), a("span", {
+        innerHTML: s.content.caption
+      }, null, 8, J)) : d("", !0),
+      s.content.copyright ? (o(), c("span", {
         key: 2,
-        innerHTML: t.content.copyright,
+        innerHTML: s.content.copyright,
         class: "copyright"
-      }, null, 8, X)) : _("", !0)
+      }, null, 8, Z)) : d("", !0)
     ])
   ]);
 }
-const J = /* @__PURE__ */ f(E, [["render", G], ["__scopeId", "data-v-6d545532"]]);
-const q = {
+const te = /* @__PURE__ */ S(R, [["render", ee], ["__scopeId", "data-v-6d545532"]]);
+const se = {
   props: ["content"],
   //moduleLessonPage
   data() {
@@ -224,7 +224,7 @@ const q = {
       this.textVersionCheck();
     },
     kalturaMedia(e) {
-      let n = {
+      let t = {
         uiconf_id: "35766781",
         partner_id: "2061901",
         entry_id: "",
@@ -232,7 +232,7 @@ const q = {
         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;
@@ -243,21 +243,21 @@ const q = {
     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
+      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] = t.outerHTML;
+          this.textversionArray[t] = s.outerHTML;
       }
     }
   },
@@ -266,96 +266,96 @@ const q = {
   },
   mounted() {
   }
-}, Q = {
+}, ne = {
   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 = {
+}, 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 se(e, n, t, l, s, i) {
-  const h = g("el-button");
-  return o(), a("div", {
-    class: k(["kContainer", t.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])
   }, [
-    t.content.textVersion && s.showingText ? (o(), a("div", Q, [
-      Z,
+    s.content.textVersion && i.showingText ? (o(), c("div", ne, [
+      oe,
       r("div", {
-        innerHTML: t.content.textVersion
-      }, null, 8, ee)
-    ])) : _("", !0),
-    !s.showingText && t.content.kalturaEntryId ? (o(), a("div", {
+        innerHTML: s.content.textVersion
+      }, null, 8, ie)
+    ])) : d("", !0),
+    !i.showingText && s.content.kalturaEntryId ? (o(), c("div", {
       key: 1,
       class: "mainVersion",
-      style: v({ width: i.kWidth + "px", height: i.kHeight + "px" })
+      style: H({ width: n.kWidth + "px", height: n.kHeight + "px" })
     }, [
-      t.content.kalturaType == "video" && !s.showingKaltura ? (o(), a("div", {
+      s.content.kalturaType == "video" && !i.showingKaltura ? (o(), c("div", {
         key: 0,
-        class: k(["kPoster", { active: s.showingKaltura == !0 }]),
-        style: v({ 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] = (...d) => i.showKaltura && i.showKaltura(...d)),
+          onClick: t[0] || (t[0] = (...m) => n.showKaltura && n.showKaltura(...m)),
           class: "videoIframe",
-          src: i.kalturaMedia(t.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, te)
-      ], 6)) : _("", !0),
-      t.content.kalturaType == "audio" ? (o(), a("div", {
+        }, null, 8, ce)
+      ], 6)) : d("", !0),
+      s.content.kalturaType == "audio" ? (o(), c("div", {
         key: 1,
-        class: k(["kAudio", { active: s.showingKaltura == !0 }]),
-        onClick: n[1] || (n[1] = (...d) => i.showKaltura && i.showKaltura(...d))
+        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(t.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, ne)
-      ], 2)) : _("", !0),
-      t.content.kalturaType == "audiobtn" ? (o(), a("div", {
+        }, null, 8, le)
+      ], 2)) : d("", !0),
+      s.content.kalturaType == "audiobtn" ? (o(), c("div", {
         key: 2,
-        class: k(["kAudiobtn", { active: s.showingKaltura == !0 }]),
-        onClick: n[2] || (n[2] = (...d) => i.showKaltura && i.showKaltura(...d))
+        class: v(["kAudiobtn", { active: i.showingKaltura == !0 }]),
+        onClick: t[2] || (t[2] = (...m) => n.showKaltura && n.showKaltura(...m))
       }, [
         r("iframe", {
-          src: i.kalturaMedia(t.content),
-          width: s.audioBtn.width + "px",
-          height: s.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, 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, {
+        }, 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] = w((d) => i.showText(t.content.kalturaType), ["stop"]))
+      onClick: t[3] || (t[3] = x((m) => n.showText(s.content.kalturaType), ["stop"]))
     }, {
-      default: m(() => [
-        C(T(i.getButtonText(t.content.kalturaType)), 1)
+      default: p(() => [
+        F(A(n.getButtonText(s.content.kalturaType)), 1)
       ]),
       _: 1
-    })) : _("", !0)
+    })) : d("", !0)
   ], 2);
 }
-const re = /* @__PURE__ */ f(q, [["render", se]]);
-const ae = {
+const he = /* @__PURE__ */ S(se, [["render", ue]]);
+const de = {
   props: ["content"],
   data() {
     return {
@@ -380,64 +380,64 @@ const ae = {
   },
   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
+}, 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: m(({ close: c, titleId: u, titleClass: x }) => [
-      r("div", ce, [
+    header: p(({ close: a, titleId: f, titleClass: _ }) => [
+      r("div", me, [
         r("h4", {
-          id: u,
-          class: k(x),
-          innerHTML: i.feedbackHeader
-        }, null, 10, le)
+          id: f,
+          class: v(_),
+          innerHTML: n.feedbackHeader
+        }, null, 10, fe)
       ])
     ]),
-    footer: m(() => [
-      r("span", me, [
-        p(h, {
+    footer: p(() => [
+      r("span", ke, [
+        C(b, {
           size: "small",
           id: "feedbackClose",
           type: "primary",
-          onClick: n[0] || (n[0] = w((c) => i.feedbackClose(), ["stop"]))
+          onClick: t[0] || (t[0] = x((a) => n.feedbackClose(), ["stop"]))
         }, {
-          default: m(() => [
-            C("Close")
+          default: p(() => [
+            F("Close")
           ]),
           _: 1
         })
       ])
     ]),
-    default: m(() => [
-      i.getShowFeedbackAttempts ? (o(), a(b, { key: 0 }, [
-        t.content.feedbackAttempts ? (o(), a("p", {
+    default: p(() => [
+      n.getShowFeedbackAttempts ? (o(), c(y, { key: 0 }, [
+        s.content.feedbackAttempts ? (o(), c("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", {
+          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: t.content.feedbackImage,
+          src: s.content.feedbackImage,
           alt: "button image"
-        }, null, 8, he)) : _("", !0),
+        }, null, 8, _e)) : d("", !0),
         r("p", {
-          innerHTML: t.content.feedback
-        }, null, 8, _e)
+          innerHTML: s.content.feedback
+        }, null, 8, ge)
       ], 64))
     ]),
     _: 1
   }, 8, ["width", "modelValue", "before-close"]);
 }
-const S = /* @__PURE__ */ f(ae, [["render", ge]]);
-const fe = {
+const z = /* @__PURE__ */ S(de, [["render", ye]]);
+const we = {
   components: {
-    Feedback: S
+    Feedback: z
   },
   inject: ["message"],
   props: ["content"],
@@ -457,8 +457,8 @@ const fe = {
     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(() => {
+    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();
       }));
     },
@@ -469,45 +469,45 @@ const fe = {
   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, [
+}, 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: 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
+      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: m(() => [
-            c.buttonImage ? (o(), a("img", {
+          default: p(() => [
+            a.buttonImage ? (o(), c("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)
+              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(u) ? (o(), y(d, {
+        n.showFeedback(f) ? (o(), w(m, {
           key: 0,
-          content: c
-        }, null, 8, ["content"])) : _("", !0)
+          content: a
+        }, null, 8, ["content"])) : d("", !0)
       ], 64))), 256))
     ])
   ]);
 }
-const ve = /* @__PURE__ */ f(fe, [["render", xe], ["__scopeId", "data-v-3897bfb2"]]);
-const Te = {
+const Te = /* @__PURE__ */ S(we, [["render", Fe], ["__scopeId", "data-v-3897bfb2"]]);
+const He = {
   props: ["content"],
   data() {
     return {
@@ -529,34 +529,34 @@ const Te = {
       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(() => [
+}, 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: t.content.description
-          }, null, 8, Ce)
+            innerHTML: s.content.description
+          }, null, 8, Me)
         ]),
         _: 1
       }),
-      p(h, { span: 12 }, {
-        default: m(() => [
+      C(b, { span: 12 }, {
+        default: p(() => [
           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"]),
+            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: v({ top: i.pixelFormat(u.cordinatesX), left: i.pixelFormat(u.cordinatesY), width: i.pixelFormat(u.dimensionsW), height: i.pixelFormat(u.dimensionsH) }),
-              icon: u.buttonIcon
+              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))
           ])
         ]),
@@ -566,11 +566,657 @@ function Se(e, n, t, l, s, i) {
     _: 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);
+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 {
-  Pe as default
+  mt as default
 };