labmaker-plugin 0.0.15 → 0.0.16

package/dist/labmaker-plugin.js

@@ -1,10 +1,10 @@
-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 = {
+import { openBlock as a, createElementBlock as u, Fragment as y, createElementVNode as f, toDisplayString as S, resolveComponent as g, createBlock as v, withCtx as _, createVNode as x, withModifiers as A, createTextVNode as T, normalizeClass as w, createCommentVNode as b, normalizeStyle as B, renderList as M, renderSlot as j } from "vue";
+const C = (t, e) => {
+  const i = t.__vccOpts || t;
+  for (const [r, n] of e)
+    i[r] = n;
+  return i;
+}, O = {
   props: ["custom-img"],
   data() {
     return {
@@ -13,32 +13,32 @@ const S = (e, t) => {
   },
   computed: {},
   methods: {
-    fileUpload(e) {
-      const s = e.target.files[0];
-      this.fileProcess(s);
+    fileUpload(t) {
+      const i = t.target.files[0];
+      this.fileProcess(i);
     },
-    fileProcess(e) {
-      this.imgSRC = URL.createObjectURL(e);
+    fileProcess(t) {
+      this.imgSRC = URL.createObjectURL(t);
     }
   },
   mounted() {
   }
-}, 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: t[0] || (t[0] = (...b) => n.fileUpload && n.fileUpload(...b)),
+}, R = /* @__PURE__ */ f("h1", null, "File Uploader", -1), W = { class: "image-uploader" }, q = /* @__PURE__ */ f("h1", null, "File Uploader", -1), P = { class: "your-file" }, V = ["src"];
+function N(t, e, i, r, n, s) {
+  return a(), u(y, null, [
+    R,
+    f("div", W, [
+      q,
+      f("input", {
+        onChange: e[0] || (e[0] = (...l) => s.fileUpload && s.fileUpload(...l)),
         type: "file",
         id: "file-upload",
         name: "fileUpload",
         accept: "image/*"
       }, null, 32),
-      r("div", q, [
-        r("img", {
-          src: i.imgSRC,
+      f("div", P, [
+        f("img", {
+          src: n.imgSRC,
           alt: "",
           scrset: ""
         }, null, 8, V)
@@ -46,21 +46,21 @@ function E(e, t, s, l, i, n) {
     ])
   ], 64);
 }
-const P = /* @__PURE__ */ S(j, [["render", E]]);
-const D = {
+const X = /* @__PURE__ */ C(O, [["render", N]]);
+const Y = {
   props: ["title"],
   data() {
     return {};
   },
   computed: {}
 };
-function W(e, t, s, l, i, n) {
-  return o(), c("header", null, [
-    r("h1", null, A(s.title), 1)
+function U(t, e, i, r, n, s) {
+  return a(), u("header", null, [
+    f("h1", null, S(i.title), 1)
   ]);
 }
-const U = /* @__PURE__ */ S(D, [["render", W]]);
-const N = {
+const K = /* @__PURE__ */ C(Y, [["render", U]]);
+const G = {
   data() {
     return {};
   },
@@ -76,31 +76,31 @@ const N = {
     }
   },
   methods: {
-    handleCurrentChange(e) {
-      this.$store.commit("setCurrentPage", e - 1);
+    handleCurrentChange(t) {
+      this.$store.commit("setCurrentPage", t - 1);
     },
-    changePage(e) {
-      console.log("headed to: ", e), this.$store.commit("setCurrentPage", e);
+    changePage(t) {
+      console.log("headed to: ", t), this.$store.commit("setCurrentPage", t);
     }
   }
 };
-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, {
+function Q(t, e, i, r, n, s) {
+  const l = g("el-col"), o = g("el-button"), c = g("el-row");
+  return a(), v(c, { gutter: 20 }, {
+    default: _(() => [
+      x(l, { span: 18 }),
+      x(l, {
         span: 6,
         class: "homeButtonContainer"
       }, {
-        default: p(() => [
-          C(m, {
+        default: _(() => [
+          x(o, {
             type: "primary ",
-            onClick: t[0] || (t[0] = x((f) => n.changePage(0), ["stop"])),
+            onClick: e[0] || (e[0] = A((m) => s.changePage(0), ["stop"])),
             class: "homeButton"
           }, {
-            default: p(() => [
-              F("Return to Crime Screen")
+            default: _(() => [
+              T("Return to Crime Screen")
             ]),
             _: 1
           })
@@ -111,8 +111,8 @@ function K(e, t, s, l, i, n) {
     _: 1
   });
 }
-const I = /* @__PURE__ */ S(N, [["render", K]]);
-const R = {
+const L = /* @__PURE__ */ C(G, [["render", Q]]);
+const J = {
   props: ["content"],
   data() {
     return {};
@@ -123,8 +123,8 @@ const R = {
     }
   },
   methods: {
-    pixelFormat(e) {
-      return typeof e == "number" ? e + "px" : e;
+    pixelFormat(t) {
+      return typeof t == "number" ? t + "px" : t;
     },
     checkStepper() {
       this.$store.dispatch("lastPageFocus", {});
@@ -133,35 +133,35 @@ const R = {
   mounted() {
     this.checkStepper();
   }
-}, 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: s.content.src,
-        alt: s.content.alt,
-        class: v(s.content.class)
-      }, null, 10, X),
-      s.content.captionHeader ? (o(), c("span", {
+}, Z = { class: "image-container" }, tt = { class: "image" }, et = ["src", "alt"], it = ["innerHTML"], st = ["innerHTML"], nt = ["innerHTML"];
+function ot(t, e, i, r, n, s) {
+  return a(), u("div", Z, [
+    f("div", tt, [
+      f("img", {
+        src: i.content.src,
+        alt: i.content.alt,
+        class: w(i.content.class)
+      }, null, 10, et),
+      i.content.captionHeader ? (a(), u("span", {
         key: 0,
         class: "captionHeader",
-        innerHTML: s.content.captionHeader
-      }, null, 8, G)) : d("", !0),
-      s.content.caption ? (o(), c("span", {
+        innerHTML: i.content.captionHeader
+      }, null, 8, it)) : b("", !0),
+      i.content.caption ? (a(), u("span", {
         key: 1,
         class: "caption",
-        innerHTML: s.content.caption
-      }, null, 8, J)) : d("", !0),
-      s.content.copyright ? (o(), c("span", {
+        innerHTML: i.content.caption
+      }, null, 8, st)) : b("", !0),
+      i.content.copyright ? (a(), u("span", {
         key: 2,
-        innerHTML: s.content.copyright,
+        innerHTML: i.content.copyright,
         class: "copyright"
-      }, null, 8, Z)) : d("", !0)
+      }, null, 8, nt)) : b("", !0)
     ])
   ]);
 }
-const te = /* @__PURE__ */ S(R, [["render", ee], ["__scopeId", "data-v-6d545532"]]);
-const se = {
+const rt = /* @__PURE__ */ C(J, [["render", ot], ["__scopeId", "data-v-6d545532"]]);
+const at = {
   props: ["content"],
   //moduleLessonPage
   data() {
@@ -185,14 +185,14 @@ const se = {
     kHeight() {
       if (this.content.kalturaType === "video")
         if (this.content.height && this.content.height != "") {
-          let e = this.content.height;
-          return e.slice(-2) === "px" ? e.slice(0, -2) : this.content.height;
+          let t = this.content.height;
+          return t.slice(-2) === "px" ? t.slice(0, -2) : this.content.height;
         } else
           return this.video.height;
       else if (this.content.kalturaType === "audio")
         if (this.content.height && this.content.height != "") {
-          let e = this.content.height;
-          return e.slice(-2) === "px" ? e.slice(0, -2) : this.content.height;
+          let t = this.content.height;
+          return t.slice(-2) === "px" ? t.slice(0, -2) : this.content.height;
         } else
           return this.audio.height;
       else if (this.content.kalturaType === "audiobtn")
@@ -201,8 +201,8 @@ const se = {
     kWidth() {
       if (this.content.kalturaType === "video")
         if (this.content.width && this.content.width != "") {
-          let e = this.content.width;
-          return e.slice(-2) === "px" ? e.slice(0, -2) : this.content.width;
+          let t = this.content.width;
+          return t.slice(-2) === "px" ? t.slice(0, -2) : this.content.width;
         } else
           return this.video.width;
       else {
@@ -214,8 +214,8 @@ const se = {
     }
   },
   methods: {
-    getButtonText(e) {
-      return e === "video" ? this.showingText ? "Show Video" : "Show Text Version" : this.showingText ? "Show Audio" : "Show Text Version";
+    getButtonText(t) {
+      return t === "video" ? this.showingText ? "Show Video" : "Show Text Version" : this.showingText ? "Show Audio" : "Show Text Version";
     },
     textVersionCheck() {
       this.content.textVersion && this.content.textVersion.length > 1 && (this.hasText = !0);
@@ -223,8 +223,8 @@ const se = {
     kalturaLoad() {
       this.textVersionCheck();
     },
-    kalturaMedia(e) {
-      let t = {
+    kalturaMedia(t) {
+      let e = {
         uiconf_id: "35766781",
         partner_id: "2061901",
         entry_id: "",
@@ -232,7 +232,7 @@ const se = {
         width: "640",
         type: "video"
       };
-      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;
+      return e.entry_id = this.content.kalturaEntryId, this.content.kalturaType && (e.type = this.content.kalturaType), e.type === "audio" ? e.uiconf_id = "36511471" : e.type === "audiobtn" ? e.uiconf_id = "36582731" : e.type === "videocc" && (e.uiconf_id = "35766781"), this.content.standalone && this.$store.commit("setStepHold", !1), "https://cdnapisec.kaltura.com/p/" + e.partner_id + "/sp/" + e.partner_id + "00/embedIframeJs/uiconf_id/" + e.uiconf_id + "/partner_id/" + e.partner_id + "?iframeembed=true&playerId=Kaltura&entry_id=" + e.entry_id;
     },
     showKaltura() {
       this.showingKaltura = !0;
@@ -241,23 +241,23 @@ const se = {
       this.showingText = !this.showingText, this.buttonText = !this.buttonText;
     },
     tvCleaner() {
-      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
+      let t = document.createElement("div");
+      t.innerHTML = this.content.textVersion;
+      for (let e = 0; e < t.children.length; e++) {
+        let i = t.children[e];
+        if (i.tagName == "DIV" && i.className == "panel-default" && i.children[0].dataset.toggle)
+          for (let r = 0; r < i.children.length; r++) {
+            let n = i.children[r];
+            if (n.dataset.toggle == "collapse") {
+              let s = {
+                heading: n.innerHTML,
+                body: i.children[r + 1].innerHTML
               };
-              this.textversionArray[t] = n;
+              this.textversionArray[e] = s;
             }
           }
         else
-          this.textversionArray[t] = s.outerHTML;
+          this.textversionArray[e] = i.outerHTML;
       }
     }
   },
@@ -266,96 +266,96 @@ const se = {
   },
   mounted() {
   }
-}, ne = {
+}, ct = {
   key: 0,
   class: "textVersion"
-}, oe = /* @__PURE__ */ r("h1", null, "Text Version", -1), ie = ["innerHTML"], ce = ["src", "width", "height"], le = ["src", "width", "height"], re = ["src", "width", "height"], ae = {
+}, lt = /* @__PURE__ */ f("h1", null, "Text Version", -1), ht = ["innerHTML"], ut = ["src", "width", "height"], dt = ["src", "width", "height"], mt = ["src", "width", "height"], ft = {
   key: 2,
   class: "alert alert-danger"
 };
-function ue(e, t, s, l, i, n) {
-  const b = u("el-button");
-  return o(), c("div", {
-    class: v(["kContainer", s.content.class])
+function pt(t, e, i, r, n, s) {
+  const l = g("el-button");
+  return a(), u("div", {
+    class: w(["kContainer", i.content.class])
   }, [
-    s.content.textVersion && i.showingText ? (o(), c("div", ne, [
-      oe,
-      r("div", {
-        innerHTML: s.content.textVersion
-      }, null, 8, ie)
-    ])) : d("", !0),
-    !i.showingText && s.content.kalturaEntryId ? (o(), c("div", {
+    i.content.textVersion && n.showingText ? (a(), u("div", ct, [
+      lt,
+      f("div", {
+        innerHTML: i.content.textVersion
+      }, null, 8, ht)
+    ])) : b("", !0),
+    !n.showingText && i.content.kalturaEntryId ? (a(), u("div", {
       key: 1,
       class: "mainVersion",
-      style: H({ width: n.kWidth + "px", height: n.kHeight + "px" })
+      style: B({ width: s.kWidth + "px", height: s.kHeight + "px" })
     }, [
-      s.content.kalturaType == "video" && !i.showingKaltura ? (o(), c("div", {
+      i.content.kalturaType == "video" && !n.showingKaltura ? (a(), u("div", {
         key: 0,
-        class: v(["kPoster", { active: i.showingKaltura == !0 }]),
-        style: H({ width: n.kWidth + "px", height: n.kHeight + "px" })
+        class: w(["kPoster", { active: n.showingKaltura == !0 }]),
+        style: B({ width: s.kWidth + "px", height: s.kHeight + "px" })
       }, [
-        r("iframe", {
-          onClick: t[0] || (t[0] = (...m) => n.showKaltura && n.showKaltura(...m)),
+        f("iframe", {
+          onClick: e[0] || (e[0] = (...o) => s.showKaltura && s.showKaltura(...o)),
           class: "videoIframe",
-          src: n.kalturaMedia(s.content),
-          width: n.kWidth + "px",
-          height: n.kHeight + "px",
+          src: s.kalturaMedia(i.content),
+          width: s.kWidth + "px",
+          height: s.kHeight + "px",
           allowfullscreen: "",
           webkitallowfullscreen: "",
           mozAllowFullScreen: "",
           frameborder: "0"
-        }, null, 8, ce)
-      ], 6)) : d("", !0),
-      s.content.kalturaType == "audio" ? (o(), c("div", {
+        }, null, 8, ut)
+      ], 6)) : b("", !0),
+      i.content.kalturaType == "audio" ? (a(), u("div", {
         key: 1,
-        class: v(["kAudio", { active: i.showingKaltura == !0 }]),
-        onClick: t[1] || (t[1] = (...m) => n.showKaltura && n.showKaltura(...m))
+        class: w(["kAudio", { active: n.showingKaltura == !0 }]),
+        onClick: e[1] || (e[1] = (...o) => s.showKaltura && s.showKaltura(...o))
       }, [
-        r("iframe", {
+        f("iframe", {
           id: "my_iframe",
-          src: n.kalturaMedia(s.content),
-          width: n.kWidth + "px",
-          height: n.kHeight + "px",
+          src: s.kalturaMedia(i.content),
+          width: s.kWidth + "px",
+          height: s.kHeight + "px",
           allowfullscreen: "",
           webkitallowfullscreen: "",
           mozAllowFullScreen: "",
           frameborder: "0"
-        }, null, 8, le)
-      ], 2)) : d("", !0),
-      s.content.kalturaType == "audiobtn" ? (o(), c("div", {
+        }, null, 8, dt)
+      ], 2)) : b("", !0),
+      i.content.kalturaType == "audiobtn" ? (a(), u("div", {
         key: 2,
-        class: v(["kAudiobtn", { active: i.showingKaltura == !0 }]),
-        onClick: t[2] || (t[2] = (...m) => n.showKaltura && n.showKaltura(...m))
+        class: w(["kAudiobtn", { active: n.showingKaltura == !0 }]),
+        onClick: e[2] || (e[2] = (...o) => s.showKaltura && s.showKaltura(...o))
       }, [
-        r("iframe", {
-          src: n.kalturaMedia(s.content),
-          width: i.audioBtn.width + "px",
-          height: i.audioBtn.height + "px",
+        f("iframe", {
+          src: s.kalturaMedia(i.content),
+          width: n.audioBtn.width + "px",
+          height: n.audioBtn.height + "px",
           allowfullscreen: "",
           webkitallowfullscreen: "",
           mozAllowFullScreen: "",
           frameborder: "0"
-        }, 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, {
+        }, null, 8, mt)
+      ], 2)) : b("", !0)
+    ], 4)) : b("", !0),
+    i.content.kalturaEntryId == "" ? (a(), u("div", ft, "There is no Kaltura Entry ID")) : b("", !0),
+    i.content.textVersion ? (a(), v(l, {
       key: 3,
       size: "medium",
       type: "primary",
       "aria-label": "text version",
       class: "toggleSwitch ftSwitch btn btn-primary vidText",
-      onClick: t[3] || (t[3] = x((m) => n.showText(s.content.kalturaType), ["stop"]))
+      onClick: e[3] || (e[3] = A((o) => s.showText(i.content.kalturaType), ["stop"]))
     }, {
-      default: p(() => [
-        F(A(n.getButtonText(s.content.kalturaType)), 1)
+      default: _(() => [
+        T(S(s.getButtonText(i.content.kalturaType)), 1)
       ]),
       _: 1
-    })) : d("", !0)
+    })) : b("", !0)
   ], 2);
 }
-const he = /* @__PURE__ */ S(se, [["render", ue]]);
-const de = {
+const gt = /* @__PURE__ */ C(at, [["render", pt]]);
+const bt = {
   props: ["content"],
   data() {
     return {
@@ -380,64 +380,64 @@ const de = {
   },
   mounted() {
   }
-}, 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
+}, _t = { class: "my-header" }, kt = ["id", "innerHTML"], yt = ["innerHTML"], wt = { key: 1 }, vt = ["src"], xt = ["innerHTML"], Ct = { class: "dialog-footer" };
+function St(t, e, i, r, n, s) {
+  const l = g("el-button"), o = g("el-dialog");
+  return a(), v(o, {
+    width: s.feedbackWidth,
+    modelValue: n.show,
+    "onUpdate:modelValue": e[1] || (e[1] = (c) => n.show = c),
+    "before-close": s.feedbackClose
   }, {
-    header: p(({ close: a, titleId: f, titleClass: _ }) => [
-      r("div", me, [
-        r("h4", {
-          id: f,
-          class: v(_),
-          innerHTML: n.feedbackHeader
-        }, null, 10, fe)
+    header: _(({ close: c, titleId: m, titleClass: h }) => [
+      f("div", _t, [
+        f("h4", {
+          id: m,
+          class: w(h),
+          innerHTML: s.feedbackHeader
+        }, null, 10, kt)
       ])
     ]),
-    footer: p(() => [
-      r("span", ke, [
-        C(b, {
+    footer: _(() => [
+      f("span", Ct, [
+        x(l, {
           size: "small",
           id: "feedbackClose",
           type: "primary",
-          onClick: t[0] || (t[0] = x((a) => n.feedbackClose(), ["stop"]))
+          onClick: e[0] || (e[0] = A((c) => s.feedbackClose(), ["stop"]))
         }, {
-          default: p(() => [
-            F("Close")
+          default: _(() => [
+            T("Close")
           ]),
           _: 1
         })
       ])
     ]),
-    default: p(() => [
-      n.getShowFeedbackAttempts ? (o(), c(y, { key: 0 }, [
-        s.content.feedbackAttempts ? (o(), c("p", {
+    default: _(() => [
+      s.getShowFeedbackAttempts ? (a(), u(y, { key: 0 }, [
+        i.content.feedbackAttempts ? (a(), u("p", {
           key: 0,
-          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", {
+          innerHTML: i.content.feedbackAttempts
+        }, null, 8, yt)) : (a(), u("p", wt, "You have tried too many times, the correct answer has been provided for you."))
+      ], 64)) : (a(), u(y, { key: 1 }, [
+        i.content.feedbackImage ? (a(), u("img", {
           key: 0,
           class: "im-ButtonImage",
-          src: s.content.feedbackImage,
+          src: i.content.feedbackImage,
           alt: "button image"
-        }, null, 8, _e)) : d("", !0),
-        r("p", {
-          innerHTML: s.content.feedback
-        }, null, 8, ge)
+        }, null, 8, vt)) : b("", !0),
+        f("p", {
+          innerHTML: i.content.feedback
+        }, null, 8, xt)
       ], 64))
     ]),
     _: 1
   }, 8, ["width", "modelValue", "before-close"]);
 }
-const z = /* @__PURE__ */ S(de, [["render", ye]]);
-const we = {
+const I = /* @__PURE__ */ C(bt, [["render", St]]);
+const At = {
   components: {
-    Feedback: z
+    Feedback: I
   },
   inject: ["message"],
   props: ["content"],
@@ -454,60 +454,60 @@ const we = {
     }
   },
   methods: {
-    pixelFormat(e) {
-      return typeof e == "number" ? e + "px" : e;
+    pixelFormat(t) {
+      return typeof t == "number" ? t + "px" : t;
     },
-    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(() => {
+    changePage(t, e) {
+      t.pageLink ? this.$store.commit("setCurrentPage", t.pageLink) : t.feedback && (this.feedbackIndex = e, this.feedbackVisibility.indexOf(e) === -1 && this.feedbackVisibility.push(e), this.$store.commit("setShowFeedback", !0), this.content.hotspots.length - 1 === this.feedbackVisibility.length - 1 && (this.$store.commit("setStepHold", !1), this.$store.commit("setStepDone", !0)), setTimeout(() => {
         document.getElementById("feedbackClose") && document.getElementById("feedbackClose").focus();
       }));
     },
-    showFeedback(e) {
-      return !!(this.$store.getters.getShowFeedback && this.feedbackIndex === e);
+    showFeedback(t) {
+      return !!(this.$store.getters.getShowFeedback && this.feedbackIndex === t);
     }
   },
   beforeMount() {
     this.$store.commit("setStepDone", !1), this.$store.commit("setStepHold", !0);
   }
-}, 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: 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
+}, Mt = { class: "imageMarker" }, Tt = ["src", "alt"], Ht = { class: "hotspotArea" }, Bt = ["src", "alt"], zt = { class: "im-buttonText" };
+function $t(t, e, i, r, n, s) {
+  const l = g("el-button"), o = g("Feedback");
+  return a(), u("div", Mt, [
+    f("img", {
+      src: i.content.image,
+      alt: i.content.imageAlt
+    }, null, 8, Tt),
+    f("div", Ht, [
+      (a(!0), u(y, null, M(i.content.hotspots, (c, m) => (a(), u(y, null, [
+        x(l, {
+          type: c.buttonType,
+          onClick: A((h) => s.changePage(c, m), ["stop"]),
+          id: "hotspot_" + m,
+          class: w([["is-" + c.buttonShape, { noBG: c.buttonImage }, c.class], "hotspot"]),
+          style: B({ top: s.pixelFormat(c.cordinatesX), left: s.pixelFormat(c.cordinatesY), width: s.pixelFormat(c.dimensionsW), height: s.pixelFormat(c.dimensionsH) }),
+          icon: c.buttonIcon
         }, {
-          default: p(() => [
-            a.buttonImage ? (o(), c("img", {
+          default: _(() => [
+            c.buttonImage ? (a(), u("img", {
               key: 0,
               class: "im-ButtonImage",
-              src: a.buttonImage,
-              alt: "image marker " + Number(f + 1)
-            }, null, 8, Se)) : d("", !0),
-            r("span", xe, A(a.name), 1)
+              src: c.buttonImage,
+              alt: "image marker " + Number(m + 1)
+            }, null, 8, Bt)) : b("", !0),
+            f("span", zt, S(c.name), 1)
           ]),
           _: 2
         }, 1032, ["type", "onClick", "id", "class", "style", "icon"]),
-        n.showFeedback(f) ? (o(), w(m, {
+        s.showFeedback(m) ? (a(), v(o, {
           key: 0,
-          content: a
-        }, null, 8, ["content"])) : d("", !0)
+          content: c
+        }, null, 8, ["content"])) : b("", !0)
       ], 64))), 256))
     ])
   ]);
 }
-const Te = /* @__PURE__ */ S(we, [["render", Fe], ["__scopeId", "data-v-3897bfb2"]]);
-const He = {
+const Ft = /* @__PURE__ */ C(At, [["render", $t], ["__scopeId", "data-v-3897bfb2"]]);
+const Lt = {
   props: ["content"],
   data() {
     return {
@@ -522,41 +522,41 @@ const He = {
     }
   },
   methods: {
-    pixelFormat(e) {
-      return typeof e == "number" ? e + "px" : e;
+    pixelFormat(t) {
+      return typeof t == "number" ? t + "px" : t;
     },
-    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", {});
+    changeImage(t) {
+      this.imageReplaced = !0, this.imageSrc = this.content.hotspots[t].imageOverlay, this.imageAlt = this.content.hotspots[t].imageOverlayAlt, this.$store.commit("setStepHold", !1), this.$store.dispatch("lastPageFocus", {});
     }
   }
-}, Me = ["innerHTML"], $e = ["src", "alt"], 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", {
+}, Dt = ["innerHTML"], It = ["src", "alt"], Et = { class: "hotspotArea" };
+function jt(t, e, i, r, n, s) {
+  const l = g("el-col"), o = g("el-button"), c = g("el-row");
+  return a(), v(c, { class: "imageReplacer" }, {
+    default: _(() => [
+      x(l, { span: 12 }, {
+        default: _(() => [
+          f("p", {
             class: "imageReplacerDescription",
-            innerHTML: s.content.description
-          }, null, 8, Me)
+            innerHTML: i.content.description
+          }, null, 8, Dt)
         ]),
         _: 1
       }),
-      C(b, { span: 12 }, {
-        default: p(() => [
-          r("img", {
+      x(l, { span: 12 }, {
+        default: _(() => [
+          f("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"]),
+            src: n.imageSrc,
+            alt: n.imageAlt
+          }, null, 8, It),
+          f("div", Et, [
+            (a(!0), u(y, null, M(i.content.hotspots, (m, h) => (a(), v(o, {
+              type: m.buttonType,
+              onClick: A((d) => s.changeImage(h), ["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
+              style: B({ top: s.pixelFormat(m.cordinatesX), left: s.pixelFormat(m.cordinatesY), width: s.pixelFormat(m.dimensionsW), height: s.pixelFormat(m.dimensionsH) }),
+              icon: m.buttonIcon
             }, null, 8, ["type", "onClick", "style", "icon"]))), 256))
           ])
         ]),
@@ -566,8 +566,8 @@ function ze(e, t, s, l, i, n) {
     _: 1
   });
 }
-const je = /* @__PURE__ */ S(He, [["render", ze], ["__scopeId", "data-v-02e047cd"]]);
-const Be = {
+const Ot = /* @__PURE__ */ C(Lt, [["render", jt], ["__scopeId", "data-v-02e047cd"]]);
+const Rt = {
   components: {},
   props: ["content"],
   data() {
@@ -597,38 +597,38 @@ const Be = {
     }
   },
   methods: {
-    quizArrayCompleted(e) {
-      return !(this.quizItemCompleted.includes(e) || e === 0);
+    quizArrayCompleted(t) {
+      return !(this.quizItemCompleted.includes(t) || t === 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);
+      this.quizArray = this.content.quiz.split("*_").filter((t) => t), this.content.options.forEach((t, e) => {
+        t.options ? t.random ? this.quizOptions.push(this.shuffle(t.options)) : this.quizOptions.push(t.options) : this.quizOptions.push(!1);
       });
     },
-    quizType(e) {
-      return this.content.options[e] && this.content.options[e].type ? this.content.options[e].type : !1;
+    quizType(t) {
+      return this.content.options[t] && this.content.options[t].type ? this.content.options[t].type : !1;
     },
-    quizDisplay(e) {
-      return this.content.options[e] && this.content.options[e].display ? this.content.options[e].display : "Select";
+    quizDisplay(t) {
+      return this.content.options[t] && this.content.options[t].display ? this.content.options[t].display : "Select";
     },
-    quizClass(e) {
-      return this.content.options[e] && this.content.options[e].class ? this.content.options[e].class : "";
+    quizClass(t) {
+      return this.content.options[t] && this.content.options[t].class ? this.content.options[t].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]
+    shuffle(t) {
+      let e = t.length, i;
+      for (; e != 0; )
+        i = Math.floor(Math.random() * e), e--, [t[e], t[i]] = [
+          t[i],
+          t[e]
         ];
-      return e;
+      return t;
     },
     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));
+        let t = !0, e = !1;
+        this.input.length === 0 ? this.content.options[0].stopFlow && (e = !0, this.feedbackObject.feedbackHeader = this.content.options[0].notSelectedHeader, this.feedbackObject.feedback = this.content.options[0].notSelectedBody) : this.content.options.forEach((i, r) => {
+          this.input[r] ? this.input[r] !== this.content.options[r].answer && (t = !1) : this.content.options[this.input.length].stopFlow && (e = !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), t === !0 && this.input.length === this.quizArray.length ? (this.choicesComplete(), this.feedbackObject.feedbackHeader = this.content.correctHeader, this.feedbackObject.feedback = this.content.correctFeedback) : (e || (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(() => {
@@ -636,12 +636,12 @@ const Be = {
       });
     },
     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.quizArray.forEach((t, e) => {
+        this.input[e] ? this.input[e] = this.content.options[e].answer : this.input.push(this.content.options[e].answer), this.quizItemCompleted.push(e + 1);
       }), this.$store.commit("setStepDone", !0), this.$store.commit("setStepHold", !1);
     },
-    choicesMade(e) {
-      this.quizItemCompleted.includes(e + 1) === !1 && this.quizItemCompleted.push(e + 1);
+    choicesMade(t) {
+      this.quizItemCompleted.includes(t + 1) === !1 && this.quizItemCompleted.push(t + 1);
     },
     showFeedback() {
       return !!this.$store.getters.getShowFeedback;
@@ -649,9 +649,9 @@ const Be = {
   },
   mounted() {
     if (this.prepareQuiz(), this.$store.getters.getDirections.display === !1) {
-      let e = document.getElementsByClassName("selectableButton");
+      let t = document.getElementsByClassName("selectableButton");
       setTimeout(() => {
-        e[0].focus();
+        t[0].focus();
       });
     }
   },
@@ -659,69 +659,69 @@ const Be = {
     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])
+function Wt(t, e, i, r, n, s) {
+  const l = g("el-option"), o = g("el-select"), c = g("el-date-picker"), m = g("el-button"), h = g("lab-feedback");
+  return a(), u("div", {
+    class: w(["drop-down", i.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))
+    f("p", null, [
+      (a(!0), u(y, null, M(n.quizArray, (d, p) => (a(), u(y, null, [
+        f("span", {
+          class: w(s.quizClass(p))
         }, [
-          r("span", {
-            class: v("quizText quizSection_" + h)
-          }, A(g) + " ", 3),
-          n.quizType(h) === "choose" ? (o(), w(m, {
+          f("span", {
+            class: w("quizText quizSection_" + p)
+          }, S(d) + " ", 3),
+          s.quizType(p) === "choose" ? (a(), v(o, {
             key: 0,
-            onChange: (k) => n.choicesMade(h),
-            modelValue: i.input[h],
-            "onUpdate:modelValue": (k) => i.input[h] = k,
-            placeholder: n.quizDisplay(h)
+            onChange: (k) => s.choicesMade(p),
+            modelValue: n.input[p],
+            "onUpdate:modelValue": (k) => n.input[p] = k,
+            placeholder: s.quizDisplay(p)
           }, {
-            default: p(() => [
-              n.quizArrayCompleted(h) ? d("", !0) : (o(!0), c(y, { key: 0 }, T(i.quizOptions[h], (k) => (o(), w(b, {
+            default: _(() => [
+              s.quizArrayCompleted(p) ? b("", !0) : (a(!0), u(y, { key: 0 }, M(n.quizOptions[p], (k) => (a(), v(l, {
                 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, {
+          }, 1032, ["onChange", "modelValue", "onUpdate:modelValue", "placeholder"])) : b("", !0),
+          s.quizType(p) === "date" ? (a(), v(c, {
             key: 1,
-            onChange: (k) => n.choicesMade(h),
-            modelValue: i.input[h],
-            "onUpdate:modelValue": (k) => i.input[h] = k,
+            onChange: (k) => s.choicesMade(p),
+            modelValue: n.input[p],
+            "onUpdate:modelValue": (k) => n.input[p] = 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)
+            placeholder: s.quizDisplay(p),
+            format: i.content.options[p].format,
+            "value-format": i.content.options[p].format,
+            disabled: s.quizArrayCompleted(p)
+          }, null, 8, ["onChange", "modelValue", "onUpdate:modelValue", "placeholder", "format", "value-format", "disabled"])) : b("", !0)
         ], 2),
-        F("  ")
+        T("  ")
       ], 64))), 256))
     ]),
-    C(f, {
+    x(m, {
       size: "small",
       type: "primary",
       class: "drop-down-submit",
-      onClick: t[0] || (t[0] = (g) => n.choicesCheck())
+      onClick: e[0] || (e[0] = (d) => s.choicesCheck())
     }, {
-      default: p(() => [
-        F("Submit")
+      default: _(() => [
+        T("Submit")
       ]),
       _: 1
     }),
-    n.showFeedback() ? (o(), w(_, {
+    s.showFeedback() ? (a(), v(h, {
       key: 0,
-      content: i.feedbackObject
-    }, null, 8, ["content"])) : d("", !0)
+      content: n.feedbackObject
+    }, null, 8, ["content"])) : b("", !0)
   ], 2);
 }
-const Le = /* @__PURE__ */ S(Be, [["render", Oe]]);
-const qe = {
+const qt = /* @__PURE__ */ C(Rt, [["render", Wt]]);
+const Pt = {
   components: {},
   props: ["content"],
   data() {
@@ -752,20 +752,20 @@ const qe = {
       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.getAttempt < this.content.attempts ? (this.input.forEach((t, e) => {
+        if (this.content.answers[e] === t)
+          this.correctChoices.includes(e) === !1 && this.correctChoices.push(e);
+        else if (this.correctChoices.includes(e) === !0) {
+          let i = this.correctChoices.indexOf(e);
+          this.correctChoices.splice(i, 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.input.forEach((t, e) => {
+        this.input[e] = this.content.answers[e];
       }), this.$store.commit("setStepDone", !0), this.$store.commit("setStepHold", !1);
     },
     showFeedback() {
@@ -774,9 +774,9 @@ const qe = {
   },
   mounted() {
     if (this.prepareQuiz(), this.$store.getters.getDirections.display === !1) {
-      let e = document.getElementsByClassName("selectableButton");
+      let t = document.getElementsByClassName("selectableButton");
       setTimeout(() => {
-        e[0].focus();
+        t[0].focus();
       });
     }
   },
@@ -784,42 +784,42 @@ const qe = {
     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])
+function Vt(t, e, i, r, n, s) {
+  const l = g("el-input"), o = g("el-button"), c = g("lab-feedback");
+  return a(), u("div", {
+    class: w(["fill-blank", i.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, {
+    f("p", null, [
+      (a(!0), u(y, null, M(n.quizArray, (m, h) => (a(), u(y, null, [
+        T(S(m), 1),
+        h < s.quizArrayCount ? (a(), v(l, {
           key: 0,
-          modelValue: i.input[_],
-          "onUpdate:modelValue": (g) => i.input[_] = g,
+          modelValue: n.input[h],
+          "onUpdate:modelValue": (d) => n.input[h] = d,
           placeholder: "Please input",
           size: "small"
-        }, null, 8, ["modelValue", "onUpdate:modelValue"])) : d("", !0)
+        }, null, 8, ["modelValue", "onUpdate:modelValue"])) : b("", !0)
       ], 64))), 256))
     ]),
-    C(m, {
+    x(o, {
       size: "small",
       type: "primary",
       class: "fill-blank-submit",
-      onClick: t[0] || (t[0] = (f) => n.choicesCheck())
+      onClick: e[0] || (e[0] = (m) => s.choicesCheck())
     }, {
-      default: p(() => [
-        F("Submit")
+      default: _(() => [
+        T("Submit")
       ]),
       _: 1
     }),
-    n.showFeedback() ? (o(), w(a, {
+    s.showFeedback() ? (a(), v(c, {
       key: 0,
-      content: i.feedbackObject
-    }, null, 8, ["content"])) : d("", !0)
+      content: n.feedbackObject
+    }, null, 8, ["content"])) : b("", !0)
   ], 2);
 }
-const Ee = /* @__PURE__ */ S(qe, [["render", Ve]]);
-const Pe = {
+const Nt = /* @__PURE__ */ C(Pt, [["render", Vt]]);
+const Xt = {
   components: {},
   props: ["content"],
   data() {
@@ -847,97 +847,97 @@ const Pe = {
     rightColWidth() {
       return this.content.leftColWidth ? this.content.leftColWidth < 24 ? 24 - this.content.leftColWidth : 24 : 12;
     },
-    pixelFormat(e) {
-      return typeof e == "number" ? e + "px" : e;
+    pixelFormat(t) {
+      return typeof t == "number" ? t + "px" : t;
     },
     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");
+      let t = document.querySelectorAll(".selectableButton");
+      for (let e = 0; e < t.length; e++)
+        t[e].classList.add("is-failure"), t[e].setAttribute("disabled", !0), this.content.choices[e].correct && t[e].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(() => {
+    choicesCheck(t) {
+      this.getAttempt < Number(this.content.attempts) ? this.content.choices[t].correct === !0 ? (console.log(" it was true"), this.choicesComplete()) : this.$store.commit("setAttempts", this.getAttempt + 1) : (this.content.choices[t].correct !== !0 && this.$store.commit("setShowFeedbackAttempts", !0), this.choicesComplete()), this.feedbackIndex = t, 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]];
+      let t = this.content.choices;
+      for (let e = t.length - 1; e > 0; e--) {
+        const i = Math.floor(Math.random() * (e + 1));
+        [t[e], t[i]] = [t[i], t[e]];
       }
-      this.content.choices = e;
+      this.content.choices = t;
     },
-    showFeedback(e) {
-      return this.$store.getters.getShowFeedback && this.feedbackIndex === e ? (this.content.choices[e].correct && this.choicesComplete(), !0) : !1;
+    showFeedback(t) {
+      return this.$store.getters.getShowFeedback && this.feedbackIndex === t ? (this.content.choices[t].correct && this.choicesComplete(), !0) : !1;
     }
   },
   mounted() {
     if (this.$store.getters.getDirections.display === !1) {
-      let e = document.getElementsByClassName("selectableButton");
+      let t = document.getElementsByClassName("selectableButton");
       setTimeout(() => {
-        e[0].focus();
+        t[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])
+}, Yt = ["innerHTML"], Ut = { class: "buttonSpan" }, Kt = ["src", "alt"], Gt = { class: "selectable-buttonText" };
+function Qt(t, e, i, r, n, s) {
+  const l = g("lab-image"), o = g("el-col"), c = g("el-divider"), m = g("el-button"), h = g("lab-feedback"), d = g("el-row");
+  return a(), v(d, {
+    id: i.content.id,
+    class: w(["selectable", i.content.classes])
   }, {
-    default: p(() => [
-      C(m, {
-        span: n.leftColWidth(e.index)
+    default: _(() => [
+      x(o, {
+        span: s.leftColWidth(t.index)
       }, {
-        default: p(() => [
-          s.content.directions ? (o(), c("p", {
+        default: _(() => [
+          i.content.directions ? (a(), u("p", {
             key: 0,
-            innerHTML: s.content.directions
-          }, null, 8, De)) : d("", !0),
-          s.content.image ? (o(), w(b, {
+            innerHTML: i.content.directions
+          }, null, 8, Yt)) : b("", !0),
+          i.content.image ? (a(), v(l, {
             key: 1,
-            content: s.content.image
-          }, null, 8, ["content"])) : d("", !0)
+            content: i.content.image
+          }, null, 8, ["content"])) : b("", !0)
         ]),
         _: 1
       }, 8, ["span"]),
-      C(m, {
-        span: n.rightColWidth(e.index),
+      x(o, {
+        span: s.rightColWidth(t.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, {
+        default: _(() => [
+          (a(!0), u(y, null, M(i.content.choices, (p, k) => (a(), u(y, null, [
+            !i.content.noDivider && k > 0 ? (a(), v(c, { key: 0 })) : b("", !0),
+            x(m, {
               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)
+              style: B({ width: s.pixelFormat(i.content.choiceWidth), height: s.pixelFormat(i.content.choiceHeight) }),
+              onClick: (H) => s.choicesCheck(k)
             }, {
-              default: p(() => [
-                r("div", We, [
-                  h.image ? (o(), c("img", {
+              default: _(() => [
+                f("div", Ut, [
+                  p.image ? (a(), u("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)
+                    src: p.image,
+                    alt: p.alt ? p.alt : "button image"
+                  }, null, 8, Kt)) : b("", !0),
+                  f("span", Gt, S(p.text), 1)
                 ])
               ]),
               _: 2
             }, 1032, ["style", "onClick"]),
-            n.showFeedback(k) ? (o(), w(_, {
+            s.showFeedback(k) ? (a(), v(h, {
               key: 1,
-              content: h
-            }, null, 8, ["content"])) : d("", !0)
+              content: p
+            }, null, 8, ["content"])) : b("", !0)
           ], 64))), 256))
         ]),
         _: 1
@@ -946,8 +946,8 @@ function Ke(e, t, s, l, i, n) {
     _: 1
   }, 8, ["id", "class"]);
 }
-const Re = /* @__PURE__ */ S(Pe, [["render", Ke], ["__scopeId", "data-v-bc83f1c6"]]);
-const Qe = {
+const Jt = /* @__PURE__ */ C(Xt, [["render", Qt], ["__scopeId", "data-v-bc83f1c6"]]);
+const Zt = {
   components: {},
   props: ["content"],
   data() {
@@ -972,11 +972,11 @@ const Qe = {
   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);
+        let t = !1;
+        this.content.answers.forEach((e, i) => {
+          let r = e.toLowerCase();
+          this.input.toLowerCase().includes(r) || (t = !0);
+        }), t ? (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(() => {
@@ -992,9 +992,9 @@ const Qe = {
   },
   mounted() {
     if (this.$store.getters.getDirections.display === !1) {
-      let e = document.getElementsByClassName("selectableButton");
+      let t = document.getElementsByClassName("selectableButton");
       setTimeout(() => {
-        e[0].focus();
+        t[0].focus();
       });
     }
   },
@@ -1002,38 +1002,38 @@ const Qe = {
     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])
+function te(t, e, i, r, n, s) {
+  const l = g("el-input"), o = g("el-button"), c = g("lab-feedback");
+  return a(), u("div", {
+    class: w(["textbox", i.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),
+    f("p", null, S(i.content.quiz), 1),
+    x(l, {
+      modelValue: n.input,
+      "onUpdate:modelValue": e[0] || (e[0] = (m) => n.input = m),
       autosize: { minRows: 4, maxRows: 8 },
       type: "textarea",
       placeholder: "Please input"
     }, null, 8, ["modelValue"]),
-    C(m, {
+    x(o, {
       size: "small",
       type: "primary",
       class: "fill-blank-submit",
-      onClick: t[1] || (t[1] = (f) => n.choicesCheck())
+      onClick: e[1] || (e[1] = (m) => s.choicesCheck())
     }, {
-      default: p(() => [
-        F("Submit")
+      default: _(() => [
+        T("Submit")
       ]),
       _: 1
     }),
-    n.showFeedback() ? (o(), w(a, {
+    s.showFeedback() ? (a(), v(c, {
       key: 0,
-      content: i.feedbackObject
-    }, null, 8, ["content"])) : d("", !0)
+      content: n.feedbackObject
+    }, null, 8, ["content"])) : b("", !0)
   ], 2);
 }
-const Xe = /* @__PURE__ */ S(Qe, [["render", Ye]]);
-const Ge = {
+const ee = /* @__PURE__ */ C(Zt, [["render", te]]);
+const ie = {
   components: {},
   props: ["content"],
   data() {
@@ -1060,43 +1060,43 @@ const Ge = {
     }
   },
   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"));
+    showSub(t) {
+      let e = document.getElementById(t);
+      e.classList.contains("jl-menu-sub_show") ? (this.showMenuOverlay = !1, this.hideSubs()) : (this.showMenuOverlay = !0, e.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"));
+    showSubSub(t) {
+      let e = document.getElementById(t);
+      e.classList.contains("jl-menu-sub-sub_show") ? (this.showMenuOverlay = !1, this.hideSubs()) : (this.showMenuOverlay = !0, e.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");
+      let t = document.getElementsByClassName("jl-menu-sub_show");
       for (; t.length > 0; )
-        t[0].classList.remove("jl-menu-sub-sub_show");
+        t[0].classList.remove("jl-menu-sub_show");
+      let e = document.getElementsByClassName("jl-menu-sub-sub_show");
+      for (; e.length > 0; )
+        e[0].classList.remove("jl-menu-sub-sub_show");
     },
-    choicesCheck(e) {
+    choicesCheck(t) {
       this.hideSubs();
-      let t = !1, s = "";
+      let e = !1, i = "";
       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);
+        if (typeof t == "string") {
+          let r = t.split("-");
+          r.forEach((n, s) => {
+            r[s] = Number(n);
+          }), r.length === 2 ? this.content.menu[r[0]].subMenu[r[1]].correct && (this.content.menu[r[0]].subMenu[r[1]].page && (i = this.content.menu[r[0]].subMenu[r[1]].page), e = !0) : r.length === 3 && this.content.menu[r[0]].subMenu[r[1]].subMenu[r[2]].correct && (this.content.menu[r[0]].subMenu[r[1]].subMenu[r[2]].page && (i = this.content.menu[r[0]].subMenu[r[1]].subMenu[r[2]].page), e = !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);
+          this.content.menu[t].correct && (this.content.menu[t].page && (i = this.content.menu[t].page), e = !0);
+        e ? (this.choicesComplete(i), 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(() => {
+      i === "" && 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);
+    choicesComplete(t) {
+      this.$store.commit("setStepDone", !0), this.$store.commit("setStepHold", !1), t !== "" && this.$store.commit("setCurrentPage", t);
     },
     showFeedback() {
       return !!this.$store.getters.getShowFeedback;
@@ -1109,114 +1109,780 @@ const Ge = {
   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 = {
+}, se = { key: 0 }, ne = ["index", "onClick"], oe = { class: "jl-menu-sub__title" }, re = ["id"], ae = ["index", "onClick"], ce = { class: "jl-menu-sub-sub__title" }, le = ["id"], he = ["index", "onClick"], ue = ["onClick"], de = {
   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])
+}, me = ["index", "onClick"];
+function fe(t, e, i, r, n, s) {
+  const l = g("CaretBottom"), o = g("el-icon"), c = g("CaretRight"), m = g("lab-feedback");
+  return a(), u("div", {
+    class: w(["menu-chooser", i.content.class])
   }, [
-    i.showMenuOverlay ? (o(), c("div", {
+    n.showMenuOverlay ? (a(), u("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", {
+      onClick: e[0] || (e[0] = (...h) => s.hideSubs && s.hideSubs(...h))
+    })) : b("", !0),
+    f("p", null, S(i.content.quiz), 1),
+    f("div", {
       class: "jl-menu",
-      onSelect: t[1] || (t[1] = (..._) => n.choicesCheck && n.choicesCheck(..._))
+      onSelect: e[1] || (e[1] = (...h) => s.choicesCheck && s.choicesCheck(...h))
     }, [
-      (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,
+      (a(!0), u(y, null, M(i.content.menu, (h, d) => (a(), u(y, null, [
+        h.subMenu ? (a(), u("div", se, [
+          f("button", {
+            class: w("jl-menu-sub sub-" + d),
+            index: d,
             tabindex: "0",
             role: "menuitem",
-            onClick: x((h) => n.showSub("sub-" + g), ["stop"])
+            onClick: A((p) => s.showSub("sub-" + d), ["stop"])
           }, [
-            r("div", et, [
-              F(A(_.name) + " ", 1),
-              C(m, null, {
-                default: p(() => [
-                  C(b)
+            f("div", oe, [
+              T(S(h.name) + " ", 1),
+              x(o, null, {
+                default: _(() => [
+                  x(l)
                 ]),
                 _: 1
               })
             ])
-          ], 10, Ze),
-          r("div", {
+          ], 10, ne),
+          f("div", {
             class: "jl-menu-sub-menu",
-            id: "sub-" + g
+            id: "sub-" + d
           }, [
-            (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,
+            (a(!0), u(y, null, M(h.subMenu, (p, k) => (a(), u(y, null, [
+              p.subMenu ? (a(), u(y, { key: 0 }, [
+                f("button", {
+                  class: w("jl-menu-sub-sub sub-sub-" + k),
+                  index: d + "-" + k,
                   tabindex: "0",
                   role: "menuitem",
-                  onClick: x((M) => n.showSubSub("sub-sub-" + g), ["stop"])
+                  onClick: A((H) => s.showSubSub("sub-sub-" + d), ["stop"])
                 }, [
-                  r("div", nt, [
-                    F(A(h.name), 1),
-                    C(m, null, {
-                      default: p(() => [
-                        C(a)
+                  f("div", ce, [
+                    T(S(p.name), 1),
+                    x(o, null, {
+                      default: _(() => [
+                        x(c)
                       ]),
                       _: 1
                     })
                   ])
-                ], 10, st),
-                r("div", {
+                ], 10, ae),
+                f("div", {
                   class: "jl-menu-sub-sub-menu",
-                  id: "sub-sub-" + g
+                  id: "sub-sub-" + d
                 }, [
-                  (o(!0), c(y, null, T(h.subMenu, (M, $) => (o(), c("button", {
+                  (a(!0), u(y, null, M(p.subMenu, (H, z) => (a(), u("button", {
                     class: "jl-menu-sub-sub-item",
-                    index: g + "-" + k + "-" + $,
+                    index: d + "-" + k + "-" + z,
                     tabindex: "0",
                     role: "menuitem",
-                    onClick: x((ht) => n.choicesCheck(g + "-" + k + "-" + $), ["stop"])
+                    onClick: A(($) => s.choicesCheck(d + "-" + k + "-" + z), ["stop"])
                   }, [
-                    r("div", null, A(M.name), 1)
-                  ], 8, it))), 256))
-                ], 8, ot)
-              ], 64)) : (o(), c("button", {
+                    f("div", null, S(H.name), 1)
+                  ], 8, he))), 256))
+                ], 8, le)
+              ], 64)) : (a(), u("button", {
                 key: 1,
                 class: "jl-menu-sub-item",
                 tabindex: "0",
                 role: "menuitem",
-                onClick: x((M) => n.choicesCheck(g + "-" + k), ["stop"])
+                onClick: A((H) => s.choicesCheck(d + "-" + k), ["stop"])
               }, [
-                r("div", null, A(h.name), 1)
-              ], 8, ct))
+                f("div", null, S(p.name), 1)
+              ], 8, ue))
             ], 64))), 256))
-          ], 8, tt)
-        ])) : (o(), c("div", lt, [
-          r("button", {
+          ], 8, re)
+        ])) : (a(), u("div", de, [
+          f("button", {
             class: "jl-menu-item",
-            index: g,
+            index: d,
             tabindex: "0",
             role: "menuitem",
-            onClick: x((h) => n.choicesCheck(g), ["stop"])
-          }, A(_.name), 9, rt)
+            onClick: A((p) => s.choicesCheck(d), ["stop"])
+          }, S(h.name), 9, me)
         ]))
       ], 64))), 256))
     ], 32),
-    n.showFeedback() ? (o(), w(f, {
+    s.showFeedback() ? (a(), v(m, {
       key: 1,
-      content: i.feedbackObject
-    }, null, 8, ["content"])) : d("", !0)
+      content: n.feedbackObject
+    }, null, 8, ["content"])) : b("", !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);
+const pe = /* @__PURE__ */ C(ie, [["render", fe]]);
+const D = {
+  y: {
+    t: "top",
+    m: "marginTop",
+    b: "bottom"
+  },
+  x: {
+    l: "left",
+    m: "marginLeft",
+    r: "right"
+  }
+};
+function ge(t) {
+  t.forEach((e, i) => {
+    document.documentElement.addEventListener(i, e);
+  });
+}
+function be(t) {
+  t.forEach((e, i) => {
+    document.documentElement.removeEventListener(i, e);
+  });
+}
+const _e = {
+  name: "vue-drag-resize",
+  emits: ["clicked", "dragging", "dragstop", "resizing", "resizestop", "activated", "deactivated"],
+  props: {
+    stickSize: {
+      type: Number,
+      default: 8
+    },
+    parentScaleX: {
+      type: Number,
+      default: 1
+    },
+    parentScaleY: {
+      type: Number,
+      default: 1
+    },
+    isActive: {
+      type: Boolean,
+      default: !1
+    },
+    preventActiveBehavior: {
+      type: Boolean,
+      default: !1
+    },
+    isDraggable: {
+      type: Boolean,
+      default: !0
+    },
+    isResizable: {
+      type: Boolean,
+      default: !0
+    },
+    aspectRatio: {
+      type: Boolean,
+      default: !1
+    },
+    parentLimitation: {
+      type: Boolean,
+      default: !1
+    },
+    snapToGrid: {
+      type: Boolean,
+      default: !1
+    },
+    gridX: {
+      type: Number,
+      default: 50,
+      validator(t) {
+        return t >= 0;
+      }
+    },
+    gridY: {
+      type: Number,
+      default: 50,
+      validator(t) {
+        return t >= 0;
+      }
+    },
+    parentW: {
+      type: Number,
+      default: 0,
+      validator(t) {
+        return t >= 0;
+      }
+    },
+    parentH: {
+      type: Number,
+      default: 0,
+      validator(t) {
+        return t >= 0;
+      }
+    },
+    w: {
+      type: [String, Number],
+      default: 200,
+      validator(t) {
+        return typeof t == "string" ? t === "auto" : t >= 0;
+      }
+    },
+    h: {
+      type: [String, Number],
+      default: 200,
+      validator(t) {
+        return typeof t == "string" ? t === "auto" : t >= 0;
+      }
+    },
+    minw: {
+      type: Number,
+      default: 50,
+      validator(t) {
+        return t >= 0;
+      }
+    },
+    minh: {
+      type: Number,
+      default: 50,
+      validator(t) {
+        return t >= 0;
+      }
+    },
+    x: {
+      type: Number,
+      default: 0,
+      validator(t) {
+        return typeof t == "number";
+      }
+    },
+    y: {
+      type: Number,
+      default: 0,
+      validator(t) {
+        return typeof t == "number";
+      }
+    },
+    z: {
+      type: [String, Number],
+      default: "auto",
+      validator(t) {
+        return typeof t == "string" ? t === "auto" : t >= 0;
+      }
+    },
+    dragHandle: {
+      type: String,
+      default: null
+    },
+    dragCancel: {
+      type: String,
+      default: null
+    },
+    sticks: {
+      type: Array,
+      default() {
+        return ["tl", "tm", "tr", "mr", "br", "bm", "bl", "ml"];
+      }
+    },
+    axis: {
+      type: String,
+      default: "both",
+      validator(t) {
+        return ["x", "y", "both", "none"].indexOf(t) !== -1;
+      }
+    },
+    contentClass: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      fixAspectRatio: null,
+      active: null,
+      zIndex: null,
+      parentWidth: null,
+      parentHeight: null,
+      left: null,
+      top: null,
+      right: null,
+      bottom: null,
+      minHeight: null
+    };
+  },
+  beforeCreate() {
+    this.stickDrag = !1, this.bodyDrag = !1, this.dimensionsBeforeMove = { pointerX: 0, pointerY: 0, x: 0, y: 0, w: 0, h: 0 }, this.limits = {
+      left: { min: null, max: null },
+      right: { min: null, max: null },
+      top: { min: null, max: null },
+      bottom: { min: null, max: null }
+    }, this.currentStick = null;
+  },
+  mounted() {
+    this.parentElement = this.$el.parentNode, this.parentWidth = this.parentW ? this.parentW : this.parentElement.clientWidth, this.parentHeight = this.parentH ? this.parentH : this.parentElement.clientHeight, this.left = this.x, this.top = this.y, this.right = this.parentWidth - (this.w === "auto" ? this.$refs.container.scrollWidth : this.w) - this.left, this.bottom = this.parentHeight - (this.h === "auto" ? this.$refs.container.scrollHeight : this.h) - this.top, this.domEvents = /* @__PURE__ */ new Map([
+      ["mousemove", this.move],
+      ["mouseup", this.up],
+      ["mouseleave", this.up],
+      ["mousedown", this.deselect],
+      ["touchmove", this.move],
+      ["touchend", this.up],
+      ["touchcancel", this.up],
+      ["touchstart", this.up]
+    ]), ge(this.domEvents), this.dragHandle && [...this.$el.querySelectorAll(this.dragHandle)].forEach((t) => {
+      t.setAttribute("data-drag-handle", this._uid);
+    }), this.dragCancel && [...this.$el.querySelectorAll(this.dragCancel)].forEach((t) => {
+      t.setAttribute("data-drag-cancel", this._uid);
+    });
+  },
+  beforeUnmount() {
+    be(this.domEvents);
+  },
+  methods: {
+    deselect() {
+      this.preventActiveBehavior || (this.active = !1);
+    },
+    move(t) {
+      if (!this.stickDrag && !this.bodyDrag)
+        return;
+      t.stopPropagation();
+      const e = typeof t.pageX < "u" ? t.pageX : t.touches[0].pageX, i = typeof t.pageY < "u" ? t.pageY : t.touches[0].pageY, { dimensionsBeforeMove: r } = this, n = {
+        x: (r.pointerX - e) / this.parentScaleX,
+        y: (r.pointerY - i) / this.parentScaleY
+      };
+      if (this.stickDrag && this.stickMove(n), this.bodyDrag) {
+        if (this.axis === "x")
+          n.y = 0;
+        else if (this.axis === "y")
+          n.x = 0;
+        else if (this.axis === "none")
+          return;
+        this.bodyMove(n);
+      }
+    },
+    up(t) {
+      this.stickDrag ? this.stickUp(t) : this.bodyDrag && this.bodyUp(t);
+    },
+    bodyDown(t) {
+      const { target: e, button: i } = t;
+      if (this.preventActiveBehavior || (this.active = !0), i && i !== 0 || (this.$emit("clicked", t), !this.active) || this.dragHandle && e.getAttribute("data-drag-handle") !== this._uid.toString() || this.dragCancel && e.getAttribute("data-drag-cancel") === this._uid.toString())
+        return;
+      typeof t.stopPropagation < "u" && t.stopPropagation(), typeof t.preventDefault < "u" && t.preventDefault(), this.isDraggable && (this.bodyDrag = !0);
+      const r = typeof t.pageX < "u" ? t.pageX : t.touches[0].pageX, n = typeof t.pageY < "u" ? t.pageY : t.touches[0].pageY;
+      this.saveDimensionsBeforeMove({ pointerX: r, pointerY: n }), this.parentLimitation && (this.limits = this.calcDragLimitation());
+    },
+    bodyMove(t) {
+      const { dimensionsBeforeMove: e, parentWidth: i, parentHeight: r, gridX: n, gridY: s, width: l, height: o } = this;
+      let c = e.top - t.y, m = e.bottom + t.y, h = e.left - t.x, d = e.right + t.x;
+      if (this.snapToGrid) {
+        let p = !0, k = !0, H = c - Math.floor(c / s) * s, z = r - m - Math.floor((r - m) / s) * s, $ = h - Math.floor(h / n) * n, F = i - d - Math.floor((i - d) / n) * n;
+        H > s / 2 && (H -= s), z > s / 2 && (z -= s), $ > n / 2 && ($ -= n), F > n / 2 && (F -= n), Math.abs(z) < Math.abs(H) && (p = !1), Math.abs(F) < Math.abs($) && (k = !1), c -= p ? H : z, m = r - o - c, h -= k ? $ : F, d = i - l - h;
+      }
+      ({
+        newLeft: this.left,
+        newRight: this.right,
+        newTop: this.top,
+        newBottom: this.bottom
+      } = this.rectCorrectionByLimit({ newLeft: h, newRight: d, newTop: c, newBottom: m })), this.$emit("dragging", this.rect);
+    },
+    bodyUp() {
+      this.bodyDrag = !1, this.$emit("dragging", this.rect), this.$emit("dragstop", this.rect), this.dimensionsBeforeMove = { pointerX: 0, pointerY: 0, x: 0, y: 0, w: 0, h: 0 }, this.limits = {
+        left: { min: null, max: null },
+        right: { min: null, max: null },
+        top: { min: null, max: null },
+        bottom: { min: null, max: null }
+      };
+    },
+    stickDown(t, e, i = !1) {
+      if ((!this.isResizable || !this.active) && !i)
+        return;
+      this.stickDrag = !0;
+      const r = typeof e.pageX < "u" ? e.pageX : e.touches[0].pageX, n = typeof e.pageY < "u" ? e.pageY : e.touches[0].pageY;
+      this.saveDimensionsBeforeMove({ pointerX: r, pointerY: n }), this.currentStick = t, this.limits = this.calcResizeLimits();
+    },
+    saveDimensionsBeforeMove({ pointerX: t, pointerY: e }) {
+      this.dimensionsBeforeMove.pointerX = t, this.dimensionsBeforeMove.pointerY = e, this.dimensionsBeforeMove.left = this.left, this.dimensionsBeforeMove.right = this.right, this.dimensionsBeforeMove.top = this.top, this.dimensionsBeforeMove.bottom = this.bottom, this.dimensionsBeforeMove.width = this.width, this.dimensionsBeforeMove.height = this.height, this.aspectFactor = this.width / this.height;
+    },
+    stickMove(t) {
+      const {
+        currentStick: e,
+        dimensionsBeforeMove: i,
+        gridY: r,
+        gridX: n,
+        snapToGrid: s,
+        parentHeight: l,
+        parentWidth: o
+      } = this;
+      let c = i.top, m = i.bottom, h = i.left, d = i.right;
+      switch (e[0]) {
+        case "b":
+          m = i.bottom + t.y, s && (m = l - Math.round((l - m) / r) * r);
+          break;
+        case "t":
+          c = i.top - t.y, s && (c = Math.round(c / r) * r);
+          break;
+      }
+      switch (e[1]) {
+        case "r":
+          d = i.right + t.x, s && (d = o - Math.round((o - d) / n) * n);
+          break;
+        case "l":
+          h = i.left - t.x, s && (h = Math.round(h / n) * n);
+          break;
+      }
+      ({
+        newLeft: h,
+        newRight: d,
+        newTop: c,
+        newBottom: m
+      } = this.rectCorrectionByLimit({ newLeft: h, newRight: d, newTop: c, newBottom: m })), this.aspectRatio && ({
+        newLeft: h,
+        newRight: d,
+        newTop: c,
+        newBottom: m
+      } = this.rectCorrectionByAspectRatio({ newLeft: h, newRight: d, newTop: c, newBottom: m })), this.left = h, this.right = d, this.top = c, this.bottom = m, this.$emit("resizing", this.rect);
+    },
+    stickUp() {
+      this.stickDrag = !1, this.dimensionsBeforeMove = {
+        pointerX: 0,
+        pointerY: 0,
+        x: 0,
+        y: 0,
+        w: 0,
+        h: 0
+      }, this.limits = {
+        left: { min: null, max: null },
+        right: { min: null, max: null },
+        top: { min: null, max: null },
+        bottom: { min: null, max: null }
+      }, this.$emit("resizing", this.rect), this.$emit("resizestop", this.rect);
+    },
+    calcDragLimitation() {
+      const { parentWidth: t, parentHeight: e } = this;
+      return {
+        left: { min: 0, max: t - this.width },
+        right: { min: 0, max: t - this.width },
+        top: { min: 0, max: e - this.height },
+        bottom: { min: 0, max: e - this.height }
+      };
+    },
+    calcResizeLimits() {
+      const { aspectFactor: t, width: e, height: i, bottom: r, top: n, left: s, right: l } = this;
+      let { minh: o, minw: c } = this;
+      const m = this.parentLimitation ? 0 : null;
+      this.aspectRatio && (c / o > t ? o = c / t : c = t * o);
+      const h = {
+        left: { min: m, max: s + (e - c) },
+        right: { min: m, max: l + (e - c) },
+        top: { min: m, max: n + (i - o) },
+        bottom: { min: m, max: r + (i - o) }
+      };
+      if (this.aspectRatio) {
+        const d = {
+          left: {
+            min: s - Math.min(n, r) * t * 2,
+            max: s + (i - o) / 2 * t * 2
+          },
+          right: {
+            min: l - Math.min(n, r) * t * 2,
+            max: l + (i - o) / 2 * t * 2
+          },
+          top: {
+            min: n - Math.min(s, l) / t * 2,
+            max: n + (e - c) / 2 / t * 2
+          },
+          bottom: {
+            min: r - Math.min(s, l) / t * 2,
+            max: r + (e - c) / 2 / t * 2
+          }
+        };
+        this.currentStick[0] === "m" ? (h.left = {
+          min: Math.max(h.left.min, d.left.min),
+          max: Math.min(h.left.max, d.left.max)
+        }, h.right = {
+          min: Math.max(h.right.min, d.right.min),
+          max: Math.min(h.right.max, d.right.max)
+        }) : this.currentStick[1] === "m" && (h.top = {
+          min: Math.max(h.top.min, d.top.min),
+          max: Math.min(h.top.max, d.top.max)
+        }, h.bottom = {
+          min: Math.max(h.bottom.min, d.bottom.min),
+          max: Math.min(h.bottom.max, d.bottom.max)
+        });
+      }
+      return h;
+    },
+    sideCorrectionByLimit(t, e) {
+      let i = e;
+      return t.min !== null && e < t.min ? i = t.min : t.max !== null && t.max < e && (i = t.max), i;
+    },
+    rectCorrectionByLimit(t) {
+      const { limits: e } = this;
+      let { newRight: i, newLeft: r, newBottom: n, newTop: s } = t;
+      return r = this.sideCorrectionByLimit(e.left, r), i = this.sideCorrectionByLimit(e.right, i), s = this.sideCorrectionByLimit(e.top, s), n = this.sideCorrectionByLimit(e.bottom, n), {
+        newLeft: r,
+        newRight: i,
+        newTop: s,
+        newBottom: n
+      };
+    },
+    rectCorrectionByAspectRatio(t) {
+      let { newLeft: e, newRight: i, newTop: r, newBottom: n } = t;
+      const { parentWidth: s, parentHeight: l, currentStick: o, aspectFactor: c, dimensionsBeforeMove: m } = this;
+      let h = s - e - i, d = l - r - n;
+      if (o[1] === "m") {
+        const p = d - m.height;
+        e -= p * c / 2, i -= p * c / 2;
+      } else if (o[0] === "m") {
+        const p = h - m.width;
+        r -= p / c / 2, n -= p / c / 2;
+      } else
+        h / d > c ? (h = c * d, o[1] === "l" ? e = s - i - h : i = s - e - h) : (d = h / c, o[0] === "t" ? r = l - n - d : n = l - r - d);
+      return { newLeft: e, newRight: i, newTop: r, newBottom: n };
+    }
+  },
+  computed: {
+    positionStyle() {
+      return {
+        top: this.top + "px",
+        left: this.left + "px",
+        zIndex: this.zIndex
+      };
+    },
+    sizeStyle() {
+      return {
+        width: this.width + "px",
+        height: this.height + "px"
+      };
+    },
+    vdrStick() {
+      return (t) => {
+        const e = {
+          width: `${this.stickSize / this.parentScaleX}px`,
+          height: `${this.stickSize / this.parentScaleY}px`
+        };
+        return e[D.y[t[0]]] = `${this.stickSize / this.parentScaleX / -2}px`, e[D.x[t[1]]] = `${this.stickSize / this.parentScaleX / -2}px`, e;
+      };
+    },
+    width() {
+      return this.parentWidth - this.left - this.right;
+    },
+    height() {
+      return this.parentHeight - this.top - this.bottom;
+    },
+    rect() {
+      return {
+        left: Math.round(this.left),
+        top: Math.round(this.top),
+        width: Math.round(this.width),
+        height: Math.round(this.height)
+      };
+    }
+  },
+  watch: {
+    active(t) {
+      t ? this.$emit("activated") : this.$emit("deactivated");
+    },
+    isActive: {
+      immediate: !0,
+      handler(t) {
+        this.active = t;
+      }
+    },
+    z: {
+      immediate: !0,
+      handler(t) {
+        (t >= 0 || t === "auto") && (this.zIndex = t);
+      }
+    },
+    x: {
+      handler(t, e) {
+        if (this.stickDrag || this.bodyDrag || t === this.left)
+          return;
+        const i = e - t;
+        this.bodyDown({ pageX: this.left, pageY: this.top }), this.bodyMove({ x: i, y: 0 }), this.$nextTick(() => {
+          this.bodyUp();
+        });
+      }
+    },
+    y: {
+      handler(t, e) {
+        if (this.stickDrag || this.bodyDrag || t === this.top)
+          return;
+        const i = e - t;
+        this.bodyDown({ pageX: this.left, pageY: this.top }), this.bodyMove({ x: 0, y: i }), this.$nextTick(() => {
+          this.bodyUp();
+        });
+      }
+    },
+    w: {
+      handler(t, e) {
+        if (this.stickDrag || this.bodyDrag || t === this.width)
+          return;
+        const i = "mr", r = e - t;
+        this.stickDown(i, { pageX: this.right, pageY: this.top + this.height / 2 }, !0), this.stickMove({ x: r, y: 0 }), this.$nextTick(() => {
+          this.stickUp();
+        });
+      }
+    },
+    h: {
+      handler(t, e) {
+        if (this.stickDrag || this.bodyDrag || t === this.height)
+          return;
+        const i = "bm", r = e - t;
+        this.stickDown(i, { pageX: this.left + this.width / 2, pageY: this.bottom }, !0), this.stickMove({ x: 0, y: r }), this.$nextTick(() => {
+          this.stickUp();
+        });
+      }
+    },
+    parentW(t) {
+      this.right = t - this.width - this.left, this.parentWidth = t;
+    },
+    parentH(t) {
+      this.bottom = t - this.height - this.top, this.parentHeight = t;
+    }
+  }
+}, ke = ["onMousedown", "onTouchstart"];
+function ye(t, e, i, r, n, s) {
+  return a(), u("div", {
+    class: w(["vdr", `${n.active || i.isActive ? "active" : "inactive"} ${i.contentClass ? i.contentClass : ""}`]),
+    style: B(s.positionStyle),
+    onMousedown: e[0] || (e[0] = (l) => s.bodyDown(l)),
+    onTouchstart: e[1] || (e[1] = (l) => s.bodyDown(l)),
+    onTouchend: e[2] || (e[2] = (l) => s.up(l)),
+    ref: "container",
+    tabindex: "0"
+  }, [
+    f("div", {
+      style: B(s.sizeStyle),
+      class: "content-container",
+      ref: "container2"
+    }, [
+      j(t.$slots, "default")
+    ], 4),
+    (a(!0), u(y, null, M(i.sticks, (l) => (a(), u("div", {
+      class: w(["vdr-stick", ["vdr-stick-" + l, i.isResizable ? "" : "not-resizable"]]),
+      onMousedown: A((o) => s.stickDown(l, o), ["stop", "prevent"]),
+      onTouchstart: A((o) => s.stickDown(l, o), ["stop", "prevent"]),
+      style: B(s.vdrStick(l))
+    }, null, 46, ke))), 256))
+  ], 38);
+}
+const E = /* @__PURE__ */ C(_e, [["render", ye]]);
+const we = {
+  components: {
+    VueDragResize: E
+  },
+  props: ["content"],
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {
+    getLastPage() {
+      return !!this.$store.getters.getLastPage;
+    }
+  },
+  methods: {
+    onResizstop(t) {
+      console.log("i have stopped resizing", t);
+    },
+    onDragstop(t) {
+    },
+    reset() {
+      this.listOne = [];
+    },
+    getParentWidth() {
+      let t = document.getElementsByClassName("fridgemagnet");
+      setTimeout(() => t[0].offsetWidth);
+    },
+    getParentHeight() {
+      let t = document.getElementsByClassName("fridgemagnet");
+      setTimeout(() => t[0].offsetHeight);
+    },
+    keyboardMove(t) {
+      for (let e of t)
+        document.getElementById(e.id).addEventListener("focusin", (r) => {
+          let n = document.getElementsByClassName("fridgemagnet");
+          addEventListener("keydown", function(s) {
+            let l = document.getElementById(s.target.id);
+            if (s.altKey && s.key === "ArrowLeft") {
+              let o = Number(l.style.left.slice(0, -2));
+              o - 10 < 0 ? l.style.left = `${o}px` : l.style.left = `${o - 10}px`;
+            }
+            if (s.altKey && s.key === "ArrowRight") {
+              let o = Number(l.style.left.slice(0, -2));
+              o + 10 > n[0].offsetWidth - 50 ? l.style.left = `${o}px` : l.style.left = `${o + 10}px`;
+            }
+            if (s.altKey && s.key === "ArrowUp") {
+              let o = Number(l.style.top.slice(0, -2));
+              o + 10 < 0 ? l.style.top = `${o}px` : l.style.top = `${o - 10}px`;
+            }
+            if (s.altKey && s.key === "ArrowDown") {
+              let o = Number(l.style.top.slice(0, -2));
+              o + 10 > n[0].offsetHeight - 80 ? l.style.top = `${o}px` : l.style.top = `${o + 10}px`;
+            }
+          });
+        });
+    }
+  },
+  mounted() {
+    let t = document.getElementsByClassName("vdr");
+    setTimeout(() => {
+      t[0].focus();
+    }), this.keyboardMove(t);
+  },
+  beforeMount() {
+  }
+}, ve = { class: "fridgemagnet" }, xe = ["innerHTML"], Ce = ["src", "alt"], Se = ["id", "src", "alt"], Ae = ["innerHTML"];
+function Me(t, e, i, r, n, s) {
+  const l = g("VueDragResize");
+  return a(), u("div", ve, [
+    i.content.directions ? (a(), u("p", {
+      key: 0,
+      innerHTML: i.content.directions
+    }, null, 8, xe)) : b("", !0),
+    f("img", {
+      src: i.content.image,
+      alt: i.content.imageAlt
+    }, null, 8, Ce),
+    f("div", {
+      class: w(["fridge", i.content.class, i.content.noOutline ? "no_outline" : ""])
+    }, [
+      (a(!0), u(y, null, M(i.content.magnets, (o, c) => (a(), v(l, {
+        id: "vdr_" + c,
+        isActive: !0,
+        w: o.width ? o.width : 50,
+        minw: o.minWidth ? o.minWidth : 50,
+        h: o.height ? o.height : 50,
+        minh: o.minHeight ? o.minHeight : 50,
+        x: o.x ? o.x : 0,
+        y: o.y ? o.y : 60 * c,
+        class: w(o.class),
+        parentLimitation: !0,
+        parentW: o.parentwidth ? o.parentwidth : s.getParentWidth(),
+        parentH: o.parentheight ? o.parentheight : s.getParentHeight(),
+        isResizable: o.resizable,
+        isDraggable: o.draggable,
+        snapToGrid: o.snap,
+        gridX: o.snapX,
+        gridY: o.snapY,
+        dragHandle: o.handle,
+        onResizing: t.resize,
+        onDragging: t.resize,
+        aspectRatio: !0,
+        onResizestop: s.onResizstop,
+        onDragstop: s.onDragstop,
+        sticks: ["tl", "bl", "tr", "br"]
+      }, {
+        default: _(() => [
+          o.image ? (a(), u("img", {
+            key: 0,
+            id: o.index,
+            src: o.image,
+            alt: o.imageAlt
+          }, null, 8, Se)) : b("", !0),
+          o.text ? (a(), u("p", {
+            key: 1,
+            innerHTML: o.text
+          }, null, 8, Ae)) : b("", !0)
+        ]),
+        _: 2
+      }, 1032, ["id", "w", "minw", "h", "minh", "x", "y", "class", "parentW", "parentH", "isResizable", "isDraggable", "snapToGrid", "gridX", "gridY", "dragHandle", "onResizing", "onDragging", "onResizestop", "onDragstop"]))), 256))
+    ], 2)
+  ]);
+}
+const Te = /* @__PURE__ */ C(we, [["render", Me]]), Be = {
+  install: (t, e) => {
+    t.component("special-uploader", X), t.component("lab-header", K), t.component("lab-footer", L), t.component("lab-drawer", L), t.component("lab-image", rt), t.component("lab-kaltura", gt), t.component("lab-image-marker", Ft), t.component("lab-image-replacer", Ot), t.component("lab-feedback", I), t.component("lab-drop-down", qt), t.component("lab-fill-blank", Nt), t.component("lab-selectable", Jt), t.component("lab-textbox", ee), t.component("lab-menu_chooser", pe), t.component("lab-drag-resize", E), t.component("lab-fridgemagnet", Te);
   }
 };
 export {
-  mt as default
+  Be as default
 };