labmaker-plugin 0.0.259 → 0.0.261

package/dist/labmaker-plugin.js

@@ -1,4 +1,4 @@
-import { openBlock as B, createElementBlock as V, Fragment as D, createElementVNode as b, toDisplayString as Z, normalizeClass as P, createCommentVNode as N, resolveComponent as y, normalizeStyle as D2, createBlock as _, withModifiers as p2, withCtx as k, createTextVNode as o2, createVNode as X, renderList as f2, renderSlot as Nn, defineComponent as i0, computed as L2, watch as En, h as A5 } from "vue";
+import { openBlock as B, createElementBlock as V, Fragment as D, createElementVNode as U, toDisplayString as Z, normalizeClass as P, createCommentVNode as N, resolveComponent as y, normalizeStyle as D2, createBlock as _, withModifiers as p2, withCtx as k, createTextVNode as o2, createVNode as X, renderList as f2, renderSlot as Nn, defineComponent as i0, computed as L2, watch as En, h as A5 } from "vue";
 const t2 = (A, c) => {
   const e = A.__vccOpts || A;
   for (const [a, r] of c)
@@ -23,21 +23,21 @@ const t2 = (A, c) => {
   },
   mounted() {
   }
-}, In = /* @__PURE__ */ b("h1", null, "File Uploader", -1), Tn = { class: "image-uploader" }, Dn = /* @__PURE__ */ b("h1", null, "File Uploader", -1), Kn = { class: "your-file" }, Rn = ["src"];
+}, In = /* @__PURE__ */ U("h1", null, "File Uploader", -1), Tn = { class: "image-uploader" }, Dn = /* @__PURE__ */ U("h1", null, "File Uploader", -1), Kn = { class: "your-file" }, Rn = ["src"];
 function _n(A, c, e, a, r, s) {
   return B(), V(D, null, [
     In,
-    b("div", Tn, [
+    U("div", Tn, [
       Dn,
-      b("input", {
+      U("input", {
         onChange: c[0] || (c[0] = (...t) => s.fileUpload && s.fileUpload(...t)),
         type: "file",
         id: "file-upload",
         name: "fileUpload",
         accept: "image/*"
       }, null, 32),
-      b("div", Kn, [
-        b("img", {
+      U("div", Kn, [
+        U("img", {
           src: r.imgSRC,
           alt: "",
           scrset: ""
@@ -56,7 +56,7 @@ const Pn = {
 };
 function Gn(A, c, e, a, r, s) {
   return B(), V("header", null, [
-    b("h1", null, Z(e.title), 1)
+    U("h1", null, Z(e.title), 1)
   ]);
 }
 const Wn = /* @__PURE__ */ t2(Pn, [["render", Gn]]);
@@ -79,8 +79,8 @@ const Xn = {
 }, qn = { class: "image-container" }, Yn = { class: "image" }, Jn = ["src", "alt"], $n = ["innerHTML"], jn = ["innerHTML"], Zn = ["innerHTML"];
 function Ao(A, c, e, a, r, s) {
   return B(), V("div", qn, [
-    b("div", Yn, [
-      b("img", {
+    U("div", Yn, [
+      U("img", {
         src: e.content.src,
         alt: e.content.alt,
         class: P(e.content.class)
@@ -218,7 +218,7 @@ const eo = {
 }, ao = {
   key: 0,
   class: "textVersion"
-}, ro = /* @__PURE__ */ b("h1", null, "Text Version", -1), so = ["innerHTML"], to = ["src", "width", "height"], io = ["src", "width", "height"], no = ["src", "width", "height"], oo = {
+}, ro = /* @__PURE__ */ U("h1", null, "Text Version", -1), so = ["innerHTML"], to = ["src", "width", "height"], io = ["src", "width", "height"], no = ["src", "width", "height"], oo = {
   key: 2,
   class: "alert alert-danger"
 };
@@ -229,7 +229,7 @@ function lo(A, c, e, a, r, s) {
   }, [
     e.content.textVersion && r.showingText ? (B(), V("div", ao, [
       ro,
-      b("div", {
+      U("div", {
         innerHTML: e.content.textVersion
       }, null, 8, so)
     ])) : N("", !0),
@@ -243,7 +243,7 @@ function lo(A, c, e, a, r, s) {
         class: P(["kPoster", { active: r.showingKaltura == !0 }]),
         style: D2({ width: s.kWidth + "px", height: s.kHeight + "px" })
       }, [
-        b("iframe", {
+        U("iframe", {
           onClick: c[0] || (c[0] = (...i) => s.showKaltura && s.showKaltura(...i)),
           class: "videoIframe",
           src: s.kalturaMedia(e.content),
@@ -260,7 +260,7 @@ function lo(A, c, e, a, r, s) {
         class: P(["kAudio", { active: r.showingKaltura == !0 }]),
         onClick: c[1] || (c[1] = (...i) => s.showKaltura && s.showKaltura(...i))
       }, [
-        b("iframe", {
+        U("iframe", {
           id: "my_iframe",
           src: s.kalturaMedia(e.content),
           width: s.kWidth + "px",
@@ -276,7 +276,7 @@ function lo(A, c, e, a, r, s) {
         class: P(["kAudiobtn", { active: r.showingKaltura == !0 }]),
         onClick: c[2] || (c[2] = (...i) => s.showKaltura && s.showKaltura(...i))
       }, [
-        b("iframe", {
+        U("iframe", {
           src: s.kalturaMedia(e.content),
           width: r.audioBtn.width + "px",
           height: r.audioBtn.height + "px",
@@ -342,8 +342,8 @@ function go(A, c, e, a, r, s) {
     "before-close": s.feedbackClose
   }, {
     header: k(({ close: n, titleId: o, titleClass: l }) => [
-      b("div", uo, [
-        b("h4", {
+      U("div", uo, [
+        U("h4", {
           id: o,
           class: P(l),
           innerHTML: s.feedbackHeader
@@ -351,7 +351,7 @@ function go(A, c, e, a, r, s) {
       ])
     ]),
     footer: k(() => [
-      b("span", po, [
+      U("span", po, [
         X(t, {
           size: "small",
           id: "feedbackClose",
@@ -378,7 +378,7 @@ function go(A, c, e, a, r, s) {
           src: e.content.feedbackImage,
           alt: "button image"
         }, null, 8, Co)) : N("", !0),
-        b("p", {
+        U("p", {
           innerHTML: e.content.feedback
         }, null, 8, Bo)
       ], 64))
@@ -429,11 +429,11 @@ const zo = {
 function Fo(A, c, e, a, r, s) {
   const t = y("el-button"), i = y("Feedback");
   return B(), V("div", Vo, [
-    b("img", {
+    U("img", {
       src: e.content.image,
       alt: e.content.imageAlt
     }, null, 8, Mo),
-    b("div", wo, [
+    U("div", wo, [
       (B(!0), V(D, null, f2(e.content.hotspots, (n, o) => (B(), V(D, null, [
         X(t, {
           type: n.buttonType,
@@ -450,7 +450,7 @@ function Fo(A, c, e, a, r, s) {
               src: n.buttonImage,
               alt: "image marker " + Number(o + 1)
             }, null, 8, Lo)) : N("", !0),
-            b("span", Qo, Z(n.name), 1)
+            U("span", Qo, Z(n.name), 1)
           ]),
           _: 2
         }, 1032, ["type", "onClick", "id", "class", "style", "icon"]),
@@ -499,7 +499,7 @@ function No(A, c, e, a, r, s) {
     default: k(() => [
       X(t, { span: 12 }, {
         default: k(() => [
-          b("p", {
+          U("p", {
             class: "imageReplacerDescription",
             innerHTML: e.content.description
           }, null, 8, xo)
@@ -508,12 +508,12 @@ function No(A, c, e, a, r, s) {
       }),
       X(t, { span: 12 }, {
         default: k(() => [
-          b("img", {
+          U("img", {
             class: "im-ButtonImage",
             src: r.imageSrc,
             alt: r.imageAlt
           }, null, 8, yo),
-          b("div", So, [
+          U("div", So, [
             (B(!0), V(D, null, f2(e.content.hotspots, (o, l) => (B(), _(i, {
               type: o.buttonType,
               onClick: p2((f) => s.changeImage(l), ["stop"]),
@@ -626,12 +626,12 @@ function Io(A, c, e, a, r, s) {
   return B(), V("div", {
     class: P(["drop-down", e.content.class])
   }, [
-    b("p", null, [
+    U("p", null, [
       (B(!0), V(D, null, f2(r.quizArray, (f, h) => (B(), V(D, null, [
-        b("span", {
+        U("span", {
           class: P(s.quizClass(h))
         }, [
-          b("span", {
+          U("span", {
             class: P("quizText quizSection_" + h)
           }, Z(f) + " ", 3),
           s.quizType(h) === "choose" ? (B(), _(i, {
@@ -750,7 +750,7 @@ function Ko(A, c, e, a, r, s) {
   return B(), V("div", {
     class: P(["fill-blank", e.content.class])
   }, [
-    b("p", null, [
+    U("p", null, [
       (B(!0), V(D, null, f2(r.quizArray, (o, l) => (B(), V(D, null, [
         o2(Z(o), 1),
         l < s.quizArrayCount ? (B(), _(t, {
@@ -880,14 +880,14 @@ function Xo(A, c, e, a, r, s) {
               onClick: (m) => s.choicesCheck(u)
             }, {
               default: k(() => [
-                b("div", Po, [
+                U("div", Po, [
                   h.image ? (B(), V("img", {
                     key: 0,
                     class: "im-ButtonImage",
                     src: h.image,
                     alt: h.alt ? h.alt : "button image"
                   }, null, 8, Go)) : N("", !0),
-                  b("span", Wo, Z(h.text), 1)
+                  U("span", Wo, Z(h.text), 1)
                 ])
               ]),
               _: 2
@@ -964,7 +964,7 @@ function Jo(A, c, e, a, r, s) {
   return B(), V("div", {
     class: P(["textbox", e.content.class])
   }, [
-    b("p", null, Z(e.content.quiz), 1),
+    U("p", null, Z(e.content.quiz), 1),
     X(t, {
       modelValue: r.input,
       "onUpdate:modelValue": c[0] || (c[0] = (o) => r.input = o),
@@ -1079,21 +1079,21 @@ function ll(A, c, e, a, r, s) {
       class: "nav-mask",
       onClick: c[0] || (c[0] = (...l) => s.hideSubs && s.hideSubs(...l))
     })) : N("", !0),
-    b("p", null, Z(e.content.quiz), 1),
-    b("div", {
+    U("p", null, Z(e.content.quiz), 1),
+    U("div", {
       class: "jl-menu",
       onSelect: c[1] || (c[1] = (...l) => s.choicesCheck && s.choicesCheck(...l))
     }, [
       (B(!0), V(D, null, f2(e.content.menu, (l, f) => (B(), V(D, null, [
         l.subMenu ? (B(), V("div", Zo, [
-          b("button", {
+          U("button", {
             class: P("jl-menu-sub sub-" + f),
             index: f,
             tabindex: "0",
             role: "menuitem",
             onClick: p2((h) => s.showSub("sub-" + f), ["stop"])
           }, [
-            b("div", cl, [
+            U("div", cl, [
               o2(Z(l.name) + " ", 1),
               X(i, null, {
                 default: k(() => [
@@ -1103,20 +1103,20 @@ function ll(A, c, e, a, r, s) {
               })
             ])
           ], 10, Al),
-          b("div", {
+          U("div", {
             class: "jl-menu-sub-menu",
             id: "sub-" + f
           }, [
             (B(!0), V(D, null, f2(l.subMenu, (h, u) => (B(), V(D, null, [
               h.subMenu ? (B(), V(D, { key: 0 }, [
-                b("button", {
+                U("button", {
                   class: P("jl-menu-sub-sub sub-sub-" + u),
                   index: f + "-" + u,
                   tabindex: "0",
                   role: "menuitem",
                   onClick: p2((m) => s.showSubSub("sub-sub-" + f), ["stop"])
                 }, [
-                  b("div", rl, [
+                  U("div", rl, [
                     o2(Z(h.name), 1),
                     X(i, null, {
                       default: k(() => [
@@ -1126,7 +1126,7 @@ function ll(A, c, e, a, r, s) {
                     })
                   ])
                 ], 10, al),
-                b("div", {
+                U("div", {
                   class: "jl-menu-sub-sub-menu",
                   id: "sub-sub-" + f
                 }, [
@@ -1137,7 +1137,7 @@ function ll(A, c, e, a, r, s) {
                     role: "menuitem",
                     onClick: p2((d) => s.choicesCheck(f + "-" + u + "-" + C), ["stop"])
                   }, [
-                    b("div", null, Z(m.name), 1)
+                    U("div", null, Z(m.name), 1)
                   ], 8, tl))), 256))
                 ], 8, sl)
               ], 64)) : (B(), V("button", {
@@ -1147,12 +1147,12 @@ function ll(A, c, e, a, r, s) {
                 role: "menuitem",
                 onClick: p2((m) => s.choicesCheck(f + "-" + u), ["stop"])
               }, [
-                b("div", null, Z(h.name), 1)
+                U("div", null, Z(h.name), 1)
               ], 8, il))
             ], 64))), 256))
           ], 8, el)
         ])) : (B(), V("div", nl, [
-          b("button", {
+          U("button", {
             class: "jl-menu-sub",
             index: f,
             tabindex: "0",
@@ -1695,7 +1695,7 @@ function vl(A, c, e, a, r, s) {
     ref: "container",
     tabindex: "0"
   }, [
-    b("div", {
+    U("div", {
       style: D2(s.sizeStyle),
       class: "content-container",
       ref: "container2"
@@ -1781,11 +1781,11 @@ function Vl(A, c, e, a, r, s) {
       key: 0,
       innerHTML: e.content.directions
     }, null, 8, pl)) : N("", !0),
-    b("img", {
+    U("img", {
       src: e.content.image,
       alt: e.content.imageAlt
     }, null, 8, gl),
-    b("div", {
+    U("div", {
       class: P(["fridge", e.content.class, e.content.noOutline ? "no_outline" : ""])
     }, [
       (B(!0), V(D, null, f2(e.content.magnets, (i, n) => (B(), _(t, {
@@ -1907,7 +1907,7 @@ function yl(A, c, e, a, r, s) {
     default: k(() => [
       X(i, { span: 24 }, {
         default: k(() => [
-          b("div", {
+          U("div", {
             innerHTML: e.content.directions
           }, null, 8, Ll),
           e.content.image ? (B(), _(t, {
@@ -1915,7 +1915,7 @@ function yl(A, c, e, a, r, s) {
             content: e.content.image
           }, null, 8, ["content"])) : N("", !0),
           e.content.sound ? (B(), V("audio", Ql, [
-            b("source", {
+            U("source", {
               src: e.content.sound,
               type: "audio/mpeg"
             }, null, 8, Fl),
@@ -1936,8 +1936,8 @@ function yl(A, c, e, a, r, s) {
             forceFallback: "true"
           }, {
             item: k(({ element: h }) => [
-              b("div", Ul, [
-                b("button", {
+              U("div", Ul, [
+                U("button", {
                   class: "dragItems-button",
                   onClick: p2((u) => s.keyboardDrag(h, f), ["stop"])
                 }, [
@@ -2095,7 +2095,7 @@ function _l(A, c, e, a, r, s) {
       default: k(() => [
         X(i, { span: 24 }, {
           default: k(() => [
-            b("div", {
+            U("div", {
               innerHTML: e.content.directions
             }, null, 8, El),
             e.content.image ? (B(), _(t, {
@@ -2117,10 +2117,10 @@ function _l(A, c, e, a, r, s) {
               onEnd: s.checkMove
             }, {
               item: k(({ element: u }) => [
-                b("div", {
+                U("div", {
                   class: P(["dragItem", u.class])
                 }, [
-                  b("button", {
+                  U("button", {
                     class: "dragItems-button",
                     onClick: p2((m) => s.keyboardDrag(u), ["stop"])
                   }, [
@@ -2141,7 +2141,7 @@ function _l(A, c, e, a, r, s) {
         }),
         (B(!0), V(D, null, f2(r.listOne, (u, m) => (B(), _(i, { span: s.binColumns }, {
           default: k(() => [
-            b("h4", null, Z(e.content.bins[m].header), 1),
+            U("h4", null, Z(e.content.bins[m].header), 1),
             X(n, {
               class: P(["dropBins el-row", e.content.bins[m].class]),
               "data-index": m,
@@ -2154,7 +2154,7 @@ function _l(A, c, e, a, r, s) {
             }, {
               item: k(({ element: C }) => [
                 C.hide ? N("", !0) : (B(), V("div", Tl, [
-                  b("button", Dl, [
+                  U("button", Dl, [
                     o2(Z(C.text) + " ", 1),
                     C.image ? (B(), V("img", {
                       key: 0,
@@ -2184,7 +2184,7 @@ function _l(A, c, e, a, r, s) {
       width: "50%"
     }, {
       footer: k(() => [
-        b("span", Rl, [
+        U("span", Rl, [
           X(f, {
             size: "small",
             id: "visibilityClose",
@@ -2269,17 +2269,19 @@ const Pl = {
   }
 }, Gl = ["src", "width", "height"];
 function Wl(A, c, e, a, r, s) {
-  return B(), V("iframe", {
-    class: "importedIframe",
-    src: "imports/" + e.content.importFolder + "/" + e.content.importIndex,
-    allowfullscreen: "",
-    webkitallowfullscreen: "",
-    mozAllowFullScreen: "",
-    width: e.content.width,
-    height: e.content.height
-  }, null, 8, Gl);
+  return B(), V("div", null, [
+    U("iframe", {
+      class: "importedIframe",
+      src: "imports/" + e.content.importFolder + "/" + e.content.importIndex,
+      allowfullscreen: "",
+      webkitallowfullscreen: "",
+      mozAllowFullScreen: "",
+      width: e.content.width,
+      height: e.content.height
+    }, null, 8, Gl)
+  ]);
 }
-const Xl = /* @__PURE__ */ t2(Pl, [["render", Wl], ["__scopeId", "data-v-2ebb5d61"]]);
+const Xl = /* @__PURE__ */ t2(Pl, [["render", Wl], ["__scopeId", "data-v-f5bc6f4c"]]);
 /*!
  * html2canvas 1.4.1 <https://html2canvas.hertzen.com>
  * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
@@ -6145,8 +6147,8 @@ var MH = function(A, c) {
       d.push((s + n) / a.width), d.push((m + f) / a.width), d.push((t + C) / a.height), d.push((o + h) / a.height);
       var H = Math.max.apply(Math, d);
       H > 1 && (s /= H, t /= H, n /= H, o /= H, f /= H, h /= H, m /= H, C /= H);
-      var v = a.width - n, L = a.height - h, Q = a.width - f, M = a.height - C, p = e.borderTopWidth, x = e.borderRightWidth, S = e.borderBottomWidth, U = e.borderLeftWidth, q = R(e.paddingTop, c.bounds.width), h2 = R(e.paddingRight, c.bounds.width), C2 = R(e.paddingBottom, c.bounds.width), T = R(e.paddingLeft, c.bounds.width);
-      this.topLeftBorderDoubleOuterBox = s > 0 || t > 0 ? W(a.left + U / 3, a.top + p / 3, s - U / 3, t - p / 3, I.TOP_LEFT) : new g(a.left + U / 3, a.top + p / 3), this.topRightBorderDoubleOuterBox = s > 0 || t > 0 ? W(a.left + v, a.top + p / 3, n - x / 3, o - p / 3, I.TOP_RIGHT) : new g(a.left + a.width - x / 3, a.top + p / 3), this.bottomRightBorderDoubleOuterBox = f > 0 || h > 0 ? W(a.left + Q, a.top + L, f - x / 3, h - S / 3, I.BOTTOM_RIGHT) : new g(a.left + a.width - x / 3, a.top + a.height - S / 3), this.bottomLeftBorderDoubleOuterBox = m > 0 || C > 0 ? W(a.left + U / 3, a.top + M, m - U / 3, C - S / 3, I.BOTTOM_LEFT) : new g(a.left + U / 3, a.top + a.height - S / 3), this.topLeftBorderDoubleInnerBox = s > 0 || t > 0 ? W(a.left + U * 2 / 3, a.top + p * 2 / 3, s - U * 2 / 3, t - p * 2 / 3, I.TOP_LEFT) : new g(a.left + U * 2 / 3, a.top + p * 2 / 3), this.topRightBorderDoubleInnerBox = s > 0 || t > 0 ? W(a.left + v, a.top + p * 2 / 3, n - x * 2 / 3, o - p * 2 / 3, I.TOP_RIGHT) : new g(a.left + a.width - x * 2 / 3, a.top + p * 2 / 3), this.bottomRightBorderDoubleInnerBox = f > 0 || h > 0 ? W(a.left + Q, a.top + L, f - x * 2 / 3, h - S * 2 / 3, I.BOTTOM_RIGHT) : new g(a.left + a.width - x * 2 / 3, a.top + a.height - S * 2 / 3), this.bottomLeftBorderDoubleInnerBox = m > 0 || C > 0 ? W(a.left + U * 2 / 3, a.top + M, m - U * 2 / 3, C - S * 2 / 3, I.BOTTOM_LEFT) : new g(a.left + U * 2 / 3, a.top + a.height - S * 2 / 3), this.topLeftBorderStroke = s > 0 || t > 0 ? W(a.left + U / 2, a.top + p / 2, s - U / 2, t - p / 2, I.TOP_LEFT) : new g(a.left + U / 2, a.top + p / 2), this.topRightBorderStroke = s > 0 || t > 0 ? W(a.left + v, a.top + p / 2, n - x / 2, o - p / 2, I.TOP_RIGHT) : new g(a.left + a.width - x / 2, a.top + p / 2), this.bottomRightBorderStroke = f > 0 || h > 0 ? W(a.left + Q, a.top + L, f - x / 2, h - S / 2, I.BOTTOM_RIGHT) : new g(a.left + a.width - x / 2, a.top + a.height - S / 2), this.bottomLeftBorderStroke = m > 0 || C > 0 ? W(a.left + U / 2, a.top + M, m - U / 2, C - S / 2, I.BOTTOM_LEFT) : new g(a.left + U / 2, a.top + a.height - S / 2), this.topLeftBorderBox = s > 0 || t > 0 ? W(a.left, a.top, s, t, I.TOP_LEFT) : new g(a.left, a.top), this.topRightBorderBox = n > 0 || o > 0 ? W(a.left + v, a.top, n, o, I.TOP_RIGHT) : new g(a.left + a.width, a.top), this.bottomRightBorderBox = f > 0 || h > 0 ? W(a.left + Q, a.top + L, f, h, I.BOTTOM_RIGHT) : new g(a.left + a.width, a.top + a.height), this.bottomLeftBorderBox = m > 0 || C > 0 ? W(a.left, a.top + M, m, C, I.BOTTOM_LEFT) : new g(a.left, a.top + a.height), this.topLeftPaddingBox = s > 0 || t > 0 ? W(a.left + U, a.top + p, Math.max(0, s - U), Math.max(0, t - p), I.TOP_LEFT) : new g(a.left + U, a.top + p), this.topRightPaddingBox = n > 0 || o > 0 ? W(a.left + Math.min(v, a.width - x), a.top + p, v > a.width + x ? 0 : Math.max(0, n - x), Math.max(0, o - p), I.TOP_RIGHT) : new g(a.left + a.width - x, a.top + p), this.bottomRightPaddingBox = f > 0 || h > 0 ? W(a.left + Math.min(Q, a.width - U), a.top + Math.min(L, a.height - S), Math.max(0, f - x), Math.max(0, h - S), I.BOTTOM_RIGHT) : new g(a.left + a.width - x, a.top + a.height - S), this.bottomLeftPaddingBox = m > 0 || C > 0 ? W(a.left + U, a.top + Math.min(M, a.height - S), Math.max(0, m - U), Math.max(0, C - S), I.BOTTOM_LEFT) : new g(a.left + U, a.top + a.height - S), this.topLeftContentBox = s > 0 || t > 0 ? W(a.left + U + T, a.top + p + q, Math.max(0, s - (U + T)), Math.max(0, t - (p + q)), I.TOP_LEFT) : new g(a.left + U + T, a.top + p + q), this.topRightContentBox = n > 0 || o > 0 ? W(a.left + Math.min(v, a.width + U + T), a.top + p + q, v > a.width + U + T ? 0 : n - U + T, o - (p + q), I.TOP_RIGHT) : new g(a.left + a.width - (x + h2), a.top + p + q), this.bottomRightContentBox = f > 0 || h > 0 ? W(a.left + Math.min(Q, a.width - (U + T)), a.top + Math.min(L, a.height + p + q), Math.max(0, f - (x + h2)), h - (S + C2), I.BOTTOM_RIGHT) : new g(a.left + a.width - (x + h2), a.top + a.height - (S + C2)), this.bottomLeftContentBox = m > 0 || C > 0 ? W(a.left + U + T, a.top + M, Math.max(0, m - (U + T)), C - (S + C2), I.BOTTOM_LEFT) : new g(a.left + U + T, a.top + a.height - (S + C2));
+      var v = a.width - n, L = a.height - h, Q = a.width - f, M = a.height - C, p = e.borderTopWidth, x = e.borderRightWidth, S = e.borderBottomWidth, b = e.borderLeftWidth, q = R(e.paddingTop, c.bounds.width), h2 = R(e.paddingRight, c.bounds.width), C2 = R(e.paddingBottom, c.bounds.width), T = R(e.paddingLeft, c.bounds.width);
+      this.topLeftBorderDoubleOuterBox = s > 0 || t > 0 ? W(a.left + b / 3, a.top + p / 3, s - b / 3, t - p / 3, I.TOP_LEFT) : new g(a.left + b / 3, a.top + p / 3), this.topRightBorderDoubleOuterBox = s > 0 || t > 0 ? W(a.left + v, a.top + p / 3, n - x / 3, o - p / 3, I.TOP_RIGHT) : new g(a.left + a.width - x / 3, a.top + p / 3), this.bottomRightBorderDoubleOuterBox = f > 0 || h > 0 ? W(a.left + Q, a.top + L, f - x / 3, h - S / 3, I.BOTTOM_RIGHT) : new g(a.left + a.width - x / 3, a.top + a.height - S / 3), this.bottomLeftBorderDoubleOuterBox = m > 0 || C > 0 ? W(a.left + b / 3, a.top + M, m - b / 3, C - S / 3, I.BOTTOM_LEFT) : new g(a.left + b / 3, a.top + a.height - S / 3), this.topLeftBorderDoubleInnerBox = s > 0 || t > 0 ? W(a.left + b * 2 / 3, a.top + p * 2 / 3, s - b * 2 / 3, t - p * 2 / 3, I.TOP_LEFT) : new g(a.left + b * 2 / 3, a.top + p * 2 / 3), this.topRightBorderDoubleInnerBox = s > 0 || t > 0 ? W(a.left + v, a.top + p * 2 / 3, n - x * 2 / 3, o - p * 2 / 3, I.TOP_RIGHT) : new g(a.left + a.width - x * 2 / 3, a.top + p * 2 / 3), this.bottomRightBorderDoubleInnerBox = f > 0 || h > 0 ? W(a.left + Q, a.top + L, f - x * 2 / 3, h - S * 2 / 3, I.BOTTOM_RIGHT) : new g(a.left + a.width - x * 2 / 3, a.top + a.height - S * 2 / 3), this.bottomLeftBorderDoubleInnerBox = m > 0 || C > 0 ? W(a.left + b * 2 / 3, a.top + M, m - b * 2 / 3, C - S * 2 / 3, I.BOTTOM_LEFT) : new g(a.left + b * 2 / 3, a.top + a.height - S * 2 / 3), this.topLeftBorderStroke = s > 0 || t > 0 ? W(a.left + b / 2, a.top + p / 2, s - b / 2, t - p / 2, I.TOP_LEFT) : new g(a.left + b / 2, a.top + p / 2), this.topRightBorderStroke = s > 0 || t > 0 ? W(a.left + v, a.top + p / 2, n - x / 2, o - p / 2, I.TOP_RIGHT) : new g(a.left + a.width - x / 2, a.top + p / 2), this.bottomRightBorderStroke = f > 0 || h > 0 ? W(a.left + Q, a.top + L, f - x / 2, h - S / 2, I.BOTTOM_RIGHT) : new g(a.left + a.width - x / 2, a.top + a.height - S / 2), this.bottomLeftBorderStroke = m > 0 || C > 0 ? W(a.left + b / 2, a.top + M, m - b / 2, C - S / 2, I.BOTTOM_LEFT) : new g(a.left + b / 2, a.top + a.height - S / 2), this.topLeftBorderBox = s > 0 || t > 0 ? W(a.left, a.top, s, t, I.TOP_LEFT) : new g(a.left, a.top), this.topRightBorderBox = n > 0 || o > 0 ? W(a.left + v, a.top, n, o, I.TOP_RIGHT) : new g(a.left + a.width, a.top), this.bottomRightBorderBox = f > 0 || h > 0 ? W(a.left + Q, a.top + L, f, h, I.BOTTOM_RIGHT) : new g(a.left + a.width, a.top + a.height), this.bottomLeftBorderBox = m > 0 || C > 0 ? W(a.left, a.top + M, m, C, I.BOTTOM_LEFT) : new g(a.left, a.top + a.height), this.topLeftPaddingBox = s > 0 || t > 0 ? W(a.left + b, a.top + p, Math.max(0, s - b), Math.max(0, t - p), I.TOP_LEFT) : new g(a.left + b, a.top + p), this.topRightPaddingBox = n > 0 || o > 0 ? W(a.left + Math.min(v, a.width - x), a.top + p, v > a.width + x ? 0 : Math.max(0, n - x), Math.max(0, o - p), I.TOP_RIGHT) : new g(a.left + a.width - x, a.top + p), this.bottomRightPaddingBox = f > 0 || h > 0 ? W(a.left + Math.min(Q, a.width - b), a.top + Math.min(L, a.height - S), Math.max(0, f - x), Math.max(0, h - S), I.BOTTOM_RIGHT) : new g(a.left + a.width - x, a.top + a.height - S), this.bottomLeftPaddingBox = m > 0 || C > 0 ? W(a.left + b, a.top + Math.min(M, a.height - S), Math.max(0, m - b), Math.max(0, C - S), I.BOTTOM_LEFT) : new g(a.left + b, a.top + a.height - S), this.topLeftContentBox = s > 0 || t > 0 ? W(a.left + b + T, a.top + p + q, Math.max(0, s - (b + T)), Math.max(0, t - (p + q)), I.TOP_LEFT) : new g(a.left + b + T, a.top + p + q), this.topRightContentBox = n > 0 || o > 0 ? W(a.left + Math.min(v, a.width + b + T), a.top + p + q, v > a.width + b + T ? 0 : n - b + T, o - (p + q), I.TOP_RIGHT) : new g(a.left + a.width - (x + h2), a.top + p + q), this.bottomRightContentBox = f > 0 || h > 0 ? W(a.left + Math.min(Q, a.width - (b + T)), a.top + Math.min(L, a.height + p + q), Math.max(0, f - (x + h2)), h - (S + C2), I.BOTTOM_RIGHT) : new g(a.left + a.width - (x + h2), a.top + a.height - (S + C2)), this.bottomLeftContentBox = m > 0 || C > 0 ? W(a.left + b + T, a.top + M, Math.max(0, m - (b + T)), C - (S + C2), I.BOTTOM_LEFT) : new g(a.left + b + T, a.top + a.height - (S + C2));
     }
     return A;
   }()
@@ -6845,7 +6847,7 @@ var W = function(A, c, e, a, r) {
           switch (o.label) {
             case 0:
               a = e.styles.backgroundImage.length - 1, r = function(l) {
-                var f, h, u, q, u2, m2, T, a2, S, m, q, u2, m2, T, a2, C, d, H, v, L, Q, M, p, x, S, U, q, h2, C2, T, a2, W2, u2, m2, i1, b2, X2, n1, o1, E2, l1, k2;
+                var f, h, u, q, u2, m2, T, a2, S, m, q, u2, m2, T, a2, C, d, H, v, L, Q, M, p, x, S, b, q, h2, C2, T, a2, W2, u2, m2, i1, b2, X2, n1, o1, E2, l1, k2;
                 return i2(this, function(g1) {
                   switch (g1.label) {
                     case 0:
@@ -6867,11 +6869,11 @@ var W = function(A, c, e, a, r) {
                     case 5:
                       Xh(l) ? (m = g6(e, a, [null, null, null]), q = m[0], u2 = m[1], m2 = m[2], T = m[3], a2 = m[4], C = _h(l.angle, T, a2), d = C[0], H = C[1], v = C[2], L = C[3], Q = C[4], M = document.createElement("canvas"), M.width = T, M.height = a2, p = M.getContext("2d"), x = p.createLinearGradient(H, L, v, Q), q8(l.stops, d).forEach(function(T1) {
                         return x.addColorStop(T1.stop, e2(T1.color));
-                      }), p.fillStyle = x, p.fillRect(0, 0, T, a2), T > 0 && a2 > 0 && (S = s.ctx.createPattern(M, "repeat"), s.renderRepeat(q, S, u2, m2))) : qh(l) && (U = g6(e, a, [
+                      }), p.fillStyle = x, p.fillRect(0, 0, T, a2), T > 0 && a2 > 0 && (S = s.ctx.createPattern(M, "repeat"), s.renderRepeat(q, S, u2, m2))) : qh(l) && (b = g6(e, a, [
                         null,
                         null,
                         null
-                      ]), q = U[0], h2 = U[1], C2 = U[2], T = U[3], a2 = U[4], W2 = l.position.length === 0 ? [o0] : l.position, u2 = R(W2[0], T), m2 = R(W2[W2.length - 1], a2), i1 = Oh(l, u2, m2, T, a2), b2 = i1[0], X2 = i1[1], b2 > 0 && X2 > 0 && (n1 = s.ctx.createRadialGradient(h2 + u2, C2 + m2, 0, h2 + u2, C2 + m2, b2), q8(l.stops, b2 * 2).forEach(function(T1) {
+                      ]), q = b[0], h2 = b[1], C2 = b[2], T = b[3], a2 = b[4], W2 = l.position.length === 0 ? [o0] : l.position, u2 = R(W2[0], T), m2 = R(W2[W2.length - 1], a2), i1 = Oh(l, u2, m2, T, a2), b2 = i1[0], X2 = i1[1], b2 > 0 && X2 > 0 && (n1 = s.ctx.createRadialGradient(h2 + u2, C2 + m2, 0, h2 + u2, C2 + m2, b2), q8(l.stops, b2 * 2).forEach(function(T1) {
                         return n1.addColorStop(T1.stop, e2(T1.color));
                       }), s.path(q), s.ctx.fillStyle = n1, b2 !== X2 ? (o1 = e.bounds.left + 0.5 * e.bounds.width, E2 = e.bounds.top + 0.5 * e.bounds.height, l1 = X2 / b2, k2 = 1 / l1, s.ctx.save(), s.ctx.translate(o1, E2), s.ctx.transform(1, 0, 0, l1, 0, 0), s.ctx.translate(-o1, -E2), s.ctx.fillRect(h2, k2 * (C2 - E2) + E2, T, a2 * k2), s.ctx.restore()) : s.ctx.fill())), g1.label = 6;
                     case 6:
@@ -7111,7 +7113,7 @@ var W = function(A, c, e, a, r) {
 typeof window < "u" && Z5.setContext(window);
 var Bv = function(A, c) {
   return l2(void 0, void 0, void 0, function() {
-    var e, a, r, s, t, i, n, o, l, f, h, u, m, C, d, H, v, L, Q, M, x, p, x, S, U, q, h2, C2, T, a2, W2, u2, m2, i1, b2, X2, n1, o1, E2, l1;
+    var e, a, r, s, t, i, n, o, l, f, h, u, m, C, d, H, v, L, Q, M, x, p, x, S, b, q, h2, C2, T, a2, W2, u2, m2, i1, b2, X2, n1, o1, E2, l1;
     return i2(this, function(k2) {
       switch (k2.label) {
         case 0:
@@ -7123,7 +7125,7 @@ var Bv = function(A, c) {
             throw new Error("Document is not attached to a Window");
           return r = {
             allowTaint: (S = c.allowTaint) !== null && S !== void 0 ? S : !1,
-            imageTimeout: (U = c.imageTimeout) !== null && U !== void 0 ? U : 15e3,
+            imageTimeout: (b = c.imageTimeout) !== null && b !== void 0 ? b : 15e3,
             proxy: c.proxy,
             useCORS: (q = c.useCORS) !== null && q !== void 0 ? q : !1
           }, s = L6({ logging: (h2 = c.logging) !== null && h2 !== void 0 ? h2 : !0, cache: c.cache }, r), t = {
@@ -8761,10 +8763,10 @@ function CC(A) {
   }];
 }
 function w0(A) {
-  var c = A.icons, e = c.main, a = c.mask, r = A.prefix, s = A.iconName, t = A.transform, i = A.symbol, n = A.title, o = A.maskId, l = A.titleId, f = A.extra, h = A.watchable, u = h === void 0 ? !1 : h, m = a.found ? a : e, C = m.width, d = m.height, H = r === "fak", v = [F.replacementClass, s ? "".concat(F.cssPrefix, "-").concat(s) : ""].filter(function(U) {
-    return f.classes.indexOf(U) === -1;
-  }).filter(function(U) {
-    return U !== "" || !!U;
+  var c = A.icons, e = c.main, a = c.mask, r = A.prefix, s = A.iconName, t = A.transform, i = A.symbol, n = A.title, o = A.maskId, l = A.titleId, f = A.extra, h = A.watchable, u = h === void 0 ? !1 : h, m = a.found ? a : e, C = m.width, d = m.height, H = r === "fak", v = [F.replacementClass, s ? "".concat(F.cssPrefix, "-").concat(s) : ""].filter(function(b) {
+    return f.classes.indexOf(b) === -1;
+  }).filter(function(b) {
+    return b !== "" || !!b;
   }).concat(f.classes).join(" "), L = {
     children: [],
     attributes: w(w({}, f.attributes), {}, {
@@ -9415,8 +9417,8 @@ function XA(A, c) {
             iconName: L,
             extra: p,
             watchable: !0
-          })), U = G.createElement("svg");
-          c === "::before" ? A.insertBefore(U, A.firstChild) : A.appendChild(U), U.outerHTML = S.map(function(q) {
+          })), b = G.createElement("svg");
+          c === "::before" ? A.insertBefore(b, A.firstChild) : A.appendChild(b), b.outerHTML = S.map(function(q) {
             return B4(q);
           }).join(`
 `), A.removeAttribute(e), a();

package/dist/labmaker-plugin.umd.cjs

@@ -1,4 +1,4 @@
-(function(i,o4){typeof exports=="object"&&typeof module<"u"?module.exports=o4(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o4):(i=typeof globalThis<"u"?globalThis:i||self,i.LabmakerPlugin=o4(i.Vue))})(this,function(i){"use strict";const o4="",X=(A,c)=>{const e=A.__vccOpts||A;for(const[a,r]of c)e[a]=r;return e},pi={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(A){const e=A.target.files[0];this.fileProcess(e)},fileProcess(A){this.imgSRC=URL.createObjectURL(A)}},mounted(){}},vi=i.createElementVNode("h1",null,"File Uploader",-1),gi={class:"image-uploader"},di=i.createElementVNode("h1",null,"File Uploader",-1),zi={class:"your-file"},Vi=["src"];function Mi(A,c,e,a,r,t){return i.openBlock(),i.createElementBlock(i.Fragment,null,[vi,i.createElementVNode("div",gi,[di,i.createElementVNode("input",{onChange:c[0]||(c[0]=(...s)=>t.fileUpload&&t.fileUpload(...s)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),i.createElementVNode("div",zi,[i.createElementVNode("img",{src:r.imgSRC,alt:"",scrset:""},null,8,Vi)])])],64)}const wi=X(pi,[["render",Mi]]),Eq="",Li={props:["title"],data(){return{}},computed:{}};function Qi(A,c,e,a,r,t){return i.openBlock(),i.createElementBlock("header",null,[i.createElementVNode("h1",null,i.toDisplayString(e.title),1)])}const Fi=X(Li,[["render",Qi]]),kq="",Ui={props:["content"],data(){return{}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)}},mounted(){},beforeMount(){this.stepperStore=this.stepperMain()}},bi={class:"image-container"},xi={class:"image"},yi=["src","alt"],Si=["innerHTML"],Ni=["innerHTML"],Ei=["innerHTML"];function ki(A,c,e,a,r,t){return i.openBlock(),i.createElementBlock("div",bi,[i.createElementVNode("div",xi,[i.createElementVNode("img",{src:e.content.src,alt:e.content.alt,class:i.normalizeClass(e.content.class)},null,10,yi),e.content.captionHeader?(i.openBlock(),i.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.captionHeader},null,8,Si)):i.createCommentVNode("",!0),e.content.caption?(i.openBlock(),i.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.caption},null,8,Ni)):i.createCommentVNode("",!0),e.content.copyright?(i.openBlock(),i.createElementBlock("span",{key:2,innerHTML:e.content.copyright,class:"copyright"},null,8,Ei)):i.createCommentVNode("",!0)])])}const Ii=X(Ui,[["render",ki],["__scopeId","data-v-45f6f0d2"]]),Iq="",Ti={props:["content"],data(){return{showingKaltura:!1,showingText:!1,buttonText:!1,hasText:!1,video:{width:640,height:480},audio:{width:260,height:80},audioBtn:{width:40,height:40},textversionArray:{}}},watch:{content:function(){this.tvCleaner()}},computed:{kHeight(){if(this.content.kalturaType==="video")if(this.content.height&&this.content.height!=""){let A=this.content.height;return A.slice(-2)==="px"?A.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 A=this.content.height;return A.slice(-2)==="px"?A.slice(0,-2):this.content.height}else return this.audio.height;else if(this.content.kalturaType==="audiobtn")return this.audioBtn.height},kWidth(){if(this.content.kalturaType==="video")if(this.content.width&&this.content.width!=""){let A=this.content.width;return A.slice(-2)==="px"?A.slice(0,-2):this.content.width}else return this.video.width;else{if(this.content.kalturaType==="audio")return this.audio.width;if(this.content.kalturaType==="audiobtn")return this.audioBtn.width}}},methods:{getButtonText(A){return A==="video"?this.showingText?"Show Video":"Show Text Version":this.showingText?"Show Audio":"Show Text Version"},textVersionCheck(){this.content.textVersion&&this.content.textVersion.length>1&&(this.hasText=!0)},kalturaLoad(){this.textVersionCheck()},kalturaMedia(A){let c={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return c.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(c.type=this.content.kalturaType),c.type==="audio"?c.uiconf_id="36511471":c.type==="audiobtn"?c.uiconf_id="36582731":c.type==="videocc"&&(c.uiconf_id="35766781"),this.content.standalone&&(this.stepperStore.stepHold=!1),"https://cdnapisec.kaltura.com/p/"+c.partner_id+"/sp/"+c.partner_id+"00/embedIframeJs/uiconf_id/"+c.uiconf_id+"/partner_id/"+c.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+c.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let A=document.createElement("div");A.innerHTML=this.content.textVersion;for(let c=0;c<A.children.length;c++){let e=A.children[c];if(e.tagName=="DIV"&&e.className=="panel-default"&&e.children[0].dataset.toggle)for(let a=0;a<e.children.length;a++){let r=e.children[a];if(r.dataset.toggle=="collapse"){let t={heading:r.innerHTML,body:e.children[a+1].innerHTML};this.textversionArray[c]=t}}else this.textversionArray[c]=e.outerHTML}}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("vidText"),this.kalturaLoad(),this.tvCleaner()},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("vidText");setTimeout(()=>{A[0].focus()})}}},Di={key:0,class:"textVersion"},Ki=i.createElementVNode("h1",null,"Text Version",-1),Ri=["innerHTML"],_i=["src","width","height"],Oi=["src","width","height"],Pi=["src","width","height"],Gi={key:2,class:"alert alert-danger"};function Wi(A,c,e,a,r,t){const s=i.resolveComponent("el-button");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["kContainer",e.content.class])},[e.content.textVersion&&r.showingText?(i.openBlock(),i.createElementBlock("div",Di,[Ki,i.createElementVNode("div",{innerHTML:e.content.textVersion},null,8,Ri)])):i.createCommentVNode("",!0),!r.showingText&&e.content.kalturaEntryId?(i.openBlock(),i.createElementBlock("div",{key:1,class:"mainVersion",style:i.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[e.content.kalturaType=="video"&&!r.showingKaltura?(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(["kPoster",{active:r.showingKaltura==!0}]),style:i.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[i.createElementVNode("iframe",{onClick:c[0]||(c[0]=(...n)=>t.showKaltura&&t.showKaltura(...n)),class:"videoIframe",src:t.kalturaMedia(e.content),width:t.kWidth+"px",height:t.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,_i)],6)):i.createCommentVNode("",!0),e.content.kalturaType=="audio"?(i.openBlock(),i.createElementBlock("div",{key:1,class:i.normalizeClass(["kAudio",{active:r.showingKaltura==!0}]),onClick:c[1]||(c[1]=(...n)=>t.showKaltura&&t.showKaltura(...n))},[i.createElementVNode("iframe",{id:"my_iframe",src:t.kalturaMedia(e.content),width:t.kWidth+"px",height:t.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Oi)],2)):i.createCommentVNode("",!0),e.content.kalturaType=="audiobtn"?(i.openBlock(),i.createElementBlock("div",{key:2,class:i.normalizeClass(["kAudiobtn",{active:r.showingKaltura==!0}]),onClick:c[2]||(c[2]=(...n)=>t.showKaltura&&t.showKaltura(...n))},[i.createElementVNode("iframe",{src:t.kalturaMedia(e.content),width:r.audioBtn.width+"px",height:r.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Pi)],2)):i.createCommentVNode("",!0)],4)):i.createCommentVNode("",!0),e.content.kalturaEntryId==""?(i.openBlock(),i.createElementBlock("div",Gi,"There is no Kaltura Entry ID")):i.createCommentVNode("",!0),e.content.textVersion?(i.openBlock(),i.createBlock(s,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:c[3]||(c[3]=i.withModifiers(n=>t.showText(e.content.kalturaType),["stop"]))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(t.getButtonText(e.content.kalturaType)),1)]),_:1})):i.createCommentVNode("",!0)],2)}const Xi=X(Ti,[["render",Wi]]),Tq="",qi={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts},feedbackHeader(){return this.stepperStore.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&(this.stepperStore.completedDirections[this.stepperStore.currentPage].display=!1),this.content.instructions&&(this.stepperStore.directions[this.stepperStore.currentPage].display=!1),this.stepperStore.showFeedback=!1,this.stepperStore.showFeedbackAttempts=!1,this.stepperStore.lastPageFocus()}},mounted(){},beforeMount(){this.stepperStore=this.stepperMain()}},Yi={class:"my-header"},Ji=["id","innerHTML"],$i=["innerHTML"],ji={key:1},Zi=["src"],Ao=["innerHTML"],co={class:"dialog-footer"};function eo(A,c,e,a,r,t){const s=i.resolveComponent("el-button"),n=i.resolveComponent("el-dialog");return i.openBlock(),i.createBlock(n,{width:t.feedbackWidth,modelValue:r.show,"onUpdate:modelValue":c[1]||(c[1]=o=>r.show=o),"before-close":t.feedbackClose},{header:i.withCtx(({close:o,titleId:l,titleClass:f})=>[i.createElementVNode("div",Yi,[i.createElementVNode("h4",{id:l,class:i.normalizeClass(f),innerHTML:t.feedbackHeader},null,10,Ji)])]),footer:i.withCtx(()=>[i.createElementVNode("span",co,[i.createVNode(s,{size:"small",id:"feedbackClose",type:"primary",onClick:c[0]||(c[0]=i.withModifiers(o=>t.feedbackClose(),["stop"]))},{default:i.withCtx(()=>[i.createTextVNode("Close")]),_:1})])]),default:i.withCtx(()=>[t.getShowFeedbackAttempts?(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[e.content.feedbackAttempts?(i.openBlock(),i.createElementBlock("p",{key:0,innerHTML:e.content.feedbackAttempts},null,8,$i)):(i.openBlock(),i.createElementBlock("p",ji,"You have tried too many times, the correct answer has been provided for you."))],64)):(i.openBlock(),i.createElementBlock(i.Fragment,{key:1},[e.content.feedbackImage?(i.openBlock(),i.createElementBlock("img",{key:0,class:"im-ButtonImage",src:e.content.feedbackImage,alt:"button image"},null,8,Zi)):i.createCommentVNode("",!0),i.createElementVNode("p",{innerHTML:e.content.feedback},null,8,Ao)],64))]),_:1},8,["width","modelValue","before-close"])}const m8=X(qi,[["render",eo]]),Dq="",ao={components:{Feedback:m8},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},changePage(A,c){A.pageLink?this.stepperStore.currentPage=A.pageLink:A.feedback&&(this.feedbackIndex=c,this.feedbackVisibility.indexOf(c)===-1&&this.feedbackVisibility.push(c),this.stepperStore.showFeedback=!0,this.content.hotspots.length-1===this.feedbackVisibility.length-1&&this.stepperStore.finishSteps(),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(A){return!!(this.stepperStore.getShowFeedback&&this.feedbackIndex===A)}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("hotspot");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("hotspot")}},ro={class:"imageMarker"},to=["src","alt"],so={class:"hotspotArea"},no=["src","alt"],io={class:"im-buttonText"};function oo(A,c,e,a,r,t){const s=i.resolveComponent("el-button"),n=i.resolveComponent("Feedback");return i.openBlock(),i.createElementBlock("div",ro,[i.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,to),i.createElementVNode("div",so,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.content.hotspots,(o,l)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createVNode(s,{type:o.buttonType,onClick:i.withModifiers(f=>t.changePage(o,l),["stop"]),id:"hotspot_"+l,class:i.normalizeClass([["is-"+o.buttonShape,{noBG:o.buttonImage},o.class],"hotspot"]),style:i.normalizeStyle({top:t.pixelFormat(o.cordinatesX),left:t.pixelFormat(o.cordinatesY),width:t.pixelFormat(o.dimensionsW),height:t.pixelFormat(o.dimensionsH)}),icon:o.buttonIcon},{default:i.withCtx(()=>[o.buttonImage?(i.openBlock(),i.createElementBlock("img",{key:0,class:"im-ButtonImage",src:o.buttonImage,alt:"image marker "+Number(l+1)},null,8,no)):i.createCommentVNode("",!0),i.createElementVNode("span",io,i.toDisplayString(o.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),t.showFeedback(l)?(i.openBlock(),i.createBlock(n,{key:0,content:o},null,8,["content"])):i.createCommentVNode("",!0)],64))),256))])])}const lo=X(ao,[["render",oo],["__scopeId","data-v-fd3c7401"]]),Kq="",fo={props:["content"],data(){return{imageReplaced:!1,imageSrc:this.content.image,imageAlt:this.content.imageAlt}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},async changeImage(A){this.imageReplaced=!0,this.imageSrc=this.content.hotspots[A].imageOverlay,this.imageAlt=this.content.hotspots[A].imageOverlayAlt,await this.stepperStore.finishSteps(),this.stepperStore.lastPageFocus()}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("instructions");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("instructions")}},mo=["innerHTML"],ho=["src","alt"],Ho={class:"hotspotArea"};function uo(A,c,e,a,r,t){const s=i.resolveComponent("el-col"),n=i.resolveComponent("el-button"),o=i.resolveComponent("el-row");return i.openBlock(),i.createBlock(o,{class:"imageReplacer"},{default:i.withCtx(()=>[i.createVNode(s,{span:12},{default:i.withCtx(()=>[i.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:e.content.description},null,8,mo)]),_:1}),i.createVNode(s,{span:12},{default:i.withCtx(()=>[i.createElementVNode("img",{class:"im-ButtonImage",src:r.imageSrc,alt:r.imageAlt},null,8,ho),i.createElementVNode("div",Ho,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.content.hotspots,(l,f)=>(i.openBlock(),i.createBlock(n,{type:l.buttonType,onClick:i.withModifiers(m=>t.changeImage(f),["stop"]),class:"hotspot",style:i.normalizeStyle({top:t.pixelFormat(l.cordinatesX),left:t.pixelFormat(l.cordinatesY),width:t.pixelFormat(l.dimensionsW),height:t.pixelFormat(l.dimensionsH)}),icon:l.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const Co=X(fo,[["render",uo],["__scopeId","data-v-d6c87f03"]]),Rq="",Bo={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],quizItemCompleted:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{},value1:""}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{quizArrayCompleted(A){return!(this.quizItemCompleted.includes(A)||A===0)},prepareQuiz(){this.quizArray=this.content.quiz.split("*_").filter(A=>A),this.content.options.forEach((A,c)=>{A.options?A.random?this.quizOptions.push(this.shuffle(A.options)):this.quizOptions.push(A.options):this.quizOptions.push(!1)})},quizType(A){return this.content.options[A]&&this.content.options[A].type?this.content.options[A].type:!1},quizDisplay(A){return this.content.options[A]&&this.content.options[A].display?this.content.options[A].display:"Select"},quizClass(A){return this.content.options[A]&&this.content.options[A].class?this.content.options[A].class:""},shuffle(A){let c=A.length,e;for(;c!=0;)e=Math.floor(Math.random()*c),c--,[A[c],A[e]]=[A[e],A[c]];return A},choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!0,c=!1;this.input.length===0?this.content.options[0].stopFlow&&(c=!0,this.feedbackObject.feedbackHeader=this.content.options[0].notSelectedHeader,this.feedbackObject.feedback=this.content.options[0].notSelectedBody):this.content.options.forEach((e,a)=>{this.input[a]?this.input[a]!==this.content.options[a].answer&&(A=!1):this.content.options[this.input.length].stopFlow&&(c=!0,this.feedbackObject.feedbackHeader=this.content.options[this.input.length].notSelectedHeader,this.feedbackObject.feedback=this.content.options[this.input.length].notSelectedBody)}),this.stepperStore.attempts=this.getAttempt+1,A===!0&&this.input.length===this.quizArray.length?(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(c||(this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback),this.stepperStore.attempts=this.getAttempt+1)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete();this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.quizArray.forEach((A,c)=>{this.input[c]?this.input[c]=this.content.options[c].answer:this.input.push(this.content.options[c].answer),this.quizItemCompleted.push(c+1)}),this.stepperStore.finishSteps()},choicesMade(A){this.quizItemCompleted.includes(A+1)===!1&&this.quizItemCompleted.push(A+1)},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function po(A,c,e,a,r,t){const s=i.resolveComponent("el-option"),n=i.resolveComponent("el-select"),o=i.resolveComponent("el-date-picker"),l=i.resolveComponent("el-button"),f=i.resolveComponent("lab-feedback");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["drop-down",e.content.class])},[i.createElementVNode("p",null,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.quizArray,(m,h)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createElementVNode("span",{class:i.normalizeClass(t.quizClass(h))},[i.createElementVNode("span",{class:i.normalizeClass("quizText quizSection_"+h)},i.toDisplayString(m)+" ",3),t.quizType(h)==="choose"?(i.openBlock(),i.createBlock(n,{key:0,onChange:H=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":H=>r.input[h]=H,placeholder:t.quizDisplay(h)},{default:i.withCtx(()=>[t.quizArrayCompleted(h)?i.createCommentVNode("",!0):(i.openBlock(!0),i.createElementBlock(i.Fragment,{key:0},i.renderList(r.quizOptions[h],H=>(i.openBlock(),i.createBlock(s,{key:H,label:H,value:H},null,8,["label","value"]))),128))]),_:2},1032,["onChange","modelValue","onUpdate:modelValue","placeholder"])):i.createCommentVNode("",!0),t.quizType(h)==="date"?(i.openBlock(),i.createBlock(o,{key:1,onChange:H=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":H=>r.input[h]=H,type:"date",placeholder:t.quizDisplay(h),format:e.content.options[h].format,"value-format":e.content.options[h].format,disabled:t.quizArrayCompleted(h)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):i.createCommentVNode("",!0)],2),i.createTextVNode("  ")],64))),256))]),i.createVNode(l,{size:"small",type:"primary",class:"drop-down-submit",onClick:c[0]||(c[0]=m=>t.choicesCheck())},{default:i.withCtx(()=>[i.createTextVNode("Submit")]),_:1}),t.showFeedback()?(i.openBlock(),i.createBlock(f,{key:0,content:r.feedbackObject},null,8,["content"])):i.createCommentVNode("",!0)],2)}const vo=X(Bo,[["render",po]]),_q="",go={components:{},props:["content"],data(){return{quizArray:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{prepareQuiz(){this.quizArray=this.content.quiz.split("*_")},choicesCheck(){this.getAttempt<this.content.attempts?(this.input.forEach((A,c)=>{if(this.content.answers[c]===A)this.correctChoices.includes(c)===!1&&this.correctChoices.push(c);else if(this.correctChoices.includes(c)===!0){let e=this.correctChoices.indexOf(c);this.correctChoices.splice(e,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.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)):(this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete()),this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.input.forEach((A,c)=>{this.input[c]=this.content.answers[c]}),this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function zo(A,c,e,a,r,t){const s=i.resolveComponent("el-input"),n=i.resolveComponent("el-button"),o=i.resolveComponent("lab-feedback");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["fill-blank",e.content.class])},[i.createElementVNode("p",null,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.quizArray,(l,f)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createTextVNode(i.toDisplayString(l),1),f<t.quizArrayCount?(i.openBlock(),i.createBlock(s,{key:0,modelValue:r.input[f],"onUpdate:modelValue":m=>r.input[f]=m,placeholder:"Please input",size:"small"},null,8,["modelValue","onUpdate:modelValue"])):i.createCommentVNode("",!0)],64))),256))]),i.createVNode(n,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[0]||(c[0]=l=>t.choicesCheck())},{default:i.withCtx(()=>[i.createTextVNode("Submit")]),_:1}),t.showFeedback()?(i.openBlock(),i.createBlock(o,{key:0,content:r.feedbackObject},null,8,["content"])):i.createCommentVNode("",!0)],2)}const Vo=X(go,[["render",zo]]),Oq="",Mo={components:{},props:["content"],data(){return{feedbackIndex:-1,totalAttempts:99}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.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(A){return this.stepperStore.pixelFormat(A)},choicesComplete(){let A=document.querySelectorAll(".selectableButton");for(let c=0;c<A.length;c++)A[c].classList.add("is-failure"),A[c].setAttribute("disabled",!0),this.content.choices[c].correct&&A[c].classList.add("is-success");this.stepperStore.finishSteps()},choicesCheck(A){this.getAttempt<Number(this.content.attempts)?this.content.choices[A].correct===!0?(console.log(" it was true"),this.choicesComplete()):this.stepperStore.attempts=this.getAttempt+1:(this.content.choices[A].correct!==!0&&(this.stepperStore.showFeedbackAttempts=!0),this.choicesComplete()),this.feedbackIndex=A,this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},shuffledChoices(){let A=this.content.choices;for(let c=A.length-1;c>0;c--){const e=Math.floor(Math.random()*(c+1));[A[c],A[e]]=[A[e],A[c]]}this.content.choices=A},showFeedback(A){return this.stepperStore.getShowFeedback&&this.feedbackIndex===A?(this.content.choices[A].correct&&this.choicesComplete(),!0):!1}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("selectableButton");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("selectableButton"),this.feedbackIndex=-1,this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},wo=["innerHTML"],Lo={class:"buttonSpan"},Qo=["src","alt"],Fo={class:"selectable-buttonText"};function Uo(A,c,e,a,r,t){const s=i.resolveComponent("lab-image"),n=i.resolveComponent("el-col"),o=i.resolveComponent("el-divider"),l=i.resolveComponent("el-button"),f=i.resolveComponent("lab-feedback"),m=i.resolveComponent("el-row");return i.openBlock(),i.createBlock(m,{id:e.content.id,class:i.normalizeClass(["selectable",e.content.classes])},{default:i.withCtx(()=>[i.createVNode(n,{span:t.leftColWidth(A.index)},{default:i.withCtx(()=>[e.content.directions?(i.openBlock(),i.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,wo)):i.createCommentVNode("",!0),e.content.image?(i.openBlock(),i.createBlock(s,{key:1,content:e.content.image},null,8,["content"])):i.createCommentVNode("",!0)]),_:1},8,["span"]),i.createVNode(n,{span:t.rightColWidth(A.index),class:"selectArea"},{default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.content.choices,(h,H)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[!e.content.noDivider&&H>0?(i.openBlock(),i.createBlock(o,{key:0})):i.createCommentVNode("",!0),i.createVNode(l,{size:"small",type:"primary",class:"selectableButton",style:i.normalizeStyle({width:t.pixelFormat(e.content.choiceWidth),height:t.pixelFormat(e.content.choiceHeight)}),onClick:u=>t.choicesCheck(H)},{default:i.withCtx(()=>[i.createElementVNode("div",Lo,[h.image?(i.openBlock(),i.createElementBlock("img",{key:0,class:"im-ButtonImage",src:h.image,alt:h.alt?h.alt:"button image"},null,8,Qo)):i.createCommentVNode("",!0),i.createElementVNode("span",Fo,i.toDisplayString(h.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(H)?(i.openBlock(),i.createBlock(f,{key:1,content:h},null,8,["content"])):i.createCommentVNode("",!0)],64))),256))]),_:1},8,["span"])]),_:1},8,["id","class"])}const bo=X(Mo,[["render",Uo],["__scopeId","data-v-0f6d367e"]]),Pq="",xo={components:{},props:["content"],data(){return{input:"",totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!1;this.content.answers.forEach((c,e)=>{let a=c.toLowerCase();this.input.toLowerCase().includes(a)||(A=!0)}),A?(this.stepperStore.attempts=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.stepperStore.showFeedbackAttempts=!0,this.choicesComplete();this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-textarea__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-textarea__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function yo(A,c,e,a,r,t){const s=i.resolveComponent("el-input"),n=i.resolveComponent("el-button"),o=i.resolveComponent("lab-feedback");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["textbox",e.content.class])},[i.createElementVNode("p",null,i.toDisplayString(e.content.quiz),1),i.createVNode(s,{modelValue:r.input,"onUpdate:modelValue":c[0]||(c[0]=l=>r.input=l),autosize:{minRows:4,maxRows:8},type:"textarea",placeholder:"Please input"},null,8,["modelValue"]),i.createVNode(n,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[1]||(c[1]=l=>t.choicesCheck())},{default:i.withCtx(()=>[i.createTextVNode("Submit")]),_:1}),t.showFeedback()?(i.openBlock(),i.createBlock(o,{key:0,content:r.feedbackObject},null,8,["content"])):i.createCommentVNode("",!0)],2)}const So=X(xo,[["render",yo]]),Gq="",No={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{},value1:"",showMenuOverlay:!1}},watch:{},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{showSub(A){let c=document.getElementById(A);c.classList.contains("jl-menu-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,c.classList.add("jl-menu-sub_show"))},showSubSub(A){let c=document.getElementById(A);c.classList.contains("jl-menu-sub-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,c.classList.add("jl-menu-sub-sub_show"))},hideSubs(){this.showMenuOverlay=!1;let A=document.getElementsByClassName("jl-menu-sub_show");for(;A.length>0;)A[0].classList.remove("jl-menu-sub_show");let c=document.getElementsByClassName("jl-menu-sub-sub_show");for(;c.length>0;)c[0].classList.remove("jl-menu-sub-sub_show")},choicesCheck(A){this.hideSubs();let c=!1,e="";if(this.getAttempt<this.content.attempts){if(console.log("got some left"),typeof A=="string"){let a=A.split("-");a.forEach((r,t)=>{a[t]=Number(r)}),a.length===2?this.content.menu[a[0]].subMenu[a[1]].correct&&(this.content.menu[a[0]].subMenu[a[1]].page&&(e=this.content.menu[a[0]].subMenu[a[1]].page),c=!0):a.length===3&&this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].correct&&(this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].page&&(e=this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].page),c=!0)}else this.content.menu[A].correct&&(this.content.menu[A].page&&(e=this.content.menu[A].page),c=!0);c?(this.choicesComplete(e),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)}else this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.feedbackAttempts,this.choicesComplete();e===""&&(this.stepperStore.showFeedback=!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){this.stepperStore.finishSteps(),typeof A<"u"&&A!==""&&(this.stepperStore.currentPage=A)},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){this.stepperStore.getDirections.display===!1&&(document.getElementsByClassName("jl-menu-sub"),setTimeout(()=>{}))},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("jl-menu-sub"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Eo={key:0},ko=["index","onClick"],Io={class:"jl-menu-sub__title"},To=["id"],Do=["index","onClick"],Ko={class:"jl-menu-sub-sub__title"},Ro=["id"],_o=["index","onClick"],Oo=["onClick"],Po={key:1,class:"jl-menu-item"},Go=["index","onClick"];function Wo(A,c,e,a,r,t){const s=i.resolveComponent("CaretBottom"),n=i.resolveComponent("el-icon"),o=i.resolveComponent("CaretRight"),l=i.resolveComponent("lab-feedback");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["menu-chooser",e.content.class])},[r.showMenuOverlay?(i.openBlock(),i.createElementBlock("div",{key:0,class:"nav-mask",onClick:c[0]||(c[0]=(...f)=>t.hideSubs&&t.hideSubs(...f))})):i.createCommentVNode("",!0),i.createElementVNode("p",null,i.toDisplayString(e.content.quiz),1),i.createElementVNode("div",{class:"jl-menu",onSelect:c[1]||(c[1]=(...f)=>t.choicesCheck&&t.choicesCheck(...f))},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.content.menu,(f,m)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[f.subMenu?(i.openBlock(),i.createElementBlock("div",Eo,[i.createElementVNode("button",{class:i.normalizeClass("jl-menu-sub sub-"+m),index:m,tabindex:"0",role:"menuitem",onClick:i.withModifiers(h=>t.showSub("sub-"+m),["stop"])},[i.createElementVNode("div",Io,[i.createTextVNode(i.toDisplayString(f.name)+" ",1),i.createVNode(n,null,{default:i.withCtx(()=>[i.createVNode(s)]),_:1})])],10,ko),i.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+m},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(f.subMenu,(h,H)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[h.subMenu?(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[i.createElementVNode("button",{class:i.normalizeClass("jl-menu-sub-sub sub-sub-"+H),index:m+"-"+H,tabindex:"0",role:"menuitem",onClick:i.withModifiers(u=>t.showSubSub("sub-sub-"+m),["stop"])},[i.createElementVNode("div",Ko,[i.createTextVNode(i.toDisplayString(h.name),1),i.createVNode(n,null,{default:i.withCtx(()=>[i.createVNode(o)]),_:1})])],10,Do),i.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+m},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(h.subMenu,(u,p)=>(i.openBlock(),i.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:m+"-"+H+"-"+p,tabindex:"0",role:"menuitem",onClick:i.withModifiers(z=>t.choicesCheck(m+"-"+H+"-"+p),["stop"])},[i.createElementVNode("div",null,i.toDisplayString(u.name),1)],8,_o))),256))],8,Ro)],64)):(i.openBlock(),i.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:i.withModifiers(u=>t.choicesCheck(m+"-"+H),["stop"])},[i.createElementVNode("div",null,i.toDisplayString(h.name),1)],8,Oo))],64))),256))],8,To)])):(i.openBlock(),i.createElementBlock("div",Po,[i.createElementVNode("button",{class:"jl-menu-sub",index:m,tabindex:"0",role:"menuitem",onClick:i.withModifiers(h=>t.choicesCheck(m),["stop"])},i.toDisplayString(f.name),9,Go)]))],64))),256))],32),t.showFeedback()?(i.openBlock(),i.createBlock(l,{key:1,content:r.feedbackObject},null,8,["content"])):i.createCommentVNode("",!0)],2)}const Xo=X(No,[["render",Wo]]),Wq="",h8={y:{t:"top",m:"marginTop",b:"bottom"},x:{l:"left",m:"marginLeft",r:"right"}};function qo(A){A.forEach((c,e)=>{document.documentElement.addEventListener(e,c)})}function Yo(A){A.forEach((c,e)=>{document.documentElement.removeEventListener(e,c)})}const Jo={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(A){return A>=0}},gridY:{type:Number,default:50,validator(A){return A>=0}},parentW:{type:Number,default:0,validator(A){return A>=0}},parentH:{type:Number,default:0,validator(A){return A>=0}},w:{type:[String,Number],default:200,validator(A){return typeof A=="string"?A==="auto":A>=0}},h:{type:[String,Number],default:200,validator(A){return typeof A=="string"?A==="auto":A>=0}},minw:{type:Number,default:50,validator(A){return A>=0}},minh:{type:Number,default:50,validator(A){return A>=0}},x:{type:Number,default:0,validator(A){return typeof A=="number"}},y:{type:Number,default:0,validator(A){return typeof A=="number"}},z:{type:[String,Number],default:"auto",validator(A){return typeof A=="string"?A==="auto":A>=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(A){return["x","y","both","none"].indexOf(A)!==-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=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]]),qo(this.domEvents),this.dragHandle&&[...this.$el.querySelectorAll(this.dragHandle)].forEach(A=>{A.setAttribute("data-drag-handle",this._uid)}),this.dragCancel&&[...this.$el.querySelectorAll(this.dragCancel)].forEach(A=>{A.setAttribute("data-drag-cancel",this._uid)})},beforeUnmount(){Yo(this.domEvents)},methods:{deselect(){this.preventActiveBehavior||(this.active=!1)},move(A){if(!this.stickDrag&&!this.bodyDrag)return;A.stopPropagation();const c=typeof A.pageX<"u"?A.pageX:A.touches[0].pageX,e=typeof A.pageY<"u"?A.pageY:A.touches[0].pageY,{dimensionsBeforeMove:a}=this,r={x:(a.pointerX-c)/this.parentScaleX,y:(a.pointerY-e)/this.parentScaleY};if(this.stickDrag&&this.stickMove(r),this.bodyDrag){if(this.axis==="x")r.y=0;else if(this.axis==="y")r.x=0;else if(this.axis==="none")return;this.bodyMove(r)}},up(A){this.stickDrag?this.stickUp(A):this.bodyDrag&&this.bodyUp(A)},bodyDown(A){const{target:c,button:e}=A;if(this.preventActiveBehavior||(this.active=!0),e&&e!==0||(this.$emit("clicked",A),!this.active)||this.dragHandle&&c.getAttribute("data-drag-handle")!==this._uid.toString()||this.dragCancel&&c.getAttribute("data-drag-cancel")===this._uid.toString())return;typeof A.stopPropagation<"u"&&A.stopPropagation(),typeof A.preventDefault<"u"&&A.preventDefault(),this.isDraggable&&(this.bodyDrag=!0);const a=typeof A.pageX<"u"?A.pageX:A.touches[0].pageX,r=typeof A.pageY<"u"?A.pageY:A.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:a,pointerY:r}),this.parentLimitation&&(this.limits=this.calcDragLimitation())},bodyMove(A){const{dimensionsBeforeMove:c,parentWidth:e,parentHeight:a,gridX:r,gridY:t,width:s,height:n}=this;let o=c.top-A.y,l=c.bottom+A.y,f=c.left-A.x,m=c.right+A.x;if(this.snapToGrid){let h=!0,H=!0,u=o-Math.floor(o/t)*t,p=a-l-Math.floor((a-l)/t)*t,z=f-Math.floor(f/r)*r,C=e-m-Math.floor((e-m)/r)*r;u>t/2&&(u-=t),p>t/2&&(p-=t),z>r/2&&(z-=r),C>r/2&&(C-=r),Math.abs(p)<Math.abs(u)&&(h=!1),Math.abs(C)<Math.abs(z)&&(H=!1),o-=h?u:p,l=a-n-o,f-=H?z:C,m=e-s-f}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:f,newRight:m,newTop:o,newBottom:l})),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(A,c,e=!1){if((!this.isResizable||!this.active)&&!e)return;this.stickDrag=!0;const a=typeof c.pageX<"u"?c.pageX:c.touches[0].pageX,r=typeof c.pageY<"u"?c.pageY:c.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:a,pointerY:r}),this.currentStick=A,this.limits=this.calcResizeLimits()},saveDimensionsBeforeMove({pointerX:A,pointerY:c}){this.dimensionsBeforeMove.pointerX=A,this.dimensionsBeforeMove.pointerY=c,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(A){const{currentStick:c,dimensionsBeforeMove:e,gridY:a,gridX:r,snapToGrid:t,parentHeight:s,parentWidth:n}=this;let o=e.top,l=e.bottom,f=e.left,m=e.right;switch(c[0]){case"b":l=e.bottom+A.y,t&&(l=s-Math.round((s-l)/a)*a);break;case"t":o=e.top-A.y,t&&(o=Math.round(o/a)*a);break}switch(c[1]){case"r":m=e.right+A.x,t&&(m=n-Math.round((n-m)/r)*r);break;case"l":f=e.left-A.x,t&&(f=Math.round(f/r)*r);break}({newLeft:f,newRight:m,newTop:o,newBottom:l}=this.rectCorrectionByLimit({newLeft:f,newRight:m,newTop:o,newBottom:l})),this.aspectRatio&&({newLeft:f,newRight:m,newTop:o,newBottom:l}=this.rectCorrectionByAspectRatio({newLeft:f,newRight:m,newTop:o,newBottom:l})),this.left=f,this.right=m,this.top=o,this.bottom=l,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:A,parentHeight:c}=this;return{left:{min:0,max:A-this.width},right:{min:0,max:A-this.width},top:{min:0,max:c-this.height},bottom:{min:0,max:c-this.height}}},calcResizeLimits(){const{aspectFactor:A,width:c,height:e,bottom:a,top:r,left:t,right:s}=this;let{minh:n,minw:o}=this;const l=this.parentLimitation?0:null;this.aspectRatio&&(o/n>A?n=o/A:o=A*n);const f={left:{min:l,max:t+(c-o)},right:{min:l,max:s+(c-o)},top:{min:l,max:r+(e-n)},bottom:{min:l,max:a+(e-n)}};if(this.aspectRatio){const m={left:{min:t-Math.min(r,a)*A*2,max:t+(e-n)/2*A*2},right:{min:s-Math.min(r,a)*A*2,max:s+(e-n)/2*A*2},top:{min:r-Math.min(t,s)/A*2,max:r+(c-o)/2/A*2},bottom:{min:a-Math.min(t,s)/A*2,max:a+(c-o)/2/A*2}};this.currentStick[0]==="m"?(f.left={min:Math.max(f.left.min,m.left.min),max:Math.min(f.left.max,m.left.max)},f.right={min:Math.max(f.right.min,m.right.min),max:Math.min(f.right.max,m.right.max)}):this.currentStick[1]==="m"&&(f.top={min:Math.max(f.top.min,m.top.min),max:Math.min(f.top.max,m.top.max)},f.bottom={min:Math.max(f.bottom.min,m.bottom.min),max:Math.min(f.bottom.max,m.bottom.max)})}return f},sideCorrectionByLimit(A,c){let e=c;return A.min!==null&&c<A.min?e=A.min:A.max!==null&&A.max<c&&(e=A.max),e},rectCorrectionByLimit(A){const{limits:c}=this;let{newRight:e,newLeft:a,newBottom:r,newTop:t}=A;return a=this.sideCorrectionByLimit(c.left,a),e=this.sideCorrectionByLimit(c.right,e),t=this.sideCorrectionByLimit(c.top,t),r=this.sideCorrectionByLimit(c.bottom,r),{newLeft:a,newRight:e,newTop:t,newBottom:r}},rectCorrectionByAspectRatio(A){let{newLeft:c,newRight:e,newTop:a,newBottom:r}=A;const{parentWidth:t,parentHeight:s,currentStick:n,aspectFactor:o,dimensionsBeforeMove:l}=this;let f=t-c-e,m=s-a-r;if(n[1]==="m"){const h=m-l.height;c-=h*o/2,e-=h*o/2}else if(n[0]==="m"){const h=f-l.width;a-=h/o/2,r-=h/o/2}else f/m>o?(f=o*m,n[1]==="l"?c=t-e-f:e=t-c-f):(m=f/o,n[0]==="t"?a=s-r-m:r=s-a-m);return{newLeft:c,newRight:e,newTop:a,newBottom:r}}},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 A=>{const c={width:`${this.stickSize/this.parentScaleX}px`,height:`${this.stickSize/this.parentScaleY}px`};return c[h8.y[A[0]]]=`${this.stickSize/this.parentScaleX/-2}px`,c[h8.x[A[1]]]=`${this.stickSize/this.parentScaleX/-2}px`,c}},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(A){A?this.$emit("activated"):this.$emit("deactivated")},isActive:{immediate:!0,handler(A){this.active=A}},z:{immediate:!0,handler(A){(A>=0||A==="auto")&&(this.zIndex=A)}},x:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.left)return;const e=c-A;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:e,y:0}),this.$nextTick(()=>{this.bodyUp()})}},y:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.top)return;const e=c-A;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:0,y:e}),this.$nextTick(()=>{this.bodyUp()})}},w:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.width)return;const e="mr",a=c-A;this.stickDown(e,{pageX:this.right,pageY:this.top+this.height/2},!0),this.stickMove({x:a,y:0}),this.$nextTick(()=>{this.stickUp()})}},h:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.height)return;const e="bm",a=c-A;this.stickDown(e,{pageX:this.left+this.width/2,pageY:this.bottom},!0),this.stickMove({x:0,y:a}),this.$nextTick(()=>{this.stickUp()})}},parentW(A){this.right=A-this.width-this.left,this.parentWidth=A},parentH(A){this.bottom=A-this.height-this.top,this.parentHeight=A}}},$o=["onMousedown","onTouchstart"];function jo(A,c,e,a,r,t){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["vdr",`${r.active||e.isActive?"active":"inactive"} ${e.contentClass?e.contentClass:""}`]),style:i.normalizeStyle(t.positionStyle),onMousedown:c[0]||(c[0]=s=>t.bodyDown(s)),onTouchstart:c[1]||(c[1]=s=>t.bodyDown(s)),onTouchend:c[2]||(c[2]=s=>t.up(s)),ref:"container",tabindex:"0"},[i.createElementVNode("div",{style:i.normalizeStyle(t.sizeStyle),class:"content-container",ref:"container2"},[i.renderSlot(A.$slots,"default")],4),(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.sticks,s=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["vdr-stick",["vdr-stick-"+s,e.isResizable?"":"not-resizable"]]),onMousedown:i.withModifiers(n=>t.stickDown(s,n),["stop","prevent"]),onTouchstart:i.withModifiers(n=>t.stickDown(s,n),["stop","prevent"]),style:i.normalizeStyle(t.vdrStick(s))},null,46,$o))),256))],38)}const H8=X(Jo,[["render",jo]]),Xq="",Zo={components:{VueDragResize:H8},props:["content"],data(){return{}},watch:{},computed:{},methods:{onResizstop(A){console.log("i have stopped resizing",A)},onDragstop(A){},reset(){this.listOne=[]},getParentWidth(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetWidth)},getParentHeight(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetHeight)},keyboardMove(A){for(let c of A)document.getElementById(c.id).addEventListener("focusin",a=>{let r=document.getElementsByClassName("fridgemagnet");addEventListener("keydown",function(t){let s=document.getElementById(t.target.id);if(t.altKey&&t.key==="ArrowLeft"){let n=Number(s.style.left.slice(0,-2));n-10<0?s.style.left=`${n}px`:s.style.left=`${n-10}px`}if(t.altKey&&t.key==="ArrowRight"){let n=Number(s.style.left.slice(0,-2));n+10>r[0].offsetWidth-50?s.style.left=`${n}px`:s.style.left=`${n+10}px`}if(t.altKey&&t.key==="ArrowUp"){let n=Number(s.style.top.slice(0,-2));n+10<0?s.style.top=`${n}px`:s.style.top=`${n-10}px`}if(t.altKey&&t.key==="ArrowDown"){let n=Number(s.style.top.slice(0,-2));n+10>r[0].offsetHeight-80?s.style.top=`${n}px`:s.style.top=`${n+10}px`}})})}},mounted(){let A=document.getElementsByClassName("vdr");setTimeout(()=>{A[0].focus()}),this.keyboardMove(A)},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("vdr")}},Al={class:"fridgemagnet"},cl=["innerHTML"],el=["src","alt"],al=["id","src","alt"],rl=["innerHTML"];function tl(A,c,e,a,r,t){const s=i.resolveComponent("VueDragResize");return i.openBlock(),i.createElementBlock("div",Al,[e.content.directions?(i.openBlock(),i.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,cl)):i.createCommentVNode("",!0),i.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,el),i.createElementVNode("div",{class:i.normalizeClass(["fridge",e.content.class,e.content.noOutline?"no_outline":""])},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.content.magnets,(n,o)=>(i.openBlock(),i.createBlock(s,{id:"vdr_"+o,isActive:!0,w:n.width?n.width:50,minw:n.minWidth?n.minWidth:50,h:n.height?n.height:50,minh:n.minHeight?n.minHeight:50,x:n.x?n.x:0,y:n.y?n.y:60*o,class:i.normalizeClass(n.class),parentLimitation:!0,parentW:n.parentwidth?n.parentwidth:t.getParentWidth(),parentH:n.parentheight?n.parentheight:t.getParentHeight(),isResizable:n.resizable,isDraggable:n.draggable,snapToGrid:n.snap,gridX:n.snapX,gridY:n.snapY,dragHandle:n.handle,onResizing:A.resize,onDragging:A.resize,aspectRatio:!0,onResizestop:t.onResizstop,onDragstop:t.onDragstop,sticks:["tl","bl","tr","br"]},{default:i.withCtx(()=>[n.image?(i.openBlock(),i.createElementBlock("img",{key:0,id:n.index,src:n.image,alt:n.imageAlt},null,8,al)):i.createCommentVNode("",!0),n.text?(i.openBlock(),i.createElementBlock("p",{key:1,innerHTML:n.text},null,8,rl)):i.createCommentVNode("",!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 sl=X(Zo,[["render",tl]]),qq="",nl={components:{},props:["content"],data(){return{binCount:0,listOne:[]}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}}},methods:{createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach(A=>{this.listOne.push(A.items)})},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){if(this.content.sound){let c=document.getElementById("myAudio");setTimeout(()=>{c.play()},1e3)}if(A.draggedContext.element.relSwap&&setTimeout(()=>{let c=A.draggedContext.element.id,e=document.getElementById(c);e.src=A.draggedContext.element.relSwap},1500),this.stepperStore.stepHold=!1,this.stepperStore.finishSteps(),this.stepperStore.lastPageFocus(),A!=="clicked")return!A.from.classList.contains("preventMove")},reset(){this.listOne=[],this.createItems()},keyboardDrag(A,c){if(A.class.indexOf("preventMove")>0)return!1;A.class+=" preventMove",this.listOne[c].splice(A),this.listOne[c+1].push(A),this.checkMove("clicked")}},mounted(){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.createItems()}},il=["innerHTML"],ol={key:1,id:"myAudio"},ll=["src"],fl={class:"list-group-item"},ml=["onClick"],hl=["id","src","alt","data-swap"];function Hl(A,c,e,a,r,t){const s=i.resolveComponent("lab-image"),n=i.resolveComponent("el-col"),o=i.resolveComponent("draggable"),l=i.resolveComponent("el-row");return i.openBlock(),i.createBlock(l,{class:i.normalizeClass(["dragDrop",e.content.handle])},{default:i.withCtx(()=>[i.createVNode(n,{span:24},{default:i.withCtx(()=>[i.createElementVNode("div",{innerHTML:e.content.directions},null,8,il),e.content.image?(i.openBlock(),i.createBlock(s,{key:0,content:e.content.image},null,8,["content"])):i.createCommentVNode("",!0),e.content.sound?(i.openBlock(),i.createElementBlock("audio",ol,[i.createElementVNode("source",{src:e.content.sound,type:"audio/mpeg"},null,8,ll),i.createTextVNode(" Your browser does not support the audio element. ")])):i.createCommentVNode("",!0)]),_:1}),(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.listOne,(f,m)=>(i.openBlock(),i.createBlock(n,{span:t.binColumns},{default:i.withCtx(()=>[i.createVNode(o,{class:i.normalizeClass(["draggable list-group",e.content.bins[m].class]),style:i.normalizeStyle({width:t.pixelFormat(e.content.bins[m].width),height:t.pixelFormat(e.content.bins[m].height),background:t.dragBackground(e.content.bins[m].bgImage)}),modelValue:t.myList[m],"onUpdate:modelValue":h=>t.myList[m]=h,move:t.checkMove,group:"people",forceFallback:"true"},{item:i.withCtx(({element:h})=>[i.createElementVNode("div",fl,[i.createElementVNode("button",{class:"dragItems-button",onClick:i.withModifiers(H=>t.keyboardDrag(h,m),["stop"])},[i.createTextVNode(i.toDisplayString(h.text)+" ",1),h.image?(i.openBlock(),i.createElementBlock("img",{key:0,id:h.id,src:h.image,alt:h.imageAlt,"data-swap":h.relSwap},null,8,hl)):i.createCommentVNode("",!0)],8,ml)])]),_:2},1032,["class","style","modelValue","onUpdate:modelValue","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"])}const ul=X(nl,[["render",Hl]]),Yq="",Cl={components:{},props:["content"],data(){return{binCount:0,listOne:[],listTwo:[],listTwoCompleted:[],totalAttempts:99,choice:{header:"",feedback:""},chooseBin:{},chooseVisibility:!1,kbCurrentId:"",feedbackObject:{}}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}},myList2:{get(){return this.listTwo}},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{failed(){this.listTwo.length>0&&(this.listTwo.forEach(A=>{this.listOne.forEach(c=>{c.forEach(e=>{A.id===e.id&&c.push(A)})})}),this.listTwo="",this.choice.header=this.content.failedHeader,this.choice.feedback=this.content.failedFeedback,this.feedbackVisibility=!0)},createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach((A,c)=>{let e=Math.round(Date.now()/Math.random());A.items.forEach(a=>{a.hide=!0,a.id=e,a.oldKey=c,this.listTwo.push(a)}),this.listOne.push(JSON.parse(JSON.stringify(A.items)))}),this.listTwo.forEach(A=>{A.hide=!1})},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){if(A.to.dataset.index){let c=this.listOne[A.to.dataset.index],e=A.oldIndex,a=!1;c.forEach(r=>{r.hide===!0&&r.id===A.item._underlying_vm_.id&&(a=!0)}),a?(this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=A.item._underlying_vm_.correctHeader,this.feedbackObject.feedback=A.item._underlying_vm_.correctFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.correctFeedbackImage,this.listTwoCompleted.push(e),this.myList2.length===0&&this.stepperStore.finishSteps()):(this.feedbackObject.feedbackHeader=A.item._underlying_vm_.incorrectHeader,this.feedbackObject.feedback=A.item._underlying_vm_.incorrectFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.incorrectFeedbackImage,this.listTwo.push(A.item._underlying_vm_),this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.stepperStore.showFeedbackAttempts=!0,this.failed()),this.stepperStore.showFeedback=!0,c.forEach((r,t)=>{r.id===A.item._underlying_vm_.id&&c.splice(t,1)})),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},stopMove(){return!1},kbCheckMove(A,c){if(typeof A>"u")this.chooseVisibility=!1;else{if(this.listOne[A][c].id===this.kbCurrentId){let a=-1;this.listTwo.forEach((r,t)=>{r.id===this.kbCurrentId&&(a=t)}),this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=this.listOne[A][c].correctHeader,this.feedbackObject.feedback=this.listOne[A][c].correctFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].correctFeedbackImage,this.chooseVisibility=!1,this.listTwoCompleted.push(A),this.listTwo.splice(a,1),this.myList2.length===0&&this.stepperStore.finishSteps(),this.listOne[A][c].hide=!1}else this.feedbackObject.feedbackHeader=this.listOne[A][c].incorrectHeader,this.feedbackObject.feedback=this.listOne[A][c].incorrectFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].incorrectFeedbackImage,this.chooseVisibility=!1,this.stepperStore.showFeedback=!0,this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.chooseVisibility=!1,this.stepperStore.showFeedbackAttempts=!0,this.failed());setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},keyboardDrag(A){if(A.class.indexOf("preventMove")>0)return!1;this.chooseVisibility=!0,this.kbCurrentId=A.id,setTimeout(()=>{document.getElementById("firstBin").focus()})},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.stepperStore.attempts=0,this.content.attempts&&(this.totalAttempts=this.content.attempts),this.createItems()}},Bl=["innerHTML"],pl=["onClick"],vl=["id","src","alt"],gl={key:0,class:"dropBin"},dl={class:"dragItems-button"},zl=["id","src","alt"],Vl={class:"dialog-footer"};function Ml(A,c,e,a,r,t){const s=i.resolveComponent("lab-image"),n=i.resolveComponent("el-col"),o=i.resolveComponent("draggable"),l=i.resolveComponent("el-row"),f=i.resolveComponent("lab-feedback"),m=i.resolveComponent("el-button"),h=i.resolveComponent("el-dialog");return i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createVNode(l,{class:i.normalizeClass(["dragDrop",e.content.handle]),id:"dragItemDiv"},{default:i.withCtx(()=>[i.createVNode(n,{span:24},{default:i.withCtx(()=>[i.createElementVNode("div",{innerHTML:e.content.directions},null,8,Bl),e.content.image?(i.openBlock(),i.createBlock(s,{key:0,content:e.content.image},null,8,["content"])):i.createCommentVNode("",!0)]),_:1}),i.createVNode(n,{span:24},{default:i.withCtx(()=>[i.createVNode(o,{class:"dragItems",list:r.listTwo,group:"put",forceFallback:"true",itemKey:"image",sort:!1,onEnd:t.checkMove},{item:i.withCtx(({element:H})=>[i.createElementVNode("div",{class:i.normalizeClass(["dragItem",H.class])},[i.createElementVNode("button",{class:"dragItems-button",onClick:i.withModifiers(u=>t.keyboardDrag(H),["stop"])},[i.createTextVNode(i.toDisplayString(H.text)+" ",1),H.image?(i.openBlock(),i.createElementBlock("img",{key:0,id:H.id,src:H.image,alt:H.imageAlt},null,8,vl)):i.createCommentVNode("",!0)],8,pl)],2)]),_:1},8,["list","onEnd"])]),_:1}),(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.listOne,(H,u)=>(i.openBlock(),i.createBlock(n,{span:t.binColumns},{default:i.withCtx(()=>[i.createElementVNode("h4",null,i.toDisplayString(e.content.bins[u].header),1),i.createVNode(o,{class:i.normalizeClass(["dropBins el-row",e.content.bins[u].class]),"data-index":u,list:r.listOne[u],group:"put",forceFallback:"true",itemKey:"text",sort:!1,move:t.stopMove},{item:i.withCtx(({element:p})=>[p.hide?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",gl,[i.createElementVNode("button",dl,[i.createTextVNode(i.toDisplayString(p.text)+" ",1),p.image?(i.openBlock(),i.createElementBlock("img",{key:0,id:p.id,src:p.droppedImage,alt:p.imageAlt},null,8,zl)):i.createCommentVNode("",!0)])]))]),_:2},1032,["class","data-index","list","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"]),t.showFeedback()?(i.openBlock(),i.createBlock(f,{key:0,content:r.feedbackObject},null,8,["content"])):i.createCommentVNode("",!0),i.createVNode(h,{title:e.content.kbModalQuestion,modelValue:r.chooseVisibility,"onUpdate:modelValue":c[1]||(c[1]=H=>r.chooseVisibility=H),width:"50%"},{footer:i.withCtx(()=>[i.createElementVNode("span",Vl,[i.createVNode(m,{size:"small",id:"visibilityClose",type:"primary",onClick:c[0]||(c[0]=H=>t.kbCheckMove())},{default:i.withCtx(()=>[i.createTextVNode("Close")]),_:1})])]),default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.listOne,(H,u)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(H,(p,z)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[u===0?(i.openBlock(),i.createBlock(m,{key:0,id:"firstBin",size:"small",type:"primary",onClick:C=>t.kbCheckMove(u,z)},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.content.bins[u].header),1)]),_:2},1032,["onClick"])):(i.openBlock(),i.createBlock(m,{key:1,size:"small",type:"primary",onClick:C=>t.kbCheckMove(u,z)},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.content.bins[u].header),1)]),_:2},1032,["onClick"]))],64))),256))],64))),256))]),_:1},8,["title","modelValue"])],64)}const wl=X(Cl,[["render",Ml]]),Jq="",Ll={props:["content"],data(){return{totalAttempts:99}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){this.stepperStore.getDirections.display===!1&&setTimeout(()=>{})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Ql=["src","width","height"];function Fl(A,c,e,a,r,t){return i.openBlock(),i.createElementBlock("iframe",{class:"importedIframe",src:"imports/"+e.content.importFolder+"/"+e.content.importIndex,allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",width:e.content.width,height:e.content.height},null,8,Ql)}const Ul=X(Ll,[["render",Fl],["__scopeId","data-v-2ebb5d61"]]);/*!
+(function(i,o4){typeof exports=="object"&&typeof module<"u"?module.exports=o4(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o4):(i=typeof globalThis<"u"?globalThis:i||self,i.LabmakerPlugin=o4(i.Vue))})(this,function(i){"use strict";const o4="",X=(A,c)=>{const e=A.__vccOpts||A;for(const[a,r]of c)e[a]=r;return e},pi={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(A){const e=A.target.files[0];this.fileProcess(e)},fileProcess(A){this.imgSRC=URL.createObjectURL(A)}},mounted(){}},vi=i.createElementVNode("h1",null,"File Uploader",-1),gi={class:"image-uploader"},di=i.createElementVNode("h1",null,"File Uploader",-1),zi={class:"your-file"},Vi=["src"];function Mi(A,c,e,a,r,t){return i.openBlock(),i.createElementBlock(i.Fragment,null,[vi,i.createElementVNode("div",gi,[di,i.createElementVNode("input",{onChange:c[0]||(c[0]=(...s)=>t.fileUpload&&t.fileUpload(...s)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),i.createElementVNode("div",zi,[i.createElementVNode("img",{src:r.imgSRC,alt:"",scrset:""},null,8,Vi)])])],64)}const wi=X(pi,[["render",Mi]]),Eq="",Li={props:["title"],data(){return{}},computed:{}};function Qi(A,c,e,a,r,t){return i.openBlock(),i.createElementBlock("header",null,[i.createElementVNode("h1",null,i.toDisplayString(e.title),1)])}const Fi=X(Li,[["render",Qi]]),kq="",Ui={props:["content"],data(){return{}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)}},mounted(){},beforeMount(){this.stepperStore=this.stepperMain()}},bi={class:"image-container"},xi={class:"image"},yi=["src","alt"],Si=["innerHTML"],Ni=["innerHTML"],Ei=["innerHTML"];function ki(A,c,e,a,r,t){return i.openBlock(),i.createElementBlock("div",bi,[i.createElementVNode("div",xi,[i.createElementVNode("img",{src:e.content.src,alt:e.content.alt,class:i.normalizeClass(e.content.class)},null,10,yi),e.content.captionHeader?(i.openBlock(),i.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.captionHeader},null,8,Si)):i.createCommentVNode("",!0),e.content.caption?(i.openBlock(),i.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.caption},null,8,Ni)):i.createCommentVNode("",!0),e.content.copyright?(i.openBlock(),i.createElementBlock("span",{key:2,innerHTML:e.content.copyright,class:"copyright"},null,8,Ei)):i.createCommentVNode("",!0)])])}const Ii=X(Ui,[["render",ki],["__scopeId","data-v-45f6f0d2"]]),Iq="",Ti={props:["content"],data(){return{showingKaltura:!1,showingText:!1,buttonText:!1,hasText:!1,video:{width:640,height:480},audio:{width:260,height:80},audioBtn:{width:40,height:40},textversionArray:{}}},watch:{content:function(){this.tvCleaner()}},computed:{kHeight(){if(this.content.kalturaType==="video")if(this.content.height&&this.content.height!=""){let A=this.content.height;return A.slice(-2)==="px"?A.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 A=this.content.height;return A.slice(-2)==="px"?A.slice(0,-2):this.content.height}else return this.audio.height;else if(this.content.kalturaType==="audiobtn")return this.audioBtn.height},kWidth(){if(this.content.kalturaType==="video")if(this.content.width&&this.content.width!=""){let A=this.content.width;return A.slice(-2)==="px"?A.slice(0,-2):this.content.width}else return this.video.width;else{if(this.content.kalturaType==="audio")return this.audio.width;if(this.content.kalturaType==="audiobtn")return this.audioBtn.width}}},methods:{getButtonText(A){return A==="video"?this.showingText?"Show Video":"Show Text Version":this.showingText?"Show Audio":"Show Text Version"},textVersionCheck(){this.content.textVersion&&this.content.textVersion.length>1&&(this.hasText=!0)},kalturaLoad(){this.textVersionCheck()},kalturaMedia(A){let c={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return c.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(c.type=this.content.kalturaType),c.type==="audio"?c.uiconf_id="36511471":c.type==="audiobtn"?c.uiconf_id="36582731":c.type==="videocc"&&(c.uiconf_id="35766781"),this.content.standalone&&(this.stepperStore.stepHold=!1),"https://cdnapisec.kaltura.com/p/"+c.partner_id+"/sp/"+c.partner_id+"00/embedIframeJs/uiconf_id/"+c.uiconf_id+"/partner_id/"+c.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+c.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let A=document.createElement("div");A.innerHTML=this.content.textVersion;for(let c=0;c<A.children.length;c++){let e=A.children[c];if(e.tagName=="DIV"&&e.className=="panel-default"&&e.children[0].dataset.toggle)for(let a=0;a<e.children.length;a++){let r=e.children[a];if(r.dataset.toggle=="collapse"){let t={heading:r.innerHTML,body:e.children[a+1].innerHTML};this.textversionArray[c]=t}}else this.textversionArray[c]=e.outerHTML}}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("vidText"),this.kalturaLoad(),this.tvCleaner()},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("vidText");setTimeout(()=>{A[0].focus()})}}},Di={key:0,class:"textVersion"},Ki=i.createElementVNode("h1",null,"Text Version",-1),Ri=["innerHTML"],_i=["src","width","height"],Oi=["src","width","height"],Pi=["src","width","height"],Gi={key:2,class:"alert alert-danger"};function Wi(A,c,e,a,r,t){const s=i.resolveComponent("el-button");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["kContainer",e.content.class])},[e.content.textVersion&&r.showingText?(i.openBlock(),i.createElementBlock("div",Di,[Ki,i.createElementVNode("div",{innerHTML:e.content.textVersion},null,8,Ri)])):i.createCommentVNode("",!0),!r.showingText&&e.content.kalturaEntryId?(i.openBlock(),i.createElementBlock("div",{key:1,class:"mainVersion",style:i.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[e.content.kalturaType=="video"&&!r.showingKaltura?(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(["kPoster",{active:r.showingKaltura==!0}]),style:i.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[i.createElementVNode("iframe",{onClick:c[0]||(c[0]=(...n)=>t.showKaltura&&t.showKaltura(...n)),class:"videoIframe",src:t.kalturaMedia(e.content),width:t.kWidth+"px",height:t.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,_i)],6)):i.createCommentVNode("",!0),e.content.kalturaType=="audio"?(i.openBlock(),i.createElementBlock("div",{key:1,class:i.normalizeClass(["kAudio",{active:r.showingKaltura==!0}]),onClick:c[1]||(c[1]=(...n)=>t.showKaltura&&t.showKaltura(...n))},[i.createElementVNode("iframe",{id:"my_iframe",src:t.kalturaMedia(e.content),width:t.kWidth+"px",height:t.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Oi)],2)):i.createCommentVNode("",!0),e.content.kalturaType=="audiobtn"?(i.openBlock(),i.createElementBlock("div",{key:2,class:i.normalizeClass(["kAudiobtn",{active:r.showingKaltura==!0}]),onClick:c[2]||(c[2]=(...n)=>t.showKaltura&&t.showKaltura(...n))},[i.createElementVNode("iframe",{src:t.kalturaMedia(e.content),width:r.audioBtn.width+"px",height:r.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Pi)],2)):i.createCommentVNode("",!0)],4)):i.createCommentVNode("",!0),e.content.kalturaEntryId==""?(i.openBlock(),i.createElementBlock("div",Gi,"There is no Kaltura Entry ID")):i.createCommentVNode("",!0),e.content.textVersion?(i.openBlock(),i.createBlock(s,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:c[3]||(c[3]=i.withModifiers(n=>t.showText(e.content.kalturaType),["stop"]))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(t.getButtonText(e.content.kalturaType)),1)]),_:1})):i.createCommentVNode("",!0)],2)}const Xi=X(Ti,[["render",Wi]]),Tq="",qi={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts},feedbackHeader(){return this.stepperStore.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&(this.stepperStore.completedDirections[this.stepperStore.currentPage].display=!1),this.content.instructions&&(this.stepperStore.directions[this.stepperStore.currentPage].display=!1),this.stepperStore.showFeedback=!1,this.stepperStore.showFeedbackAttempts=!1,this.stepperStore.lastPageFocus()}},mounted(){},beforeMount(){this.stepperStore=this.stepperMain()}},Yi={class:"my-header"},Ji=["id","innerHTML"],$i=["innerHTML"],ji={key:1},Zi=["src"],Ao=["innerHTML"],co={class:"dialog-footer"};function eo(A,c,e,a,r,t){const s=i.resolveComponent("el-button"),n=i.resolveComponent("el-dialog");return i.openBlock(),i.createBlock(n,{width:t.feedbackWidth,modelValue:r.show,"onUpdate:modelValue":c[1]||(c[1]=o=>r.show=o),"before-close":t.feedbackClose},{header:i.withCtx(({close:o,titleId:l,titleClass:f})=>[i.createElementVNode("div",Yi,[i.createElementVNode("h4",{id:l,class:i.normalizeClass(f),innerHTML:t.feedbackHeader},null,10,Ji)])]),footer:i.withCtx(()=>[i.createElementVNode("span",co,[i.createVNode(s,{size:"small",id:"feedbackClose",type:"primary",onClick:c[0]||(c[0]=i.withModifiers(o=>t.feedbackClose(),["stop"]))},{default:i.withCtx(()=>[i.createTextVNode("Close")]),_:1})])]),default:i.withCtx(()=>[t.getShowFeedbackAttempts?(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[e.content.feedbackAttempts?(i.openBlock(),i.createElementBlock("p",{key:0,innerHTML:e.content.feedbackAttempts},null,8,$i)):(i.openBlock(),i.createElementBlock("p",ji,"You have tried too many times, the correct answer has been provided for you."))],64)):(i.openBlock(),i.createElementBlock(i.Fragment,{key:1},[e.content.feedbackImage?(i.openBlock(),i.createElementBlock("img",{key:0,class:"im-ButtonImage",src:e.content.feedbackImage,alt:"button image"},null,8,Zi)):i.createCommentVNode("",!0),i.createElementVNode("p",{innerHTML:e.content.feedback},null,8,Ao)],64))]),_:1},8,["width","modelValue","before-close"])}const m8=X(qi,[["render",eo]]),Dq="",ao={components:{Feedback:m8},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},changePage(A,c){A.pageLink?this.stepperStore.currentPage=A.pageLink:A.feedback&&(this.feedbackIndex=c,this.feedbackVisibility.indexOf(c)===-1&&this.feedbackVisibility.push(c),this.stepperStore.showFeedback=!0,this.content.hotspots.length-1===this.feedbackVisibility.length-1&&this.stepperStore.finishSteps(),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(A){return!!(this.stepperStore.getShowFeedback&&this.feedbackIndex===A)}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("hotspot");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("hotspot")}},ro={class:"imageMarker"},to=["src","alt"],so={class:"hotspotArea"},no=["src","alt"],io={class:"im-buttonText"};function oo(A,c,e,a,r,t){const s=i.resolveComponent("el-button"),n=i.resolveComponent("Feedback");return i.openBlock(),i.createElementBlock("div",ro,[i.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,to),i.createElementVNode("div",so,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.content.hotspots,(o,l)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createVNode(s,{type:o.buttonType,onClick:i.withModifiers(f=>t.changePage(o,l),["stop"]),id:"hotspot_"+l,class:i.normalizeClass([["is-"+o.buttonShape,{noBG:o.buttonImage},o.class],"hotspot"]),style:i.normalizeStyle({top:t.pixelFormat(o.cordinatesX),left:t.pixelFormat(o.cordinatesY),width:t.pixelFormat(o.dimensionsW),height:t.pixelFormat(o.dimensionsH)}),icon:o.buttonIcon},{default:i.withCtx(()=>[o.buttonImage?(i.openBlock(),i.createElementBlock("img",{key:0,class:"im-ButtonImage",src:o.buttonImage,alt:"image marker "+Number(l+1)},null,8,no)):i.createCommentVNode("",!0),i.createElementVNode("span",io,i.toDisplayString(o.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),t.showFeedback(l)?(i.openBlock(),i.createBlock(n,{key:0,content:o},null,8,["content"])):i.createCommentVNode("",!0)],64))),256))])])}const lo=X(ao,[["render",oo],["__scopeId","data-v-fd3c7401"]]),Kq="",fo={props:["content"],data(){return{imageReplaced:!1,imageSrc:this.content.image,imageAlt:this.content.imageAlt}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},async changeImage(A){this.imageReplaced=!0,this.imageSrc=this.content.hotspots[A].imageOverlay,this.imageAlt=this.content.hotspots[A].imageOverlayAlt,await this.stepperStore.finishSteps(),this.stepperStore.lastPageFocus()}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("instructions");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("instructions")}},mo=["innerHTML"],ho=["src","alt"],Ho={class:"hotspotArea"};function uo(A,c,e,a,r,t){const s=i.resolveComponent("el-col"),n=i.resolveComponent("el-button"),o=i.resolveComponent("el-row");return i.openBlock(),i.createBlock(o,{class:"imageReplacer"},{default:i.withCtx(()=>[i.createVNode(s,{span:12},{default:i.withCtx(()=>[i.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:e.content.description},null,8,mo)]),_:1}),i.createVNode(s,{span:12},{default:i.withCtx(()=>[i.createElementVNode("img",{class:"im-ButtonImage",src:r.imageSrc,alt:r.imageAlt},null,8,ho),i.createElementVNode("div",Ho,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.content.hotspots,(l,f)=>(i.openBlock(),i.createBlock(n,{type:l.buttonType,onClick:i.withModifiers(m=>t.changeImage(f),["stop"]),class:"hotspot",style:i.normalizeStyle({top:t.pixelFormat(l.cordinatesX),left:t.pixelFormat(l.cordinatesY),width:t.pixelFormat(l.dimensionsW),height:t.pixelFormat(l.dimensionsH)}),icon:l.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const Co=X(fo,[["render",uo],["__scopeId","data-v-d6c87f03"]]),Rq="",Bo={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],quizItemCompleted:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{},value1:""}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{quizArrayCompleted(A){return!(this.quizItemCompleted.includes(A)||A===0)},prepareQuiz(){this.quizArray=this.content.quiz.split("*_").filter(A=>A),this.content.options.forEach((A,c)=>{A.options?A.random?this.quizOptions.push(this.shuffle(A.options)):this.quizOptions.push(A.options):this.quizOptions.push(!1)})},quizType(A){return this.content.options[A]&&this.content.options[A].type?this.content.options[A].type:!1},quizDisplay(A){return this.content.options[A]&&this.content.options[A].display?this.content.options[A].display:"Select"},quizClass(A){return this.content.options[A]&&this.content.options[A].class?this.content.options[A].class:""},shuffle(A){let c=A.length,e;for(;c!=0;)e=Math.floor(Math.random()*c),c--,[A[c],A[e]]=[A[e],A[c]];return A},choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!0,c=!1;this.input.length===0?this.content.options[0].stopFlow&&(c=!0,this.feedbackObject.feedbackHeader=this.content.options[0].notSelectedHeader,this.feedbackObject.feedback=this.content.options[0].notSelectedBody):this.content.options.forEach((e,a)=>{this.input[a]?this.input[a]!==this.content.options[a].answer&&(A=!1):this.content.options[this.input.length].stopFlow&&(c=!0,this.feedbackObject.feedbackHeader=this.content.options[this.input.length].notSelectedHeader,this.feedbackObject.feedback=this.content.options[this.input.length].notSelectedBody)}),this.stepperStore.attempts=this.getAttempt+1,A===!0&&this.input.length===this.quizArray.length?(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(c||(this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback),this.stepperStore.attempts=this.getAttempt+1)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete();this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.quizArray.forEach((A,c)=>{this.input[c]?this.input[c]=this.content.options[c].answer:this.input.push(this.content.options[c].answer),this.quizItemCompleted.push(c+1)}),this.stepperStore.finishSteps()},choicesMade(A){this.quizItemCompleted.includes(A+1)===!1&&this.quizItemCompleted.push(A+1)},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function po(A,c,e,a,r,t){const s=i.resolveComponent("el-option"),n=i.resolveComponent("el-select"),o=i.resolveComponent("el-date-picker"),l=i.resolveComponent("el-button"),f=i.resolveComponent("lab-feedback");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["drop-down",e.content.class])},[i.createElementVNode("p",null,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.quizArray,(m,h)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createElementVNode("span",{class:i.normalizeClass(t.quizClass(h))},[i.createElementVNode("span",{class:i.normalizeClass("quizText quizSection_"+h)},i.toDisplayString(m)+" ",3),t.quizType(h)==="choose"?(i.openBlock(),i.createBlock(n,{key:0,onChange:H=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":H=>r.input[h]=H,placeholder:t.quizDisplay(h)},{default:i.withCtx(()=>[t.quizArrayCompleted(h)?i.createCommentVNode("",!0):(i.openBlock(!0),i.createElementBlock(i.Fragment,{key:0},i.renderList(r.quizOptions[h],H=>(i.openBlock(),i.createBlock(s,{key:H,label:H,value:H},null,8,["label","value"]))),128))]),_:2},1032,["onChange","modelValue","onUpdate:modelValue","placeholder"])):i.createCommentVNode("",!0),t.quizType(h)==="date"?(i.openBlock(),i.createBlock(o,{key:1,onChange:H=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":H=>r.input[h]=H,type:"date",placeholder:t.quizDisplay(h),format:e.content.options[h].format,"value-format":e.content.options[h].format,disabled:t.quizArrayCompleted(h)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):i.createCommentVNode("",!0)],2),i.createTextVNode("  ")],64))),256))]),i.createVNode(l,{size:"small",type:"primary",class:"drop-down-submit",onClick:c[0]||(c[0]=m=>t.choicesCheck())},{default:i.withCtx(()=>[i.createTextVNode("Submit")]),_:1}),t.showFeedback()?(i.openBlock(),i.createBlock(f,{key:0,content:r.feedbackObject},null,8,["content"])):i.createCommentVNode("",!0)],2)}const vo=X(Bo,[["render",po]]),_q="",go={components:{},props:["content"],data(){return{quizArray:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{prepareQuiz(){this.quizArray=this.content.quiz.split("*_")},choicesCheck(){this.getAttempt<this.content.attempts?(this.input.forEach((A,c)=>{if(this.content.answers[c]===A)this.correctChoices.includes(c)===!1&&this.correctChoices.push(c);else if(this.correctChoices.includes(c)===!0){let e=this.correctChoices.indexOf(c);this.correctChoices.splice(e,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.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)):(this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete()),this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.input.forEach((A,c)=>{this.input[c]=this.content.answers[c]}),this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function zo(A,c,e,a,r,t){const s=i.resolveComponent("el-input"),n=i.resolveComponent("el-button"),o=i.resolveComponent("lab-feedback");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["fill-blank",e.content.class])},[i.createElementVNode("p",null,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.quizArray,(l,f)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createTextVNode(i.toDisplayString(l),1),f<t.quizArrayCount?(i.openBlock(),i.createBlock(s,{key:0,modelValue:r.input[f],"onUpdate:modelValue":m=>r.input[f]=m,placeholder:"Please input",size:"small"},null,8,["modelValue","onUpdate:modelValue"])):i.createCommentVNode("",!0)],64))),256))]),i.createVNode(n,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[0]||(c[0]=l=>t.choicesCheck())},{default:i.withCtx(()=>[i.createTextVNode("Submit")]),_:1}),t.showFeedback()?(i.openBlock(),i.createBlock(o,{key:0,content:r.feedbackObject},null,8,["content"])):i.createCommentVNode("",!0)],2)}const Vo=X(go,[["render",zo]]),Oq="",Mo={components:{},props:["content"],data(){return{feedbackIndex:-1,totalAttempts:99}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.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(A){return this.stepperStore.pixelFormat(A)},choicesComplete(){let A=document.querySelectorAll(".selectableButton");for(let c=0;c<A.length;c++)A[c].classList.add("is-failure"),A[c].setAttribute("disabled",!0),this.content.choices[c].correct&&A[c].classList.add("is-success");this.stepperStore.finishSteps()},choicesCheck(A){this.getAttempt<Number(this.content.attempts)?this.content.choices[A].correct===!0?(console.log(" it was true"),this.choicesComplete()):this.stepperStore.attempts=this.getAttempt+1:(this.content.choices[A].correct!==!0&&(this.stepperStore.showFeedbackAttempts=!0),this.choicesComplete()),this.feedbackIndex=A,this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},shuffledChoices(){let A=this.content.choices;for(let c=A.length-1;c>0;c--){const e=Math.floor(Math.random()*(c+1));[A[c],A[e]]=[A[e],A[c]]}this.content.choices=A},showFeedback(A){return this.stepperStore.getShowFeedback&&this.feedbackIndex===A?(this.content.choices[A].correct&&this.choicesComplete(),!0):!1}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("selectableButton");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("selectableButton"),this.feedbackIndex=-1,this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},wo=["innerHTML"],Lo={class:"buttonSpan"},Qo=["src","alt"],Fo={class:"selectable-buttonText"};function Uo(A,c,e,a,r,t){const s=i.resolveComponent("lab-image"),n=i.resolveComponent("el-col"),o=i.resolveComponent("el-divider"),l=i.resolveComponent("el-button"),f=i.resolveComponent("lab-feedback"),m=i.resolveComponent("el-row");return i.openBlock(),i.createBlock(m,{id:e.content.id,class:i.normalizeClass(["selectable",e.content.classes])},{default:i.withCtx(()=>[i.createVNode(n,{span:t.leftColWidth(A.index)},{default:i.withCtx(()=>[e.content.directions?(i.openBlock(),i.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,wo)):i.createCommentVNode("",!0),e.content.image?(i.openBlock(),i.createBlock(s,{key:1,content:e.content.image},null,8,["content"])):i.createCommentVNode("",!0)]),_:1},8,["span"]),i.createVNode(n,{span:t.rightColWidth(A.index),class:"selectArea"},{default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.content.choices,(h,H)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[!e.content.noDivider&&H>0?(i.openBlock(),i.createBlock(o,{key:0})):i.createCommentVNode("",!0),i.createVNode(l,{size:"small",type:"primary",class:"selectableButton",style:i.normalizeStyle({width:t.pixelFormat(e.content.choiceWidth),height:t.pixelFormat(e.content.choiceHeight)}),onClick:u=>t.choicesCheck(H)},{default:i.withCtx(()=>[i.createElementVNode("div",Lo,[h.image?(i.openBlock(),i.createElementBlock("img",{key:0,class:"im-ButtonImage",src:h.image,alt:h.alt?h.alt:"button image"},null,8,Qo)):i.createCommentVNode("",!0),i.createElementVNode("span",Fo,i.toDisplayString(h.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(H)?(i.openBlock(),i.createBlock(f,{key:1,content:h},null,8,["content"])):i.createCommentVNode("",!0)],64))),256))]),_:1},8,["span"])]),_:1},8,["id","class"])}const bo=X(Mo,[["render",Uo],["__scopeId","data-v-0f6d367e"]]),Pq="",xo={components:{},props:["content"],data(){return{input:"",totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!1;this.content.answers.forEach((c,e)=>{let a=c.toLowerCase();this.input.toLowerCase().includes(a)||(A=!0)}),A?(this.stepperStore.attempts=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.stepperStore.showFeedbackAttempts=!0,this.choicesComplete();this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-textarea__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-textarea__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function yo(A,c,e,a,r,t){const s=i.resolveComponent("el-input"),n=i.resolveComponent("el-button"),o=i.resolveComponent("lab-feedback");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["textbox",e.content.class])},[i.createElementVNode("p",null,i.toDisplayString(e.content.quiz),1),i.createVNode(s,{modelValue:r.input,"onUpdate:modelValue":c[0]||(c[0]=l=>r.input=l),autosize:{minRows:4,maxRows:8},type:"textarea",placeholder:"Please input"},null,8,["modelValue"]),i.createVNode(n,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[1]||(c[1]=l=>t.choicesCheck())},{default:i.withCtx(()=>[i.createTextVNode("Submit")]),_:1}),t.showFeedback()?(i.openBlock(),i.createBlock(o,{key:0,content:r.feedbackObject},null,8,["content"])):i.createCommentVNode("",!0)],2)}const So=X(xo,[["render",yo]]),Gq="",No={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{},value1:"",showMenuOverlay:!1}},watch:{},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{showSub(A){let c=document.getElementById(A);c.classList.contains("jl-menu-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,c.classList.add("jl-menu-sub_show"))},showSubSub(A){let c=document.getElementById(A);c.classList.contains("jl-menu-sub-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,c.classList.add("jl-menu-sub-sub_show"))},hideSubs(){this.showMenuOverlay=!1;let A=document.getElementsByClassName("jl-menu-sub_show");for(;A.length>0;)A[0].classList.remove("jl-menu-sub_show");let c=document.getElementsByClassName("jl-menu-sub-sub_show");for(;c.length>0;)c[0].classList.remove("jl-menu-sub-sub_show")},choicesCheck(A){this.hideSubs();let c=!1,e="";if(this.getAttempt<this.content.attempts){if(console.log("got some left"),typeof A=="string"){let a=A.split("-");a.forEach((r,t)=>{a[t]=Number(r)}),a.length===2?this.content.menu[a[0]].subMenu[a[1]].correct&&(this.content.menu[a[0]].subMenu[a[1]].page&&(e=this.content.menu[a[0]].subMenu[a[1]].page),c=!0):a.length===3&&this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].correct&&(this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].page&&(e=this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].page),c=!0)}else this.content.menu[A].correct&&(this.content.menu[A].page&&(e=this.content.menu[A].page),c=!0);c?(this.choicesComplete(e),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)}else this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.feedbackAttempts,this.choicesComplete();e===""&&(this.stepperStore.showFeedback=!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){this.stepperStore.finishSteps(),typeof A<"u"&&A!==""&&(this.stepperStore.currentPage=A)},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){this.stepperStore.getDirections.display===!1&&(document.getElementsByClassName("jl-menu-sub"),setTimeout(()=>{}))},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("jl-menu-sub"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Eo={key:0},ko=["index","onClick"],Io={class:"jl-menu-sub__title"},To=["id"],Do=["index","onClick"],Ko={class:"jl-menu-sub-sub__title"},Ro=["id"],_o=["index","onClick"],Oo=["onClick"],Po={key:1,class:"jl-menu-item"},Go=["index","onClick"];function Wo(A,c,e,a,r,t){const s=i.resolveComponent("CaretBottom"),n=i.resolveComponent("el-icon"),o=i.resolveComponent("CaretRight"),l=i.resolveComponent("lab-feedback");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["menu-chooser",e.content.class])},[r.showMenuOverlay?(i.openBlock(),i.createElementBlock("div",{key:0,class:"nav-mask",onClick:c[0]||(c[0]=(...f)=>t.hideSubs&&t.hideSubs(...f))})):i.createCommentVNode("",!0),i.createElementVNode("p",null,i.toDisplayString(e.content.quiz),1),i.createElementVNode("div",{class:"jl-menu",onSelect:c[1]||(c[1]=(...f)=>t.choicesCheck&&t.choicesCheck(...f))},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.content.menu,(f,m)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[f.subMenu?(i.openBlock(),i.createElementBlock("div",Eo,[i.createElementVNode("button",{class:i.normalizeClass("jl-menu-sub sub-"+m),index:m,tabindex:"0",role:"menuitem",onClick:i.withModifiers(h=>t.showSub("sub-"+m),["stop"])},[i.createElementVNode("div",Io,[i.createTextVNode(i.toDisplayString(f.name)+" ",1),i.createVNode(n,null,{default:i.withCtx(()=>[i.createVNode(s)]),_:1})])],10,ko),i.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+m},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(f.subMenu,(h,H)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[h.subMenu?(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[i.createElementVNode("button",{class:i.normalizeClass("jl-menu-sub-sub sub-sub-"+H),index:m+"-"+H,tabindex:"0",role:"menuitem",onClick:i.withModifiers(u=>t.showSubSub("sub-sub-"+m),["stop"])},[i.createElementVNode("div",Ko,[i.createTextVNode(i.toDisplayString(h.name),1),i.createVNode(n,null,{default:i.withCtx(()=>[i.createVNode(o)]),_:1})])],10,Do),i.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+m},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(h.subMenu,(u,p)=>(i.openBlock(),i.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:m+"-"+H+"-"+p,tabindex:"0",role:"menuitem",onClick:i.withModifiers(z=>t.choicesCheck(m+"-"+H+"-"+p),["stop"])},[i.createElementVNode("div",null,i.toDisplayString(u.name),1)],8,_o))),256))],8,Ro)],64)):(i.openBlock(),i.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:i.withModifiers(u=>t.choicesCheck(m+"-"+H),["stop"])},[i.createElementVNode("div",null,i.toDisplayString(h.name),1)],8,Oo))],64))),256))],8,To)])):(i.openBlock(),i.createElementBlock("div",Po,[i.createElementVNode("button",{class:"jl-menu-sub",index:m,tabindex:"0",role:"menuitem",onClick:i.withModifiers(h=>t.choicesCheck(m),["stop"])},i.toDisplayString(f.name),9,Go)]))],64))),256))],32),t.showFeedback()?(i.openBlock(),i.createBlock(l,{key:1,content:r.feedbackObject},null,8,["content"])):i.createCommentVNode("",!0)],2)}const Xo=X(No,[["render",Wo]]),Wq="",h8={y:{t:"top",m:"marginTop",b:"bottom"},x:{l:"left",m:"marginLeft",r:"right"}};function qo(A){A.forEach((c,e)=>{document.documentElement.addEventListener(e,c)})}function Yo(A){A.forEach((c,e)=>{document.documentElement.removeEventListener(e,c)})}const Jo={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(A){return A>=0}},gridY:{type:Number,default:50,validator(A){return A>=0}},parentW:{type:Number,default:0,validator(A){return A>=0}},parentH:{type:Number,default:0,validator(A){return A>=0}},w:{type:[String,Number],default:200,validator(A){return typeof A=="string"?A==="auto":A>=0}},h:{type:[String,Number],default:200,validator(A){return typeof A=="string"?A==="auto":A>=0}},minw:{type:Number,default:50,validator(A){return A>=0}},minh:{type:Number,default:50,validator(A){return A>=0}},x:{type:Number,default:0,validator(A){return typeof A=="number"}},y:{type:Number,default:0,validator(A){return typeof A=="number"}},z:{type:[String,Number],default:"auto",validator(A){return typeof A=="string"?A==="auto":A>=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(A){return["x","y","both","none"].indexOf(A)!==-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=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]]),qo(this.domEvents),this.dragHandle&&[...this.$el.querySelectorAll(this.dragHandle)].forEach(A=>{A.setAttribute("data-drag-handle",this._uid)}),this.dragCancel&&[...this.$el.querySelectorAll(this.dragCancel)].forEach(A=>{A.setAttribute("data-drag-cancel",this._uid)})},beforeUnmount(){Yo(this.domEvents)},methods:{deselect(){this.preventActiveBehavior||(this.active=!1)},move(A){if(!this.stickDrag&&!this.bodyDrag)return;A.stopPropagation();const c=typeof A.pageX<"u"?A.pageX:A.touches[0].pageX,e=typeof A.pageY<"u"?A.pageY:A.touches[0].pageY,{dimensionsBeforeMove:a}=this,r={x:(a.pointerX-c)/this.parentScaleX,y:(a.pointerY-e)/this.parentScaleY};if(this.stickDrag&&this.stickMove(r),this.bodyDrag){if(this.axis==="x")r.y=0;else if(this.axis==="y")r.x=0;else if(this.axis==="none")return;this.bodyMove(r)}},up(A){this.stickDrag?this.stickUp(A):this.bodyDrag&&this.bodyUp(A)},bodyDown(A){const{target:c,button:e}=A;if(this.preventActiveBehavior||(this.active=!0),e&&e!==0||(this.$emit("clicked",A),!this.active)||this.dragHandle&&c.getAttribute("data-drag-handle")!==this._uid.toString()||this.dragCancel&&c.getAttribute("data-drag-cancel")===this._uid.toString())return;typeof A.stopPropagation<"u"&&A.stopPropagation(),typeof A.preventDefault<"u"&&A.preventDefault(),this.isDraggable&&(this.bodyDrag=!0);const a=typeof A.pageX<"u"?A.pageX:A.touches[0].pageX,r=typeof A.pageY<"u"?A.pageY:A.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:a,pointerY:r}),this.parentLimitation&&(this.limits=this.calcDragLimitation())},bodyMove(A){const{dimensionsBeforeMove:c,parentWidth:e,parentHeight:a,gridX:r,gridY:t,width:s,height:n}=this;let o=c.top-A.y,l=c.bottom+A.y,f=c.left-A.x,m=c.right+A.x;if(this.snapToGrid){let h=!0,H=!0,u=o-Math.floor(o/t)*t,p=a-l-Math.floor((a-l)/t)*t,z=f-Math.floor(f/r)*r,C=e-m-Math.floor((e-m)/r)*r;u>t/2&&(u-=t),p>t/2&&(p-=t),z>r/2&&(z-=r),C>r/2&&(C-=r),Math.abs(p)<Math.abs(u)&&(h=!1),Math.abs(C)<Math.abs(z)&&(H=!1),o-=h?u:p,l=a-n-o,f-=H?z:C,m=e-s-f}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:f,newRight:m,newTop:o,newBottom:l})),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(A,c,e=!1){if((!this.isResizable||!this.active)&&!e)return;this.stickDrag=!0;const a=typeof c.pageX<"u"?c.pageX:c.touches[0].pageX,r=typeof c.pageY<"u"?c.pageY:c.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:a,pointerY:r}),this.currentStick=A,this.limits=this.calcResizeLimits()},saveDimensionsBeforeMove({pointerX:A,pointerY:c}){this.dimensionsBeforeMove.pointerX=A,this.dimensionsBeforeMove.pointerY=c,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(A){const{currentStick:c,dimensionsBeforeMove:e,gridY:a,gridX:r,snapToGrid:t,parentHeight:s,parentWidth:n}=this;let o=e.top,l=e.bottom,f=e.left,m=e.right;switch(c[0]){case"b":l=e.bottom+A.y,t&&(l=s-Math.round((s-l)/a)*a);break;case"t":o=e.top-A.y,t&&(o=Math.round(o/a)*a);break}switch(c[1]){case"r":m=e.right+A.x,t&&(m=n-Math.round((n-m)/r)*r);break;case"l":f=e.left-A.x,t&&(f=Math.round(f/r)*r);break}({newLeft:f,newRight:m,newTop:o,newBottom:l}=this.rectCorrectionByLimit({newLeft:f,newRight:m,newTop:o,newBottom:l})),this.aspectRatio&&({newLeft:f,newRight:m,newTop:o,newBottom:l}=this.rectCorrectionByAspectRatio({newLeft:f,newRight:m,newTop:o,newBottom:l})),this.left=f,this.right=m,this.top=o,this.bottom=l,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:A,parentHeight:c}=this;return{left:{min:0,max:A-this.width},right:{min:0,max:A-this.width},top:{min:0,max:c-this.height},bottom:{min:0,max:c-this.height}}},calcResizeLimits(){const{aspectFactor:A,width:c,height:e,bottom:a,top:r,left:t,right:s}=this;let{minh:n,minw:o}=this;const l=this.parentLimitation?0:null;this.aspectRatio&&(o/n>A?n=o/A:o=A*n);const f={left:{min:l,max:t+(c-o)},right:{min:l,max:s+(c-o)},top:{min:l,max:r+(e-n)},bottom:{min:l,max:a+(e-n)}};if(this.aspectRatio){const m={left:{min:t-Math.min(r,a)*A*2,max:t+(e-n)/2*A*2},right:{min:s-Math.min(r,a)*A*2,max:s+(e-n)/2*A*2},top:{min:r-Math.min(t,s)/A*2,max:r+(c-o)/2/A*2},bottom:{min:a-Math.min(t,s)/A*2,max:a+(c-o)/2/A*2}};this.currentStick[0]==="m"?(f.left={min:Math.max(f.left.min,m.left.min),max:Math.min(f.left.max,m.left.max)},f.right={min:Math.max(f.right.min,m.right.min),max:Math.min(f.right.max,m.right.max)}):this.currentStick[1]==="m"&&(f.top={min:Math.max(f.top.min,m.top.min),max:Math.min(f.top.max,m.top.max)},f.bottom={min:Math.max(f.bottom.min,m.bottom.min),max:Math.min(f.bottom.max,m.bottom.max)})}return f},sideCorrectionByLimit(A,c){let e=c;return A.min!==null&&c<A.min?e=A.min:A.max!==null&&A.max<c&&(e=A.max),e},rectCorrectionByLimit(A){const{limits:c}=this;let{newRight:e,newLeft:a,newBottom:r,newTop:t}=A;return a=this.sideCorrectionByLimit(c.left,a),e=this.sideCorrectionByLimit(c.right,e),t=this.sideCorrectionByLimit(c.top,t),r=this.sideCorrectionByLimit(c.bottom,r),{newLeft:a,newRight:e,newTop:t,newBottom:r}},rectCorrectionByAspectRatio(A){let{newLeft:c,newRight:e,newTop:a,newBottom:r}=A;const{parentWidth:t,parentHeight:s,currentStick:n,aspectFactor:o,dimensionsBeforeMove:l}=this;let f=t-c-e,m=s-a-r;if(n[1]==="m"){const h=m-l.height;c-=h*o/2,e-=h*o/2}else if(n[0]==="m"){const h=f-l.width;a-=h/o/2,r-=h/o/2}else f/m>o?(f=o*m,n[1]==="l"?c=t-e-f:e=t-c-f):(m=f/o,n[0]==="t"?a=s-r-m:r=s-a-m);return{newLeft:c,newRight:e,newTop:a,newBottom:r}}},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 A=>{const c={width:`${this.stickSize/this.parentScaleX}px`,height:`${this.stickSize/this.parentScaleY}px`};return c[h8.y[A[0]]]=`${this.stickSize/this.parentScaleX/-2}px`,c[h8.x[A[1]]]=`${this.stickSize/this.parentScaleX/-2}px`,c}},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(A){A?this.$emit("activated"):this.$emit("deactivated")},isActive:{immediate:!0,handler(A){this.active=A}},z:{immediate:!0,handler(A){(A>=0||A==="auto")&&(this.zIndex=A)}},x:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.left)return;const e=c-A;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:e,y:0}),this.$nextTick(()=>{this.bodyUp()})}},y:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.top)return;const e=c-A;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:0,y:e}),this.$nextTick(()=>{this.bodyUp()})}},w:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.width)return;const e="mr",a=c-A;this.stickDown(e,{pageX:this.right,pageY:this.top+this.height/2},!0),this.stickMove({x:a,y:0}),this.$nextTick(()=>{this.stickUp()})}},h:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.height)return;const e="bm",a=c-A;this.stickDown(e,{pageX:this.left+this.width/2,pageY:this.bottom},!0),this.stickMove({x:0,y:a}),this.$nextTick(()=>{this.stickUp()})}},parentW(A){this.right=A-this.width-this.left,this.parentWidth=A},parentH(A){this.bottom=A-this.height-this.top,this.parentHeight=A}}},$o=["onMousedown","onTouchstart"];function jo(A,c,e,a,r,t){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["vdr",`${r.active||e.isActive?"active":"inactive"} ${e.contentClass?e.contentClass:""}`]),style:i.normalizeStyle(t.positionStyle),onMousedown:c[0]||(c[0]=s=>t.bodyDown(s)),onTouchstart:c[1]||(c[1]=s=>t.bodyDown(s)),onTouchend:c[2]||(c[2]=s=>t.up(s)),ref:"container",tabindex:"0"},[i.createElementVNode("div",{style:i.normalizeStyle(t.sizeStyle),class:"content-container",ref:"container2"},[i.renderSlot(A.$slots,"default")],4),(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.sticks,s=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["vdr-stick",["vdr-stick-"+s,e.isResizable?"":"not-resizable"]]),onMousedown:i.withModifiers(n=>t.stickDown(s,n),["stop","prevent"]),onTouchstart:i.withModifiers(n=>t.stickDown(s,n),["stop","prevent"]),style:i.normalizeStyle(t.vdrStick(s))},null,46,$o))),256))],38)}const H8=X(Jo,[["render",jo]]),Xq="",Zo={components:{VueDragResize:H8},props:["content"],data(){return{}},watch:{},computed:{},methods:{onResizstop(A){console.log("i have stopped resizing",A)},onDragstop(A){},reset(){this.listOne=[]},getParentWidth(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetWidth)},getParentHeight(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetHeight)},keyboardMove(A){for(let c of A)document.getElementById(c.id).addEventListener("focusin",a=>{let r=document.getElementsByClassName("fridgemagnet");addEventListener("keydown",function(t){let s=document.getElementById(t.target.id);if(t.altKey&&t.key==="ArrowLeft"){let n=Number(s.style.left.slice(0,-2));n-10<0?s.style.left=`${n}px`:s.style.left=`${n-10}px`}if(t.altKey&&t.key==="ArrowRight"){let n=Number(s.style.left.slice(0,-2));n+10>r[0].offsetWidth-50?s.style.left=`${n}px`:s.style.left=`${n+10}px`}if(t.altKey&&t.key==="ArrowUp"){let n=Number(s.style.top.slice(0,-2));n+10<0?s.style.top=`${n}px`:s.style.top=`${n-10}px`}if(t.altKey&&t.key==="ArrowDown"){let n=Number(s.style.top.slice(0,-2));n+10>r[0].offsetHeight-80?s.style.top=`${n}px`:s.style.top=`${n+10}px`}})})}},mounted(){let A=document.getElementsByClassName("vdr");setTimeout(()=>{A[0].focus()}),this.keyboardMove(A)},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("vdr")}},Al={class:"fridgemagnet"},cl=["innerHTML"],el=["src","alt"],al=["id","src","alt"],rl=["innerHTML"];function tl(A,c,e,a,r,t){const s=i.resolveComponent("VueDragResize");return i.openBlock(),i.createElementBlock("div",Al,[e.content.directions?(i.openBlock(),i.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,cl)):i.createCommentVNode("",!0),i.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,el),i.createElementVNode("div",{class:i.normalizeClass(["fridge",e.content.class,e.content.noOutline?"no_outline":""])},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.content.magnets,(n,o)=>(i.openBlock(),i.createBlock(s,{id:"vdr_"+o,isActive:!0,w:n.width?n.width:50,minw:n.minWidth?n.minWidth:50,h:n.height?n.height:50,minh:n.minHeight?n.minHeight:50,x:n.x?n.x:0,y:n.y?n.y:60*o,class:i.normalizeClass(n.class),parentLimitation:!0,parentW:n.parentwidth?n.parentwidth:t.getParentWidth(),parentH:n.parentheight?n.parentheight:t.getParentHeight(),isResizable:n.resizable,isDraggable:n.draggable,snapToGrid:n.snap,gridX:n.snapX,gridY:n.snapY,dragHandle:n.handle,onResizing:A.resize,onDragging:A.resize,aspectRatio:!0,onResizestop:t.onResizstop,onDragstop:t.onDragstop,sticks:["tl","bl","tr","br"]},{default:i.withCtx(()=>[n.image?(i.openBlock(),i.createElementBlock("img",{key:0,id:n.index,src:n.image,alt:n.imageAlt},null,8,al)):i.createCommentVNode("",!0),n.text?(i.openBlock(),i.createElementBlock("p",{key:1,innerHTML:n.text},null,8,rl)):i.createCommentVNode("",!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 sl=X(Zo,[["render",tl]]),qq="",nl={components:{},props:["content"],data(){return{binCount:0,listOne:[]}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}}},methods:{createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach(A=>{this.listOne.push(A.items)})},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){if(this.content.sound){let c=document.getElementById("myAudio");setTimeout(()=>{c.play()},1e3)}if(A.draggedContext.element.relSwap&&setTimeout(()=>{let c=A.draggedContext.element.id,e=document.getElementById(c);e.src=A.draggedContext.element.relSwap},1500),this.stepperStore.stepHold=!1,this.stepperStore.finishSteps(),this.stepperStore.lastPageFocus(),A!=="clicked")return!A.from.classList.contains("preventMove")},reset(){this.listOne=[],this.createItems()},keyboardDrag(A,c){if(A.class.indexOf("preventMove")>0)return!1;A.class+=" preventMove",this.listOne[c].splice(A),this.listOne[c+1].push(A),this.checkMove("clicked")}},mounted(){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.createItems()}},il=["innerHTML"],ol={key:1,id:"myAudio"},ll=["src"],fl={class:"list-group-item"},ml=["onClick"],hl=["id","src","alt","data-swap"];function Hl(A,c,e,a,r,t){const s=i.resolveComponent("lab-image"),n=i.resolveComponent("el-col"),o=i.resolveComponent("draggable"),l=i.resolveComponent("el-row");return i.openBlock(),i.createBlock(l,{class:i.normalizeClass(["dragDrop",e.content.handle])},{default:i.withCtx(()=>[i.createVNode(n,{span:24},{default:i.withCtx(()=>[i.createElementVNode("div",{innerHTML:e.content.directions},null,8,il),e.content.image?(i.openBlock(),i.createBlock(s,{key:0,content:e.content.image},null,8,["content"])):i.createCommentVNode("",!0),e.content.sound?(i.openBlock(),i.createElementBlock("audio",ol,[i.createElementVNode("source",{src:e.content.sound,type:"audio/mpeg"},null,8,ll),i.createTextVNode(" Your browser does not support the audio element. ")])):i.createCommentVNode("",!0)]),_:1}),(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.listOne,(f,m)=>(i.openBlock(),i.createBlock(n,{span:t.binColumns},{default:i.withCtx(()=>[i.createVNode(o,{class:i.normalizeClass(["draggable list-group",e.content.bins[m].class]),style:i.normalizeStyle({width:t.pixelFormat(e.content.bins[m].width),height:t.pixelFormat(e.content.bins[m].height),background:t.dragBackground(e.content.bins[m].bgImage)}),modelValue:t.myList[m],"onUpdate:modelValue":h=>t.myList[m]=h,move:t.checkMove,group:"people",forceFallback:"true"},{item:i.withCtx(({element:h})=>[i.createElementVNode("div",fl,[i.createElementVNode("button",{class:"dragItems-button",onClick:i.withModifiers(H=>t.keyboardDrag(h,m),["stop"])},[i.createTextVNode(i.toDisplayString(h.text)+" ",1),h.image?(i.openBlock(),i.createElementBlock("img",{key:0,id:h.id,src:h.image,alt:h.imageAlt,"data-swap":h.relSwap},null,8,hl)):i.createCommentVNode("",!0)],8,ml)])]),_:2},1032,["class","style","modelValue","onUpdate:modelValue","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"])}const ul=X(nl,[["render",Hl]]),Yq="",Cl={components:{},props:["content"],data(){return{binCount:0,listOne:[],listTwo:[],listTwoCompleted:[],totalAttempts:99,choice:{header:"",feedback:""},chooseBin:{},chooseVisibility:!1,kbCurrentId:"",feedbackObject:{}}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}},myList2:{get(){return this.listTwo}},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{failed(){this.listTwo.length>0&&(this.listTwo.forEach(A=>{this.listOne.forEach(c=>{c.forEach(e=>{A.id===e.id&&c.push(A)})})}),this.listTwo="",this.choice.header=this.content.failedHeader,this.choice.feedback=this.content.failedFeedback,this.feedbackVisibility=!0)},createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach((A,c)=>{let e=Math.round(Date.now()/Math.random());A.items.forEach(a=>{a.hide=!0,a.id=e,a.oldKey=c,this.listTwo.push(a)}),this.listOne.push(JSON.parse(JSON.stringify(A.items)))}),this.listTwo.forEach(A=>{A.hide=!1})},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){if(A.to.dataset.index){let c=this.listOne[A.to.dataset.index],e=A.oldIndex,a=!1;c.forEach(r=>{r.hide===!0&&r.id===A.item._underlying_vm_.id&&(a=!0)}),a?(this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=A.item._underlying_vm_.correctHeader,this.feedbackObject.feedback=A.item._underlying_vm_.correctFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.correctFeedbackImage,this.listTwoCompleted.push(e),this.myList2.length===0&&this.stepperStore.finishSteps()):(this.feedbackObject.feedbackHeader=A.item._underlying_vm_.incorrectHeader,this.feedbackObject.feedback=A.item._underlying_vm_.incorrectFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.incorrectFeedbackImage,this.listTwo.push(A.item._underlying_vm_),this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.stepperStore.showFeedbackAttempts=!0,this.failed()),this.stepperStore.showFeedback=!0,c.forEach((r,t)=>{r.id===A.item._underlying_vm_.id&&c.splice(t,1)})),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},stopMove(){return!1},kbCheckMove(A,c){if(typeof A>"u")this.chooseVisibility=!1;else{if(this.listOne[A][c].id===this.kbCurrentId){let a=-1;this.listTwo.forEach((r,t)=>{r.id===this.kbCurrentId&&(a=t)}),this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=this.listOne[A][c].correctHeader,this.feedbackObject.feedback=this.listOne[A][c].correctFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].correctFeedbackImage,this.chooseVisibility=!1,this.listTwoCompleted.push(A),this.listTwo.splice(a,1),this.myList2.length===0&&this.stepperStore.finishSteps(),this.listOne[A][c].hide=!1}else this.feedbackObject.feedbackHeader=this.listOne[A][c].incorrectHeader,this.feedbackObject.feedback=this.listOne[A][c].incorrectFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].incorrectFeedbackImage,this.chooseVisibility=!1,this.stepperStore.showFeedback=!0,this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.chooseVisibility=!1,this.stepperStore.showFeedbackAttempts=!0,this.failed());setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},keyboardDrag(A){if(A.class.indexOf("preventMove")>0)return!1;this.chooseVisibility=!0,this.kbCurrentId=A.id,setTimeout(()=>{document.getElementById("firstBin").focus()})},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.stepperStore.attempts=0,this.content.attempts&&(this.totalAttempts=this.content.attempts),this.createItems()}},Bl=["innerHTML"],pl=["onClick"],vl=["id","src","alt"],gl={key:0,class:"dropBin"},dl={class:"dragItems-button"},zl=["id","src","alt"],Vl={class:"dialog-footer"};function Ml(A,c,e,a,r,t){const s=i.resolveComponent("lab-image"),n=i.resolveComponent("el-col"),o=i.resolveComponent("draggable"),l=i.resolveComponent("el-row"),f=i.resolveComponent("lab-feedback"),m=i.resolveComponent("el-button"),h=i.resolveComponent("el-dialog");return i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createVNode(l,{class:i.normalizeClass(["dragDrop",e.content.handle]),id:"dragItemDiv"},{default:i.withCtx(()=>[i.createVNode(n,{span:24},{default:i.withCtx(()=>[i.createElementVNode("div",{innerHTML:e.content.directions},null,8,Bl),e.content.image?(i.openBlock(),i.createBlock(s,{key:0,content:e.content.image},null,8,["content"])):i.createCommentVNode("",!0)]),_:1}),i.createVNode(n,{span:24},{default:i.withCtx(()=>[i.createVNode(o,{class:"dragItems",list:r.listTwo,group:"put",forceFallback:"true",itemKey:"image",sort:!1,onEnd:t.checkMove},{item:i.withCtx(({element:H})=>[i.createElementVNode("div",{class:i.normalizeClass(["dragItem",H.class])},[i.createElementVNode("button",{class:"dragItems-button",onClick:i.withModifiers(u=>t.keyboardDrag(H),["stop"])},[i.createTextVNode(i.toDisplayString(H.text)+" ",1),H.image?(i.openBlock(),i.createElementBlock("img",{key:0,id:H.id,src:H.image,alt:H.imageAlt},null,8,vl)):i.createCommentVNode("",!0)],8,pl)],2)]),_:1},8,["list","onEnd"])]),_:1}),(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.listOne,(H,u)=>(i.openBlock(),i.createBlock(n,{span:t.binColumns},{default:i.withCtx(()=>[i.createElementVNode("h4",null,i.toDisplayString(e.content.bins[u].header),1),i.createVNode(o,{class:i.normalizeClass(["dropBins el-row",e.content.bins[u].class]),"data-index":u,list:r.listOne[u],group:"put",forceFallback:"true",itemKey:"text",sort:!1,move:t.stopMove},{item:i.withCtx(({element:p})=>[p.hide?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",gl,[i.createElementVNode("button",dl,[i.createTextVNode(i.toDisplayString(p.text)+" ",1),p.image?(i.openBlock(),i.createElementBlock("img",{key:0,id:p.id,src:p.droppedImage,alt:p.imageAlt},null,8,zl)):i.createCommentVNode("",!0)])]))]),_:2},1032,["class","data-index","list","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"]),t.showFeedback()?(i.openBlock(),i.createBlock(f,{key:0,content:r.feedbackObject},null,8,["content"])):i.createCommentVNode("",!0),i.createVNode(h,{title:e.content.kbModalQuestion,modelValue:r.chooseVisibility,"onUpdate:modelValue":c[1]||(c[1]=H=>r.chooseVisibility=H),width:"50%"},{footer:i.withCtx(()=>[i.createElementVNode("span",Vl,[i.createVNode(m,{size:"small",id:"visibilityClose",type:"primary",onClick:c[0]||(c[0]=H=>t.kbCheckMove())},{default:i.withCtx(()=>[i.createTextVNode("Close")]),_:1})])]),default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.listOne,(H,u)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(H,(p,z)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[u===0?(i.openBlock(),i.createBlock(m,{key:0,id:"firstBin",size:"small",type:"primary",onClick:C=>t.kbCheckMove(u,z)},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.content.bins[u].header),1)]),_:2},1032,["onClick"])):(i.openBlock(),i.createBlock(m,{key:1,size:"small",type:"primary",onClick:C=>t.kbCheckMove(u,z)},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(e.content.bins[u].header),1)]),_:2},1032,["onClick"]))],64))),256))],64))),256))]),_:1},8,["title","modelValue"])],64)}const wl=X(Cl,[["render",Ml]]),Jq="",Ll={props:["content"],data(){return{totalAttempts:99}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){this.stepperStore.getDirections.display===!1&&setTimeout(()=>{})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Ql=["src","width","height"];function Fl(A,c,e,a,r,t){return i.openBlock(),i.createElementBlock("div",null,[i.createElementVNode("iframe",{class:"importedIframe",src:"imports/"+e.content.importFolder+"/"+e.content.importIndex,allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",width:e.content.width,height:e.content.height},null,8,Ql)])}const Ul=X(Ll,[["render",Fl],["__scopeId","data-v-f5bc6f4c"]]);/*!
  * html2canvas 1.4.1 <https://html2canvas.hertzen.com>
  * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
  * Released under MIT License

package/dist/style.css

@@ -1 +1 @@
-.image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}#app .image-container[data-v-45f6f0d2]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-45f6f0d2]{height:100%}#app .image-container .image img[data-v-45f6f0d2]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-45f6f0d2],#app .image-container.captions[data-v-45f6f0d2]{margin-bottom:20px}#app .image-container.copyright[data-v-45f6f0d2],#app .image-container.captions[data-v-45f6f0d2]{margin-bottom:40px}#app .image-container .captionHeader[data-v-45f6f0d2]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-45f6f0d2]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-45f6f0d2]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.imageMarker[data-v-fd3c7401]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-fd3c7401]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-fd3c7401]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-fd3c7401]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-fd3c7401]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-fd3c7401]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-d6c87f03]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-d6c87f03]{position:relative;height:100%}#app div.imageReplacer img[data-v-d6c87f03]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-d6c87f03]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-d6c87f03]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset;background:transparent;border:none}#app div.imageReplacer .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-d6c87f03]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-d6c87f03]{position:absolute;left:17px;top:12px}#app div.drop-down{background:white;margin:0 0 40px;padding:10px}#app div.drop-down p span{display:inline-block}#app div.drop-down p span .el-input{display:inline-block;margin-right:-10px}#app div.fill-blank{background:white;margin:0 0 40px;padding:10px}#app div.fill-blank .el-input{display:inline-block;margin-right:-10px}#app div.selectable .selectArea[data-v-0f6d367e]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-0f6d367e]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-0f6d367e]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-0f6d367e]{max-height:98%;margin-right:8px}#app div.textbox{position:absolute;background:white;margin:0 0 40px;width:100%;padding:20px 10px}#app div.textbox .el-input{display:inline-block;margin-right:-10px}#app div.menu-chooser{background:white;margin:0 0 40px;padding:20px 10px}#app div.menu-chooser p span{display:inline-block}#app div.menu-chooser .jl-menu{width:100%;display:flex;flex-wrap:nowrap;border-right:none;list-style:none;position:relative;margin:0;padding-left:0;background-color:#555c66;box-sizing:border-box;height:60px;z-index:1002}#app div.menu-chooser .jl-menu button.jl-menu-sub,#app div.menu-chooser .jl-menu button.jl-menu-item{height:100%;background-color:#555c66;color:#fff;padding:0 12px;position:relative;white-space:nowrap;border:none}#app div.menu-chooser .jl-menu button.jl-menu-sub:focus,#app div.menu-chooser .jl-menu button.jl-menu-sub:hover,#app div.menu-chooser .jl-menu button.jl-menu-sub:active,#app div.menu-chooser .jl-menu button.jl-menu-item:focus,#app div.menu-chooser .jl-menu button.jl-menu-item:hover,#app div.menu-chooser .jl-menu button.jl-menu-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu{display:none;width:100px;margin:0;padding:0;background-color:#555c66;border:1px solid white;color:#fff;box-sizing:border-box;position:absolute;top:64px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu.jl-menu-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu{display:none;width:180px;background:#555c66;color:#fff;border:1px solid white;position:absolute;top:0;left:106px;margin:0;padding:0}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu.jl-menu-sub-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .nav-mask{top:0;left:0;z-index:1001;overflow:hidden;position:fixed;width:100%;height:100%;background-color:#0003;transition:opacity .3s ease}.vdr{position:absolute;box-sizing:border-box}.vdr.active:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;outline:1px dashed #d6d6d6}.vdr-stick{box-sizing:border-box;position:absolute;font-size:1px;background:#ffffff;border:1px solid #6c6c6c;box-shadow:0 0 2px #bbb}.inactive .vdr-stick{display:none}.vdr-stick-tl,.vdr-stick-br{cursor:nwse-resize}.vdr-stick-tm,.vdr-stick-bm{left:50%;cursor:ns-resize}.vdr-stick-tr,.vdr-stick-bl{cursor:nesw-resize}.vdr-stick-ml,.vdr-stick-mr{top:50%;cursor:ew-resize}.vdr-stick.not-resizable{display:none}.content-container{display:block;position:relative}#app div.fridgemagnet{position:relative;margin-bottom:12px;height:100%;width:100%}#app div.fridgemagnet .fridge{width:100%;height:100%;position:absolute;top:0;left:0}#app div.fridgemagnet .fridge.no_outline .vdr.active:before{content:none}#app div.fridgemagnet .fridge .vdr:focus{outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:2px}#app div.fridgemagnet .fridge .vdr .content-container{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.fridgemagnet .fridge .vdr .content-container img{max-width:100%;max-height:100%}#app div.fridgemagnet .fridge .vdr .content-container p{margin:0}#app div.dragDrop .draggable{border:1px solid black;margin-right:5px}#app div.dragDrop .draggable .list-group-item{height:100%;width:100%}#app div.dragDrop .draggable button.dragItems-button{width:100%;height:100%;background:transparent;border:none}#app div.dragDrop .draggable button.dragItems-button:focus,#app div.dragDrop .draggable button.dragItems-button:hover,#app div.dragDrop .draggable button.dragItems-button:active{outline:3px #3733a6 dashed!important}#app div.dragDrop{position:relative;margin-bottom:12px}#app div.dragDrop .dragItems{margin-right:5px;height:80px}#app div.dragDrop .dragItems .dragItem{background:transparent;border:none;float:left;height:100%;margin-right:20px}#app div.dragDrop .dragItems .dragItem button{height:100%}#app div.dragDrop .dragItems .dragItem button:focus,#app div.dragDrop .dragItems .dragItem button:hover,#app div.dragDrop .dragItems .dragItem button:active{outline:2px #3733a6 dashed!important}#app div.dragDrop .dragItems .dragItem button img{max-height:100%}#app div.dragDrop .dropBins{height:80px;width:80px;float:left}#app div.dragDrop .dropBins .sortable_ghost{position:absolute}#app div.dragDrop .dropBins .sortable-chosen,#app div.dragDrop .dropBins .sortable-chosen button{height:100%}#app div.dragDrop .dropBins .sortable-chosen button img{max-height:100%}#app div.dragDrop .dropBins .dropBin,#app div.dragDrop .dropBins .dropBin button{height:100%}#app div.dragDrop .dropBins .dropBin button img{max-height:100%}#app div.dragDrop #target{border:1px solid black;width:95vw;height:100px;padding:5px}#app div.dragDrop .hiddenDiv{position:fixed;margin-top:-99999px}#app div.dragDrop .draggingItems{display:none}iframe[data-v-2ebb5d61]{border:none}
+.image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}#app .image-container[data-v-45f6f0d2]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-45f6f0d2]{height:100%}#app .image-container .image img[data-v-45f6f0d2]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-45f6f0d2],#app .image-container.captions[data-v-45f6f0d2]{margin-bottom:20px}#app .image-container.copyright[data-v-45f6f0d2],#app .image-container.captions[data-v-45f6f0d2]{margin-bottom:40px}#app .image-container .captionHeader[data-v-45f6f0d2]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-45f6f0d2]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-45f6f0d2]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.imageMarker[data-v-fd3c7401]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-fd3c7401]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-fd3c7401]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-fd3c7401]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-fd3c7401]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-fd3c7401]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-d6c87f03]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-d6c87f03]{position:relative;height:100%}#app div.imageReplacer img[data-v-d6c87f03]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-d6c87f03]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-d6c87f03]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset;background:transparent;border:none}#app div.imageReplacer .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-d6c87f03]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-d6c87f03]{position:absolute;left:17px;top:12px}#app div.drop-down{background:white;margin:0 0 40px;padding:10px}#app div.drop-down p span{display:inline-block}#app div.drop-down p span .el-input{display:inline-block;margin-right:-10px}#app div.fill-blank{background:white;margin:0 0 40px;padding:10px}#app div.fill-blank .el-input{display:inline-block;margin-right:-10px}#app div.selectable .selectArea[data-v-0f6d367e]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-0f6d367e]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-0f6d367e]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-0f6d367e]{max-height:98%;margin-right:8px}#app div.textbox{position:absolute;background:white;margin:0 0 40px;width:100%;padding:20px 10px}#app div.textbox .el-input{display:inline-block;margin-right:-10px}#app div.menu-chooser{background:white;margin:0 0 40px;padding:20px 10px}#app div.menu-chooser p span{display:inline-block}#app div.menu-chooser .jl-menu{width:100%;display:flex;flex-wrap:nowrap;border-right:none;list-style:none;position:relative;margin:0;padding-left:0;background-color:#555c66;box-sizing:border-box;height:60px;z-index:1002}#app div.menu-chooser .jl-menu button.jl-menu-sub,#app div.menu-chooser .jl-menu button.jl-menu-item{height:100%;background-color:#555c66;color:#fff;padding:0 12px;position:relative;white-space:nowrap;border:none}#app div.menu-chooser .jl-menu button.jl-menu-sub:focus,#app div.menu-chooser .jl-menu button.jl-menu-sub:hover,#app div.menu-chooser .jl-menu button.jl-menu-sub:active,#app div.menu-chooser .jl-menu button.jl-menu-item:focus,#app div.menu-chooser .jl-menu button.jl-menu-item:hover,#app div.menu-chooser .jl-menu button.jl-menu-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu{display:none;width:100px;margin:0;padding:0;background-color:#555c66;border:1px solid white;color:#fff;box-sizing:border-box;position:absolute;top:64px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu.jl-menu-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu{display:none;width:180px;background:#555c66;color:#fff;border:1px solid white;position:absolute;top:0;left:106px;margin:0;padding:0}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu.jl-menu-sub-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .nav-mask{top:0;left:0;z-index:1001;overflow:hidden;position:fixed;width:100%;height:100%;background-color:#0003;transition:opacity .3s ease}.vdr{position:absolute;box-sizing:border-box}.vdr.active:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;outline:1px dashed #d6d6d6}.vdr-stick{box-sizing:border-box;position:absolute;font-size:1px;background:#ffffff;border:1px solid #6c6c6c;box-shadow:0 0 2px #bbb}.inactive .vdr-stick{display:none}.vdr-stick-tl,.vdr-stick-br{cursor:nwse-resize}.vdr-stick-tm,.vdr-stick-bm{left:50%;cursor:ns-resize}.vdr-stick-tr,.vdr-stick-bl{cursor:nesw-resize}.vdr-stick-ml,.vdr-stick-mr{top:50%;cursor:ew-resize}.vdr-stick.not-resizable{display:none}.content-container{display:block;position:relative}#app div.fridgemagnet{position:relative;margin-bottom:12px;height:100%;width:100%}#app div.fridgemagnet .fridge{width:100%;height:100%;position:absolute;top:0;left:0}#app div.fridgemagnet .fridge.no_outline .vdr.active:before{content:none}#app div.fridgemagnet .fridge .vdr:focus{outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:2px}#app div.fridgemagnet .fridge .vdr .content-container{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.fridgemagnet .fridge .vdr .content-container img{max-width:100%;max-height:100%}#app div.fridgemagnet .fridge .vdr .content-container p{margin:0}#app div.dragDrop .draggable{border:1px solid black;margin-right:5px}#app div.dragDrop .draggable .list-group-item{height:100%;width:100%}#app div.dragDrop .draggable button.dragItems-button{width:100%;height:100%;background:transparent;border:none}#app div.dragDrop .draggable button.dragItems-button:focus,#app div.dragDrop .draggable button.dragItems-button:hover,#app div.dragDrop .draggable button.dragItems-button:active{outline:3px #3733a6 dashed!important}#app div.dragDrop{position:relative;margin-bottom:12px}#app div.dragDrop .dragItems{margin-right:5px;height:80px}#app div.dragDrop .dragItems .dragItem{background:transparent;border:none;float:left;height:100%;margin-right:20px}#app div.dragDrop .dragItems .dragItem button{height:100%}#app div.dragDrop .dragItems .dragItem button:focus,#app div.dragDrop .dragItems .dragItem button:hover,#app div.dragDrop .dragItems .dragItem button:active{outline:2px #3733a6 dashed!important}#app div.dragDrop .dragItems .dragItem button img{max-height:100%}#app div.dragDrop .dropBins{height:80px;width:80px;float:left}#app div.dragDrop .dropBins .sortable_ghost{position:absolute}#app div.dragDrop .dropBins .sortable-chosen,#app div.dragDrop .dropBins .sortable-chosen button{height:100%}#app div.dragDrop .dropBins .sortable-chosen button img{max-height:100%}#app div.dragDrop .dropBins .dropBin,#app div.dragDrop .dropBins .dropBin button{height:100%}#app div.dragDrop .dropBins .dropBin button img{max-height:100%}#app div.dragDrop #target{border:1px solid black;width:95vw;height:100px;padding:5px}#app div.dragDrop .hiddenDiv{position:fixed;margin-top:-99999px}#app div.dragDrop .draggingItems{display:none}iframe[data-v-f5bc6f4c]{border:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "labmaker-plugin",
-  "version": "0.0.259",
+  "version": "0.0.261",
   "type": "module",
   "files": [
     "dist"