labmaker-plugin 0.0.341 → 0.0.342

package/dist/labmaker-plugin.js

@@ -1,4 +1,4 @@
-import { openBlock as C, createElementBlock as w, Fragment as R, createElementVNode as M, toDisplayString as A2, normalizeClass as _, createCommentVNode as Q, withDirectives as U1, vShow as d4, pushScopeId as Q7, popScopeId as x7, resolveComponent as E, normalizeStyle as L2, createBlock as O, withModifiers as _2, withCtx as T, createTextVNode as C2, createVNode as D, renderList as o2, renderSlot as T2, ref as $, defineComponent as O1, mergeModels as K3, useModel as v0, toRef as R3, onMounted as c8, unref as D2, computed as P, vModelText as WA, toRefs as s6, resolveDynamicComponent as c3, reactive as L4, h as U2, watch as P1, watchEffect as Pl, getCurrentScope as Gl, onScopeDispose as Wl, isRef as Xl, customRef as ql, nextTick as Yl, getCurrentInstance as U7 } from "vue";
+import { openBlock as C, createElementBlock as w, Fragment as R, createElementVNode as M, toDisplayString as e2, normalizeClass as _, createCommentVNode as Q, withDirectives as U1, vShow as d4, pushScopeId as Q7, popScopeId as x7, resolveComponent as E, normalizeStyle as L2, createBlock as O, withModifiers as _2, withCtx as T, createTextVNode as C2, createVNode as D, renderList as o2, renderSlot as T2, ref as $, defineComponent as O1, mergeModels as K3, useModel as v0, toRef as R3, onMounted as c8, unref as D2, computed as P, vModelText as WA, toRefs as s6, resolveDynamicComponent as c3, reactive as L4, h as U2, watch as P1, watchEffect as Pl, getCurrentScope as Gl, onScopeDispose as Wl, isRef as Xl, customRef as ql, nextTick as Yl, getCurrentInstance as U7 } from "vue";
 const t2 = (A, c) => {
   const e = A.__vccOpts || A;
   for (const [a, r] of c)
@@ -56,7 +56,7 @@ const rf = {
 };
 function tf(A, c, e, a, r, t) {
   return C(), w("header", null, [
-    M("h1", null, A2(e.title), 1)
+    M("h1", null, e2(e.title), 1)
   ]);
 }
 const sf = /* @__PURE__ */ t2(rf, [["render", tf]]);
@@ -427,7 +427,7 @@ function If(A, c, e, a, r, t) {
       onClick: c[3] || (c[3] = _2((i) => t.showText(e.content.kalturaType), ["stop"]))
     }, {
       default: T(() => [
-        C2(A2(t.getButtonText(e.content.kalturaType)), 1)
+        C2(e2(t.getButtonText(e.content.kalturaType)), 1)
       ]),
       _: 1
     })) : Q("", !0)
@@ -622,7 +622,7 @@ const Zf = {
   beforeMount() {
     this.stepperStore = this.stepperMain(), this.stepperStore.resetSteps("hotspot");
   }
-}, Au = { class: "imageMarker" }, cu = ["src", "alt"], eu = { class: "hotspotArea" }, au = ["src", "alt"], ru = { class: "im-buttonText" }, tu = {
+}, Au = { class: "imageMarker" }, cu = ["src", "alt"], eu = { class: "hotspotArea" }, au = ["src", "alt"], ru = ["innerHTML"], tu = {
   key: 1,
   class: "big_green"
 };
@@ -651,7 +651,10 @@ function su(A, c, e, a, r, t) {
               src: n.buttonImage,
               alt: t.imgAlt(l, n.buttonImageAlt)
             }, null, 8, au)) : Q("", !0),
-            M("span", ru, A2(n.name), 1),
+            M("span", {
+              class: "im-buttonText",
+              innerHTML: n.name
+            }, null, 8, ru),
             t.spotDone(l) ? (C(), w("div", tu)) : Q("", !0)
           ]),
           _: 2
@@ -664,7 +667,7 @@ function su(A, c, e, a, r, t) {
     ])
   ]);
 }
-const nu = /* @__PURE__ */ t2(Zf, [["render", su], ["__scopeId", "data-v-593ecc67"]]);
+const nu = /* @__PURE__ */ t2(Zf, [["render", su], ["__scopeId", "data-v-1c0c8a92"]]);
 const iu = {
   props: ["content"],
   data() {
@@ -860,7 +863,7 @@ function yu(A, c, e, a, r, t) {
         onClick: c[0] || (c[0] = (i) => r.showOverlay = !r.showOverlay)
       }, {
         default: T(() => [
-          C2(A2(t.overlayButtonText), 1)
+          C2(e2(t.overlayButtonText), 1)
         ]),
         _: 1
       })
@@ -1078,7 +1081,7 @@ function Ru(A, c, e, a, r, t) {
         }, [
           M("span", {
             class: _("quizText quizSection_" + u)
-          }, A2(f) + " ", 3),
+          }, e2(f) + " ", 3),
           t.quizType(u) === "choose" ? (C(), O(i, {
             key: 0,
             onChange: (h) => t.choicesMade(u),
@@ -1204,7 +1207,7 @@ function Gu(A, c, e, a, r, t) {
   }, [
     M("p", null, [
       (C(!0), w(R, null, o2(r.quizArray, (l, o) => (C(), w(R, null, [
-        C2(A2(l), 1),
+        C2(e2(l), 1),
         o < t.quizArrayCount ? (C(), O(s, {
           key: 0,
           modelValue: r.input[o],
@@ -1399,7 +1402,7 @@ function ju(A, c, e, a, r, t) {
           style: { "font-size": "1rem", display: "block" },
           "default-mode": e.content.mathMode
         }, null, 8, ["id", "default-mode"]),
-        e.content.showLatext ? (C(), w("span", Yu, A2(r.input[o]), 1)) : Q("", !0)
+        e.content.showLatext ? (C(), w("span", Yu, e2(r.input[o]), 1)) : Q("", !0)
       ], 64))
     ], 64))), 256)),
     D(i, {
@@ -1538,7 +1541,7 @@ function oh(A, c, e, a, r, t) {
                         src: u.image,
                         alt: u.alt ? u.alt : "button image"
                       }, null, 8, ah)) : Q("", !0),
-                      M("span", rh, A2(u.text), 1)
+                      M("span", rh, e2(u.text), 1)
                     ])
                   ]),
                   _: 2
@@ -1584,7 +1587,7 @@ function oh(A, c, e, a, r, t) {
                       src: u.image,
                       alt: u.alt ? u.alt : "button image"
                     }, null, 8, nh)) : Q("", !0),
-                    M("span", ih, A2(u.text), 1)
+                    M("span", ih, e2(u.text), 1)
                   ])
                 ]),
                 _: 2
@@ -1671,7 +1674,7 @@ function uh(A, c, e, a, r, t) {
   return C(), w("div", {
     class: _(["textbox", e.content.class])
   }, [
-    M("p", null, A2(e.content.quiz), 1),
+    M("p", null, e2(e.content.quiz), 1),
     D(s, {
       modelValue: r.input,
       "onUpdate:modelValue": c[0] || (c[0] = (l) => r.input = l),
@@ -1786,7 +1789,7 @@ function Lh(A, c, e, a, r, t) {
       class: "nav-mask",
       onClick: c[0] || (c[0] = (...o) => t.hideSubs && t.hideSubs(...o))
     })) : Q("", !0),
-    M("p", null, A2(e.content.quiz), 1),
+    M("p", null, e2(e.content.quiz), 1),
     M("div", {
       class: "jl-menu",
       onSelect: c[1] || (c[1] = (...o) => t.choicesCheck && t.choicesCheck(...o))
@@ -1801,7 +1804,7 @@ function Lh(A, c, e, a, r, t) {
             onClick: _2((u) => t.showSub("sub-" + f), ["stop"])
           }, [
             M("div", dh, [
-              C2(A2(o.name) + " ", 1),
+              C2(e2(o.name) + " ", 1),
               D(i, null, {
                 default: T(() => [
                   D(s)
@@ -1824,7 +1827,7 @@ function Lh(A, c, e, a, r, t) {
                   onClick: _2((m) => t.showSubSub("sub-sub-" + f), ["stop"])
                 }, [
                   M("div", Ch, [
-                    C2(A2(u.name), 1),
+                    C2(e2(u.name), 1),
                     D(i, null, {
                       default: T(() => [
                         D(n)
@@ -1844,7 +1847,7 @@ function Lh(A, c, e, a, r, t) {
                     role: "menuitem",
                     onClick: _2((H) => t.choicesCheck(f + "-" + h + "-" + v), ["stop"])
                   }, [
-                    M("div", null, A2(m.name), 1)
+                    M("div", null, e2(m.name), 1)
                   ], 8, zh))), 256))
                 ], 8, Bh)
               ], 64)) : (C(), w("button", {
@@ -1854,7 +1857,7 @@ function Lh(A, c, e, a, r, t) {
                 role: "menuitem",
                 onClick: _2((m) => t.choicesCheck(f + "-" + h), ["stop"])
               }, [
-                M("div", null, A2(u.name), 1)
+                M("div", null, e2(u.name), 1)
               ], 8, Vh))
             ], 64))), 256))
           ], 8, Hh)
@@ -1865,7 +1868,7 @@ function Lh(A, c, e, a, r, t) {
             tabindex: "0",
             role: "menuitem",
             onClick: _2((u) => t.choicesCheck(f), ["stop"])
-          }, A2(o.name), 9, Mh)
+          }, e2(o.name), 9, Mh)
         ]))
       ], 64))), 256))
     ], 32),
@@ -2652,7 +2655,7 @@ function Yh(A, c, e, a, r, t) {
                   class: "dragItems-button",
                   onChange: _2((h) => t.keyboardDrag(u, f), ["stop"])
                 }, [
-                  C2(A2(u.text) + " ", 1),
+                  C2(e2(u.text) + " ", 1),
                   u.image ? (C(), w("img", {
                     key: 0,
                     id: u.id,
@@ -2865,7 +2868,7 @@ function tm(A, c, e, a, r, t) {
                     class: "dragItems-button",
                     onClick: _2((m) => t.keyboardDrag(h), ["stop"])
                   }, [
-                    C2(A2(h.text) + " ", 1),
+                    C2(e2(h.text) + " ", 1),
                     h.image ? (C(), w("img", {
                       key: 0,
                       id: h.id,
@@ -2885,7 +2888,7 @@ function tm(A, c, e, a, r, t) {
           span: t.binColumns
         }, {
           default: T(() => [
-            M("h4", null, A2(e.content.bins[m].header), 1),
+            M("h4", null, e2(e.content.bins[m].header), 1),
             D(n, {
               class: _(["dropBins el-row", e.content.bins[m].class]),
               "data-index": m,
@@ -2899,7 +2902,7 @@ function tm(A, c, e, a, r, t) {
               item: T(({ element: v }) => [
                 v.hide ? Q("", !0) : (C(), w("div", cm, [
                   M("button", em, [
-                    C2(A2(v.text) + " ", 1),
+                    C2(e2(v.text) + " ", 1),
                     v.image ? (C(), w("img", {
                       key: 0,
                       id: v.id,
@@ -2953,7 +2956,7 @@ function tm(A, c, e, a, r, t) {
               onClick: (d) => t.kbCheckMove(m, H)
             }, {
               default: T(() => [
-                C2(A2(e.content.bins[m].header), 1)
+                C2(e2(e.content.bins[m].header), 1)
               ]),
               _: 2
             }, 1032, ["onClick"])) : (C(), O(f, {
@@ -2963,7 +2966,7 @@ function tm(A, c, e, a, r, t) {
               onClick: (d) => t.kbCheckMove(m, H)
             }, {
               default: T(() => [
-                C2(A2(e.content.bins[m].header), 1)
+                C2(e2(e.content.bins[m].header), 1)
               ]),
               _: 2
             }, 1032, ["onClick"]))
@@ -3165,7 +3168,7 @@ const Mm = ["viewBox", "id"], Lm = /* @__PURE__ */ O1({
           width: o.width,
           height: o.height
         }, null, 8, ["history", "tools", "activeShape", "width", "height"]))), 128)),
-        M("svg:style", null, A2(s.value), 1)
+        M("svg:style", null, e2(s.value), 1)
       ], 8, Mm);
     };
   }
@@ -5718,7 +5721,7 @@ function Pv(A, c, e, a, r, t) {
     }, {
       default: T(() => [
         M("ul", Ov, [
-          (C(!0), w(R, null, o2(r.history, (f) => (C(), w("li", null, A2(f), 1))), 256))
+          (C(!0), w(R, null, o2(r.history, (f) => (C(), w("li", null, e2(f), 1))), 256))
         ])
       ]),
       _: 1
@@ -5882,7 +5885,7 @@ function Yv(A, c, e, a, r, t) {
         onClick: c[2] || (c[2] = (f) => r.showOverlay = !r.showOverlay)
       }, {
         default: T(() => [
-          C2(A2(t.overlayButtonText), 1)
+          C2(e2(t.overlayButtonText), 1)
         ]),
         _: 1
       })
@@ -5911,7 +5914,7 @@ function Yv(A, c, e, a, r, t) {
     }, {
       default: T(() => [
         M("ul", qv, [
-          (C(!0), w(R, null, o2(r.history, (f) => (C(), w("li", null, A2(f), 1))), 256))
+          (C(!0), w(R, null, o2(r.history, (f) => (C(), w("li", null, e2(f), 1))), 256))
         ])
       ]),
       _: 1
@@ -6835,8 +6838,8 @@ var Cp = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
   flags: G4
 }, z4 = function(A, c, e) {
   var a = A[0], r = A[1];
-  return [c2(a, c), c2(typeof r < "u" ? r : a, e)];
-}, c2 = function(A, c) {
+  return [A2(a, c), A2(typeof r < "u" ? r : a, e)];
+}, A2 = function(A, c) {
   if (A.type === 16)
     return A.number / 100 * c;
   if (W4(A))
@@ -6973,7 +6976,7 @@ function j6(A, c, e) {
   return e < 0 && (e += 1), e >= 1 && (e -= 1), e < 1 / 6 ? (c - A) * e * 6 + A : e < 1 / 2 ? c : e < 2 / 3 ? (c - A) * 6 * (2 / 3 - e) + A : A;
 }
 var V5 = function(A, c) {
-  var e = c.filter(s4), a = e[0], r = e[1], t = e[2], s = e[3], i = (a.type === 17 ? P2(a.number) : h6.parse(A, a)) / (Math.PI * 2), n = v2(r) ? r.number / 100 : 0, l = v2(t) ? t.number / 100 : 0, o = typeof s < "u" && v2(s) ? c2(s, 1) : 1;
+  var e = c.filter(s4), a = e[0], r = e[1], t = e[2], s = e[3], i = (a.type === 17 ? P2(a.number) : h6.parse(A, a)) / (Math.PI * 2), n = v2(r) ? r.number / 100 : 0, l = v2(t) ? t.number / 100 : 0, o = typeof s < "u" && v2(s) ? A2(s, 1) : 1;
   if (n === 0)
     return V1(l * 255, l * 255, l * 255, 1);
   var f = l <= 0.5 ? l * (n + 1) : l + n - l * n, u = l * 2 - f, h = j6(u, f, i + 1 / 3), m = j6(u, f, i), v = j6(u, f, i - 1 / 3);
@@ -7167,7 +7170,7 @@ var V5 = function(A, c) {
   for (var r = [], t = 0, s = 0; s < A.length; s++) {
     var i = A[s].stop;
     if (i !== null) {
-      var n = c2(i, c);
+      var n = A2(i, c);
       n > t ? r.push(n) : r.push(t), t = n;
     } else
       r.push(null);
@@ -7187,7 +7190,7 @@ var V5 = function(A, c) {
     return { color: d, stop: Math.max(Math.min(1, r[H] / c), 0) };
   });
 }, Xd = function(A, c, e) {
-  var a = c / 2, r = e / 2, t = c2(A[0], c) - a, s = r - c2(A[1], e);
+  var a = c / 2, r = e / 2, t = A2(A[0], c) - a, s = r - A2(A[1], e);
   return (Math.atan2(s, t) + Math.PI * 2) % (Math.PI * 2);
 }, qd = function(A, c, e) {
   var a = typeof A == "number" ? A : Xd(A, c, e), r = Math.abs(c * Math.sin(a)) + Math.abs(e * Math.cos(a)), t = c / 2, s = e / 2, i = r / 2, n = Math.sin(a - Math.PI / 2) * i, l = Math.cos(a - Math.PI / 2) * i;
@@ -7237,7 +7240,7 @@ var V5 = function(A, c) {
       }
       break;
   }
-  return Array.isArray(A.size) && (t = c2(A.size[0], a), s = A.size.length === 2 ? c2(A.size[1], r) : t), [t, s];
+  return Array.isArray(A.size) && (t = A2(A.size[0], a), s = A.size.length === 2 ? A2(A.size[1], r) : t), [t, s];
 }, Jd = function(A, c) {
   var e = P2(180), a = [];
   return a1(c).forEach(function(r, t) {
@@ -7746,7 +7749,7 @@ var xH = {
   type: 4
   /* TOKEN_VALUE */
 }, L5 = function(A, c) {
-  return J(A) && A.value === "normal" ? 1.2 * c : A.type === 17 ? c * A.number : v2(A) ? c2(A, c) : c;
+  return J(A) && A.value === "normal" ? 1.2 * c : A.type === 17 ? c * A.number : v2(A) ? A2(A, c) : c;
 }, SH = {
   name: "list-style-image",
   initialValue: "none",
@@ -9835,7 +9838,7 @@ var QC = function(A, c) {
       H.push((t + n) / a.width), H.push((m + f) / a.width), H.push((s + v) / a.height), H.push((l + u) / a.height);
       var d = Math.max.apply(Math, H);
       d > 1 && (t /= d, s /= d, n /= d, l /= d, f /= d, u /= d, m /= d, v /= d);
-      var p = a.width - n, g = a.height - u, z = a.width - f, V = a.height - v, B = e.borderTopWidth, F = e.borderRightWidth, S = e.borderBottomWidth, L = e.borderLeftWidth, U = c2(e.paddingTop, c.bounds.width), X = c2(e.paddingRight, c.bounds.width), j = c2(e.paddingBottom, c.bounds.width), I = c2(e.paddingLeft, c.bounds.width);
+      var p = a.width - n, g = a.height - u, z = a.width - f, V = a.height - v, B = e.borderTopWidth, F = e.borderRightWidth, S = e.borderBottomWidth, L = e.borderLeftWidth, U = A2(e.paddingTop, c.bounds.width), X = A2(e.paddingRight, c.bounds.width), j = A2(e.paddingBottom, c.bounds.width), I = A2(e.paddingLeft, c.bounds.width);
       this.topLeftBorderDoubleOuterBox = t > 0 || s > 0 ? r2(a.left + L / 3, a.top + B / 3, t - L / 3, s - B / 3, q.TOP_LEFT) : new y(a.left + L / 3, a.top + B / 3), this.topRightBorderDoubleOuterBox = t > 0 || s > 0 ? r2(a.left + p, a.top + B / 3, n - F / 3, l - B / 3, q.TOP_RIGHT) : new y(a.left + a.width - F / 3, a.top + B / 3), this.bottomRightBorderDoubleOuterBox = f > 0 || u > 0 ? r2(a.left + z, a.top + g, f - F / 3, u - S / 3, q.BOTTOM_RIGHT) : new y(a.left + a.width - F / 3, a.top + a.height - S / 3), this.bottomLeftBorderDoubleOuterBox = m > 0 || v > 0 ? r2(a.left + L / 3, a.top + V, m - L / 3, v - S / 3, q.BOTTOM_LEFT) : new y(a.left + L / 3, a.top + a.height - S / 3), this.topLeftBorderDoubleInnerBox = t > 0 || s > 0 ? r2(a.left + L * 2 / 3, a.top + B * 2 / 3, t - L * 2 / 3, s - B * 2 / 3, q.TOP_LEFT) : new y(a.left + L * 2 / 3, a.top + B * 2 / 3), this.topRightBorderDoubleInnerBox = t > 0 || s > 0 ? r2(a.left + p, a.top + B * 2 / 3, n - F * 2 / 3, l - B * 2 / 3, q.TOP_RIGHT) : new y(a.left + a.width - F * 2 / 3, a.top + B * 2 / 3), this.bottomRightBorderDoubleInnerBox = f > 0 || u > 0 ? r2(a.left + z, a.top + g, f - F * 2 / 3, u - S * 2 / 3, q.BOTTOM_RIGHT) : new y(a.left + a.width - F * 2 / 3, a.top + a.height - S * 2 / 3), this.bottomLeftBorderDoubleInnerBox = m > 0 || v > 0 ? r2(a.left + L * 2 / 3, a.top + V, m - L * 2 / 3, v - S * 2 / 3, q.BOTTOM_LEFT) : new y(a.left + L * 2 / 3, a.top + a.height - S * 2 / 3), this.topLeftBorderStroke = t > 0 || s > 0 ? r2(a.left + L / 2, a.top + B / 2, t - L / 2, s - B / 2, q.TOP_LEFT) : new y(a.left + L / 2, a.top + B / 2), this.topRightBorderStroke = t > 0 || s > 0 ? r2(a.left + p, a.top + B / 2, n - F / 2, l - B / 2, q.TOP_RIGHT) : new y(a.left + a.width - F / 2, a.top + B / 2), this.bottomRightBorderStroke = f > 0 || u > 0 ? r2(a.left + z, a.top + g, f - F / 2, u - S / 2, q.BOTTOM_RIGHT) : new y(a.left + a.width - F / 2, a.top + a.height - S / 2), this.bottomLeftBorderStroke = m > 0 || v > 0 ? r2(a.left + L / 2, a.top + V, m - L / 2, v - S / 2, q.BOTTOM_LEFT) : new y(a.left + L / 2, a.top + a.height - S / 2), this.topLeftBorderBox = t > 0 || s > 0 ? r2(a.left, a.top, t, s, q.TOP_LEFT) : new y(a.left, a.top), this.topRightBorderBox = n > 0 || l > 0 ? r2(a.left + p, a.top, n, l, q.TOP_RIGHT) : new y(a.left + a.width, a.top), this.bottomRightBorderBox = f > 0 || u > 0 ? r2(a.left + z, a.top + g, f, u, q.BOTTOM_RIGHT) : new y(a.left + a.width, a.top + a.height), this.bottomLeftBorderBox = m > 0 || v > 0 ? r2(a.left, a.top + V, m, v, q.BOTTOM_LEFT) : new y(a.left, a.top + a.height), this.topLeftPaddingBox = t > 0 || s > 0 ? r2(a.left + L, a.top + B, Math.max(0, t - L), Math.max(0, s - B), q.TOP_LEFT) : new y(a.left + L, a.top + B), this.topRightPaddingBox = n > 0 || l > 0 ? r2(a.left + Math.min(p, a.width - F), a.top + B, p > a.width + F ? 0 : Math.max(0, n - F), Math.max(0, l - B), q.TOP_RIGHT) : new y(a.left + a.width - F, a.top + B), this.bottomRightPaddingBox = f > 0 || u > 0 ? r2(a.left + Math.min(z, a.width - L), a.top + Math.min(g, a.height - S), Math.max(0, f - F), Math.max(0, u - S), q.BOTTOM_RIGHT) : new y(a.left + a.width - F, a.top + a.height - S), this.bottomLeftPaddingBox = m > 0 || v > 0 ? r2(a.left + L, a.top + Math.min(V, a.height - S), Math.max(0, m - L), Math.max(0, v - S), q.BOTTOM_LEFT) : new y(a.left + L, a.top + a.height - S), this.topLeftContentBox = t > 0 || s > 0 ? r2(a.left + L + I, a.top + B + U, Math.max(0, t - (L + I)), Math.max(0, s - (B + U)), q.TOP_LEFT) : new y(a.left + L + I, a.top + B + U), this.topRightContentBox = n > 0 || l > 0 ? r2(a.left + Math.min(p, a.width + L + I), a.top + B + U, p > a.width + L + I ? 0 : n - L + I, l - (B + U), q.TOP_RIGHT) : new y(a.left + a.width - (F + X), a.top + B + U), this.bottomRightContentBox = f > 0 || u > 0 ? r2(a.left + Math.min(z, a.width - (L + I)), a.top + Math.min(g, a.height + B + U), Math.max(0, f - (F + X)), u - (S + j), q.BOTTOM_RIGHT) : new y(a.left + a.width - (F + X), a.top + a.height - (S + j)), this.bottomLeftContentBox = m > 0 || v > 0 ? r2(a.left + L + I, a.top + V, Math.max(0, m - (L + I)), v - (S + j), q.BOTTOM_LEFT) : new y(a.left + L + I, a.top + a.height - (S + j));
     }
     return A;
@@ -10099,7 +10102,7 @@ var r2 = function(A, c, e, a, r) {
   var c = A.bounds, e = A.styles;
   return c.add(e.borderLeftWidth, e.borderTopWidth, -(e.borderRightWidth + e.borderLeftWidth), -(e.borderTopWidth + e.borderBottomWidth));
 }, A6 = function(A) {
-  var c = A.styles, e = A.bounds, a = c2(c.paddingLeft, e.width), r = c2(c.paddingRight, e.width), t = c2(c.paddingTop, e.width), s = c2(c.paddingBottom, e.width);
+  var c = A.styles, e = A.bounds, a = A2(c.paddingLeft, e.width), r = A2(c.paddingRight, e.width), t = A2(c.paddingTop, e.width), s = A2(c.paddingBottom, e.width);
   return e.add(a + c.borderLeftWidth, t + c.borderTopWidth, -(c.borderRightWidth + c.borderLeftWidth + a + r), -(c.borderTopWidth + c.borderBottomWidth + t + s));
 }, sB = function(A, c) {
   return A === 0 ? c.bounds : A === 2 ? A6(c) : he(c);
@@ -10117,7 +10120,7 @@ var r2 = function(A, c, e, a, r) {
   if (!s)
     return [0, 0];
   if (v2(s) && i && v2(i))
-    return [c2(s, e.width), c2(i, e.height)];
+    return [A2(s, e.width), A2(i, e.height)];
   var n = w3(t);
   if (J(s) && (s.value === a4.CONTAIN || s.value === a4.COVER)) {
     if (w3(t)) {
@@ -10141,10 +10144,10 @@ var r2 = function(A, c, e, a, r) {
   }
   if (n) {
     var d = 0, p = 0;
-    return v2(s) ? d = c2(s, e.width) : v2(i) && (p = c2(i, e.height)), j1(s) ? d = p * t : (!i || j1(i)) && (p = d / t), [d, p];
+    return v2(s) ? d = A2(s, e.width) : v2(i) && (p = A2(i, e.height)), j1(s) ? d = p * t : (!i || j1(i)) && (p = d / t), [d, p];
   }
   var g = null, z = null;
-  if (v2(s) ? g = c2(s, e.width) : i && v2(i) && (z = c2(i, e.height)), g !== null && (!i || j1(i)) && (z = o && f ? g / a * r : e.height), z !== null && j1(s) && (g = o && f ? z / r * a : e.width), g !== null && z !== null)
+  if (v2(s) ? g = A2(s, e.width) : i && v2(i) && (z = A2(i, e.height)), g !== null && (!i || j1(i)) && (z = o && f ? g / a * r : e.height), z !== null && j1(s) && (g = o && f ? z / r * a : e.width), g !== null && z !== null)
     return [g, z];
   throw new Error("Unable to calculate background-size for element");
 }, Z1 = function(A, c) {
@@ -10420,7 +10423,7 @@ var r2 = function(A, c, e, a, r) {
             case 18:
               return [3, 20];
             case 19:
-              e.listValue && a.styles.listStyleType !== -1 && (z = this.createFontStyle(t)[0], this.ctx.font = z, this.ctx.fillStyle = z2(t.color), this.ctx.textBaseline = "middle", this.ctx.textAlign = "right", V = new o1(a.bounds.left, a.bounds.top + c2(a.styles.paddingTop, a.bounds.width), a.bounds.width, L5(t.lineHeight, t.fontSize.number) / 2 + 1), this.renderTextWithLetterSpacing(new x4(e.listValue, V), t.letterSpacing, L5(t.lineHeight, t.fontSize.number) / 2 + 2), this.ctx.textBaseline = "bottom", this.ctx.textAlign = "left"), B.label = 20;
+              e.listValue && a.styles.listStyleType !== -1 && (z = this.createFontStyle(t)[0], this.ctx.font = z, this.ctx.fillStyle = z2(t.color), this.ctx.textBaseline = "middle", this.ctx.textAlign = "right", V = new o1(a.bounds.left, a.bounds.top + A2(a.styles.paddingTop, a.bounds.width), a.bounds.width, L5(t.lineHeight, t.fontSize.number) / 2 + 1), this.renderTextWithLetterSpacing(new x4(e.listValue, V), t.letterSpacing, L5(t.lineHeight, t.fontSize.number) / 2 + 2), this.ctx.textBaseline = "bottom", this.ctx.textAlign = "left"), B.label = 20;
             case 20:
               return [
                 2
@@ -10561,7 +10564,7 @@ var r2 = function(A, c, e, a, r) {
                         null,
                         null,
                         null
-                      ]), U = L[0], X = L[1], j = L[2], I = L[3], Y = L[4], V2 = o.position.length === 0 ? [F8] : o.position, m2 = c2(V2[0], I), G = c2(V2[V2.length - 1], Y), s2 = Yd(o, m2, G, I, Y), K = s2[0], Z = s2[1], K > 0 && Z > 0 && (p2 = t.ctx.createRadialGradient(X + m2, j + G, 0, X + m2, j + G, K), w5(o.stops, K * 2).forEach(function(f4) {
+                      ]), U = L[0], X = L[1], j = L[2], I = L[3], Y = L[4], V2 = o.position.length === 0 ? [F8] : o.position, m2 = A2(V2[0], I), G = A2(V2[V2.length - 1], Y), s2 = Yd(o, m2, G, I, Y), K = s2[0], Z = s2[1], K > 0 && Z > 0 && (p2 = t.ctx.createRadialGradient(X + m2, j + G, 0, X + m2, j + G, K), w5(o.stops, K * 2).forEach(function(f4) {
                         return p2.addColorStop(f4.stop, z2(f4.color));
                       }), t.path(U), t.ctx.fillStyle = p2, K !== Z ? (E2 = e.bounds.left + 0.5 * e.bounds.width, d2 = e.bounds.top + 0.5 * e.bounds.height, N2 = Z / K, Q2 = 1 / N2, t.ctx.save(), t.ctx.translate(E2, d2), t.ctx.transform(1, 0, 0, N2, 0, 0), t.ctx.translate(-E2, -d2), t.ctx.fillRect(X, Q2 * (j - d2) + d2, I, Y * Q2), t.ctx.restore()) : t.ctx.fill())), m1.label = 6;
                     case 6:
@@ -11056,15 +11059,15 @@ var h1 = !!a2.documentElement && !!a2.head && typeof a2.addEventListener == "fun
   } catch {
     return !1;
   }
-}(), e2 = "classic", f2 = "sharp", T8 = [e2, f2];
+}(), c2 = "classic", f2 = "sharp", T8 = [c2, f2];
 function q4(A) {
   return new Proxy(A, {
     get: function(e, a) {
-      return a in e ? e[a] : e[e2];
+      return a in e ? e[a] : e[c2];
     }
   });
 }
-var _4 = q4((L3 = {}, B2(L3, e2, {
+var _4 = q4((L3 = {}, B2(L3, c2, {
   fa: "solid",
   fas: "solid",
   "fa-solid": "solid",
@@ -11088,7 +11091,7 @@ var _4 = q4((L3 = {}, B2(L3, e2, {
   "fa-regular": "regular",
   fasl: "light",
   "fa-light": "light"
-}), L3)), K4 = q4((y3 = {}, B2(y3, e2, {
+}), L3)), K4 = q4((y3 = {}, B2(y3, c2, {
   solid: "fas",
   regular: "far",
   light: "fal",
@@ -11100,7 +11103,7 @@ var _4 = q4((L3 = {}, B2(L3, e2, {
   solid: "fass",
   regular: "fasr",
   light: "fasl"
-}), y3)), R4 = q4((F3 = {}, B2(F3, e2, {
+}), y3)), R4 = q4((F3 = {}, B2(F3, c2, {
   fab: "fa-brands",
   fad: "fa-duotone",
   fak: "fa-kit",
@@ -11112,7 +11115,7 @@ var _4 = q4((L3 = {}, B2(L3, e2, {
   fass: "fa-solid",
   fasr: "fa-regular",
   fasl: "fa-light"
-}), F3)), DB = q4((b3 = {}, B2(b3, e2, {
+}), F3)), DB = q4((b3 = {}, B2(b3, c2, {
   "fa-brands": "fab",
   "fa-duotone": "fad",
   "fa-kit": "fak",
@@ -11124,7 +11127,7 @@ var _4 = q4((L3 = {}, B2(L3, e2, {
   "fa-solid": "fass",
   "fa-regular": "fasr",
   "fa-light": "fasl"
-}), b3)), _B = /fa(s|r|l|t|d|b|k|ss|sr|sl)?[\-\ ]/, Ve = "fa-layers-text", KB = /Font ?Awesome ?([56 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp|Kit)?.*/i, RB = q4((Q3 = {}, B2(Q3, e2, {
+}), b3)), _B = /fa(s|r|l|t|d|b|k|ss|sr|sl)?[\-\ ]/, Ve = "fa-layers-text", KB = /Font ?Awesome ?([56 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp|Kit)?.*/i, RB = q4((Q3 = {}, B2(Q3, c2, {
   900: "fas",
   400: "far",
   normal: "far",
@@ -11140,7 +11143,7 @@ var _4 = q4((L3 = {}, B2(L3, e2, {
   PRIMARY: "primary",
   SECONDARY: "secondary"
 }, O4 = /* @__PURE__ */ new Set();
-Object.keys(K4[e2]).map(O4.add.bind(O4));
+Object.keys(K4[c2]).map(O4.add.bind(O4));
 Object.keys(K4[f2]).map(O4.add.bind(O4));
 var GB = [].concat(T8, X4(O4), ["2xs", "xs", "sm", "lg", "xl", "2xl", "beat", "border", "fade", "beat-fade", "bounce", "flip-both", "flip-horizontal", "flip-vertical", "flip", "fw", "inverse", "layers-counter", "layers-text", "layers", "li", "pull-left", "pull-right", "pulse", "rotate-180", "rotate-270", "rotate-90", "rotate-by", "shake", "spin-pulse", "spin-reverse", "spin", "stack-1x", "stack-2x", "stack", "ul", k1.GROUP, k1.SWAP_OPACITY, k1.PRIMARY, k1.SECONDARY]).concat(we.map(function(A) {
   return "".concat(A, "x");
@@ -12134,7 +12137,7 @@ function W0(A, c) {
   var e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, a = e.skipHooks, r = a === void 0 ? !1 : a, t = u7(c);
   typeof J2.hooks.addPack == "function" && !r ? J2.hooks.addPack(A, u7(c)) : J2.styles[A] = x(x({}, J2.styles[A] || {}), t), A === "fas" && W0("fa", c);
 }
-var x3, U3, S3, c4 = J2.styles, iz = J2.shims, oz = (x3 = {}, B2(x3, e2, Object.values(R4[e2])), B2(x3, f2, Object.values(R4[f2])), x3), K8 = null, be = {}, Qe = {}, xe = {}, Ue = {}, Se = {}, lz = (U3 = {}, B2(U3, e2, Object.keys(_4[e2])), B2(U3, f2, Object.keys(_4[f2])), U3);
+var x3, U3, S3, c4 = J2.styles, iz = J2.shims, oz = (x3 = {}, B2(x3, c2, Object.values(R4[c2])), B2(x3, f2, Object.values(R4[f2])), x3), K8 = null, be = {}, Qe = {}, xe = {}, Ue = {}, Se = {}, lz = (U3 = {}, B2(U3, c2, Object.keys(_4[c2])), B2(U3, f2, Object.keys(_4[f2])), U3);
 function fz(A) {
   return ~GB.indexOf(A);
 }
@@ -12233,22 +12236,22 @@ var O8 = function() {
   };
 };
 function z6(A) {
-  var c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, e = c.family, a = e === void 0 ? e2 : e, r = _4[a][A], t = K4[a][A] || K4[a][r], s = A in J2.styles ? A : null;
+  var c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, e = c.family, a = e === void 0 ? c2 : e, r = _4[a][A], t = K4[a][A] || K4[a][r], s = A in J2.styles ? A : null;
   return t || s || null;
 }
-var h7 = (S3 = {}, B2(S3, e2, Object.keys(R4[e2])), B2(S3, f2, Object.keys(R4[f2])), S3);
+var h7 = (S3 = {}, B2(S3, c2, Object.keys(R4[c2])), B2(S3, f2, Object.keys(R4[f2])), S3);
 function V6(A) {
-  var c, e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, a = e.skipLookups, r = a === void 0 ? !1 : a, t = (c = {}, B2(c, e2, "".concat(k.cssPrefix, "-").concat(e2)), B2(c, f2, "".concat(k.cssPrefix, "-").concat(f2)), c), s = null, i = e2;
-  (A.includes(t[e2]) || A.some(function(l) {
-    return h7[e2].includes(l);
-  })) && (i = e2), (A.includes(t[f2]) || A.some(function(l) {
+  var c, e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, a = e.skipLookups, r = a === void 0 ? !1 : a, t = (c = {}, B2(c, c2, "".concat(k.cssPrefix, "-").concat(c2)), B2(c, f2, "".concat(k.cssPrefix, "-").concat(f2)), c), s = null, i = c2;
+  (A.includes(t[c2]) || A.some(function(l) {
+    return h7[c2].includes(l);
+  })) && (i = c2), (A.includes(t[f2]) || A.some(function(l) {
     return h7[f2].includes(l);
   })) && (i = f2);
   var n = A.reduce(function(l, o) {
     var f = uz(k.cssPrefix, o);
     if (c4[o] ? (o = oz[i].includes(o) ? DB[i][o] : o, s = o, l.prefix = o) : lz[i].indexOf(o) > -1 ? (s = o, l.prefix = z6(o, {
       family: i
-    })) : f ? l.iconName = f : o !== k.replacementClass && o !== t[e2] && o !== t[f2] && l.rest.push(o), !r && l.prefix && l.iconName) {
+    })) : f ? l.iconName = f : o !== k.replacementClass && o !== t[c2] && o !== t[f2] && l.rest.push(o), !r && l.prefix && l.iconName) {
       var u = s === "fa" ? Ee(l.iconName) : {}, h = E1(l.prefix, l.iconName);
       u.prefix && (s = null), l.iconName = u.iconName || h || l.iconName, l.prefix = u.prefix || l.prefix, l.prefix === "far" && !c4.far && c4.fas && !k.autoFetchSvg && (l.prefix = "fas");
     }
@@ -12268,7 +12271,7 @@ var vz = /* @__PURE__ */ function() {
       var s = r.reduce(this._pullDefinitions, {});
       Object.keys(s).forEach(function(i) {
         e.definitions[i] = x(x({}, e.definitions[i] || {}), s[i]), W0(i, s[i]);
-        var n = R4[e2][i];
+        var n = R4[c2][i];
         n && W0(n, s[i]), ke();
       });
     }
@@ -12814,7 +12817,7 @@ var b1 = /* @__PURE__ */ new Set();
 T8.map(function(A) {
   b1.add("fa-".concat(A));
 });
-Object.keys(_4[e2]).map(b1.add.bind(b1));
+Object.keys(_4[c2]).map(b1.add.bind(b1));
 Object.keys(_4[f2]).map(b1.add.bind(b1));
 b1 = X4(b1);
 function B7(A) {
@@ -13087,7 +13090,7 @@ function V7(A, c) {
     if (s && !n)
       return A.removeChild(s), a();
     if (n && o !== "none" && o !== "") {
-      var f = i.getPropertyValue("content"), u = ~["Sharp"].indexOf(n[2]) ? f2 : e2, h = ~["Solid", "Regular", "Light", "Thin", "Duotone", "Brands", "Kit"].indexOf(n[2]) ? K4[u][n[2].toLowerCase()] : RB[u][l], m = qz(f), v = m.value, H = m.isSecondary, d = n[0].startsWith("FontAwesome"), p = R8(h, v), g = p;
+      var f = i.getPropertyValue("content"), u = ~["Sharp"].indexOf(n[2]) ? f2 : c2, h = ~["Solid", "Regular", "Light", "Thin", "Duotone", "Brands", "Kit"].indexOf(n[2]) ? K4[u][n[2].toLowerCase()] : RB[u][l], m = qz(f), v = m.value, H = m.isSecondary, d = n[0].startsWith("FontAwesome"), p = R8(h, v), g = p;
       if (d) {
         var z = mz(v);
         z.iconName && z.prefix && (p = z.iconName, h = z.prefix);

package/dist/labmaker-plugin.umd.cjs

@@ -1,4 +1,4 @@
-(function(s,x4){typeof exports=="object"&&typeof module<"u"?module.exports=x4(require("vue")):typeof define=="function"&&define.amd?define(["vue"],x4):(s=typeof globalThis<"u"?globalThis:s||self,s.LabmakerPlugin=x4(s.Vue))})(this,function(s){"use strict";const x4="",W=(A,c)=>{const e=A.__vccOpts||A;for(const[a,r]of c)e[a]=r;return e},fl={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(){}},hl=s.createElementVNode("h1",null,"File Uploader",-1),ml={class:"image-uploader"},ul=s.createElementVNode("h1",null,"File Uploader",-1),pl={class:"your-file"},dl=["src"];function Hl(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock(s.Fragment,null,[hl,s.createElementVNode("div",ml,[ul,s.createElementVNode("input",{onChange:c[0]||(c[0]=(...n)=>t.fileUpload&&t.fileUpload(...n)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),s.createElementVNode("div",pl,[s.createElementVNode("img",{src:r.imgSRC,alt:"",scrset:""},null,8,dl)])])],64)}const gl=W(fl,[["render",Hl]]),vZ="",Cl={props:["title"],data(){return{}},computed:{}};function vl(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("header",null,[s.createElementVNode("h1",null,s.toDisplayString(e.title),1)])}const Bl=W(Cl,[["render",vl]]),BZ="",zl={props:["content","image"],data(){return{}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)}},mounted(){var A;(A=this.image)!=null&&A.supportImage||this.stepperStore.finishSteps()},beforeMount(){this.stepperStore=this.stepperMain()}},Vl={class:"image-container"},wl={class:"image"},Ml=["src","alt"],Ll=["innerHTML"],yl=["innerHTML"],Fl=["innerHTML"];function bl(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",Vl,[s.createElementVNode("div",wl,[s.createElementVNode("img",{src:e.content.src,alt:e.content.alt,class:s.normalizeClass(e.content.class)},null,10,Ml),e.content.captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.captionHeader},null,8,Ll)):s.createCommentVNode("",!0),e.content.caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.caption},null,8,yl)):s.createCommentVNode("",!0),e.content.copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.copyright,class:"copyright"},null,8,Fl)):s.createCommentVNode("",!0)])])}const Ql=W(zl,[["render",bl],["__scopeId","data-v-9c649cb5"]]),zZ="",xl={props:["content"],data(){return{showGif:!1,showPause:!1,tempGif:"",tempImage:"",alphanum:"",imgWidth:"",imgHeight:""}},computed:{altText(){return!this.content.altText&&this.content.textVersion?"Select text version for a more detailed description.":this.content.altText},imageSrc(){return this.content.src},pngImageSrc(){return!this.tempImage||this.tempImage===" "?this.content.posterSrc?this.content.posterSrc:"//cdn.flvs.net/course_view/1_0/dist/images/placeholder.png":this.tempImage}},methods:{process(){this.tempGif=document.getElementById("giffyGif_"+this.alphanum),this.tempGif.onload=()=>{this.imgHeight=this.tempGif.height,this.imgWidth=this.tempGif.width;let A=document.createElement("canvas");A.width=this.imgWidth,A.height=this.imgHeight,A.getContext("2d").drawImage(this.tempGif,0,0),this.tempImage=A.toDataURL("image/png")}},playGif(){this.showGif=!this.showGif,this.content.animDuration&&this.showGif&&setTimeout(()=>{this.showGif=!1},this.content.animDuration),this.stepperStore.finishSteps()},pauseGif(){this.showGif&&(this.showPause=!0)},pauseGifHide(){this.showPause=!1},updateGifSize(){let A=document.getElementById("giffyPng_"+this.alphanum);A.complete?(this.imgWidth=A.width,this.imgHeight=A.height):A.onload=function(){this.imgWidth=A.width,this.imgHeight=A.height,A.onload=null}}},mounted(){this.process()},beforeMount(){this.stepperStore=this.stepperMain(),this.alphanum=Math.random().toString(36).replace("0.","")}},Ul=A=>(s.pushScopeId("data-v-8a2b22b7"),A=A(),s.popScopeId(),A),Sl={class:"image-container"},kl={class:"image"},El=Ul(()=>s.createElementVNode("span",{class:"screenReaderAlt","aria-hidden":"true"},"Start Animation",-1)),Nl=["id","alt","src"],Il=["id","src","alt"],Tl=["innerHTML"],Dl=["innerHTML"],_l=["innerHTML"];function Kl(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",Sl,[s.createElementVNode("div",kl,[s.createElementVNode("a",{href:"javascript:void(0)","aria-label":"play","aria-hidden":"true",class:"gAnimBg",onMouseover:c[0]||(c[0]=(...n)=>t.pauseGif&&t.pauseGif(...n)),onMouseout:c[1]||(c[1]=(...n)=>t.pauseGifHide&&t.pauseGifHide(...n)),onClick:c[2]||(c[2]=(...n)=>t.playGif&&t.playGif(...n))},[El,s.withDirectives(s.createElementVNode("div",{class:s.normalizeClass(["playButtonStyles",{dark:e.content.animButton==="dark"}])},[s.createElementVNode("div",{class:s.normalizeClass(["playButtonIconStyles",{dark:e.content.animButton==="dark"}])},null,2)],2),[[s.vShow,r.showGif===!1]]),s.withDirectives(s.createElementVNode("div",{class:s.normalizeClass(["pauseButtonStyles",{dark:e.content.animButton==="dark"}])},[s.createElementVNode("div",{class:s.normalizeClass(["pauseButtonIconStyles",{dark:e.content.animButton==="dark"}])},null,2)],2),[[s.vShow,r.showPause]]),s.withDirectives(s.createElementVNode("img",{id:"giffyPng_"+r.alphanum,class:s.normalizeClass(["giffyPng",e.content.class]),alt:t.altText,src:t.pngImageSrc},null,10,Nl),[[s.vShow,r.showGif===!1]]),s.withDirectives(s.createElementVNode("img",{id:"giffyGif_"+r.alphanum,src:t.imageSrc,alt:t.altText,class:s.normalizeClass(["giffyGif",e.content.class])},null,10,Il),[[s.vShow,r.showGif]])],32),e.content.captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.captionHeader},null,8,Tl)):s.createCommentVNode("",!0),e.content.caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.caption},null,8,Dl)):s.createCommentVNode("",!0),e.content.copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.copyright,class:"copyright"},null,8,_l)):s.createCommentVNode("",!0)])])}const Rl=W(xl,[["render",Kl],["__scopeId","data-v-8a2b22b7"]]),VZ="",Ol={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()})}this.stepperStore.finishSteps()}},Pl={key:0,class:"textVersion"},Gl=s.createElementVNode("h1",null,"Text Version",-1),Wl=["innerHTML"],Xl=["src","width","height"],ql=["src","width","height"],Yl=["src","width","height"],Jl={key:2,class:"alert alert-danger"};function jl(A,c,e,a,r,t){const n=s.resolveComponent("el-button");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["kContainer",e.content.class])},[e.content.textVersion&&r.showingText?(s.openBlock(),s.createElementBlock("div",Pl,[Gl,s.createElementVNode("div",{innerHTML:e.content.textVersion},null,8,Wl)])):s.createCommentVNode("",!0),!r.showingText&&e.content.kalturaEntryId?(s.openBlock(),s.createElementBlock("div",{key:1,class:"mainVersion",style:s.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[e.content.kalturaType=="video"&&!r.showingKaltura?(s.openBlock(),s.createElementBlock("div",{key:0,class:s.normalizeClass(["kPoster",{active:r.showingKaltura==!0}]),style:s.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[s.createElementVNode("iframe",{onClick:c[0]||(c[0]=(...o)=>t.showKaltura&&t.showKaltura(...o)),class:"videoIframe",src:t.kalturaMedia(e.content),width:t.kWidth+"px",height:t.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Xl)],6)):s.createCommentVNode("",!0),e.content.kalturaType=="audio"?(s.openBlock(),s.createElementBlock("div",{key:1,class:s.normalizeClass(["kAudio",{active:r.showingKaltura==!0}]),onClick:c[1]||(c[1]=(...o)=>t.showKaltura&&t.showKaltura(...o))},[s.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,ql)],2)):s.createCommentVNode("",!0),e.content.kalturaType=="audiobtn"?(s.openBlock(),s.createElementBlock("div",{key:2,class:s.normalizeClass(["kAudiobtn",{active:r.showingKaltura==!0}]),onClick:c[2]||(c[2]=(...o)=>t.showKaltura&&t.showKaltura(...o))},[s.createElementVNode("iframe",{src:t.kalturaMedia(e.content),width:r.audioBtn.width+"px",height:r.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Yl)],2)):s.createCommentVNode("",!0)],4)):s.createCommentVNode("",!0),e.content.kalturaEntryId==""?(s.openBlock(),s.createElementBlock("div",Jl,"There is no Kaltura Entry ID")):s.createCommentVNode("",!0),e.content.textVersion?(s.openBlock(),s.createBlock(n,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:c[3]||(c[3]=s.withModifiers(o=>t.showText(e.content.kalturaType),["stop"]))},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(t.getButtonText(e.content.kalturaType)),1)]),_:1})):s.createCommentVNode("",!0)],2)}const $l=W(Ol,[["render",jl]]),wZ="",Zl={props:["content"],data(){return{value1:50,styleObject:{height:"",width:""}}},computed:{dark(){return this.content.dark?"dark":!1},vertical(){return!!this.content.vertical},verticalClass(){return this.content.vertical?"is-vertical":!1},style(){return this.content.vertical?(this.styleObject.height=100-this.value1+"%",this.styleObject.width=""):(this.styleObject.height="",this.styleObject.width=this.value1+"%"),this.styleObject},captionWidth(){return this.value1<=30&&!this.content.vertical?"200px":"100%"}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},updateStartHeight(){return this.content.startHeight&&(this.value1=this.content.startHeight),!1}},mounted(){this.stepperStore.finishSteps(),this.updateStartHeight()},beforeMount(){this.stepperStore=this.stepperMain()}},Af={class:"image-compare"},cf={class:"image"},ef=["src","alt"],af=["innerHTML"],rf=["innerHTML"],tf=["innerHTML"],sf=["src","alt"],nf={class:"captionAreaRight"},of=["innerHTML"],lf=["innerHTML"],ff=["innerHTML"];function hf(A,c,e,a,r,t){const n=s.resolveComponent("el-slider");return s.openBlock(),s.createElementBlock("div",Af,[s.createVNode(n,{class:s.normalizeClass(["imageSlide",t.dark]),modelValue:r.value1,"onUpdate:modelValue":c[0]||(c[0]=o=>r.value1=o),step:5,"show-tooltip":!1,vertical:t.vertical},null,8,["class","modelValue","vertical"]),s.createElementVNode("div",cf,[s.createElementVNode("div",{class:s.normalizeClass(["imageLeft",t.dark,t.verticalClass]),style:s.normalizeStyle(t.style)},[s.createElementVNode("img",{src:e.content.image.srcLeft,alt:e.content.image.altLeft,class:s.normalizeClass(e.content.image.classLeft)},null,10,ef),s.createElementVNode("div",{class:"captionAreaLeft",style:s.normalizeStyle({width:t.captionWidth})},[e.content.image.captionHeaderLeft?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image.captionHeaderLeft},null,8,af)):s.createCommentVNode("",!0),e.content.image.captionLeft?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image.captionLeft},null,8,rf)):s.createCommentVNode("",!0),e.content.image.copyrightLeft?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image.copyrightLeft,class:"copyright"},null,8,tf)):s.createCommentVNode("",!0)],4)],6),s.createElementVNode("img",{class:s.normalizeClass(["imageRight",e.content.image.classRight]),src:e.content.image.srcRight,alt:e.content.image.altRight},null,10,sf),s.createElementVNode("div",nf,[e.content.image.captionHeaderRight?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image.captionHeaderRight},null,8,of)):s.createCommentVNode("",!0),e.content.image.captionRight?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image.captionRight},null,8,lf)):s.createCommentVNode("",!0),e.content.image.copyrightRight?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image.copyrightRight,class:"copyright"},null,8,ff)):s.createCommentVNode("",!0)])])])}const mf=W(Zl,[["render",hf],["__scopeId","data-v-ca834e68"]]),MZ="",uf={components:{},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{},methods:{spotDone(A){var c;return(c=this.stepperStore.getStepPage[A])!=null&&c.completed?"check-done":!1},showSpot(A){var c;if((c=this.stepperStore.getStepPage[A])!=null&&c.testPage){let e=!0;return this.stepperStore.getStepPage.forEach((a,r)=>{a.testPage!==!0&&!a.completed&&(e=!1)}),!!e}return!0},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)},hotspots(){if(this.stepperStore.randomResults)return this.stepperStore.randomResults;if(this.content.showCount){let A=function(c,e){return[...c].sort(()=>.5-Math.random()).slice(0,e)};if(this.content.showByGroup){let c=[];this.content.hotspots.forEach(a=>{c.indexOf(a.group)===-1&&c.push(a.group)});let e=[];return c.forEach(a=>{let r=this.content.hotspots.filter(t=>t.group===a);e.push(A(r,1)[0])}),this.stepperStore.randomResults=e,e}else{let c=A(this.content.hotspots,this.content.showCount);return this.stepperStore.randomResults=c,c}}else return this.content.hotspots},imgAlt(A,c){return c?"Button Marker "+Number(A+1)+": "+c:"Button Marker "+Number(A+1)}},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")}},pf={class:"imageMarker"},df=["src","alt"],Hf={class:"hotspotArea"},gf=["src","alt"],Cf={class:"im-buttonText"},vf={key:1,class:"big_green"};function Bf(A,c,e,a,r,t){const n=s.resolveComponent("el-button"),o=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",pf,[s.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,df),s.createElementVNode("div",Hf,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.hotspots(),(i,f)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[t.showSpot(f)?(s.openBlock(),s.createBlock(n,{key:0,type:i.buttonType,onClick:s.withModifiers(l=>t.changePage(i,f),["stop"]),id:"hotspot_"+f,class:s.normalizeClass([["is-"+i.buttonShape,{noBG:i.buttonImage},i.class,t.spotDone(f)],"hotspot"]),style:s.normalizeStyle({top:t.pixelFormat(i.cordinatesX),left:t.pixelFormat(i.cordinatesY),width:t.pixelFormat(i.dimensionsW),height:t.pixelFormat(i.dimensionsH)}),icon:i.buttonIcon},{default:s.withCtx(()=>[i.buttonImage?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:i.buttonImage,alt:t.imgAlt(f,i.buttonImageAlt)},null,8,gf)):s.createCommentVNode("",!0),s.createElementVNode("span",Cf,s.toDisplayString(i.name),1),t.spotDone(f)?(s.openBlock(),s.createElementBlock("div",vf)):s.createCommentVNode("",!0)]),_:2},1032,["type","onClick","id","class","style","icon"])):s.createCommentVNode("",!0),t.showFeedback(f)?(s.openBlock(),s.createBlock(o,{key:1,content:i},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))])])}const zf=W(uf,[["render",Bf],["__scopeId","data-v-593ecc67"]]),LZ="",Vf={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")}},wf=["innerHTML"],Mf=["src","alt"],Lf={class:"hotspotArea"};function yf(A,c,e,a,r,t){const n=s.resolveComponent("el-col"),o=s.resolveComponent("el-button"),i=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(i,{class:"imageReplacer"},{default:s.withCtx(()=>[s.createVNode(n,{span:12},{default:s.withCtx(()=>[s.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:e.content.description},null,8,wf)]),_:1}),s.createVNode(n,{span:12},{default:s.withCtx(()=>[s.createElementVNode("img",{class:"im-ButtonImage",src:r.imageSrc,alt:r.imageAlt},null,8,Mf),s.createElementVNode("div",Lf,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.hotspots,(f,l)=>(s.openBlock(),s.createBlock(o,{type:f.buttonType,onClick:s.withModifiers(h=>t.changeImage(l),["stop"]),class:"hotspot",style:s.normalizeStyle({top:t.pixelFormat(f.cordinatesX),left:t.pixelFormat(f.cordinatesY),width:t.pixelFormat(f.dimensionsW),height:t.pixelFormat(f.dimensionsH)}),icon:f.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const Ff=W(Vf,[["render",yf],["__scopeId","data-v-d6c87f03"]]),yZ="",bf={props:["content"],data(){return{value1:0,marks:{}}},computed:{dark(){return this.content.dark?"dark":!1},imageCount(){return this.content.image.length-1},vertical(){return!!this.content.vertical},verticalClass(){return this.content.vertical?"is-vertical":!1}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},populateMArks(){this.content.image.forEach((A,c)=>{this.marks[c]=A.mark})}},mounted(){this.stepperStore.finishSteps(),this.populateMArks()},beforeMount(){this.stepperStore=this.stepperMain()}},Qf={class:"image"},xf=["src","alt"],Uf=["innerHTML"],Sf=["innerHTML"],kf=["innerHTML"];function Ef(A,c,e,a,r,t){const n=s.resolveComponent("el-slider");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["image-slider",{verticalSlider:t.vertical}])},[s.createVNode(n,{class:s.normalizeClass(["imageSlide",t.dark]),modelValue:r.value1,"onUpdate:modelValue":c[0]||(c[0]=o=>r.value1=o),"show-tooltip":!1,vertical:t.vertical,step:1,"show-stops":"",max:t.imageCount,marks:r.marks},null,8,["class","modelValue","vertical","max","marks"]),s.createElementVNode("div",Qf,[s.createElementVNode("img",{src:e.content.image[r.value1].src,alt:e.content.image[r.value1].alt,class:s.normalizeClass(e.content.image[r.value1].class)},null,10,xf),s.createElementVNode("div",{class:"captionArea",style:s.normalizeStyle({width:A.captionWidth})},[e.content.image[r.value1].captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image[r.value1].captionHeader},null,8,Uf)):s.createCommentVNode("",!0),e.content.image[r.value1].caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image[r.value1].caption},null,8,Sf)):s.createCommentVNode("",!0),e.content.image[r.value1].copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image[r.value1].copyright,class:"copyright"},null,8,kf)):s.createCommentVNode("",!0)],4)])],2)}const Nf=W(bf,[["render",Ef],["__scopeId","data-v-5c5bbbef"]]),FZ="",If={props:["content"],data(){return{showOverlay:!0}},computed:{overlayButtonText(){return this.showOverlay?"Hide Overlay":"Show Overlay"}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},getSavedImage(){document.getElementById("canvasBlob").appendChild(this.stepperStore.getCanvasImage)}},mounted(){this.getSavedImage(),this.stepperStore.finishSteps()},beforeMount(){this.stepperStore=this.stepperMain()}},Tf=A=>(s.pushScopeId("data-v-0f3f694e"),A=A(),s.popScopeId(),A),Df={class:"imageCompare"},_f=Tf(()=>s.createElementVNode("div",{id:"canvasBlob"},null,-1)),Kf={class:"hideCompareButtons"};function Rf(A,c,e,a,r,t){const n=s.resolveComponent("el-button");return s.openBlock(),s.createElementBlock("div",Df,[r.showOverlay?(s.openBlock(),s.createElementBlock("div",{key:0,class:"overlay",style:s.normalizeStyle("background: url("+e.content.overlay+")")},null,4)):s.createCommentVNode("",!0),_f,s.createElementVNode("div",Kf,[s.createVNode(n,{size:"medium",type:"primary",onClick:c[0]||(c[0]=o=>r.showOverlay=!r.showOverlay)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(t.overlayButtonText),1)]),_:1})])])}const Of=W(If,[["render",Rf],["__scopeId","data-v-0f3f694e"]]),bZ="",Pf={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.content.stepDirections&&(this.stepperStore.stepDirectionsArray[this.stepperStore.stepPage].display=!1),this.stepperStore.showFeedback=!1,this.stepperStore.showFeedbackAttempts=!1,this.stepperStore.lastPageFocus()}},mounted(){},beforeMount(){var A,c;this.stepperStore=this.stepperMain(),((A=this.content.feedbackContent)==null?void 0:A.type)==="media"&&((c=this.content.feedbackContent.fieldValues)==null?void 0:c.kalturaType)==="video"&&(this.content.feedbackContent.fieldValues.width="480",this.content.feedbackContent.fieldValues.height="360",this.content.feedbackWidth="80%")}},Gf={class:"my-header"},Wf=["id","innerHTML"],Xf=["innerHTML"],qf={key:1},Yf={key:0},Jf=["innerHTML"],jf=["src"],$f=["innerHTML"],Zf={class:"dialog-footer"};function Ah(A,c,e,a,r,t){var l;const n=s.resolveComponent("lab-kaltura"),o=s.resolveComponent("lab-image"),i=s.resolveComponent("el-button"),f=s.resolveComponent("el-dialog");return s.openBlock(),s.createBlock(f,{width:t.feedbackWidth,modelValue:r.show,"onUpdate:modelValue":c[1]||(c[1]=h=>r.show=h),"before-close":t.feedbackClose,class:s.normalizeClass([((l=e.content.feedbackContent)==null?void 0:l.type)==="media"?"video_dialog":""])},{header:s.withCtx(({close:h,titleId:m,titleClass:u})=>[s.createElementVNode("div",Gf,[s.createElementVNode("h4",{id:m,class:s.normalizeClass(u),innerHTML:t.feedbackHeader},null,10,Wf)])]),footer:s.withCtx(()=>[s.createElementVNode("span",Zf,[s.createVNode(i,{size:"small",id:"feedbackClose",type:"primary",onClick:c[0]||(c[0]=s.withModifiers(h=>t.feedbackClose(),["stop"]))},{default:s.withCtx(()=>[s.createTextVNode("Close")]),_:1})])]),default:s.withCtx(()=>[t.getShowFeedbackAttempts?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[e.content.feedbackAttempts?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.feedbackAttempts},null,8,Xf)):(s.openBlock(),s.createElementBlock("p",qf,"You have tried too many times, the correct answer has been provided for you."))],64)):(s.openBlock(),s.createElementBlock(s.Fragment,{key:1},[e.content.feedbackContent?(s.openBlock(),s.createElementBlock("div",Yf,[e.content.feedbackContent.type==="media"?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.feedbackContent.fieldValues,class:s.normalizeClass([e.content.feedbackContent.fieldValues.class,{video:e.content.feedbackContent.fieldValues.kalturaType==="video"}])},null,8,["content","class"])):s.createCommentVNode("",!0),e.content.feedbackContent.type==="image"?(s.openBlock(),s.createBlock(o,{key:1,content:e.content.feedbackContent.fieldValues},null,8,["content"])):s.createCommentVNode("",!0),s.createElementVNode("p",{innerHTML:e.content.feedbackContent.directions},null,8,Jf)])):s.createCommentVNode("",!0),e.content.feedbackImage?(s.openBlock(),s.createElementBlock("img",{key:1,class:"im-ButtonImage",src:e.content.feedbackImage,alt:"button image"},null,8,jf)):s.createCommentVNode("",!0),s.createElementVNode("p",{innerHTML:e.content.feedback},null,8,$f)],64))]),_:1},8,["width","modelValue","before-close","class"])}const ch=W(Pf,[["render",Ah]]),QZ="",eh={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(!0),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(!1);this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.quizArray.forEach((n,o)=>{this.input[o]?this.input[o]=this.content.options[o].answer:this.input.push(this.content.options[o].answer),c.push(this.content.options[o].answer),this.quizItemCompleted.push(o+1)}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),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 ah(A,c,e,a,r,t){const n=s.resolveComponent("el-option"),o=s.resolveComponent("el-select"),i=s.resolveComponent("el-date-picker"),f=s.resolveComponent("el-button"),l=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["drop-down",e.content.class])},[s.createElementVNode("p",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.quizArray,(h,m)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createElementVNode("span",{class:s.normalizeClass(t.quizClass(m))},[s.createElementVNode("span",{class:s.normalizeClass("quizText quizSection_"+m)},s.toDisplayString(h)+" ",3),t.quizType(m)==="choose"?(s.openBlock(),s.createBlock(o,{key:0,onChange:u=>t.choicesMade(m),modelValue:r.input[m],"onUpdate:modelValue":u=>r.input[m]=u,placeholder:t.quizDisplay(m)},{default:s.withCtx(()=>[t.quizArrayCompleted(m)?s.createCommentVNode("",!0):(s.openBlock(!0),s.createElementBlock(s.Fragment,{key:0},s.renderList(r.quizOptions[m],u=>(s.openBlock(),s.createBlock(n,{key:u,label:u,value:u},null,8,["label","value"]))),128))]),_:2},1032,["onChange","modelValue","onUpdate:modelValue","placeholder"])):s.createCommentVNode("",!0),t.quizType(m)==="date"?(s.openBlock(),s.createBlock(i,{key:1,onChange:u=>t.choicesMade(m),modelValue:r.input[m],"onUpdate:modelValue":u=>r.input[m]=u,type:"date",placeholder:t.quizDisplay(m),format:e.content.options[m].format,"value-format":e.content.options[m].format,disabled:t.quizArrayCompleted(m)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):s.createCommentVNode("",!0)],2),s.createTextVNode("  ")],64))),256))]),s.createVNode(f,{size:"small",type:"primary",class:"drop-down-submit",onClick:c[0]||(c[0]=h=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(l,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const rh=W(eh,[["render",ah]]),xZ="",th={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(!0),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(!1)),this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.input.forEach((n,o)=>{this.input[o]=this.content.answers[o],c.push(this.content.answers[o])}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),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 sh(A,c,e,a,r,t){const n=s.resolveComponent("el-input"),o=s.resolveComponent("el-button"),i=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["fill-blank",e.content.class])},[s.createElementVNode("p",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.quizArray,(f,l)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createTextVNode(s.toDisplayString(f),1),l<t.quizArrayCount?(s.openBlock(),s.createBlock(n,{key:0,modelValue:r.input[l],"onUpdate:modelValue":h=>r.input[l]=h,placeholder:"Please input",size:"small"},null,8,["modelValue","onUpdate:modelValue"])):s.createCommentVNode("",!0)],64))),256))]),s.createVNode(o,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[0]||(c[0]=f=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(i,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const nh=W(th,[["render",sh]]),UZ="",ih={components:{},props:["content"],data(){return{quizArray:[],quizArrayInputKeys:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{},keyboardShow:!1}},watch:{input:{handler:function(A){},deep:!0}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{prepareQuiz(){this.quizArray=this.content.quiz.split("*"),this.quizArray.forEach((A,c)=>{A==="_"&&this.quizArrayInputKeys.push(c),this.input[c]=""})},prepareMathLive(){this.quizArray.forEach((A,c)=>{if(A==="_"){let e=document.getElementById("mf_"+c),a=document.getElementById("keyBoardDiv");window.mathVirtualKeyboard.container=a,this.content.keyboard==="geometry"?window.mathVirtualKeyboard.layouts=[{label:"123",rows:[[{label:"x",shift:"y"},{label:"s",shift:"m"},{label:"[separator]",width:.5},"7","8","9","[/]",{label:"[separator]",width:.5},"\\frac{#?}{#?}","#@^{#?}","#@_{#?}"],["\\lt","\\gt",{label:"[separator]",width:.5},"4","5","6","[*]",{label:"[separator]",width:.5},"\\sqrt{#?}","\\sqrt[#?]{#?}","\\imaginaryI"],["\\le","\\ge",{label:"[separator]",width:.5},"1","2","3","[-]",{label:"[separator]",width:.5},{label:"\\sin",shift:"\\arcsin"},{label:"\\cos",shift:"\\arccos"},{label:"\\tan",shift:"\\arctan"}],["(",")",{label:"[separator]",width:.5},"0",".","[=]","[+]",{label:"[separator]",width:.5},"\\pi",{label:"[separator]",width:1},{label:"[backspace]",width:1}],["[shift]","[separator]","[left]",{label:" ",width:2},"[right]",{label:"[separator]",width:2},{label:"[separator]",width:.5},{label:"[return]",width:1}]]},"alphabetic"]:this.content.keyboard==="numberpad"&&(window.mathVirtualKeyboard.layouts=[{label:"123",rows:[["7","8","9","[/]",{label:"[separator]",width:.5},{label:"[backspace]",width:1}],["4","5","6","[*]",{label:"[separator]",width:.5},"\\frac{#?}{#?}"],["1","2","3","[-]",{label:"[separator]",width:.5},"#@^{#?}"],["0",".","[=]","[+]",{label:"[separator]",width:.5},"#@_{#?}"],["[left]",{label:" ",width:2},"[right]",{label:"[separator]",width:.5},{label:"[return]",width:1}]]}]),e.addEventListener("click",r=>{this.keyboardShow=!0,r.preventDefault(),mathVirtualKeyboard.show()}),e.addEventListener("focus",r=>{this.keyboardShow=!0,r.preventDefault(),mathVirtualKeyboard.show()}),e.addEventListener("focusout",r=>{this.keyboardShow=!1}),e.addEventListener("blur",r=>{this.keyboardShow=!1}),e.addEventListener("input",r=>{let t=e.getValue();this.input[c].substring(0,1)!=="$$"?this.input[c]="$$"+t+"$$":this.input[c]=t,this.renderMath(),e.setValue(t,{silenceNotifications:!0})})}})},choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!0,c=0;this.quizArrayInputKeys.forEach((e,a)=>{if(this.input[e]!==""&&(A=!1),this.content.answers[c]===this.input[e])this.correctChoices.includes(e)===!1&&this.correctChoices.push(e);else if(this.correctChoices.includes(e)===!0){let r=this.correctChoices.indexOf(e);this.correctChoices.splice(r,1)}c++}),A?(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(!0),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.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete(!1);this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.input.forEach((n,o)=>{this.input[o]=this.content.answers[o],c.push(this.content.answers[o])}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback},renderMath(){this.$mathjax&&MathJax.typesetPromise().then(()=>{console.log("MathJax typesetting done!")}).catch(A=>{console.error("MathJax typesetting failed:",A)})}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}this.prepareMathLive(),this.renderMath()},beforeMount(){this.prepareQuiz(),this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},oh=["innerHTML"],lh={key:0},fh={id:"keyBoardDiv"};function hh(A,c,e,a,r,t){const n=s.resolveComponent("math-field"),o=s.resolveComponent("el-button"),i=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["fill-blank",e.content.class])},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.quizArray,(f,l)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[f!=="_"?(s.openBlock(),s.createElementBlock("span",{key:0,class:"quizText",innerHTML:f},null,8,oh)):(s.openBlock(),s.createElementBlock(s.Fragment,{key:1},[s.createVNode(n,{class:"quizInput",id:"mf_"+l,style:{"font-size":"1rem",display:"block"},"default-mode":e.content.mathMode},null,8,["id","default-mode"]),e.content.showLatext?(s.openBlock(),s.createElementBlock("span",lh,s.toDisplayString(r.input[l]),1)):s.createCommentVNode("",!0)],64))],64))),256)),s.createVNode(o,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[0]||(c[0]=f=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(i,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0),s.withDirectives(s.createElementVNode("div",fh,null,512),[[s.vShow,r.keyboardShow]])],2)}const mh=W(ih,[["render",hh]]),SZ="",uh={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(A){let c,e="not correct",a=document.querySelectorAll(".selectableButton");for(let o=0;o<a.length;o++)a[o].classList.add("is-failure"),a[o].setAttribute("disabled",!0),this.content.choices[o].correct&&(a[o].classList.add("is-success"),c=this.content.choices[o].text);A&&(e="correct");let r={page:this.stepperStore.stepPage,result:e,correctAnswer:c},t=this.stepperStore.results.find(o=>o.page===this.stepperStore.stepPage),n=this.stepperStore.results.indexOf(t);t?this.stepperStore.results.fill(t.result=e,n,n++):this.stepperStore.results.push(r),this.stepperStore.finishSteps()},choicesCheck(A){this.getAttempt<Number(this.content.attempts)?this.content.choices[A].correct===!0?this.choicesComplete(!0):this.stepperStore.attempts=this.getAttempt+1:(this.content.choices[A].correct!==!0&&(this.stepperStore.showFeedbackAttempts=!0),this.choicesComplete(!1)),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)}},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.content.ordered||this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},ph=["innerHTML"],dh={class:"selectArea"},Hh={class:"buttonSpan"},gh=["src","alt"],Ch={class:"selectable-buttonText"},vh=["innerHTML"],Bh={class:"buttonSpan"},zh=["src","alt"],Vh={class:"selectable-buttonText"};function wh(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),o=s.resolveComponent("el-col"),i=s.resolveComponent("el-divider"),f=s.resolveComponent("el-button"),l=s.resolveComponent("lab-feedback"),h=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(h,{id:e.content.id,class:s.normalizeClass(["selectable",e.content.classes])},{default:s.withCtx(()=>[e.content.image?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[s.createVNode(o,{span:t.leftColWidth(A.index)},{default:s.withCtx(()=>[e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0)]),_:1},8,["span"]),s.createVNode(o,{span:t.rightColWidth(A.index)},{default:s.withCtx(()=>[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,ph)):s.createCommentVNode("",!0),s.createElementVNode("div",dh,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.choices,(m,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[!e.content.noDivider&&u>0?(s.openBlock(),s.createBlock(i,{key:0})):s.createCommentVNode("",!0),s.createVNode(f,{size:"small",type:"primary",class:"selectableButton",style:s.normalizeStyle({width:t.pixelFormat(e.content.choiceWidth),height:t.pixelFormat(e.content.choiceHeight)}),onClick:p=>t.choicesCheck(u)},{default:s.withCtx(()=>[s.createElementVNode("div",Hh,[m.image?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:m.image,alt:m.alt?m.alt:"button image"},null,8,gh)):s.createCommentVNode("",!0),s.createElementVNode("span",Ch,s.toDisplayString(m.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(u)?(s.openBlock(),s.createBlock(l,{key:1,content:m},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))])]),_:1},8,["span"])],64)):(s.openBlock(),s.createElementBlock(s.Fragment,{key:1},[s.createVNode(o,{span:12},{default:s.withCtx(()=>[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,vh)):s.createCommentVNode("",!0)]),_:1}),s.createVNode(o,{span:12,class:"selectArea"},{default:s.withCtx(()=>[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.choices,(m,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[!e.content.noDivider&&u>0?(s.openBlock(),s.createBlock(i,{key:0})):s.createCommentVNode("",!0),s.createVNode(f,{size:"small",type:"primary",class:"selectableButton",style:s.normalizeStyle({width:t.pixelFormat(e.content.choiceWidth),height:t.pixelFormat(e.content.choiceHeight)}),onClick:p=>t.choicesCheck(u)},{default:s.withCtx(()=>[s.createElementVNode("div",Bh,[m.image?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:m.image,alt:m.alt?m.alt:"button image"},null,8,zh)):s.createCommentVNode("",!0),s.createElementVNode("span",Vh,s.toDisplayString(m.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(u)?(s.openBlock(),s.createBlock(l,{key:1,content:m},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))]),_:1})],64))]),_:1},8,["id","class"])}const Mh=W(uh,[["render",wh],["__scopeId","data-v-73407ea6"]]),kZ="",Lh={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(!0),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(!1);this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.content.answers.forEach(n=>{c.push(n)}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),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 yh(A,c,e,a,r,t){const n=s.resolveComponent("el-input"),o=s.resolveComponent("el-button"),i=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["textbox",e.content.class])},[s.createElementVNode("p",null,s.toDisplayString(e.content.quiz),1),s.createVNode(n,{modelValue:r.input,"onUpdate:modelValue":c[0]||(c[0]=f=>r.input=f),autosize:{minRows:4,maxRows:8},type:"textarea",placeholder:"Please input"},null,8,["modelValue"]),s.createVNode(o,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[1]||(c[1]=f=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(i,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const Fh=W(Lh,[["render",yh]]),EZ="",bh={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)}},Qh={key:0},xh=["index","onClick"],Uh={class:"jl-menu-sub__title"},Sh=["id"],kh=["index","onClick"],Eh={class:"jl-menu-sub-sub__title"},Nh=["id"],Ih=["index","onClick"],Th=["onClick"],Dh={key:1,class:"jl-menu-item"},_h=["index","onClick"];function Kh(A,c,e,a,r,t){const n=s.resolveComponent("CaretBottom"),o=s.resolveComponent("el-icon"),i=s.resolveComponent("CaretRight"),f=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["menu-chooser",e.content.class])},[r.showMenuOverlay?(s.openBlock(),s.createElementBlock("div",{key:0,class:"nav-mask",onClick:c[0]||(c[0]=(...l)=>t.hideSubs&&t.hideSubs(...l))})):s.createCommentVNode("",!0),s.createElementVNode("p",null,s.toDisplayString(e.content.quiz),1),s.createElementVNode("div",{class:"jl-menu",onSelect:c[1]||(c[1]=(...l)=>t.choicesCheck&&t.choicesCheck(...l))},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.menu,(l,h)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[l.subMenu?(s.openBlock(),s.createElementBlock("div",Qh,[s.createElementVNode("button",{class:s.normalizeClass("jl-menu-sub sub-"+h),index:h,tabindex:"0",role:"menuitem",onClick:s.withModifiers(m=>t.showSub("sub-"+h),["stop"])},[s.createElementVNode("div",Uh,[s.createTextVNode(s.toDisplayString(l.name)+" ",1),s.createVNode(o,null,{default:s.withCtx(()=>[s.createVNode(n)]),_:1})])],10,xh),s.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+h},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(l.subMenu,(m,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[m.subMenu?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[s.createElementVNode("button",{class:s.normalizeClass("jl-menu-sub-sub sub-sub-"+u),index:h+"-"+u,tabindex:"0",role:"menuitem",onClick:s.withModifiers(p=>t.showSubSub("sub-sub-"+h),["stop"])},[s.createElementVNode("div",Eh,[s.createTextVNode(s.toDisplayString(m.name),1),s.createVNode(o,null,{default:s.withCtx(()=>[s.createVNode(i)]),_:1})])],10,kh),s.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+h},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(m.subMenu,(p,d)=>(s.openBlock(),s.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:h+"-"+u+"-"+d,tabindex:"0",role:"menuitem",onClick:s.withModifiers(C=>t.choicesCheck(h+"-"+u+"-"+d),["stop"])},[s.createElementVNode("div",null,s.toDisplayString(p.name),1)],8,Ih))),256))],8,Nh)],64)):(s.openBlock(),s.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:s.withModifiers(p=>t.choicesCheck(h+"-"+u),["stop"])},[s.createElementVNode("div",null,s.toDisplayString(m.name),1)],8,Th))],64))),256))],8,Sh)])):(s.openBlock(),s.createElementBlock("div",Dh,[s.createElementVNode("button",{class:"jl-menu-sub",index:h,tabindex:"0",role:"menuitem",onClick:s.withModifiers(m=>t.choicesCheck(h),["stop"])},s.toDisplayString(l.name),9,_h)]))],64))),256))],32),t.showFeedback()?(s.openBlock(),s.createBlock(f,{key:1,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const Rh=W(bh,[["render",Kh]]),NZ="",HA={y:{t:"top",m:"marginTop",b:"bottom"},x:{l:"left",m:"marginLeft",r:"right"}};function Oh(A){A.forEach((c,e)=>{document.documentElement.addEventListener(e,c)})}function Ph(A){A.forEach((c,e)=>{document.documentElement.removeEventListener(e,c)})}const Gh={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]]),Oh(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(){Ph(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:n,height:o}=this;let i=c.top-A.y,f=c.bottom+A.y,l=c.left-A.x,h=c.right+A.x;if(this.snapToGrid){let m=!0,u=!0,p=i-Math.floor(i/t)*t,d=a-f-Math.floor((a-f)/t)*t,C=l-Math.floor(l/r)*r,g=e-h-Math.floor((e-h)/r)*r;p>t/2&&(p-=t),d>t/2&&(d-=t),C>r/2&&(C-=r),g>r/2&&(g-=r),Math.abs(d)<Math.abs(p)&&(m=!1),Math.abs(g)<Math.abs(C)&&(u=!1),i-=m?p:d,f=a-o-i,l-=u?C:g,h=e-n-l}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:l,newRight:h,newTop:i,newBottom:f})),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:n,parentWidth:o}=this;let i=e.top,f=e.bottom,l=e.left,h=e.right;switch(c[0]){case"b":f=e.bottom+A.y,t&&(f=n-Math.round((n-f)/a)*a);break;case"t":i=e.top-A.y,t&&(i=Math.round(i/a)*a);break}switch(c[1]){case"r":h=e.right+A.x,t&&(h=o-Math.round((o-h)/r)*r);break;case"l":l=e.left-A.x,t&&(l=Math.round(l/r)*r);break}({newLeft:l,newRight:h,newTop:i,newBottom:f}=this.rectCorrectionByLimit({newLeft:l,newRight:h,newTop:i,newBottom:f})),this.aspectRatio&&({newLeft:l,newRight:h,newTop:i,newBottom:f}=this.rectCorrectionByAspectRatio({newLeft:l,newRight:h,newTop:i,newBottom:f})),this.left=l,this.right=h,this.top=i,this.bottom=f,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:n}=this;let{minh:o,minw:i}=this;const f=this.parentLimitation?0:null;this.aspectRatio&&(i/o>A?o=i/A:i=A*o);const l={left:{min:f,max:t+(c-i)},right:{min:f,max:n+(c-i)},top:{min:f,max:r+(e-o)},bottom:{min:f,max:a+(e-o)}};if(this.aspectRatio){const h={left:{min:t-Math.min(r,a)*A*2,max:t+(e-o)/2*A*2},right:{min:n-Math.min(r,a)*A*2,max:n+(e-o)/2*A*2},top:{min:r-Math.min(t,n)/A*2,max:r+(c-i)/2/A*2},bottom:{min:a-Math.min(t,n)/A*2,max:a+(c-i)/2/A*2}};this.currentStick[0]==="m"?(l.left={min:Math.max(l.left.min,h.left.min),max:Math.min(l.left.max,h.left.max)},l.right={min:Math.max(l.right.min,h.right.min),max:Math.min(l.right.max,h.right.max)}):this.currentStick[1]==="m"&&(l.top={min:Math.max(l.top.min,h.top.min),max:Math.min(l.top.max,h.top.max)},l.bottom={min:Math.max(l.bottom.min,h.bottom.min),max:Math.min(l.bottom.max,h.bottom.max)})}return l},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:n,currentStick:o,aspectFactor:i,dimensionsBeforeMove:f}=this;let l=t-c-e,h=n-a-r;if(o[1]==="m"){const m=h-f.height;c-=m*i/2,e-=m*i/2}else if(o[0]==="m"){const m=l-f.width;a-=m/i/2,r-=m/i/2}else l/h>i?(l=i*h,o[1]==="l"?c=t-e-l:e=t-c-l):(h=l/i,o[0]==="t"?a=n-r-h:r=n-a-h);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[HA.y[A[0]]]=`${this.stickSize/this.parentScaleX/-2}px`,c[HA.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}}},Wh=["onMousedown","onTouchstart"];function Xh(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["vdr",`${r.active||e.isActive?"active":"inactive"} ${e.contentClass?e.contentClass:""}`]),style:s.normalizeStyle(t.positionStyle),onMousedown:c[0]||(c[0]=n=>t.bodyDown(n)),onTouchstart:c[1]||(c[1]=n=>t.bodyDown(n)),onTouchend:c[2]||(c[2]=n=>t.up(n)),ref:"container",tabindex:"0"},[s.createElementVNode("div",{style:s.normalizeStyle(t.sizeStyle),class:"content-container",ref:"container2"},[s.renderSlot(A.$slots,"default")],4),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.sticks,n=>(s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["vdr-stick",["vdr-stick-"+n,e.isResizable?"":"not-resizable"]]),onMousedown:s.withModifiers(o=>t.stickDown(n,o),["stop","prevent"]),onTouchstart:s.withModifiers(o=>t.stickDown(n,o),["stop","prevent"]),style:s.normalizeStyle(t.vdrStick(n))},null,46,Wh))),256))],38)}const gA=W(Gh,[["render",Xh]]),IZ="",qh={components:{VueDragResize:gA},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 n=document.getElementById(t.target.id);if(t.altKey&&t.key==="ArrowLeft"){let o=Number(n.style.left.slice(0,-2));o-10<0?n.style.left=`${o}px`:n.style.left=`${o-10}px`}if(t.altKey&&t.key==="ArrowRight"){let o=Number(n.style.left.slice(0,-2));o+10>r[0].offsetWidth-50?n.style.left=`${o}px`:n.style.left=`${o+10}px`}if(t.altKey&&t.key==="ArrowUp"){let o=Number(n.style.top.slice(0,-2));o+10<0?n.style.top=`${o}px`:n.style.top=`${o-10}px`}if(t.altKey&&t.key==="ArrowDown"){let o=Number(n.style.top.slice(0,-2));o+10>r[0].offsetHeight-80?n.style.top=`${o}px`:n.style.top=`${o+10}px`}})})}},mounted(){let A=document.getElementsByClassName("vdr");setTimeout(()=>{A[0].focus()}),this.keyboardMove(A)},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("vdr")}},Yh={class:"fridgemagnet"},Jh=["innerHTML"],jh=["src","alt"],$h=["id","src","alt"],Zh=["innerHTML"];function Am(A,c,e,a,r,t){const n=s.resolveComponent("VueDragResize");return s.openBlock(),s.createElementBlock("div",Yh,[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,Jh)):s.createCommentVNode("",!0),s.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,jh),s.createElementVNode("div",{class:s.normalizeClass(["fridge",e.content.class,e.content.noOutline?"no_outline":""])},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.magnets,(o,i)=>(s.openBlock(),s.createBlock(n,{id:"vdr_"+i,isActive:!0,w:o.width?o.width:50,minw:o.minWidth?o.minWidth:50,h:o.height?o.height:50,minh:o.minHeight?o.minHeight:50,x:o.x?o.x:0,y:o.y?o.y:60*i,class:s.normalizeClass(o.class),parentLimitation:!0,parentW:o.parentwidth?o.parentwidth:t.getParentWidth(),parentH:o.parentheight?o.parentheight:t.getParentHeight(),isResizable:o.resizable,isDraggable:o.draggable,snapToGrid:o.snap,gridX:o.snapX,gridY:o.snapY,dragHandle:o.handle,onResizing:A.resize,onDragging:A.resize,aspectRatio:!0,onResizestop:t.onResizstop,onDragstop:t.onDragstop,sticks:["tl","bl","tr","br"]},{default:s.withCtx(()=>[o.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:o.index,src:o.image,alt:o.imageAlt},null,8,$h)):s.createCommentVNode("",!0),o.text?(s.openBlock(),s.createElementBlock("p",{key:1,innerHTML:o.text},null,8,Zh)):s.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 cm=W(qh,[["render",Am]]),TZ="",em={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){var c;if(this.content.sound){let e=document.getElementById("myAudio");setTimeout(()=>{e.play()},1e3)}if(A!=="clicked"&&((c=A.draggedContext.element)!=null&&c.relSwap)&&setTimeout(()=>{let e=A.draggedContext.element.id,a=document.getElementById(e);a.src=A.draggedContext.element.relSwap,a.classList.add("imageSwapped")},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")>-1)return!1;A.class+=" preventMove",this.listOne[c].splice(A),this.listOne[c+1].push(A),A.relSwap&&setTimeout(()=>{this.listOne[c+1][0].image=this.listOne[c+1][0].relSwap},1500),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()}},am=["innerHTML"],rm={key:1,id:"myAudio"},tm=["src"],sm={class:"list-group-item"},nm=["onChange"],im=["id","src","alt","data-swap"],om=["src","alt","data-swap"];function lm(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),o=s.resolveComponent("el-col"),i=s.resolveComponent("draggable"),f=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(f,{class:s.normalizeClass(["dragDrop",e.content.handle])},{default:s.withCtx(()=>[s.createVNode(o,{span:24},{default:s.withCtx(()=>[s.createElementVNode("div",{innerHTML:e.content.directions},null,8,am),e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0),e.content.sound?(s.openBlock(),s.createElementBlock("audio",rm,[s.createElementVNode("source",{src:e.content.sound,type:"audio/mpeg"},null,8,tm),s.createTextVNode(" Your browser does not support the audio element. ")])):s.createCommentVNode("",!0)]),_:1}),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(l,h)=>(s.openBlock(),s.createBlock(o,{span:t.binColumns},{default:s.withCtx(()=>[s.createVNode(i,{class:s.normalizeClass(["draggable list-group",e.content.bins[h].class]),style:s.normalizeStyle({width:t.pixelFormat(e.content.bins[h].width),height:t.pixelFormat(e.content.bins[h].height),background:t.dragBackground(e.content.bins[h].bgImage)}),modelValue:t.myList[h],"onUpdate:modelValue":m=>t.myList[h]=m,move:t.checkMove,group:"people",forceFallback:"true"},{item:s.withCtx(({element:m})=>[s.createElementVNode("div",sm,[s.createElementVNode("button",{class:"dragItems-button",onChange:s.withModifiers(u=>t.keyboardDrag(m,h),["stop"])},[s.createTextVNode(s.toDisplayString(m.text)+" ",1),m.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:m.id,src:m.image,alt:m.imageAlt,"data-swap":m.relSwap},null,8,im)):s.createCommentVNode("",!0),m.relSwap?(s.openBlock(),s.createElementBlock("img",{key:1,id:"preload",src:m.relSwap,alt:m.imageAlt,"data-swap":m.relSwap},null,8,om)):s.createCommentVNode("",!0)],40,nm)])]),_:2},1032,["class","style","modelValue","onUpdate:modelValue","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"])}const fm=W(em,[["render",lm]]),DZ="",hm={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:{recordResults(A){let c=[];this.content.bins.forEach(t=>{let n=[];t.items.forEach(i=>{let f={text:i.text,imageAlt:i.imageAlt};n.push(f)});let o={header:t.header,description:t.description,items:n};c.push(o)});let e={page:this.stepperStore.stepPage,result:A,correctAnswer:c},a=this.stepperStore.results.find(t=>t.page===this.stepperStore.stepPage),r=this.stepperStore.results.indexOf(a);a?this.stepperStore.results.fill(a.result=A,r,r++):this.stepperStore.results.push(e)},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),this.recordResults("not correct"),this.stepperStore.finishSteps()},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}),this.content.random&&this.listTwo.sort(()=>Math.random()-.5)},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.recordResults("correct"))):(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()}},mm=["innerHTML"],um=["onClick"],pm=["id","src","alt"],dm={key:0,class:"dropBin"},Hm={class:"dragItems-button"},gm=["id","src","alt"],Cm={class:"dialog-footer"};function vm(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),o=s.resolveComponent("el-col"),i=s.resolveComponent("draggable"),f=s.resolveComponent("el-row"),l=s.resolveComponent("lab-feedback"),h=s.resolveComponent("el-button"),m=s.resolveComponent("el-dialog");return s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createVNode(f,{class:s.normalizeClass(["dragDrop",e.content.handle]),id:"dragItemDiv"},{default:s.withCtx(()=>[s.createVNode(o,{span:24},{default:s.withCtx(()=>[s.createElementVNode("div",{innerHTML:e.content.directions},null,8,mm),e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0)]),_:1}),s.createVNode(o,{span:24},{default:s.withCtx(()=>[s.createVNode(i,{class:"dragItems",list:r.listTwo,group:"put",forceFallback:"true",itemKey:"image",sort:!1,onEnd:t.checkMove},{item:s.withCtx(({element:u})=>[s.createElementVNode("div",{class:s.normalizeClass(["dragItem",u.class])},[s.createElementVNode("button",{class:"dragItems-button",onClick:s.withModifiers(p=>t.keyboardDrag(u),["stop"])},[s.createTextVNode(s.toDisplayString(u.text)+" ",1),u.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:u.id,src:u.image,alt:u.imageAlt},null,8,pm)):s.createCommentVNode("",!0)],8,um)],2)]),_:1},8,["list","onEnd"])]),_:1}),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(u,p)=>(s.openBlock(),s.createBlock(o,{class:"bins",span:t.binColumns},{default:s.withCtx(()=>[s.createElementVNode("h4",null,s.toDisplayString(e.content.bins[p].header),1),s.createVNode(i,{class:s.normalizeClass(["dropBins el-row",e.content.bins[p].class]),"data-index":p,list:r.listOne[p],group:"put",forceFallback:"true",itemKey:"text",sort:!1,move:t.stopMove},{item:s.withCtx(({element:d})=>[d.hide?s.createCommentVNode("",!0):(s.openBlock(),s.createElementBlock("div",dm,[s.createElementVNode("button",Hm,[s.createTextVNode(s.toDisplayString(d.text)+" ",1),d.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:d.id,src:d.droppedImage,alt:d.imageAlt},null,8,gm)):s.createCommentVNode("",!0)])]))]),_:2},1032,["class","data-index","list","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"]),t.showFeedback()?(s.openBlock(),s.createBlock(l,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0),s.createVNode(m,{title:e.content.kbModalQuestion,modelValue:r.chooseVisibility,"onUpdate:modelValue":c[1]||(c[1]=u=>r.chooseVisibility=u),width:"50%"},{footer:s.withCtx(()=>[s.createElementVNode("span",Cm,[s.createVNode(h,{size:"small",id:"visibilityClose",type:"primary",onClick:c[0]||(c[0]=u=>t.kbCheckMove())},{default:s.withCtx(()=>[s.createTextVNode("Close")]),_:1})])]),default:s.withCtx(()=>[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(u,p)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(u,(d,C)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[p===0?(s.openBlock(),s.createBlock(h,{key:0,id:"firstBin",size:"small",type:"primary",onClick:g=>t.kbCheckMove(p,C)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(e.content.bins[p].header),1)]),_:2},1032,["onClick"])):(s.openBlock(),s.createBlock(h,{key:1,size:"small",type:"primary",onClick:g=>t.kbCheckMove(p,C)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(e.content.bins[p].header),1)]),_:2},1032,["onClick"]))],64))),256))],64))),256))]),_:1},8,["title","modelValue"])],64)}const Bm=W(hm,[["render",vm]]),zm="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M12.5%208c-2.65%200-5.05.99-6.9%202.6L2%207v9h9l-3.62-3.62c1.39-1.16%203.16-1.88%205.12-1.88c3.54%200%206.55%202.31%207.6%205.5l2.37-.78C21.08%2011.03%2017.15%208%2012.5%208'/%3e%3c/svg%3e",Vm="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M18.4%2010.6C16.55%208.99%2014.15%208%2011.5%208c-4.65%200-8.58%203.03-9.96%207.22L3.9%2016a8.002%208.002%200%200%201%207.6-5.5c1.95%200%203.73.72%205.12%201.88L13%2016h9V7z'/%3e%3c/svg%3e",wm="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M19%204h-3.5l-1-1h-5l-1%201H5v2h14M6%2019a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V7H6z'/%3e%3c/svg%3e",Mm="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M21%207v12q0%20.825-.587%201.413T19%2021H5q-.825%200-1.412-.587T3%2019V5q0-.825.588-1.412T5%203h12zm-9%2011q1.25%200%202.125-.875T15%2015t-.875-2.125T12%2012t-2.125.875T9%2015t.875%202.125T12%2018m-6-8h9V6H6z'/%3e%3c/svg%3e",Lm={class:"vp-toolbar"},ym={class:"vp-tools"},Fm=["onClick","title","innerHTML"],bm={class:"vp-settings"},Qm={class:"vp-actions"},xm=s.createElementVNode("img",{src:zm},null,-1),Um=[xm],Sm=s.createElementVNode("img",{src:Vm},null,-1),km=[Sm],Em=s.createElementVNode("img",{src:wm},null,-1),Nm=[Em],Im=s.createElementVNode("img",{src:Mm},null,-1),Tm=[Im],Dm=s.defineComponent({__name:"VpToolbar",props:s.mergeModels({tools:{}},{settings:{default:()=>({tool:"freehand",thickness:5,color:"#c82d2d"})},settingsModifiers:{}}),emits:s.mergeModels(["set-tool","save","undo","redo","reset"],["update:settings"]),setup(A,{emit:c}){const e=c,a=s.useModel(A,"settings");return(r,t)=>(s.openBlock(),s.createElementBlock("div",Lm,[s.renderSlot(r.$slots,"default",{},()=>[s.renderSlot(r.$slots,"tools",{},()=>[s.createElementVNode("div",ym,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.tools.filter(n=>n.icon),n=>s.renderSlot(r.$slots,`tool-${n.type}`,{},()=>[(s.openBlock(),s.createElementBlock("button",{key:n.type,class:s.normalizeClass([a.value.tool===n.type?"active":"",`vp-tool-${n.type}`]),onClick:o=>e("set-tool",n.type),title:n.type,innerHTML:n.icon},null,10,Fm))])),256))])]),s.renderSlot(r.$slots,"settings",{},()=>[s.createElementVNode("div",bm,[s.renderSlot(r.$slots,"setting-thickness",{},()=>[s.withDirectives(s.createElementVNode("input",{type:"range",min:"1",max:"10",class:"vp-setting-thickness","onUpdate:modelValue":t[0]||(t[0]=n=>a.value.thickness=n)},null,512),[[s.vModelText,a.value.thickness]])]),s.renderSlot(r.$slots,"setting-color",{},()=>[s.withDirectives(s.createElementVNode("input",{type:"color",class:"vp-setting-color","onUpdate:modelValue":t[1]||(t[1]=n=>a.value.color=n)},null,512),[[s.vModelText,a.value.color]])])])]),s.renderSlot(r.$slots,"actions",{},()=>[s.createElementVNode("div",Qm,[s.renderSlot(r.$slots,"action-undo",{},()=>[s.createElementVNode("button",{onClick:t[2]||(t[2]=n=>e("undo")),class:"vp-action-undo"},Um)]),s.renderSlot(r.$slots,"action-redo",{},()=>[s.createElementVNode("button",{onClick:t[3]||(t[3]=n=>e("redo")),class:"vp-action-redo"},km)]),s.renderSlot(r.$slots,"action-reset",{},()=>[s.createElementVNode("button",{onClick:t[4]||(t[4]=n=>e("reset")),class:"vp-action-reset"},Nm)]),s.renderSlot(r.$slots,"action-save",{},()=>[s.createElementVNode("button",{onClick:t[5]||(t[5]=n=>e("save")),class:"vp-action-save"},Tm)])])])])]))}});function U4({history:A,tools:c,activeShape:e,includeActiveShape:a}){return{simplifiedHistory:s.computed(()=>{const r=e!=null&&e.value?[...A.value,e.value]:[...A.value];return c.value.reduce((t,n)=>{var o;return((o=n.simplifyHistory)==null?void 0:o.call(n,t,c.value))??t},r).filter(t=>{var n;return a||t.id!==((n=e==null?void 0:e.value)==null?void 0:n.id)})})}}function p6(){return[26,36,36,36,36,36,36].map(A=>Math.floor(Math.random()*A+(36-A)).toString(36)).join("")}const _m=["viewBox","id"],Km=s.defineComponent({__name:"VpImage",props:{tools:{},activeShape:{},history:{},width:{},height:{}},setup(A,{expose:c}){const e=A,a=s.ref(),r=s.ref(p6());c({svg:a});function t(l){return e.tools.find(h=>h.type===l)}const n=s.computed(()=>e.tools.map(l=>l.svgStyle?typeof l.svgStyle=="function"?l.svgStyle({svgId:r.value}):s.unref(l.svgStyle):"").join(`
+(function(s,x4){typeof exports=="object"&&typeof module<"u"?module.exports=x4(require("vue")):typeof define=="function"&&define.amd?define(["vue"],x4):(s=typeof globalThis<"u"?globalThis:s||self,s.LabmakerPlugin=x4(s.Vue))})(this,function(s){"use strict";const x4="",W=(A,c)=>{const e=A.__vccOpts||A;for(const[a,r]of c)e[a]=r;return e},fl={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(){}},hl=s.createElementVNode("h1",null,"File Uploader",-1),ml={class:"image-uploader"},ul=s.createElementVNode("h1",null,"File Uploader",-1),pl={class:"your-file"},dl=["src"];function Hl(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock(s.Fragment,null,[hl,s.createElementVNode("div",ml,[ul,s.createElementVNode("input",{onChange:c[0]||(c[0]=(...n)=>t.fileUpload&&t.fileUpload(...n)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),s.createElementVNode("div",pl,[s.createElementVNode("img",{src:r.imgSRC,alt:"",scrset:""},null,8,dl)])])],64)}const gl=W(fl,[["render",Hl]]),vZ="",Cl={props:["title"],data(){return{}},computed:{}};function vl(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("header",null,[s.createElementVNode("h1",null,s.toDisplayString(e.title),1)])}const Bl=W(Cl,[["render",vl]]),BZ="",zl={props:["content","image"],data(){return{}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)}},mounted(){var A;(A=this.image)!=null&&A.supportImage||this.stepperStore.finishSteps()},beforeMount(){this.stepperStore=this.stepperMain()}},Vl={class:"image-container"},wl={class:"image"},Ml=["src","alt"],Ll=["innerHTML"],yl=["innerHTML"],Fl=["innerHTML"];function bl(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",Vl,[s.createElementVNode("div",wl,[s.createElementVNode("img",{src:e.content.src,alt:e.content.alt,class:s.normalizeClass(e.content.class)},null,10,Ml),e.content.captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.captionHeader},null,8,Ll)):s.createCommentVNode("",!0),e.content.caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.caption},null,8,yl)):s.createCommentVNode("",!0),e.content.copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.copyright,class:"copyright"},null,8,Fl)):s.createCommentVNode("",!0)])])}const Ql=W(zl,[["render",bl],["__scopeId","data-v-9c649cb5"]]),zZ="",xl={props:["content"],data(){return{showGif:!1,showPause:!1,tempGif:"",tempImage:"",alphanum:"",imgWidth:"",imgHeight:""}},computed:{altText(){return!this.content.altText&&this.content.textVersion?"Select text version for a more detailed description.":this.content.altText},imageSrc(){return this.content.src},pngImageSrc(){return!this.tempImage||this.tempImage===" "?this.content.posterSrc?this.content.posterSrc:"//cdn.flvs.net/course_view/1_0/dist/images/placeholder.png":this.tempImage}},methods:{process(){this.tempGif=document.getElementById("giffyGif_"+this.alphanum),this.tempGif.onload=()=>{this.imgHeight=this.tempGif.height,this.imgWidth=this.tempGif.width;let A=document.createElement("canvas");A.width=this.imgWidth,A.height=this.imgHeight,A.getContext("2d").drawImage(this.tempGif,0,0),this.tempImage=A.toDataURL("image/png")}},playGif(){this.showGif=!this.showGif,this.content.animDuration&&this.showGif&&setTimeout(()=>{this.showGif=!1},this.content.animDuration),this.stepperStore.finishSteps()},pauseGif(){this.showGif&&(this.showPause=!0)},pauseGifHide(){this.showPause=!1},updateGifSize(){let A=document.getElementById("giffyPng_"+this.alphanum);A.complete?(this.imgWidth=A.width,this.imgHeight=A.height):A.onload=function(){this.imgWidth=A.width,this.imgHeight=A.height,A.onload=null}}},mounted(){this.process()},beforeMount(){this.stepperStore=this.stepperMain(),this.alphanum=Math.random().toString(36).replace("0.","")}},Ul=A=>(s.pushScopeId("data-v-8a2b22b7"),A=A(),s.popScopeId(),A),Sl={class:"image-container"},kl={class:"image"},El=Ul(()=>s.createElementVNode("span",{class:"screenReaderAlt","aria-hidden":"true"},"Start Animation",-1)),Nl=["id","alt","src"],Il=["id","src","alt"],Tl=["innerHTML"],Dl=["innerHTML"],_l=["innerHTML"];function Kl(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",Sl,[s.createElementVNode("div",kl,[s.createElementVNode("a",{href:"javascript:void(0)","aria-label":"play","aria-hidden":"true",class:"gAnimBg",onMouseover:c[0]||(c[0]=(...n)=>t.pauseGif&&t.pauseGif(...n)),onMouseout:c[1]||(c[1]=(...n)=>t.pauseGifHide&&t.pauseGifHide(...n)),onClick:c[2]||(c[2]=(...n)=>t.playGif&&t.playGif(...n))},[El,s.withDirectives(s.createElementVNode("div",{class:s.normalizeClass(["playButtonStyles",{dark:e.content.animButton==="dark"}])},[s.createElementVNode("div",{class:s.normalizeClass(["playButtonIconStyles",{dark:e.content.animButton==="dark"}])},null,2)],2),[[s.vShow,r.showGif===!1]]),s.withDirectives(s.createElementVNode("div",{class:s.normalizeClass(["pauseButtonStyles",{dark:e.content.animButton==="dark"}])},[s.createElementVNode("div",{class:s.normalizeClass(["pauseButtonIconStyles",{dark:e.content.animButton==="dark"}])},null,2)],2),[[s.vShow,r.showPause]]),s.withDirectives(s.createElementVNode("img",{id:"giffyPng_"+r.alphanum,class:s.normalizeClass(["giffyPng",e.content.class]),alt:t.altText,src:t.pngImageSrc},null,10,Nl),[[s.vShow,r.showGif===!1]]),s.withDirectives(s.createElementVNode("img",{id:"giffyGif_"+r.alphanum,src:t.imageSrc,alt:t.altText,class:s.normalizeClass(["giffyGif",e.content.class])},null,10,Il),[[s.vShow,r.showGif]])],32),e.content.captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.captionHeader},null,8,Tl)):s.createCommentVNode("",!0),e.content.caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.caption},null,8,Dl)):s.createCommentVNode("",!0),e.content.copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.copyright,class:"copyright"},null,8,_l)):s.createCommentVNode("",!0)])])}const Rl=W(xl,[["render",Kl],["__scopeId","data-v-8a2b22b7"]]),VZ="",Ol={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()})}this.stepperStore.finishSteps()}},Pl={key:0,class:"textVersion"},Gl=s.createElementVNode("h1",null,"Text Version",-1),Wl=["innerHTML"],Xl=["src","width","height"],ql=["src","width","height"],Yl=["src","width","height"],Jl={key:2,class:"alert alert-danger"};function jl(A,c,e,a,r,t){const n=s.resolveComponent("el-button");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["kContainer",e.content.class])},[e.content.textVersion&&r.showingText?(s.openBlock(),s.createElementBlock("div",Pl,[Gl,s.createElementVNode("div",{innerHTML:e.content.textVersion},null,8,Wl)])):s.createCommentVNode("",!0),!r.showingText&&e.content.kalturaEntryId?(s.openBlock(),s.createElementBlock("div",{key:1,class:"mainVersion",style:s.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[e.content.kalturaType=="video"&&!r.showingKaltura?(s.openBlock(),s.createElementBlock("div",{key:0,class:s.normalizeClass(["kPoster",{active:r.showingKaltura==!0}]),style:s.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[s.createElementVNode("iframe",{onClick:c[0]||(c[0]=(...o)=>t.showKaltura&&t.showKaltura(...o)),class:"videoIframe",src:t.kalturaMedia(e.content),width:t.kWidth+"px",height:t.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Xl)],6)):s.createCommentVNode("",!0),e.content.kalturaType=="audio"?(s.openBlock(),s.createElementBlock("div",{key:1,class:s.normalizeClass(["kAudio",{active:r.showingKaltura==!0}]),onClick:c[1]||(c[1]=(...o)=>t.showKaltura&&t.showKaltura(...o))},[s.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,ql)],2)):s.createCommentVNode("",!0),e.content.kalturaType=="audiobtn"?(s.openBlock(),s.createElementBlock("div",{key:2,class:s.normalizeClass(["kAudiobtn",{active:r.showingKaltura==!0}]),onClick:c[2]||(c[2]=(...o)=>t.showKaltura&&t.showKaltura(...o))},[s.createElementVNode("iframe",{src:t.kalturaMedia(e.content),width:r.audioBtn.width+"px",height:r.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Yl)],2)):s.createCommentVNode("",!0)],4)):s.createCommentVNode("",!0),e.content.kalturaEntryId==""?(s.openBlock(),s.createElementBlock("div",Jl,"There is no Kaltura Entry ID")):s.createCommentVNode("",!0),e.content.textVersion?(s.openBlock(),s.createBlock(n,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:c[3]||(c[3]=s.withModifiers(o=>t.showText(e.content.kalturaType),["stop"]))},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(t.getButtonText(e.content.kalturaType)),1)]),_:1})):s.createCommentVNode("",!0)],2)}const $l=W(Ol,[["render",jl]]),wZ="",Zl={props:["content"],data(){return{value1:50,styleObject:{height:"",width:""}}},computed:{dark(){return this.content.dark?"dark":!1},vertical(){return!!this.content.vertical},verticalClass(){return this.content.vertical?"is-vertical":!1},style(){return this.content.vertical?(this.styleObject.height=100-this.value1+"%",this.styleObject.width=""):(this.styleObject.height="",this.styleObject.width=this.value1+"%"),this.styleObject},captionWidth(){return this.value1<=30&&!this.content.vertical?"200px":"100%"}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},updateStartHeight(){return this.content.startHeight&&(this.value1=this.content.startHeight),!1}},mounted(){this.stepperStore.finishSteps(),this.updateStartHeight()},beforeMount(){this.stepperStore=this.stepperMain()}},Af={class:"image-compare"},cf={class:"image"},ef=["src","alt"],af=["innerHTML"],rf=["innerHTML"],tf=["innerHTML"],sf=["src","alt"],nf={class:"captionAreaRight"},of=["innerHTML"],lf=["innerHTML"],ff=["innerHTML"];function hf(A,c,e,a,r,t){const n=s.resolveComponent("el-slider");return s.openBlock(),s.createElementBlock("div",Af,[s.createVNode(n,{class:s.normalizeClass(["imageSlide",t.dark]),modelValue:r.value1,"onUpdate:modelValue":c[0]||(c[0]=o=>r.value1=o),step:5,"show-tooltip":!1,vertical:t.vertical},null,8,["class","modelValue","vertical"]),s.createElementVNode("div",cf,[s.createElementVNode("div",{class:s.normalizeClass(["imageLeft",t.dark,t.verticalClass]),style:s.normalizeStyle(t.style)},[s.createElementVNode("img",{src:e.content.image.srcLeft,alt:e.content.image.altLeft,class:s.normalizeClass(e.content.image.classLeft)},null,10,ef),s.createElementVNode("div",{class:"captionAreaLeft",style:s.normalizeStyle({width:t.captionWidth})},[e.content.image.captionHeaderLeft?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image.captionHeaderLeft},null,8,af)):s.createCommentVNode("",!0),e.content.image.captionLeft?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image.captionLeft},null,8,rf)):s.createCommentVNode("",!0),e.content.image.copyrightLeft?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image.copyrightLeft,class:"copyright"},null,8,tf)):s.createCommentVNode("",!0)],4)],6),s.createElementVNode("img",{class:s.normalizeClass(["imageRight",e.content.image.classRight]),src:e.content.image.srcRight,alt:e.content.image.altRight},null,10,sf),s.createElementVNode("div",nf,[e.content.image.captionHeaderRight?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image.captionHeaderRight},null,8,of)):s.createCommentVNode("",!0),e.content.image.captionRight?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image.captionRight},null,8,lf)):s.createCommentVNode("",!0),e.content.image.copyrightRight?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image.copyrightRight,class:"copyright"},null,8,ff)):s.createCommentVNode("",!0)])])])}const mf=W(Zl,[["render",hf],["__scopeId","data-v-ca834e68"]]),MZ="",uf={components:{},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{},methods:{spotDone(A){var c;return(c=this.stepperStore.getStepPage[A])!=null&&c.completed?"check-done":!1},showSpot(A){var c;if((c=this.stepperStore.getStepPage[A])!=null&&c.testPage){let e=!0;return this.stepperStore.getStepPage.forEach((a,r)=>{a.testPage!==!0&&!a.completed&&(e=!1)}),!!e}return!0},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)},hotspots(){if(this.stepperStore.randomResults)return this.stepperStore.randomResults;if(this.content.showCount){let A=function(c,e){return[...c].sort(()=>.5-Math.random()).slice(0,e)};if(this.content.showByGroup){let c=[];this.content.hotspots.forEach(a=>{c.indexOf(a.group)===-1&&c.push(a.group)});let e=[];return c.forEach(a=>{let r=this.content.hotspots.filter(t=>t.group===a);e.push(A(r,1)[0])}),this.stepperStore.randomResults=e,e}else{let c=A(this.content.hotspots,this.content.showCount);return this.stepperStore.randomResults=c,c}}else return this.content.hotspots},imgAlt(A,c){return c?"Button Marker "+Number(A+1)+": "+c:"Button Marker "+Number(A+1)}},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")}},pf={class:"imageMarker"},df=["src","alt"],Hf={class:"hotspotArea"},gf=["src","alt"],Cf=["innerHTML"],vf={key:1,class:"big_green"};function Bf(A,c,e,a,r,t){const n=s.resolveComponent("el-button"),o=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",pf,[s.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,df),s.createElementVNode("div",Hf,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.hotspots(),(i,f)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[t.showSpot(f)?(s.openBlock(),s.createBlock(n,{key:0,type:i.buttonType,onClick:s.withModifiers(l=>t.changePage(i,f),["stop"]),id:"hotspot_"+f,class:s.normalizeClass([["is-"+i.buttonShape,{noBG:i.buttonImage},i.class,t.spotDone(f)],"hotspot"]),style:s.normalizeStyle({top:t.pixelFormat(i.cordinatesX),left:t.pixelFormat(i.cordinatesY),width:t.pixelFormat(i.dimensionsW),height:t.pixelFormat(i.dimensionsH)}),icon:i.buttonIcon},{default:s.withCtx(()=>[i.buttonImage?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:i.buttonImage,alt:t.imgAlt(f,i.buttonImageAlt)},null,8,gf)):s.createCommentVNode("",!0),s.createElementVNode("span",{class:"im-buttonText",innerHTML:i.name},null,8,Cf),t.spotDone(f)?(s.openBlock(),s.createElementBlock("div",vf)):s.createCommentVNode("",!0)]),_:2},1032,["type","onClick","id","class","style","icon"])):s.createCommentVNode("",!0),t.showFeedback(f)?(s.openBlock(),s.createBlock(o,{key:1,content:i},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))])])}const zf=W(uf,[["render",Bf],["__scopeId","data-v-1c0c8a92"]]),LZ="",Vf={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")}},wf=["innerHTML"],Mf=["src","alt"],Lf={class:"hotspotArea"};function yf(A,c,e,a,r,t){const n=s.resolveComponent("el-col"),o=s.resolveComponent("el-button"),i=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(i,{class:"imageReplacer"},{default:s.withCtx(()=>[s.createVNode(n,{span:12},{default:s.withCtx(()=>[s.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:e.content.description},null,8,wf)]),_:1}),s.createVNode(n,{span:12},{default:s.withCtx(()=>[s.createElementVNode("img",{class:"im-ButtonImage",src:r.imageSrc,alt:r.imageAlt},null,8,Mf),s.createElementVNode("div",Lf,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.hotspots,(f,l)=>(s.openBlock(),s.createBlock(o,{type:f.buttonType,onClick:s.withModifiers(h=>t.changeImage(l),["stop"]),class:"hotspot",style:s.normalizeStyle({top:t.pixelFormat(f.cordinatesX),left:t.pixelFormat(f.cordinatesY),width:t.pixelFormat(f.dimensionsW),height:t.pixelFormat(f.dimensionsH)}),icon:f.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const Ff=W(Vf,[["render",yf],["__scopeId","data-v-d6c87f03"]]),yZ="",bf={props:["content"],data(){return{value1:0,marks:{}}},computed:{dark(){return this.content.dark?"dark":!1},imageCount(){return this.content.image.length-1},vertical(){return!!this.content.vertical},verticalClass(){return this.content.vertical?"is-vertical":!1}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},populateMArks(){this.content.image.forEach((A,c)=>{this.marks[c]=A.mark})}},mounted(){this.stepperStore.finishSteps(),this.populateMArks()},beforeMount(){this.stepperStore=this.stepperMain()}},Qf={class:"image"},xf=["src","alt"],Uf=["innerHTML"],Sf=["innerHTML"],kf=["innerHTML"];function Ef(A,c,e,a,r,t){const n=s.resolveComponent("el-slider");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["image-slider",{verticalSlider:t.vertical}])},[s.createVNode(n,{class:s.normalizeClass(["imageSlide",t.dark]),modelValue:r.value1,"onUpdate:modelValue":c[0]||(c[0]=o=>r.value1=o),"show-tooltip":!1,vertical:t.vertical,step:1,"show-stops":"",max:t.imageCount,marks:r.marks},null,8,["class","modelValue","vertical","max","marks"]),s.createElementVNode("div",Qf,[s.createElementVNode("img",{src:e.content.image[r.value1].src,alt:e.content.image[r.value1].alt,class:s.normalizeClass(e.content.image[r.value1].class)},null,10,xf),s.createElementVNode("div",{class:"captionArea",style:s.normalizeStyle({width:A.captionWidth})},[e.content.image[r.value1].captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image[r.value1].captionHeader},null,8,Uf)):s.createCommentVNode("",!0),e.content.image[r.value1].caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image[r.value1].caption},null,8,Sf)):s.createCommentVNode("",!0),e.content.image[r.value1].copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image[r.value1].copyright,class:"copyright"},null,8,kf)):s.createCommentVNode("",!0)],4)])],2)}const Nf=W(bf,[["render",Ef],["__scopeId","data-v-5c5bbbef"]]),FZ="",If={props:["content"],data(){return{showOverlay:!0}},computed:{overlayButtonText(){return this.showOverlay?"Hide Overlay":"Show Overlay"}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},getSavedImage(){document.getElementById("canvasBlob").appendChild(this.stepperStore.getCanvasImage)}},mounted(){this.getSavedImage(),this.stepperStore.finishSteps()},beforeMount(){this.stepperStore=this.stepperMain()}},Tf=A=>(s.pushScopeId("data-v-0f3f694e"),A=A(),s.popScopeId(),A),Df={class:"imageCompare"},_f=Tf(()=>s.createElementVNode("div",{id:"canvasBlob"},null,-1)),Kf={class:"hideCompareButtons"};function Rf(A,c,e,a,r,t){const n=s.resolveComponent("el-button");return s.openBlock(),s.createElementBlock("div",Df,[r.showOverlay?(s.openBlock(),s.createElementBlock("div",{key:0,class:"overlay",style:s.normalizeStyle("background: url("+e.content.overlay+")")},null,4)):s.createCommentVNode("",!0),_f,s.createElementVNode("div",Kf,[s.createVNode(n,{size:"medium",type:"primary",onClick:c[0]||(c[0]=o=>r.showOverlay=!r.showOverlay)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(t.overlayButtonText),1)]),_:1})])])}const Of=W(If,[["render",Rf],["__scopeId","data-v-0f3f694e"]]),bZ="",Pf={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.content.stepDirections&&(this.stepperStore.stepDirectionsArray[this.stepperStore.stepPage].display=!1),this.stepperStore.showFeedback=!1,this.stepperStore.showFeedbackAttempts=!1,this.stepperStore.lastPageFocus()}},mounted(){},beforeMount(){var A,c;this.stepperStore=this.stepperMain(),((A=this.content.feedbackContent)==null?void 0:A.type)==="media"&&((c=this.content.feedbackContent.fieldValues)==null?void 0:c.kalturaType)==="video"&&(this.content.feedbackContent.fieldValues.width="480",this.content.feedbackContent.fieldValues.height="360",this.content.feedbackWidth="80%")}},Gf={class:"my-header"},Wf=["id","innerHTML"],Xf=["innerHTML"],qf={key:1},Yf={key:0},Jf=["innerHTML"],jf=["src"],$f=["innerHTML"],Zf={class:"dialog-footer"};function Ah(A,c,e,a,r,t){var l;const n=s.resolveComponent("lab-kaltura"),o=s.resolveComponent("lab-image"),i=s.resolveComponent("el-button"),f=s.resolveComponent("el-dialog");return s.openBlock(),s.createBlock(f,{width:t.feedbackWidth,modelValue:r.show,"onUpdate:modelValue":c[1]||(c[1]=h=>r.show=h),"before-close":t.feedbackClose,class:s.normalizeClass([((l=e.content.feedbackContent)==null?void 0:l.type)==="media"?"video_dialog":""])},{header:s.withCtx(({close:h,titleId:m,titleClass:u})=>[s.createElementVNode("div",Gf,[s.createElementVNode("h4",{id:m,class:s.normalizeClass(u),innerHTML:t.feedbackHeader},null,10,Wf)])]),footer:s.withCtx(()=>[s.createElementVNode("span",Zf,[s.createVNode(i,{size:"small",id:"feedbackClose",type:"primary",onClick:c[0]||(c[0]=s.withModifiers(h=>t.feedbackClose(),["stop"]))},{default:s.withCtx(()=>[s.createTextVNode("Close")]),_:1})])]),default:s.withCtx(()=>[t.getShowFeedbackAttempts?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[e.content.feedbackAttempts?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.feedbackAttempts},null,8,Xf)):(s.openBlock(),s.createElementBlock("p",qf,"You have tried too many times, the correct answer has been provided for you."))],64)):(s.openBlock(),s.createElementBlock(s.Fragment,{key:1},[e.content.feedbackContent?(s.openBlock(),s.createElementBlock("div",Yf,[e.content.feedbackContent.type==="media"?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.feedbackContent.fieldValues,class:s.normalizeClass([e.content.feedbackContent.fieldValues.class,{video:e.content.feedbackContent.fieldValues.kalturaType==="video"}])},null,8,["content","class"])):s.createCommentVNode("",!0),e.content.feedbackContent.type==="image"?(s.openBlock(),s.createBlock(o,{key:1,content:e.content.feedbackContent.fieldValues},null,8,["content"])):s.createCommentVNode("",!0),s.createElementVNode("p",{innerHTML:e.content.feedbackContent.directions},null,8,Jf)])):s.createCommentVNode("",!0),e.content.feedbackImage?(s.openBlock(),s.createElementBlock("img",{key:1,class:"im-ButtonImage",src:e.content.feedbackImage,alt:"button image"},null,8,jf)):s.createCommentVNode("",!0),s.createElementVNode("p",{innerHTML:e.content.feedback},null,8,$f)],64))]),_:1},8,["width","modelValue","before-close","class"])}const ch=W(Pf,[["render",Ah]]),QZ="",eh={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(!0),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(!1);this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.quizArray.forEach((n,o)=>{this.input[o]?this.input[o]=this.content.options[o].answer:this.input.push(this.content.options[o].answer),c.push(this.content.options[o].answer),this.quizItemCompleted.push(o+1)}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),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 ah(A,c,e,a,r,t){const n=s.resolveComponent("el-option"),o=s.resolveComponent("el-select"),i=s.resolveComponent("el-date-picker"),f=s.resolveComponent("el-button"),l=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["drop-down",e.content.class])},[s.createElementVNode("p",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.quizArray,(h,m)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createElementVNode("span",{class:s.normalizeClass(t.quizClass(m))},[s.createElementVNode("span",{class:s.normalizeClass("quizText quizSection_"+m)},s.toDisplayString(h)+" ",3),t.quizType(m)==="choose"?(s.openBlock(),s.createBlock(o,{key:0,onChange:u=>t.choicesMade(m),modelValue:r.input[m],"onUpdate:modelValue":u=>r.input[m]=u,placeholder:t.quizDisplay(m)},{default:s.withCtx(()=>[t.quizArrayCompleted(m)?s.createCommentVNode("",!0):(s.openBlock(!0),s.createElementBlock(s.Fragment,{key:0},s.renderList(r.quizOptions[m],u=>(s.openBlock(),s.createBlock(n,{key:u,label:u,value:u},null,8,["label","value"]))),128))]),_:2},1032,["onChange","modelValue","onUpdate:modelValue","placeholder"])):s.createCommentVNode("",!0),t.quizType(m)==="date"?(s.openBlock(),s.createBlock(i,{key:1,onChange:u=>t.choicesMade(m),modelValue:r.input[m],"onUpdate:modelValue":u=>r.input[m]=u,type:"date",placeholder:t.quizDisplay(m),format:e.content.options[m].format,"value-format":e.content.options[m].format,disabled:t.quizArrayCompleted(m)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):s.createCommentVNode("",!0)],2),s.createTextVNode("  ")],64))),256))]),s.createVNode(f,{size:"small",type:"primary",class:"drop-down-submit",onClick:c[0]||(c[0]=h=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(l,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const rh=W(eh,[["render",ah]]),xZ="",th={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(!0),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(!1)),this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.input.forEach((n,o)=>{this.input[o]=this.content.answers[o],c.push(this.content.answers[o])}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),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 sh(A,c,e,a,r,t){const n=s.resolveComponent("el-input"),o=s.resolveComponent("el-button"),i=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["fill-blank",e.content.class])},[s.createElementVNode("p",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.quizArray,(f,l)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createTextVNode(s.toDisplayString(f),1),l<t.quizArrayCount?(s.openBlock(),s.createBlock(n,{key:0,modelValue:r.input[l],"onUpdate:modelValue":h=>r.input[l]=h,placeholder:"Please input",size:"small"},null,8,["modelValue","onUpdate:modelValue"])):s.createCommentVNode("",!0)],64))),256))]),s.createVNode(o,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[0]||(c[0]=f=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(i,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const nh=W(th,[["render",sh]]),UZ="",ih={components:{},props:["content"],data(){return{quizArray:[],quizArrayInputKeys:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{},keyboardShow:!1}},watch:{input:{handler:function(A){},deep:!0}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{prepareQuiz(){this.quizArray=this.content.quiz.split("*"),this.quizArray.forEach((A,c)=>{A==="_"&&this.quizArrayInputKeys.push(c),this.input[c]=""})},prepareMathLive(){this.quizArray.forEach((A,c)=>{if(A==="_"){let e=document.getElementById("mf_"+c),a=document.getElementById("keyBoardDiv");window.mathVirtualKeyboard.container=a,this.content.keyboard==="geometry"?window.mathVirtualKeyboard.layouts=[{label:"123",rows:[[{label:"x",shift:"y"},{label:"s",shift:"m"},{label:"[separator]",width:.5},"7","8","9","[/]",{label:"[separator]",width:.5},"\\frac{#?}{#?}","#@^{#?}","#@_{#?}"],["\\lt","\\gt",{label:"[separator]",width:.5},"4","5","6","[*]",{label:"[separator]",width:.5},"\\sqrt{#?}","\\sqrt[#?]{#?}","\\imaginaryI"],["\\le","\\ge",{label:"[separator]",width:.5},"1","2","3","[-]",{label:"[separator]",width:.5},{label:"\\sin",shift:"\\arcsin"},{label:"\\cos",shift:"\\arccos"},{label:"\\tan",shift:"\\arctan"}],["(",")",{label:"[separator]",width:.5},"0",".","[=]","[+]",{label:"[separator]",width:.5},"\\pi",{label:"[separator]",width:1},{label:"[backspace]",width:1}],["[shift]","[separator]","[left]",{label:" ",width:2},"[right]",{label:"[separator]",width:2},{label:"[separator]",width:.5},{label:"[return]",width:1}]]},"alphabetic"]:this.content.keyboard==="numberpad"&&(window.mathVirtualKeyboard.layouts=[{label:"123",rows:[["7","8","9","[/]",{label:"[separator]",width:.5},{label:"[backspace]",width:1}],["4","5","6","[*]",{label:"[separator]",width:.5},"\\frac{#?}{#?}"],["1","2","3","[-]",{label:"[separator]",width:.5},"#@^{#?}"],["0",".","[=]","[+]",{label:"[separator]",width:.5},"#@_{#?}"],["[left]",{label:" ",width:2},"[right]",{label:"[separator]",width:.5},{label:"[return]",width:1}]]}]),e.addEventListener("click",r=>{this.keyboardShow=!0,r.preventDefault(),mathVirtualKeyboard.show()}),e.addEventListener("focus",r=>{this.keyboardShow=!0,r.preventDefault(),mathVirtualKeyboard.show()}),e.addEventListener("focusout",r=>{this.keyboardShow=!1}),e.addEventListener("blur",r=>{this.keyboardShow=!1}),e.addEventListener("input",r=>{let t=e.getValue();this.input[c].substring(0,1)!=="$$"?this.input[c]="$$"+t+"$$":this.input[c]=t,this.renderMath(),e.setValue(t,{silenceNotifications:!0})})}})},choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!0,c=0;this.quizArrayInputKeys.forEach((e,a)=>{if(this.input[e]!==""&&(A=!1),this.content.answers[c]===this.input[e])this.correctChoices.includes(e)===!1&&this.correctChoices.push(e);else if(this.correctChoices.includes(e)===!0){let r=this.correctChoices.indexOf(e);this.correctChoices.splice(r,1)}c++}),A?(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(!0),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.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete(!1);this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.input.forEach((n,o)=>{this.input[o]=this.content.answers[o],c.push(this.content.answers[o])}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback},renderMath(){this.$mathjax&&MathJax.typesetPromise().then(()=>{console.log("MathJax typesetting done!")}).catch(A=>{console.error("MathJax typesetting failed:",A)})}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}this.prepareMathLive(),this.renderMath()},beforeMount(){this.prepareQuiz(),this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},oh=["innerHTML"],lh={key:0},fh={id:"keyBoardDiv"};function hh(A,c,e,a,r,t){const n=s.resolveComponent("math-field"),o=s.resolveComponent("el-button"),i=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["fill-blank",e.content.class])},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.quizArray,(f,l)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[f!=="_"?(s.openBlock(),s.createElementBlock("span",{key:0,class:"quizText",innerHTML:f},null,8,oh)):(s.openBlock(),s.createElementBlock(s.Fragment,{key:1},[s.createVNode(n,{class:"quizInput",id:"mf_"+l,style:{"font-size":"1rem",display:"block"},"default-mode":e.content.mathMode},null,8,["id","default-mode"]),e.content.showLatext?(s.openBlock(),s.createElementBlock("span",lh,s.toDisplayString(r.input[l]),1)):s.createCommentVNode("",!0)],64))],64))),256)),s.createVNode(o,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[0]||(c[0]=f=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(i,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0),s.withDirectives(s.createElementVNode("div",fh,null,512),[[s.vShow,r.keyboardShow]])],2)}const mh=W(ih,[["render",hh]]),SZ="",uh={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(A){let c,e="not correct",a=document.querySelectorAll(".selectableButton");for(let o=0;o<a.length;o++)a[o].classList.add("is-failure"),a[o].setAttribute("disabled",!0),this.content.choices[o].correct&&(a[o].classList.add("is-success"),c=this.content.choices[o].text);A&&(e="correct");let r={page:this.stepperStore.stepPage,result:e,correctAnswer:c},t=this.stepperStore.results.find(o=>o.page===this.stepperStore.stepPage),n=this.stepperStore.results.indexOf(t);t?this.stepperStore.results.fill(t.result=e,n,n++):this.stepperStore.results.push(r),this.stepperStore.finishSteps()},choicesCheck(A){this.getAttempt<Number(this.content.attempts)?this.content.choices[A].correct===!0?this.choicesComplete(!0):this.stepperStore.attempts=this.getAttempt+1:(this.content.choices[A].correct!==!0&&(this.stepperStore.showFeedbackAttempts=!0),this.choicesComplete(!1)),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)}},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.content.ordered||this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},ph=["innerHTML"],dh={class:"selectArea"},Hh={class:"buttonSpan"},gh=["src","alt"],Ch={class:"selectable-buttonText"},vh=["innerHTML"],Bh={class:"buttonSpan"},zh=["src","alt"],Vh={class:"selectable-buttonText"};function wh(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),o=s.resolveComponent("el-col"),i=s.resolveComponent("el-divider"),f=s.resolveComponent("el-button"),l=s.resolveComponent("lab-feedback"),h=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(h,{id:e.content.id,class:s.normalizeClass(["selectable",e.content.classes])},{default:s.withCtx(()=>[e.content.image?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[s.createVNode(o,{span:t.leftColWidth(A.index)},{default:s.withCtx(()=>[e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0)]),_:1},8,["span"]),s.createVNode(o,{span:t.rightColWidth(A.index)},{default:s.withCtx(()=>[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,ph)):s.createCommentVNode("",!0),s.createElementVNode("div",dh,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.choices,(m,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[!e.content.noDivider&&u>0?(s.openBlock(),s.createBlock(i,{key:0})):s.createCommentVNode("",!0),s.createVNode(f,{size:"small",type:"primary",class:"selectableButton",style:s.normalizeStyle({width:t.pixelFormat(e.content.choiceWidth),height:t.pixelFormat(e.content.choiceHeight)}),onClick:p=>t.choicesCheck(u)},{default:s.withCtx(()=>[s.createElementVNode("div",Hh,[m.image?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:m.image,alt:m.alt?m.alt:"button image"},null,8,gh)):s.createCommentVNode("",!0),s.createElementVNode("span",Ch,s.toDisplayString(m.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(u)?(s.openBlock(),s.createBlock(l,{key:1,content:m},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))])]),_:1},8,["span"])],64)):(s.openBlock(),s.createElementBlock(s.Fragment,{key:1},[s.createVNode(o,{span:12},{default:s.withCtx(()=>[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,vh)):s.createCommentVNode("",!0)]),_:1}),s.createVNode(o,{span:12,class:"selectArea"},{default:s.withCtx(()=>[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.choices,(m,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[!e.content.noDivider&&u>0?(s.openBlock(),s.createBlock(i,{key:0})):s.createCommentVNode("",!0),s.createVNode(f,{size:"small",type:"primary",class:"selectableButton",style:s.normalizeStyle({width:t.pixelFormat(e.content.choiceWidth),height:t.pixelFormat(e.content.choiceHeight)}),onClick:p=>t.choicesCheck(u)},{default:s.withCtx(()=>[s.createElementVNode("div",Bh,[m.image?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:m.image,alt:m.alt?m.alt:"button image"},null,8,zh)):s.createCommentVNode("",!0),s.createElementVNode("span",Vh,s.toDisplayString(m.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(u)?(s.openBlock(),s.createBlock(l,{key:1,content:m},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))]),_:1})],64))]),_:1},8,["id","class"])}const Mh=W(uh,[["render",wh],["__scopeId","data-v-73407ea6"]]),kZ="",Lh={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(!0),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(!1);this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.content.answers.forEach(n=>{c.push(n)}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),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 yh(A,c,e,a,r,t){const n=s.resolveComponent("el-input"),o=s.resolveComponent("el-button"),i=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["textbox",e.content.class])},[s.createElementVNode("p",null,s.toDisplayString(e.content.quiz),1),s.createVNode(n,{modelValue:r.input,"onUpdate:modelValue":c[0]||(c[0]=f=>r.input=f),autosize:{minRows:4,maxRows:8},type:"textarea",placeholder:"Please input"},null,8,["modelValue"]),s.createVNode(o,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[1]||(c[1]=f=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(i,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const Fh=W(Lh,[["render",yh]]),EZ="",bh={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)}},Qh={key:0},xh=["index","onClick"],Uh={class:"jl-menu-sub__title"},Sh=["id"],kh=["index","onClick"],Eh={class:"jl-menu-sub-sub__title"},Nh=["id"],Ih=["index","onClick"],Th=["onClick"],Dh={key:1,class:"jl-menu-item"},_h=["index","onClick"];function Kh(A,c,e,a,r,t){const n=s.resolveComponent("CaretBottom"),o=s.resolveComponent("el-icon"),i=s.resolveComponent("CaretRight"),f=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["menu-chooser",e.content.class])},[r.showMenuOverlay?(s.openBlock(),s.createElementBlock("div",{key:0,class:"nav-mask",onClick:c[0]||(c[0]=(...l)=>t.hideSubs&&t.hideSubs(...l))})):s.createCommentVNode("",!0),s.createElementVNode("p",null,s.toDisplayString(e.content.quiz),1),s.createElementVNode("div",{class:"jl-menu",onSelect:c[1]||(c[1]=(...l)=>t.choicesCheck&&t.choicesCheck(...l))},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.menu,(l,h)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[l.subMenu?(s.openBlock(),s.createElementBlock("div",Qh,[s.createElementVNode("button",{class:s.normalizeClass("jl-menu-sub sub-"+h),index:h,tabindex:"0",role:"menuitem",onClick:s.withModifiers(m=>t.showSub("sub-"+h),["stop"])},[s.createElementVNode("div",Uh,[s.createTextVNode(s.toDisplayString(l.name)+" ",1),s.createVNode(o,null,{default:s.withCtx(()=>[s.createVNode(n)]),_:1})])],10,xh),s.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+h},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(l.subMenu,(m,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[m.subMenu?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[s.createElementVNode("button",{class:s.normalizeClass("jl-menu-sub-sub sub-sub-"+u),index:h+"-"+u,tabindex:"0",role:"menuitem",onClick:s.withModifiers(p=>t.showSubSub("sub-sub-"+h),["stop"])},[s.createElementVNode("div",Eh,[s.createTextVNode(s.toDisplayString(m.name),1),s.createVNode(o,null,{default:s.withCtx(()=>[s.createVNode(i)]),_:1})])],10,kh),s.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+h},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(m.subMenu,(p,d)=>(s.openBlock(),s.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:h+"-"+u+"-"+d,tabindex:"0",role:"menuitem",onClick:s.withModifiers(C=>t.choicesCheck(h+"-"+u+"-"+d),["stop"])},[s.createElementVNode("div",null,s.toDisplayString(p.name),1)],8,Ih))),256))],8,Nh)],64)):(s.openBlock(),s.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:s.withModifiers(p=>t.choicesCheck(h+"-"+u),["stop"])},[s.createElementVNode("div",null,s.toDisplayString(m.name),1)],8,Th))],64))),256))],8,Sh)])):(s.openBlock(),s.createElementBlock("div",Dh,[s.createElementVNode("button",{class:"jl-menu-sub",index:h,tabindex:"0",role:"menuitem",onClick:s.withModifiers(m=>t.choicesCheck(h),["stop"])},s.toDisplayString(l.name),9,_h)]))],64))),256))],32),t.showFeedback()?(s.openBlock(),s.createBlock(f,{key:1,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const Rh=W(bh,[["render",Kh]]),NZ="",HA={y:{t:"top",m:"marginTop",b:"bottom"},x:{l:"left",m:"marginLeft",r:"right"}};function Oh(A){A.forEach((c,e)=>{document.documentElement.addEventListener(e,c)})}function Ph(A){A.forEach((c,e)=>{document.documentElement.removeEventListener(e,c)})}const Gh={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]]),Oh(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(){Ph(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:n,height:o}=this;let i=c.top-A.y,f=c.bottom+A.y,l=c.left-A.x,h=c.right+A.x;if(this.snapToGrid){let m=!0,u=!0,p=i-Math.floor(i/t)*t,d=a-f-Math.floor((a-f)/t)*t,C=l-Math.floor(l/r)*r,g=e-h-Math.floor((e-h)/r)*r;p>t/2&&(p-=t),d>t/2&&(d-=t),C>r/2&&(C-=r),g>r/2&&(g-=r),Math.abs(d)<Math.abs(p)&&(m=!1),Math.abs(g)<Math.abs(C)&&(u=!1),i-=m?p:d,f=a-o-i,l-=u?C:g,h=e-n-l}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:l,newRight:h,newTop:i,newBottom:f})),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:n,parentWidth:o}=this;let i=e.top,f=e.bottom,l=e.left,h=e.right;switch(c[0]){case"b":f=e.bottom+A.y,t&&(f=n-Math.round((n-f)/a)*a);break;case"t":i=e.top-A.y,t&&(i=Math.round(i/a)*a);break}switch(c[1]){case"r":h=e.right+A.x,t&&(h=o-Math.round((o-h)/r)*r);break;case"l":l=e.left-A.x,t&&(l=Math.round(l/r)*r);break}({newLeft:l,newRight:h,newTop:i,newBottom:f}=this.rectCorrectionByLimit({newLeft:l,newRight:h,newTop:i,newBottom:f})),this.aspectRatio&&({newLeft:l,newRight:h,newTop:i,newBottom:f}=this.rectCorrectionByAspectRatio({newLeft:l,newRight:h,newTop:i,newBottom:f})),this.left=l,this.right=h,this.top=i,this.bottom=f,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:n}=this;let{minh:o,minw:i}=this;const f=this.parentLimitation?0:null;this.aspectRatio&&(i/o>A?o=i/A:i=A*o);const l={left:{min:f,max:t+(c-i)},right:{min:f,max:n+(c-i)},top:{min:f,max:r+(e-o)},bottom:{min:f,max:a+(e-o)}};if(this.aspectRatio){const h={left:{min:t-Math.min(r,a)*A*2,max:t+(e-o)/2*A*2},right:{min:n-Math.min(r,a)*A*2,max:n+(e-o)/2*A*2},top:{min:r-Math.min(t,n)/A*2,max:r+(c-i)/2/A*2},bottom:{min:a-Math.min(t,n)/A*2,max:a+(c-i)/2/A*2}};this.currentStick[0]==="m"?(l.left={min:Math.max(l.left.min,h.left.min),max:Math.min(l.left.max,h.left.max)},l.right={min:Math.max(l.right.min,h.right.min),max:Math.min(l.right.max,h.right.max)}):this.currentStick[1]==="m"&&(l.top={min:Math.max(l.top.min,h.top.min),max:Math.min(l.top.max,h.top.max)},l.bottom={min:Math.max(l.bottom.min,h.bottom.min),max:Math.min(l.bottom.max,h.bottom.max)})}return l},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:n,currentStick:o,aspectFactor:i,dimensionsBeforeMove:f}=this;let l=t-c-e,h=n-a-r;if(o[1]==="m"){const m=h-f.height;c-=m*i/2,e-=m*i/2}else if(o[0]==="m"){const m=l-f.width;a-=m/i/2,r-=m/i/2}else l/h>i?(l=i*h,o[1]==="l"?c=t-e-l:e=t-c-l):(h=l/i,o[0]==="t"?a=n-r-h:r=n-a-h);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[HA.y[A[0]]]=`${this.stickSize/this.parentScaleX/-2}px`,c[HA.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}}},Wh=["onMousedown","onTouchstart"];function Xh(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["vdr",`${r.active||e.isActive?"active":"inactive"} ${e.contentClass?e.contentClass:""}`]),style:s.normalizeStyle(t.positionStyle),onMousedown:c[0]||(c[0]=n=>t.bodyDown(n)),onTouchstart:c[1]||(c[1]=n=>t.bodyDown(n)),onTouchend:c[2]||(c[2]=n=>t.up(n)),ref:"container",tabindex:"0"},[s.createElementVNode("div",{style:s.normalizeStyle(t.sizeStyle),class:"content-container",ref:"container2"},[s.renderSlot(A.$slots,"default")],4),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.sticks,n=>(s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["vdr-stick",["vdr-stick-"+n,e.isResizable?"":"not-resizable"]]),onMousedown:s.withModifiers(o=>t.stickDown(n,o),["stop","prevent"]),onTouchstart:s.withModifiers(o=>t.stickDown(n,o),["stop","prevent"]),style:s.normalizeStyle(t.vdrStick(n))},null,46,Wh))),256))],38)}const gA=W(Gh,[["render",Xh]]),IZ="",qh={components:{VueDragResize:gA},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 n=document.getElementById(t.target.id);if(t.altKey&&t.key==="ArrowLeft"){let o=Number(n.style.left.slice(0,-2));o-10<0?n.style.left=`${o}px`:n.style.left=`${o-10}px`}if(t.altKey&&t.key==="ArrowRight"){let o=Number(n.style.left.slice(0,-2));o+10>r[0].offsetWidth-50?n.style.left=`${o}px`:n.style.left=`${o+10}px`}if(t.altKey&&t.key==="ArrowUp"){let o=Number(n.style.top.slice(0,-2));o+10<0?n.style.top=`${o}px`:n.style.top=`${o-10}px`}if(t.altKey&&t.key==="ArrowDown"){let o=Number(n.style.top.slice(0,-2));o+10>r[0].offsetHeight-80?n.style.top=`${o}px`:n.style.top=`${o+10}px`}})})}},mounted(){let A=document.getElementsByClassName("vdr");setTimeout(()=>{A[0].focus()}),this.keyboardMove(A)},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("vdr")}},Yh={class:"fridgemagnet"},Jh=["innerHTML"],jh=["src","alt"],$h=["id","src","alt"],Zh=["innerHTML"];function Am(A,c,e,a,r,t){const n=s.resolveComponent("VueDragResize");return s.openBlock(),s.createElementBlock("div",Yh,[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,Jh)):s.createCommentVNode("",!0),s.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,jh),s.createElementVNode("div",{class:s.normalizeClass(["fridge",e.content.class,e.content.noOutline?"no_outline":""])},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.magnets,(o,i)=>(s.openBlock(),s.createBlock(n,{id:"vdr_"+i,isActive:!0,w:o.width?o.width:50,minw:o.minWidth?o.minWidth:50,h:o.height?o.height:50,minh:o.minHeight?o.minHeight:50,x:o.x?o.x:0,y:o.y?o.y:60*i,class:s.normalizeClass(o.class),parentLimitation:!0,parentW:o.parentwidth?o.parentwidth:t.getParentWidth(),parentH:o.parentheight?o.parentheight:t.getParentHeight(),isResizable:o.resizable,isDraggable:o.draggable,snapToGrid:o.snap,gridX:o.snapX,gridY:o.snapY,dragHandle:o.handle,onResizing:A.resize,onDragging:A.resize,aspectRatio:!0,onResizestop:t.onResizstop,onDragstop:t.onDragstop,sticks:["tl","bl","tr","br"]},{default:s.withCtx(()=>[o.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:o.index,src:o.image,alt:o.imageAlt},null,8,$h)):s.createCommentVNode("",!0),o.text?(s.openBlock(),s.createElementBlock("p",{key:1,innerHTML:o.text},null,8,Zh)):s.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 cm=W(qh,[["render",Am]]),TZ="",em={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){var c;if(this.content.sound){let e=document.getElementById("myAudio");setTimeout(()=>{e.play()},1e3)}if(A!=="clicked"&&((c=A.draggedContext.element)!=null&&c.relSwap)&&setTimeout(()=>{let e=A.draggedContext.element.id,a=document.getElementById(e);a.src=A.draggedContext.element.relSwap,a.classList.add("imageSwapped")},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")>-1)return!1;A.class+=" preventMove",this.listOne[c].splice(A),this.listOne[c+1].push(A),A.relSwap&&setTimeout(()=>{this.listOne[c+1][0].image=this.listOne[c+1][0].relSwap},1500),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()}},am=["innerHTML"],rm={key:1,id:"myAudio"},tm=["src"],sm={class:"list-group-item"},nm=["onChange"],im=["id","src","alt","data-swap"],om=["src","alt","data-swap"];function lm(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),o=s.resolveComponent("el-col"),i=s.resolveComponent("draggable"),f=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(f,{class:s.normalizeClass(["dragDrop",e.content.handle])},{default:s.withCtx(()=>[s.createVNode(o,{span:24},{default:s.withCtx(()=>[s.createElementVNode("div",{innerHTML:e.content.directions},null,8,am),e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0),e.content.sound?(s.openBlock(),s.createElementBlock("audio",rm,[s.createElementVNode("source",{src:e.content.sound,type:"audio/mpeg"},null,8,tm),s.createTextVNode(" Your browser does not support the audio element. ")])):s.createCommentVNode("",!0)]),_:1}),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(l,h)=>(s.openBlock(),s.createBlock(o,{span:t.binColumns},{default:s.withCtx(()=>[s.createVNode(i,{class:s.normalizeClass(["draggable list-group",e.content.bins[h].class]),style:s.normalizeStyle({width:t.pixelFormat(e.content.bins[h].width),height:t.pixelFormat(e.content.bins[h].height),background:t.dragBackground(e.content.bins[h].bgImage)}),modelValue:t.myList[h],"onUpdate:modelValue":m=>t.myList[h]=m,move:t.checkMove,group:"people",forceFallback:"true"},{item:s.withCtx(({element:m})=>[s.createElementVNode("div",sm,[s.createElementVNode("button",{class:"dragItems-button",onChange:s.withModifiers(u=>t.keyboardDrag(m,h),["stop"])},[s.createTextVNode(s.toDisplayString(m.text)+" ",1),m.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:m.id,src:m.image,alt:m.imageAlt,"data-swap":m.relSwap},null,8,im)):s.createCommentVNode("",!0),m.relSwap?(s.openBlock(),s.createElementBlock("img",{key:1,id:"preload",src:m.relSwap,alt:m.imageAlt,"data-swap":m.relSwap},null,8,om)):s.createCommentVNode("",!0)],40,nm)])]),_:2},1032,["class","style","modelValue","onUpdate:modelValue","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"])}const fm=W(em,[["render",lm]]),DZ="",hm={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:{recordResults(A){let c=[];this.content.bins.forEach(t=>{let n=[];t.items.forEach(i=>{let f={text:i.text,imageAlt:i.imageAlt};n.push(f)});let o={header:t.header,description:t.description,items:n};c.push(o)});let e={page:this.stepperStore.stepPage,result:A,correctAnswer:c},a=this.stepperStore.results.find(t=>t.page===this.stepperStore.stepPage),r=this.stepperStore.results.indexOf(a);a?this.stepperStore.results.fill(a.result=A,r,r++):this.stepperStore.results.push(e)},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),this.recordResults("not correct"),this.stepperStore.finishSteps()},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}),this.content.random&&this.listTwo.sort(()=>Math.random()-.5)},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.recordResults("correct"))):(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()}},mm=["innerHTML"],um=["onClick"],pm=["id","src","alt"],dm={key:0,class:"dropBin"},Hm={class:"dragItems-button"},gm=["id","src","alt"],Cm={class:"dialog-footer"};function vm(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),o=s.resolveComponent("el-col"),i=s.resolveComponent("draggable"),f=s.resolveComponent("el-row"),l=s.resolveComponent("lab-feedback"),h=s.resolveComponent("el-button"),m=s.resolveComponent("el-dialog");return s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createVNode(f,{class:s.normalizeClass(["dragDrop",e.content.handle]),id:"dragItemDiv"},{default:s.withCtx(()=>[s.createVNode(o,{span:24},{default:s.withCtx(()=>[s.createElementVNode("div",{innerHTML:e.content.directions},null,8,mm),e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0)]),_:1}),s.createVNode(o,{span:24},{default:s.withCtx(()=>[s.createVNode(i,{class:"dragItems",list:r.listTwo,group:"put",forceFallback:"true",itemKey:"image",sort:!1,onEnd:t.checkMove},{item:s.withCtx(({element:u})=>[s.createElementVNode("div",{class:s.normalizeClass(["dragItem",u.class])},[s.createElementVNode("button",{class:"dragItems-button",onClick:s.withModifiers(p=>t.keyboardDrag(u),["stop"])},[s.createTextVNode(s.toDisplayString(u.text)+" ",1),u.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:u.id,src:u.image,alt:u.imageAlt},null,8,pm)):s.createCommentVNode("",!0)],8,um)],2)]),_:1},8,["list","onEnd"])]),_:1}),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(u,p)=>(s.openBlock(),s.createBlock(o,{class:"bins",span:t.binColumns},{default:s.withCtx(()=>[s.createElementVNode("h4",null,s.toDisplayString(e.content.bins[p].header),1),s.createVNode(i,{class:s.normalizeClass(["dropBins el-row",e.content.bins[p].class]),"data-index":p,list:r.listOne[p],group:"put",forceFallback:"true",itemKey:"text",sort:!1,move:t.stopMove},{item:s.withCtx(({element:d})=>[d.hide?s.createCommentVNode("",!0):(s.openBlock(),s.createElementBlock("div",dm,[s.createElementVNode("button",Hm,[s.createTextVNode(s.toDisplayString(d.text)+" ",1),d.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:d.id,src:d.droppedImage,alt:d.imageAlt},null,8,gm)):s.createCommentVNode("",!0)])]))]),_:2},1032,["class","data-index","list","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"]),t.showFeedback()?(s.openBlock(),s.createBlock(l,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0),s.createVNode(m,{title:e.content.kbModalQuestion,modelValue:r.chooseVisibility,"onUpdate:modelValue":c[1]||(c[1]=u=>r.chooseVisibility=u),width:"50%"},{footer:s.withCtx(()=>[s.createElementVNode("span",Cm,[s.createVNode(h,{size:"small",id:"visibilityClose",type:"primary",onClick:c[0]||(c[0]=u=>t.kbCheckMove())},{default:s.withCtx(()=>[s.createTextVNode("Close")]),_:1})])]),default:s.withCtx(()=>[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(u,p)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(u,(d,C)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[p===0?(s.openBlock(),s.createBlock(h,{key:0,id:"firstBin",size:"small",type:"primary",onClick:g=>t.kbCheckMove(p,C)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(e.content.bins[p].header),1)]),_:2},1032,["onClick"])):(s.openBlock(),s.createBlock(h,{key:1,size:"small",type:"primary",onClick:g=>t.kbCheckMove(p,C)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(e.content.bins[p].header),1)]),_:2},1032,["onClick"]))],64))),256))],64))),256))]),_:1},8,["title","modelValue"])],64)}const Bm=W(hm,[["render",vm]]),zm="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M12.5%208c-2.65%200-5.05.99-6.9%202.6L2%207v9h9l-3.62-3.62c1.39-1.16%203.16-1.88%205.12-1.88c3.54%200%206.55%202.31%207.6%205.5l2.37-.78C21.08%2011.03%2017.15%208%2012.5%208'/%3e%3c/svg%3e",Vm="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M18.4%2010.6C16.55%208.99%2014.15%208%2011.5%208c-4.65%200-8.58%203.03-9.96%207.22L3.9%2016a8.002%208.002%200%200%201%207.6-5.5c1.95%200%203.73.72%205.12%201.88L13%2016h9V7z'/%3e%3c/svg%3e",wm="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M19%204h-3.5l-1-1h-5l-1%201H5v2h14M6%2019a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V7H6z'/%3e%3c/svg%3e",Mm="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M21%207v12q0%20.825-.587%201.413T19%2021H5q-.825%200-1.412-.587T3%2019V5q0-.825.588-1.412T5%203h12zm-9%2011q1.25%200%202.125-.875T15%2015t-.875-2.125T12%2012t-2.125.875T9%2015t.875%202.125T12%2018m-6-8h9V6H6z'/%3e%3c/svg%3e",Lm={class:"vp-toolbar"},ym={class:"vp-tools"},Fm=["onClick","title","innerHTML"],bm={class:"vp-settings"},Qm={class:"vp-actions"},xm=s.createElementVNode("img",{src:zm},null,-1),Um=[xm],Sm=s.createElementVNode("img",{src:Vm},null,-1),km=[Sm],Em=s.createElementVNode("img",{src:wm},null,-1),Nm=[Em],Im=s.createElementVNode("img",{src:Mm},null,-1),Tm=[Im],Dm=s.defineComponent({__name:"VpToolbar",props:s.mergeModels({tools:{}},{settings:{default:()=>({tool:"freehand",thickness:5,color:"#c82d2d"})},settingsModifiers:{}}),emits:s.mergeModels(["set-tool","save","undo","redo","reset"],["update:settings"]),setup(A,{emit:c}){const e=c,a=s.useModel(A,"settings");return(r,t)=>(s.openBlock(),s.createElementBlock("div",Lm,[s.renderSlot(r.$slots,"default",{},()=>[s.renderSlot(r.$slots,"tools",{},()=>[s.createElementVNode("div",ym,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.tools.filter(n=>n.icon),n=>s.renderSlot(r.$slots,`tool-${n.type}`,{},()=>[(s.openBlock(),s.createElementBlock("button",{key:n.type,class:s.normalizeClass([a.value.tool===n.type?"active":"",`vp-tool-${n.type}`]),onClick:o=>e("set-tool",n.type),title:n.type,innerHTML:n.icon},null,10,Fm))])),256))])]),s.renderSlot(r.$slots,"settings",{},()=>[s.createElementVNode("div",bm,[s.renderSlot(r.$slots,"setting-thickness",{},()=>[s.withDirectives(s.createElementVNode("input",{type:"range",min:"1",max:"10",class:"vp-setting-thickness","onUpdate:modelValue":t[0]||(t[0]=n=>a.value.thickness=n)},null,512),[[s.vModelText,a.value.thickness]])]),s.renderSlot(r.$slots,"setting-color",{},()=>[s.withDirectives(s.createElementVNode("input",{type:"color",class:"vp-setting-color","onUpdate:modelValue":t[1]||(t[1]=n=>a.value.color=n)},null,512),[[s.vModelText,a.value.color]])])])]),s.renderSlot(r.$slots,"actions",{},()=>[s.createElementVNode("div",Qm,[s.renderSlot(r.$slots,"action-undo",{},()=>[s.createElementVNode("button",{onClick:t[2]||(t[2]=n=>e("undo")),class:"vp-action-undo"},Um)]),s.renderSlot(r.$slots,"action-redo",{},()=>[s.createElementVNode("button",{onClick:t[3]||(t[3]=n=>e("redo")),class:"vp-action-redo"},km)]),s.renderSlot(r.$slots,"action-reset",{},()=>[s.createElementVNode("button",{onClick:t[4]||(t[4]=n=>e("reset")),class:"vp-action-reset"},Nm)]),s.renderSlot(r.$slots,"action-save",{},()=>[s.createElementVNode("button",{onClick:t[5]||(t[5]=n=>e("save")),class:"vp-action-save"},Tm)])])])])]))}});function U4({history:A,tools:c,activeShape:e,includeActiveShape:a}){return{simplifiedHistory:s.computed(()=>{const r=e!=null&&e.value?[...A.value,e.value]:[...A.value];return c.value.reduce((t,n)=>{var o;return((o=n.simplifyHistory)==null?void 0:o.call(n,t,c.value))??t},r).filter(t=>{var n;return a||t.id!==((n=e==null?void 0:e.value)==null?void 0:n.id)})})}}function p6(){return[26,36,36,36,36,36,36].map(A=>Math.floor(Math.random()*A+(36-A)).toString(36)).join("")}const _m=["viewBox","id"],Km=s.defineComponent({__name:"VpImage",props:{tools:{},activeShape:{},history:{},width:{},height:{}},setup(A,{expose:c}){const e=A,a=s.ref(),r=s.ref(p6());c({svg:a});function t(l){return e.tools.find(h=>h.type===l)}const n=s.computed(()=>e.tools.map(l=>l.svgStyle?typeof l.svgStyle=="function"?l.svgStyle({svgId:r.value}):s.unref(l.svgStyle):"").join(`
 `)),{simplifiedHistory:o}=U4({...s.toRefs(e),includeActiveShape:!1}),i=s.computed(()=>e.tools.filter(l=>l.ToolSvgComponent&&(l.ToolSvgComponent.layer??0)<=0).sort((l,h)=>{var m,u;return(((m=l.ToolSvgComponent)==null?void 0:m.layer)??0)-(((u=h.ToolSvgComponent)==null?void 0:u.layer)??0)})),f=s.computed(()=>e.tools.filter(l=>l.ToolSvgComponent&&(l.ToolSvgComponent.layer??0)>0).sort((l,h)=>{var m,u;return(((m=l.ToolSvgComponent)==null?void 0:m.layer)??0)-(((u=h.ToolSvgComponent)==null?void 0:u.layer)??0)}));return(l,h)=>{var m;return s.openBlock(),s.createElementBlock("svg",{ref_key:"svg",ref:a,viewBox:`0 0 ${l.width} ${l.height}`,id:r.value,xmlns:"http://www.w3.org/2000/svg",class:"vp-image"},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(i.value,u=>(s.openBlock(),s.createBlock(s.resolveDynamicComponent(u.ToolSvgComponent),{key:u.type,history:l.history,tools:l.tools,activeShape:l.activeShape,width:l.width,height:l.height},null,8,["history","tools","activeShape","width","height"]))),128)),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(s.unref(o),u=>{var p,d,C;return s.openBlock(),s.createBlock(s.resolveDynamicComponent((p=t(u.type))==null?void 0:p.ShapeSvgComponent),{key:u.id+u.id===((d=l.activeShape)==null?void 0:d.id),id:u.id,shape:u,history:l.history,tools:l.tools,width:l.width,height:l.height,"is-active":u.id===((C=l.activeShape)==null?void 0:C.id)},null,8,["id","shape","history","tools","width","height","is-active"])}),128)),l.activeShape?(s.openBlock(),s.createBlock(s.resolveDynamicComponent((m=t(l.activeShape.type))==null?void 0:m.ShapeSvgComponent),{key:0,id:l.activeShape.id,shape:l.activeShape,history:l.history,tools:l.tools,width:l.width,height:l.height,"is-active":""},null,8,["id","shape","history","tools","width","height"])):s.createCommentVNode("",!0),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(f.value,u=>(s.openBlock(),s.createBlock(s.resolveDynamicComponent(u.ToolSvgComponent),{key:u.type,history:l.history,tools:l.tools,activeShape:l.activeShape,width:l.width,height:l.height},null,8,["history","tools","activeShape","width","height"]))),128)),s.createElementVNode("svg:style",null,s.toDisplayString(n.value),1)],8,_m)}}}),CA={tool:"freehand",thickness:5,color:"#c82d2d",angleSnap:!1};function vA(A,c={}){const e=A.find(a=>a.icon);return s.ref(Object.assign({},CA,{tool:(e==null?void 0:e.type)??"freehand"},c))}function BA({snapAngles:A,posStart:c,x:e,y:a}){if(!(A!=null&&A.value))return{x:e,y:a};const r=e-c.x,t=a-c.y,n=Math.sqrt(Math.pow(r,2)+Math.pow(t,2)),o=Math.atan2(t,r),i=A.value.map(f=>(180-f)*Math.PI/180).map(f=>({angle:f,diff:Rm(o,f)})).sort((f,l)=>f.diff-l.diff)[0].angle;return{x:c.x+n*Math.cos(i),y:c.y+n*Math.sin(i)}}function Rm(A,c){return Math.PI-Math.abs(Math.abs(A-c)-Math.PI)}function d6(A){return s.getCurrentScope()?(s.onScopeDispose(A),!0):!1}function f1(A){return typeof A=="function"?A():s.unref(A)}const Om=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Pm=A=>A!=null,Gm=Object.prototype.toString,Wm=A=>Gm.call(A)==="[object Object]",zA=()=>{};function Xm(A,c,e=!1){return c.reduce((a,r)=>(r in A&&(!e||A[r]!==void 0)&&(a[r]=A[r]),a),{})}function qm(A){return s.getCurrentInstance()}function Ym(A,c={}){if(!s.isRef(A))return s.toRefs(A);const e=Array.isArray(A.value)?Array.from({length:A.value.length}):{};for(const a in A.value)e[a]=s.customRef(()=>({get(){return A.value[a]},set(r){var t;if((t=f1(c.replaceRef))==null||t)if(Array.isArray(A.value)){const n=[...A.value];n[a]=r,A.value=n}else{const n={...A.value,[a]:r};Object.setPrototypeOf(n,Object.getPrototypeOf(A.value)),A.value=n}else A.value[a]=r}}));return e}function Jm(A,c=!0,e){qm()?s.onMounted(A,e):c?A():s.nextTick(A)}function jm(A,c,e){return s.watch(A,(a,r,t)=>{a&&c(a,r,t)},{...e,once:!1})}function h1(A){var c;const e=f1(A);return(c=e==null?void 0:e.$el)!=null?c:e}const m1=Om?window:void 0;function a2(...A){let c,e,a,r;if(typeof A[0]=="string"||Array.isArray(A[0])?([e,a,r]=A,c=m1):[c,e,a,r]=A,!c)return zA;Array.isArray(e)||(e=[e]),Array.isArray(a)||(a=[a]);const t=[],n=()=>{t.forEach(l=>l()),t.length=0},o=(l,h,m,u)=>(l.addEventListener(h,m,u),()=>l.removeEventListener(h,m,u)),i=s.watch(()=>[h1(c),f1(r)],([l,h])=>{if(n(),!l)return;const m=Wm(h)?{...h}:h;t.push(...e.flatMap(u=>a.map(p=>o(l,u,p,m))))},{immediate:!0,flush:"post"}),f=()=>{i(),n()};return d6(f),f}function $m(){const A=s.ref(!1),c=s.getCurrentInstance();return c&&s.onMounted(()=>{A.value=!0},c),A}function VA(A){const c=$m();return s.computed(()=>(c.value,!!A()))}function wA(A,c,e={}){const{window:a=m1,...r}=e;let t;const n=VA(()=>a&&"MutationObserver"in a),o=()=>{t&&(t.disconnect(),t=void 0)},i=s.computed(()=>{const m=f1(A),u=(Array.isArray(m)?m:[m]).map(h1).filter(Pm);return new Set(u)}),f=s.watch(()=>i.value,m=>{o(),n.value&&m.size&&(t=new MutationObserver(c),m.forEach(u=>t.observe(u,r)))},{immediate:!0,flush:"post"}),l=()=>t==null?void 0:t.takeRecords(),h=()=>{o(),f()};return d6(h),{isSupported:n,stop:h,takeRecords:l}}function Zm(A={}){var c;const{window:e=m1,deep:a=!0,triggerOnRemoval:r=!1}=A,t=(c=A.document)!=null?c:e==null?void 0:e.document,n=()=>{var f;let l=t==null?void 0:t.activeElement;if(a)for(;l!=null&&l.shadowRoot;)l=(f=l==null?void 0:l.shadowRoot)==null?void 0:f.activeElement;return l},o=s.ref(),i=()=>{o.value=n()};return e&&(a2(e,"blur",f=>{f.relatedTarget===null&&i()},!0),a2(e,"focus",i,!0)),r&&wA(t,f=>{f.filter(l=>l.removedNodes.length).map(l=>Array.from(l.removedNodes)).flat().forEach(l=>{l===o.value&&i()})},{childList:!0,subtree:!0}),i(),o}function Au(A,c,e={}){const{window:a=m1,...r}=e;let t;const n=VA(()=>a&&"ResizeObserver"in a),o=()=>{t&&(t.disconnect(),t=void 0)},i=s.computed(()=>Array.isArray(A)?A.map(h=>h1(h)):[h1(A)]),f=s.watch(i,h=>{if(o(),n.value&&a){t=new ResizeObserver(c);for(const m of h)m&&t.observe(m,r)}},{immediate:!0,flush:"post"}),l=()=>{o(),f()};return d6(l),{isSupported:n,stop:l}}function cu(A,c={}){const{reset:e=!0,windowResize:a=!0,windowScroll:r=!0,immediate:t=!0}=c,n=s.ref(0),o=s.ref(0),i=s.ref(0),f=s.ref(0),l=s.ref(0),h=s.ref(0),m=s.ref(0),u=s.ref(0);function p(){const d=h1(A);if(!d){e&&(n.value=0,o.value=0,i.value=0,f.value=0,l.value=0,h.value=0,m.value=0,u.value=0);return}const C=d.getBoundingClientRect();n.value=C.height,o.value=C.bottom,i.value=C.left,f.value=C.right,l.value=C.top,h.value=C.width,m.value=C.x,u.value=C.y}return Au(A,p),s.watch(()=>h1(A),d=>!d&&p()),wA(A,p,{attributeFilter:["style","class"]}),r&&a2("scroll",p,{capture:!0,passive:!0}),a&&a2("resize",p,{passive:!0}),Jm(()=>{t&&p()}),{height:n,bottom:o,left:i,right:f,top:l,width:h,x:m,y:u,update:p}}const eu={ctrl:"control",command:"meta",cmd:"meta",option:"alt",up:"arrowup",down:"arrowdown",left:"arrowleft",right:"arrowright"};function au(A={}){const{reactive:c=!1,target:e=m1,aliasMap:a=eu,passive:r=!0,onEventFired:t=zA}=A,n=s.reactive(new Set),o={toJSON(){return{}},current:n},i=c?s.reactive(o):o,f=new Set,l=new Set;function h(d,C){d in i&&(c?i[d]=C:i[d].value=C)}function m(){n.clear();for(const d of l)h(d,!1)}function u(d,C){var g,H;const v=(g=d.key)==null?void 0:g.toLowerCase(),z=[(H=d.code)==null?void 0:H.toLowerCase(),v].filter(Boolean);v&&(C?n.add(v):n.delete(v));for(const V of z)l.add(V),h(V,C);v==="meta"&&!C?(f.forEach(V=>{n.delete(V),h(V,!1)}),f.clear()):typeof d.getModifierState=="function"&&d.getModifierState("Meta")&&C&&[...n,...z].forEach(V=>f.add(V))}a2(e,"keydown",d=>(u(d,!0),t(d)),{passive:r}),a2(e,"keyup",d=>(u(d,!1),t(d)),{passive:r}),a2("blur",m,{passive:!0}),a2("focus",m,{passive:!0});const p=new Proxy(i,{get(d,C,g){if(typeof C!="string")return Reflect.get(d,C,g);if(C=C.toLowerCase(),C in a&&(C=a[C]),!(C in i))if(/[+_-]/.test(C)){const v=C.split(/[+_-]/g).map(z=>z.trim());i[C]=s.computed(()=>v.every(z=>f1(p[z])))}else i[C]=s.ref(!1);const H=Reflect.get(d,C,g);return c?f1(H):H}});return p}function ru(A={}){const{touch:c=!0,drag:e=!0,capture:a=!1,initialValue:r=!1,window:t=m1}=A,n=s.ref(r),o=s.ref(null);if(!t)return{pressed:n,sourceType:o};const i=h=>()=>{n.value=!0,o.value=h},f=()=>{n.value=!1,o.value=null},l=s.computed(()=>h1(A.target)||t);return a2(l,"mousedown",i("mouse"),{passive:!0,capture:a}),a2(t,"mouseleave",f,{passive:!0,capture:a}),a2(t,"mouseup",f,{passive:!0,capture:a}),e&&(a2(l,"dragstart",i("mouse"),{passive:!0,capture:a}),a2(t,"drop",f,{passive:!0,capture:a}),a2(t,"dragend",f,{passive:!0,capture:a})),c&&(a2(l,"touchstart",i("touch"),{passive:!0,capture:a}),a2(t,"touchend",f,{passive:!0,capture:a}),a2(t,"touchcancel",f,{passive:!0,capture:a})),{pressed:n,sourceType:o}}const MA={x:0,y:0,pointerId:0,pressure:0,tiltX:0,tiltY:0,width:0,height:0,twist:0,pointerType:null},tu=Object.keys(MA);function su(A={}){const{target:c=m1}=A,e=s.ref(!1),a=s.ref(A.initialValue||{});Object.assign(a.value,MA,a.value);const r=t=>{e.value=!0,!(A.pointerTypes&&!A.pointerTypes.includes(t.pointerType))&&(a.value=Xm(t,tu,!1))};if(c){const t={passive:!0};a2(c,["pointerdown","pointermove","pointerup"],r,t),a2(c,"pointerleave",()=>e.value=!1,t)}return{...Ym(a),isInside:e}}let H6=!1;function nu({target:A,onDrawStart:c,onDraw:e,onDrawEnd:a,width:r,height:t,snapAngles:n}){const{x:o,y:i,pressure:f}=su(),{pressed:l,sourceType:h}=ru(),{top:m,left:u,right:p,bottom:d,width:C,height:g,update:H}=cu(A),v=s.ref(!1),z=s.reactive({x:0,y:0}),V=s.reactive({x:0,y:0}),B=s.reactive({x:0,y:0,left:0,top:0}),L=s.computed(()=>BA({snapAngles:n,posStart:z,x:Math.round((o.value-u.value)*r.value/C.value),y:Math.round((i.value-m.value)*t.value/g.value)})),Q=s.computed(()=>L.value.x),w=s.computed(()=>L.value.y),b=s.computed(()=>Math.max(0,Math.min(z.x,Q.value))),I=s.computed(()=>Math.max(0,Math.min(z.y,w.value))),K=s.computed(()=>Math.min(r.value,Math.max(z.x,Q.value))),S=s.computed(()=>Math.min(t.value,Math.max(z.y,w.value))),D=s.computed(()=>o.value>=u.value&&o.value<=p.value&&i.value>=m.value&&i.value<=d.value),f2=s.computed(()=>Math.floor(o.value)!==B.x||Math.floor(i.value)!==B.y);return s.watchEffect(()=>{const e2=!v.value&&o.value===B.x&&i.value===B.y&&(u.value!==B.left||m.value!==B.top);let E=f.value;f.value===0&&l.value&&h.value==="touch"&&(E=.5),E&&!v.value&&D.value&&f2.value&&!H6&&!e2?(H(),v.value=!0,H6=!0,z.x=Q.value,z.y=w.value,V.x=Q.value,V.y=w.value,c==null||c()):E&&v.value?(V.x=Q.value,V.y=w.value,e==null||e()):!E&&v.value&&(v.value=!1,H6=!1,a==null||a()),B.x=Math.floor(o.value),B.y=Math.floor(i.value),B.left=Math.floor(u.value),B.top=Math.floor(m.value)}),{x:Q,y:w,minX:b,minY:I,maxX:K,maxY:S,top:m,left:u,bottom:d,right:p,width:r,height:t,posStart:z,posEnd:V,isDrawing:v,isInside:D,absoluteX:o,absoluteY:i,isMoving:f2}}let LA;function yA(){function A(e){LA=e}function c(){return LA}return{setActiveEditor:A,getActiveEditor:c}}function iu({vpImage:A,tools:c,history:e,settings:a,width:r,height:t,emit:n}){const o=s.ref([]),i=s.ref(),f=s.ref();function l(){return c==null?void 0:c.find(k=>k.type===(f.value??a.value.tool))}const h=s.computed(()=>{var k;return a.value.angleSnap?(k=l())==null?void 0:k.snapAngles:void 0}),m=s.computed(()=>{var k;return{settings:a.value,activeShape:i.value,id:((k=i.value)==null?void 0:k.id)??p6(),isDrawing:w.value,tools:c,posStart:L,posEnd:Q,left:z.value,right:B.value,top:v.value,bottom:V.value,width:r,height:t,x:u.value,y:p.value,minX:d.value,maxX:g.value,minY:C.value,maxY:H.value,absoluteX:b.value,absoluteY:I.value}}),{x:u,y:p,minX:d,minY:C,maxX:g,maxY:H,top:v,left:z,bottom:V,right:B,posStart:L,posEnd:Q,isDrawing:w,absoluteX:b,absoluteY:I}=nu({target:A,width:r,height:t,snapAngles:h,onDrawStart(){var k,O,s2,B2,n2,z2;f.value=(B2=(s2=(O=(k=document.elementsFromPoint(b.value,I.value))==null?void 0:k[0])==null?void 0:O.getAttribute("class"))==null?void 0:s2.split(" ").find(d2=>d2.startsWith("use-tool-")))==null?void 0:B2.substring(9),i.value=((z2=(n2=l())==null?void 0:n2.onDrawStart)==null?void 0:z2.call(n2,m.value))??i.value,n==null||n("drawStart",m.value),j(E)},onDraw(){var k,O;i.value=((O=(k=l())==null?void 0:k.onDraw)==null?void 0:O.call(k,m.value))??i.value,n==null||n("draw",m.value),j(E)},async onDrawEnd(){var k,O,s2;i.value=(k=l())!=null&&k.onDrawEnd?await((s2=(O=l())==null?void 0:O.onDrawEnd)==null?void 0:s2.call(O,m.value)):i.value,f.value=void 0,n==null||n("drawEnd",m.value),j(E),i.value&&(e.value.push(i.value),o.value=[],i.value=void 0)}});function K(k){a.value.tool=k,j(E)}function S(){e.value.length&&(o.value.push(...e.value.slice(-1)),e.value=e.value.slice(0,-1)),j(E)}function D(){o.value.length&&(e.value.push(...o.value.slice(-1)),o.value=o.value.slice(0,-1)),j(E)}function f2(){const k=A.value.$refs.svg;if(!k)throw new Error("Couldn't find the svg");n==null||n("save",{svg:k,tools:c,history:e.value}),j(E)}async function e2(){o.value=e.value.reverse(),e.value=[];const k=await Promise.all(c.filter(O=>"onInitialize"in O).flatMap(async O=>{var s2;return await((s2=O.onInitialize)==null?void 0:s2.call(O,{tools:c,settings:a,history:e}))}));e.value=[...k.filter(Boolean),...e.value],n==null||n("reset"),j(E)}const E={settings:a,activeShape:i,setTool:K,undo:S,redo:D,save:f2,reset:e2,x:u,y:p,minX:d,minY:C,maxX:g,maxY:H,top:v,left:z,bottom:V,right:B,posStart:L,posEnd:Q,isDrawing:w,absoluteX:b,absoluteY:I},{setActiveEditor:j}=yA();return j(E),E}const FA=s.defineComponent({__name:"VpEditor",props:s.mergeModels({tools:{},width:{default:1280},height:{default:720}},{settings:{default:()=>CA},settingsModifiers:{},history:{default:[]},historyModifiers:{}}),emits:s.mergeModels(["save","drawStart","draw","drawEnd","reset"],["update:settings","update:history"]),setup(A,{emit:c}){const e=c,a=s.useModel(A,"settings"),r=A,t=s.ref(r.width),n=s.ref(r.height),o=s.useModel(A,"history"),i=s.ref(),{activeShape:f,setTool:l,undo:h,redo:m,save:u,reset:p}=iu({vpImage:i,tools:r.tools,history:s.toRef(o),settings:s.toRef(a),width:t,height:n,emit:e});return s.onMounted(()=>{var d;(d=o.value)!=null&&d.length||p()}),(d,C)=>(s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["vue-paint vp-editor",`active-tool-${a.value.tool}`])},[s.createVNode(Km,{ref_key:"vpImage",ref:i,tools:d.tools,activeShape:s.unref(f),history:o.value,width:t.value,height:n.value},null,8,["tools","activeShape","history","width","height"]),s.renderSlot(d.$slots,"toolbar",{setTool:s.unref(l),undo:s.unref(h),save:s.unref(u),reset:s.unref(p),settings:a.value},()=>[s.createVNode(Dm,{settings:a.value,"onUpdate:settings":C[0]||(C[0]=g=>a.value=g),onSetTool:s.unref(l),onUndo:s.unref(h),onRedo:s.unref(m),onSave:s.unref(u),onReset:s.unref(p),tools:d.tools},null,8,["settings","onSetTool","onUndo","onRedo","onSave","onReset","tools"])])],2))}});function w1(A){return{props:{history:Array,shape:Object,width:Number,height:Number,isActive:Boolean,tools:Array},setup(c){return()=>A(c.shape,c)}}}const ou=1e-12,bA=112e-18,lu=A=>A>=-bA&&A<=bA,QA=(A,c)=>Math.sqrt(A*A+c*c),M1=(A,c)=>({x:A,y:c}),fu=A=>QA(A.x,A.y),hu=A=>M1(-A.x,-A.y),O1=(A,c)=>M1(A.x+c.x,A.y+c.y),V2=(A,c)=>M1(A.x-c.x,A.y-c.y),u1=(A,c)=>M1(A.x*c,A.y*c),S2=(A,c)=>A.x*c.x+A.y*c.y,g6=(A,c)=>QA(A.x-c.x,A.y-c.y),Y2=(A,c=1)=>u1(A,c/(fu(A)||1/0)),xA=(A,c)=>({p:A,i:c}),mu=(A,c,e)=>{c&&(A.unshift(A[A.length-1]),A.push(A[1]));const a=A.length;if(a===0)return[];const r=[xA(A[0])];return C6(A,r,e,0,a-1,V2(A[1],A[0]),V2(A[a-2],A[a-1])),c&&(r.shift(),r.pop()),r},C6=(A,c,e,a,r,t,n)=>{if(r-a===1){const m=A[a],u=A[r],p=g6(m,u)/3;UA(c,[m,O1(m,Y2(t,p)),O1(u,Y2(n,p)),u]);return}const o=Hu(A,a,r);let i=Math.max(e,e*e),f,l=!0;for(let m=0;m<=4;m++){const u=uu(A,a,r,o,t,n),p=gu(A,a,r,u,o);if(p.error<e&&l){UA(c,u);return}if(f=p.index,p.error>=i)break;l=pu(A,a,r,o,u),i=p.error}const h=V2(A[f-1],A[f+1]);C6(A,c,e,a,f,t,h),C6(A,c,e,f,r,hu(h),n)},UA=(A,c)=>{const e=A[A.length-1];e.o=V2(c[1],c[0]),A.push(xA(c[3],V2(c[2],c[3])))},uu=(A,c,e,a,r,t)=>{const n=ou,o=Math.abs,i=A[c],f=A[e],l=[[0,0],[0,0]],h=[0,0];for(let v=0,z=e-c+1;v<z;v++){const V=a[v],B=1-V,L=3*V*B,Q=B*B*B,w=L*B,b=L*V,I=V*V*V,K=Y2(r,w),S=Y2(t,b),D=V2(V2(A[c+v],u1(i,Q+w)),u1(f,b+I));l[0][0]+=S2(K,K),l[0][1]+=S2(K,S),l[1][0]=l[0][1],l[1][1]+=S2(S,S),h[0]+=S2(K,D),h[1]+=S2(S,D)}const m=l[0][0]*l[1][1]-l[1][0]*l[0][1];let u,p;if(o(m)>n){const v=l[0][0]*h[1]-l[1][0]*h[0];u=(h[0]*l[1][1]-h[1]*l[0][1])/m,p=v/m}else{const v=l[0][0]+l[0][1],z=l[1][0]+l[1][1];u=p=o(v)>n?h[0]/v:o(z)>n?h[1]/z:0}const d=g6(f,i),C=n*d;let g,H;if(u<C||p<C)u=p=d/3;else{const v=V2(f,i);g=Y2(r,u),H=Y2(t,p),S2(g,v)-S2(H,v)>d*d&&(u=p=d/3,g=H=null)}return[i,O1(i,g||Y2(r,u)),O1(f,H||Y2(t,p)),f]},pu=(A,c,e,a,r)=>{for(let t=c;t<=e;t++)a[t-c]=du(r,A[t],a[t-c]);for(let t=1,n=a.length;t<n;t++)if(a[t]<=a[t-1])return!1;return!0},du=(A,c,e)=>{const a=[],r=[];for(let l=0;l<=2;l++)a[l]=u1(V2(A[l+1],A[l]),3);for(let l=0;l<=1;l++)r[l]=u1(V2(a[l+1],a[l]),2);const t=S4(3,A,e),n=S4(2,a,e),o=S4(1,r,e),i=V2(t,c),f=S2(n,n)+S2(i,o);return lu(f)?e:e-S2(i,n)/f},S4=(A,c,e)=>{const a=c.slice();for(let r=1;r<=A;r++)for(let t=0;t<=A-r;t++)a[t]=O1(u1(a[t],1-e),u1(a[t+1],e));return a[0]},Hu=(A,c,e)=>{const a=[0];for(let r=c+1;r<=e;r++)a[r-c]=a[r-c-1]+g6(A[r],A[r-1]);for(let r=1,t=e-c;r<=t;r++)a[r]/=a[t];return a},gu=(A,c,e,a,r)=>{let t=Math.floor((e-c+1)/2),n=0;for(let o=c+1;o<e;o++){const i=S4(3,a,r[o-c]),f=V2(i,A[o]),l=f.x*f.x+f.y*f.y;l>=n&&(n=l,t=o)}return{error:n,index:t}},Cu=(A,c,e)=>{const a=A.length,r=10**e,t=e<16?p=>Math.round(p*r)/r:p=>p,n=(p,d)=>t(p)+","+t(d);let o=!0,i,f,l,h;const m=[],u=(p,d)=>{var C,g,H,v;const z=p.p.x,V=p.p.y;if(o)m.push("M"+n(z,V)),o=!1;else{const B=z+(((C=p.i)==null?void 0:C.x)??0),L=V+(((g=p.i)==null?void 0:g.y)??0);if(B===z&&L===V&&l===i&&h===f){if(!d){const Q=z-i,w=V-f;m.push(Q===0?"v"+t(w):w===0?"h"+t(Q):"l"+n(Q,w))}}else m.push("c"+n(l-i,h-f)+" "+n(B-i,L-f)+" "+n(z-i,V-f))}i=z,f=V,l=z+(((H=p.o)==null?void 0:H.x)??0),h=V+(((v=p.o)==null?void 0:v.y)??0)};if(!a)return"";for(let p=0;p<a;p++)u(A[p]);return c&&a>0&&(u(A[0],!0),m.push("z")),m.join("")},SA=(A,c={})=>A.length===0?"":Cu(mu(A.map(typeof A[0].x=="number"?e=>M1(e.x,e.y):e=>M1(e[0],e[1])),c.closed,c.tolerance??2.5),c.closed,c.precision??5);function v6(){const A="freehand",c='<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M8.61 2.66c-.227-.198-.817-.365-1.602.129c-2.508 1.58-4.693 4.43-5.432 5.463a.75.75 0 1 1-1.22-.873c.75-1.047 3.078-4.112 5.853-5.86C7.41.763 8.75.795 9.594 1.527c.421.365.684.89.688 1.486c.004.591-.246 1.177-.702 1.698c-1.427 1.632-3.312 3.845-4.104 4.925c-.104.142-.111.25-.102.312c.01.07.047.136.11.183a.411.411 0 0 0 .299.067c.14-.017.36-.094.628-.339c.226-.208.461-.43.703-.657c.745-.701 1.55-1.46 2.356-2.053c.838-.616 1.818-.787 2.561-.333c.371.227.632.59.723 1.024c.09.43.004.878-.213 1.29c-.232.442-.434.76-.615 1.046l-.014.023a10.6 10.6 0 0 0-.485.819a.506.506 0 0 0-.024.415c.024.06.047.089.06.101c.092.007.172-.016.299-.114c.178-.139.377-.374.676-.766a.75.75 0 0 1 1.192.911c-.285.373-.594.764-.948 1.04c-.392.304-.867.489-1.444.413c-.633-.082-1.048-.57-1.231-1.037a2.007 2.007 0 0 1 .09-1.658c.19-.364.37-.647.541-.916l.021-.034c.177-.279.352-.556.555-.942c.085-.162.077-.255.071-.284a.068.068 0 0 0-.036-.051c-.043-.027-.347-.138-.89.262c-.726.533-1.433 1.2-2.16 1.884c-.255.24-.513.483-.775.723c-.923.846-2.047.959-2.838.367c-.77-.576-.981-1.68-.32-2.582c.837-1.142 2.767-3.405 4.185-5.026l.513.448l-.513-.448c.271-.31.332-.555.331-.702a.468.468 0 0 0-.171-.362Zm2.863 8.883l-.003-.002c.002 0 .003.001.003.002" clip-rule="evenodd"/></svg>',e=[];function a({settings:n,id:o,x:i,y:f}){return e.length=0,e.push([i,f],[i,f]),{type:A,id:o,x:i,y:f,path:SA(e,{tolerance:1,precision:1}).replace(/^M\d+,\d+/,""),thickness:n.thickness,color:n.color}}function r({settings:n,id:o,x:i,y:f}){return e.push([i,f]),{type:A,id:o,x:e[0][0],y:e[0][1],path:SA(e,{tolerance:1,precision:1}).replace(/^M\d+,\d+/,""),thickness:n.thickness,color:n.color}}const t=w1(n=>s.h("path",{d:`M${n.x},${n.y}${n.path}`,class:"freehand",stroke:n.color,"stroke-width":n.thickness}));return{type:A,icon:c,onDrawStart:a,onDraw:r,ShapeSvgComponent:t,svgStyle:`
         .freehand {
             stroke-linecap: round;

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-9c649cb5]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-9c649cb5]{height:100%}#app .image-container .image img[data-v-9c649cb5]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:20px}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:40px}#app .image-container .captionHeader[data-v-9c649cb5]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-9c649cb5]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-9c649cb5]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-container[data-v-8a2b22b7]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-8a2b22b7]{height:100%}#app .image-container .image img[data-v-8a2b22b7]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-8a2b22b7],#app .image-container.captions[data-v-8a2b22b7]{margin-bottom:20px}#app .image-container.copyright[data-v-8a2b22b7],#app .image-container.captions[data-v-8a2b22b7]{margin-bottom:40px}#app .image-container .captionHeader[data-v-8a2b22b7]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-8a2b22b7]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-8a2b22b7]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .giffyPng[data-v-8a2b22b7],#app .giffyGif[data-v-8a2b22b7]{position:unset;top:unset;left:unset}#app .giffyGif[data-v-8a2b22b7]{z-index:unset}#app .gAnimBg[data-v-8a2b22b7]{display:block;position:relative;cursor:pointer;background:none;border:none;padding:0;margin-bottom:20px;max-width:100%}#app .playButtonStyles[data-v-8a2b22b7]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .playButtonStyles.dark[data-v-8a2b22b7]{background:rgba(255,255,255,.7)}#app .playButtonIconStyles[data-v-8a2b22b7]{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid rgba(255,255,255,.7);position:absolute;left:26px;top:16px}#app .playButtonIconStyles.dark[data-v-8a2b22b7]{border-left:14px solid rgba(0,0,0,.7)}#app .pauseButtonStyles[data-v-8a2b22b7]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .pauseButtonStyles.dark[data-v-8a2b22b7]{background:rgba(255,255,255,.7)}#app .pauseButtonIconStyles[data-v-8a2b22b7]{width:0;height:30px;border-style:double;border-color:#ffffffb3;border-width:0 0 0 30px;position:absolute;left:15px;top:15px}#app .pauseButtonIconStyles.dark[data-v-8a2b22b7]{border-color:#000000b3}#app .screenReaderAlt[data-v-8a2b22b7]{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#app .screenReaderAlt .gAnim-alt[data-v-8a2b22b7]{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.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}#app .image-compare[data-v-ca834e68]{position:relative;display:block;margin-bottom:10px}#app .image-compare .el-slider[data-v-ca834e68]{--el-slider-main-bg-color: none;--el-slider-runway-bg-color: none}#app .image-compare .captionAreaLeft[data-v-ca834e68],#app .image-compare .captionAreaRight[data-v-ca834e68]{background:white}#app .image-compare .imageSlide[data-v-ca834e68]{position:absolute;z-index:999;top:46%}#app .image-compare .imageSlide.is-vertical[data-v-ca834e68]{top:0%;height:100%;left:47%}#app .image-compare .image[data-v-ca834e68]{height:100%;position:relative}#app .image-compare .image .imageLeft[data-v-ca834e68]{overflow:hidden;position:absolute;width:100%}#app .image-compare .image .imageLeft img[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .image .imageLeft[data-v-ca834e68]{left:0;border-right:3px solid white}#app .image-compare .image .imageLeft.is-vertical[data-v-ca834e68]{border-right:0;border-bottom:3px solid white}#app .image-compare .image .imageLeft.dark[data-v-ca834e68]{border-color:#000}#app .image-compare .image .imageRight[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaRight .captionHeader[data-v-ca834e68]{font-size:20px;text-align:center;display:block;margin-bottom:10px;white-space:nowrap}#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaRight .caption[data-v-ca834e68]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68],#app .image-compare .captionAreaRight .copyright[data-v-ca834e68]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68]{white-space:nowrap}#app div.imageMarker[data-v-593ecc67]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-593ecc67]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-593ecc67]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-593ecc67]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-593ecc67]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot .big_green[data-v-593ecc67]{position:absolute;height:40px;width:40px;top:-20px;right:-14px;background:url(data:image/png;base64,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) 0 0 no-repeat;background-size:cover}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-593ecc67]{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 .image-slider[data-v-5c5bbbef]{position:relative;display:flex;margin-bottom:10px;height:inherit;flex-direction:column}#app .image-slider .image[data-v-5c5bbbef]{height:inherit;margin:auto}#app .image-slider .image img[data-v-5c5bbbef]{width:unset;height:100%}#app .image-slider .image .copyright[data-v-5c5bbbef],#app .image-slider .image .captions[data-v-5c5bbbef]{margin-bottom:20px}#app .image-slider .image .captionHeader[data-v-5c5bbbef]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .caption[data-v-5c5bbbef]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .copyright[data-v-5c5bbbef]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-slider.verticalSlider[data-v-5c5bbbef]{flex-direction:unset}#app .image-slider.verticalSlider .image[data-v-5c5bbbef]{width:inherit;height:unset;margin:auto}#app .image-slider.verticalSlider .image img[data-v-5c5bbbef]{width:100%;height:unset}#app .image-slider .imageSlide[data-v-5c5bbbef]{width:90%;margin:auto auto 20px}#app .image-slider .imageSlide .el-slider__button-wrapper[data-v-5c5bbbef]{display:none;left:8px}#app .image-slider .imageSlide .el-slider__button-wrapper .el-slider__button[data-v-5c5bbbef]{display:none}#app .image-slider .imageSlide.is-vertical[data-v-5c5bbbef]{height:98%;width:unset}#app .imageCompare[data-v-0f3f694e]{overflow:hidden;position:relative}#app .imageCompare .overlay[data-v-0f3f694e]{position:absolute;height:100%;width:100%;z-index:99}#app .imageCompare #canvasBlob[data-v-0f3f694e]{top:-52px;position:relative}#app .imageCompare .hideCompareButtons[data-v-0f3f694e]{height:40px;width:fit-content;text-align:left;position:absolute;bottom:70px;right:10px;z-index:9999}.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.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 .el-input{display:inline-block;margin-right:-10px}body{--keyboard-padding-top: -35px;--keycap-height: 24px;--keycap-font-size: 1rem;--keycap-shift-font-size: 9px;--keycap-small-font-size: 9px;--keycap-extra-small-font-size: 9px;--keyboard-toolbar-font-size: 16px;--keycap-gap: 1px}#app div.fill-blank{background:white;margin:0 0 40px;padding:10px}#app div.fill-blank .quizInput{max-width:200px}#app #keyBoardDiv{width:100%;height:320px;position:relative;border:1px #696767 solid;border-radius:6px;z-index:9999;bottom:20px;-webkit-box-shadow:7px 7px 5px -6px rgba(0,0,0,.56);-moz-box-shadow:7px 7px 5px -6px rgba(0,0,0,.56);box-shadow:7px 7px 5px -6px #0000008f;background:#151515}#app div.selectable .selectArea[data-v-73407ea6]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-73407ea6]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-73407ea6]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-73407ea6]{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 #preload{display:none;visibility:hidden}#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}#drawCanvas{background-size:contain;background-repeat:no-repeat;border:2px groove #626161}#drawCanvas .vp-toolbar{position:absolute;top:0;width:100%;margin-top:.25em;display:flex;justify-content:center;flex-wrap:wrap;gap:.25em .5em!important}#drawCanvas .historyList li{margin-bottom:14px}#drawCanvas{position:relative;background-repeat:no-repeat;border:2px groove #626161}#drawCanvas .vp-editor{max-width:100%;height:auto;position:relative;cursor:crosshair;font-size:1rem}#drawCanvas .vp-image{margin:0;width:100%}#drawCanvas .vp-toolbar{position:absolute;top:0;width:100%;margin-top:.25em;display:flex;justify-content:center;flex-wrap:wrap;gap:.25em 1em}#drawCanvas .vp-toolbar.vp-toolbar-bottom{top:unset;bottom:-40px}#drawCanvas .vp-toolbar div{display:flex;gap:.25em}#drawCanvas .vp-toolbar button,#drawCanvas .vp-toolbar input[type=color]{background:#eee;outline:none;width:30px;height:30px;border-radius:50%;border:1px solid #aaa;box-shadow:0 .2em .3em #0003;cursor:pointer;display:flex;align-items:center;justify-content:center}#drawCanvas .vp-toolbar input[type=color]:hover,#drawCanvas .vp-toolbar button:hover,#drawCanvas .vp-toolbar button.active{background:#ddd;border:1px solid #999;box-shadow:0 .2em .3em #bbb}#drawCanvas .vp-toolbar .textarea{font-family:Arial,sans-serif;font-size:1rem;padding:1px;cursor:inherit}#drawCanvas .overlay{position:absolute;height:100%;width:100%;z-index:99}#drawCanvas #canvasBlob{top:-52px;position:relative}#drawCanvas .hideCompareButtons{height:40px;width:fit-content;text-align:left;position:absolute;bottom:70px;right:10px;z-index:9999}#drawCanvas .history{position:absolute;bottom:-140px;right:0px}.stepperPrintButtons{display:none!important;visibility:hidden!important}iframe[data-v-f5bc6f4c]{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-9c649cb5]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-9c649cb5]{height:100%}#app .image-container .image img[data-v-9c649cb5]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:20px}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:40px}#app .image-container .captionHeader[data-v-9c649cb5]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-9c649cb5]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-9c649cb5]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-container[data-v-8a2b22b7]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-8a2b22b7]{height:100%}#app .image-container .image img[data-v-8a2b22b7]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-8a2b22b7],#app .image-container.captions[data-v-8a2b22b7]{margin-bottom:20px}#app .image-container.copyright[data-v-8a2b22b7],#app .image-container.captions[data-v-8a2b22b7]{margin-bottom:40px}#app .image-container .captionHeader[data-v-8a2b22b7]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-8a2b22b7]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-8a2b22b7]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .giffyPng[data-v-8a2b22b7],#app .giffyGif[data-v-8a2b22b7]{position:unset;top:unset;left:unset}#app .giffyGif[data-v-8a2b22b7]{z-index:unset}#app .gAnimBg[data-v-8a2b22b7]{display:block;position:relative;cursor:pointer;background:none;border:none;padding:0;margin-bottom:20px;max-width:100%}#app .playButtonStyles[data-v-8a2b22b7]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .playButtonStyles.dark[data-v-8a2b22b7]{background:rgba(255,255,255,.7)}#app .playButtonIconStyles[data-v-8a2b22b7]{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid rgba(255,255,255,.7);position:absolute;left:26px;top:16px}#app .playButtonIconStyles.dark[data-v-8a2b22b7]{border-left:14px solid rgba(0,0,0,.7)}#app .pauseButtonStyles[data-v-8a2b22b7]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .pauseButtonStyles.dark[data-v-8a2b22b7]{background:rgba(255,255,255,.7)}#app .pauseButtonIconStyles[data-v-8a2b22b7]{width:0;height:30px;border-style:double;border-color:#ffffffb3;border-width:0 0 0 30px;position:absolute;left:15px;top:15px}#app .pauseButtonIconStyles.dark[data-v-8a2b22b7]{border-color:#000000b3}#app .screenReaderAlt[data-v-8a2b22b7]{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#app .screenReaderAlt .gAnim-alt[data-v-8a2b22b7]{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.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}#app .image-compare[data-v-ca834e68]{position:relative;display:block;margin-bottom:10px}#app .image-compare .el-slider[data-v-ca834e68]{--el-slider-main-bg-color: none;--el-slider-runway-bg-color: none}#app .image-compare .captionAreaLeft[data-v-ca834e68],#app .image-compare .captionAreaRight[data-v-ca834e68]{background:white}#app .image-compare .imageSlide[data-v-ca834e68]{position:absolute;z-index:999;top:46%}#app .image-compare .imageSlide.is-vertical[data-v-ca834e68]{top:0%;height:100%;left:47%}#app .image-compare .image[data-v-ca834e68]{height:100%;position:relative}#app .image-compare .image .imageLeft[data-v-ca834e68]{overflow:hidden;position:absolute;width:100%}#app .image-compare .image .imageLeft img[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .image .imageLeft[data-v-ca834e68]{left:0;border-right:3px solid white}#app .image-compare .image .imageLeft.is-vertical[data-v-ca834e68]{border-right:0;border-bottom:3px solid white}#app .image-compare .image .imageLeft.dark[data-v-ca834e68]{border-color:#000}#app .image-compare .image .imageRight[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaRight .captionHeader[data-v-ca834e68]{font-size:20px;text-align:center;display:block;margin-bottom:10px;white-space:nowrap}#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaRight .caption[data-v-ca834e68]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68],#app .image-compare .captionAreaRight .copyright[data-v-ca834e68]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68]{white-space:nowrap}#app div.imageMarker[data-v-1c0c8a92]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-1c0c8a92]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-1c0c8a92]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-1c0c8a92]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-1c0c8a92]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot .big_green[data-v-1c0c8a92]{position:absolute;height:40px;width:40px;top:-20px;right:-14px;background:url(data:image/png;base64,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) 0 0 no-repeat;background-size:cover}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-1c0c8a92]{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 .image-slider[data-v-5c5bbbef]{position:relative;display:flex;margin-bottom:10px;height:inherit;flex-direction:column}#app .image-slider .image[data-v-5c5bbbef]{height:inherit;margin:auto}#app .image-slider .image img[data-v-5c5bbbef]{width:unset;height:100%}#app .image-slider .image .copyright[data-v-5c5bbbef],#app .image-slider .image .captions[data-v-5c5bbbef]{margin-bottom:20px}#app .image-slider .image .captionHeader[data-v-5c5bbbef]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .caption[data-v-5c5bbbef]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .copyright[data-v-5c5bbbef]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-slider.verticalSlider[data-v-5c5bbbef]{flex-direction:unset}#app .image-slider.verticalSlider .image[data-v-5c5bbbef]{width:inherit;height:unset;margin:auto}#app .image-slider.verticalSlider .image img[data-v-5c5bbbef]{width:100%;height:unset}#app .image-slider .imageSlide[data-v-5c5bbbef]{width:90%;margin:auto auto 20px}#app .image-slider .imageSlide .el-slider__button-wrapper[data-v-5c5bbbef]{display:none;left:8px}#app .image-slider .imageSlide .el-slider__button-wrapper .el-slider__button[data-v-5c5bbbef]{display:none}#app .image-slider .imageSlide.is-vertical[data-v-5c5bbbef]{height:98%;width:unset}#app .imageCompare[data-v-0f3f694e]{overflow:hidden;position:relative}#app .imageCompare .overlay[data-v-0f3f694e]{position:absolute;height:100%;width:100%;z-index:99}#app .imageCompare #canvasBlob[data-v-0f3f694e]{top:-52px;position:relative}#app .imageCompare .hideCompareButtons[data-v-0f3f694e]{height:40px;width:fit-content;text-align:left;position:absolute;bottom:70px;right:10px;z-index:9999}.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.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 .el-input{display:inline-block;margin-right:-10px}body{--keyboard-padding-top: -35px;--keycap-height: 24px;--keycap-font-size: 1rem;--keycap-shift-font-size: 9px;--keycap-small-font-size: 9px;--keycap-extra-small-font-size: 9px;--keyboard-toolbar-font-size: 16px;--keycap-gap: 1px}#app div.fill-blank{background:white;margin:0 0 40px;padding:10px}#app div.fill-blank .quizInput{max-width:200px}#app #keyBoardDiv{width:100%;height:320px;position:relative;border:1px #696767 solid;border-radius:6px;z-index:9999;bottom:20px;-webkit-box-shadow:7px 7px 5px -6px rgba(0,0,0,.56);-moz-box-shadow:7px 7px 5px -6px rgba(0,0,0,.56);box-shadow:7px 7px 5px -6px #0000008f;background:#151515}#app div.selectable .selectArea[data-v-73407ea6]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-73407ea6]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-73407ea6]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-73407ea6]{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 #preload{display:none;visibility:hidden}#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}#drawCanvas{background-size:contain;background-repeat:no-repeat;border:2px groove #626161}#drawCanvas .vp-toolbar{position:absolute;top:0;width:100%;margin-top:.25em;display:flex;justify-content:center;flex-wrap:wrap;gap:.25em .5em!important}#drawCanvas .historyList li{margin-bottom:14px}#drawCanvas{position:relative;background-repeat:no-repeat;border:2px groove #626161}#drawCanvas .vp-editor{max-width:100%;height:auto;position:relative;cursor:crosshair;font-size:1rem}#drawCanvas .vp-image{margin:0;width:100%}#drawCanvas .vp-toolbar{position:absolute;top:0;width:100%;margin-top:.25em;display:flex;justify-content:center;flex-wrap:wrap;gap:.25em 1em}#drawCanvas .vp-toolbar.vp-toolbar-bottom{top:unset;bottom:-40px}#drawCanvas .vp-toolbar div{display:flex;gap:.25em}#drawCanvas .vp-toolbar button,#drawCanvas .vp-toolbar input[type=color]{background:#eee;outline:none;width:30px;height:30px;border-radius:50%;border:1px solid #aaa;box-shadow:0 .2em .3em #0003;cursor:pointer;display:flex;align-items:center;justify-content:center}#drawCanvas .vp-toolbar input[type=color]:hover,#drawCanvas .vp-toolbar button:hover,#drawCanvas .vp-toolbar button.active{background:#ddd;border:1px solid #999;box-shadow:0 .2em .3em #bbb}#drawCanvas .vp-toolbar .textarea{font-family:Arial,sans-serif;font-size:1rem;padding:1px;cursor:inherit}#drawCanvas .overlay{position:absolute;height:100%;width:100%;z-index:99}#drawCanvas #canvasBlob{top:-52px;position:relative}#drawCanvas .hideCompareButtons{height:40px;width:fit-content;text-align:left;position:absolute;bottom:70px;right:10px;z-index:9999}#drawCanvas .history{position:absolute;bottom:-140px;right:0px}.stepperPrintButtons{display:none!important;visibility:hidden!important}iframe[data-v-f5bc6f4c]{border:none}

package/package.json

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