labmaker-plugin 0.0.285 → 0.0.286

package/dist/labmaker-plugin.js

@@ -1,4 +1,4 @@
-import { openBlock as B, createElementBlock as g, Fragment as I, createElementVNode as U, toDisplayString as j, normalizeClass as P, createCommentVNode as y, resolveComponent as S, normalizeStyle as S2, createBlock as T, withModifiers as p2, withCtx as E, createTextVNode as o2, renderList as l2, createVNode as _, renderSlot as Sn, defineComponent as i0, computed as L2, watch as Nn, h as A5 } from "vue";
+import { openBlock as B, createElementBlock as g, Fragment as I, createElementVNode as U, toDisplayString as j, normalizeClass as _, createCommentVNode as y, resolveComponent as S, normalizeStyle as S2, createBlock as T, withModifiers as p2, withCtx as E, createTextVNode as o2, renderList as l2, createVNode as O, renderSlot as Sn, defineComponent as i0, computed as L2, watch as Nn, h as A5 } from "vue";
 const s2 = (A, c) => {
   const e = A.__vccOpts || A;
   for (const [a, r] of c)
@@ -83,7 +83,7 @@ function Zn(A, c, e, a, r, t) {
       U("img", {
         src: e.content.src,
         alt: e.content.alt,
-        class: P(e.content.class)
+        class: _(e.content.class)
       }, null, 10, Yn),
       e.content.captionHeader ? (B(), g("span", {
         key: 0,
@@ -225,7 +225,7 @@ const co = {
 function oo(A, c, e, a, r, t) {
   const s = S("el-button");
   return B(), g("div", {
-    class: P(["kContainer", e.content.class])
+    class: _(["kContainer", e.content.class])
   }, [
     e.content.textVersion && r.showingText ? (B(), g("div", eo, [
       ao,
@@ -240,7 +240,7 @@ function oo(A, c, e, a, r, t) {
     }, [
       e.content.kalturaType == "video" && !r.showingKaltura ? (B(), g("div", {
         key: 0,
-        class: P(["kPoster", { active: r.showingKaltura == !0 }]),
+        class: _(["kPoster", { active: r.showingKaltura == !0 }]),
         style: S2({ width: t.kWidth + "px", height: t.kHeight + "px" })
       }, [
         U("iframe", {
@@ -257,7 +257,7 @@ function oo(A, c, e, a, r, t) {
       ], 6)) : y("", !0),
       e.content.kalturaType == "audio" ? (B(), g("div", {
         key: 1,
-        class: P(["kAudio", { active: r.showingKaltura == !0 }]),
+        class: _(["kAudio", { active: r.showingKaltura == !0 }]),
         onClick: c[1] || (c[1] = (...i) => t.showKaltura && t.showKaltura(...i))
       }, [
         U("iframe", {
@@ -273,7 +273,7 @@ function oo(A, c, e, a, r, t) {
       ], 2)) : y("", !0),
       e.content.kalturaType == "audiobtn" ? (B(), g("div", {
         key: 2,
-        class: P(["kAudiobtn", { active: r.showingKaltura == !0 }]),
+        class: _(["kAudiobtn", { active: r.showingKaltura == !0 }]),
         onClick: c[2] || (c[2] = (...i) => t.showKaltura && t.showKaltura(...i))
       }, [
         U("iframe", {
@@ -388,7 +388,7 @@ function Co(A, c, e, a, r, t) {
           type: n.buttonType,
           onClick: p2((l) => t.changePage(n, o), ["stop"]),
           id: "hotspot_" + o,
-          class: P([["is-" + n.buttonShape, { noBG: n.buttonImage }, n.class], "hotspot"]),
+          class: _([["is-" + n.buttonShape, { noBG: n.buttonImage }, n.class], "hotspot"]),
           style: S2({ top: t.pixelFormat(n.cordinatesX), left: t.pixelFormat(n.cordinatesY), width: t.pixelFormat(n.dimensionsW), height: t.pixelFormat(n.dimensionsH) }),
           icon: n.buttonIcon
         }, {
@@ -446,7 +446,7 @@ function Mo(A, c, e, a, r, t) {
   const s = S("el-col"), i = S("el-button"), n = S("el-row");
   return B(), T(n, { class: "imageReplacer" }, {
     default: E(() => [
-      _(s, { span: 12 }, {
+      O(s, { span: 12 }, {
         default: E(() => [
           U("p", {
             class: "imageReplacerDescription",
@@ -455,7 +455,7 @@ function Mo(A, c, e, a, r, t) {
         ]),
         _: 1
       }),
-      _(s, { span: 12 }, {
+      O(s, { span: 12 }, {
         default: E(() => [
           U("img", {
             class: "im-ButtonImage",
@@ -515,20 +515,21 @@ function Eo(A, c, e, a, r, t) {
     width: t.feedbackWidth,
     modelValue: r.show,
     "onUpdate:modelValue": c[1] || (c[1] = (l) => r.show = l),
-    "before-close": t.feedbackClose
+    "before-close": t.feedbackClose,
+    class: _([e.content.feedbackContent.type === "media" ? "video_dialog" : ""])
   }, {
     header: E(({ close: l, titleId: f, titleClass: h }) => [
       U("div", Qo, [
         U("h4", {
           id: f,
-          class: P(h),
+          class: _(h),
           innerHTML: t.feedbackHeader
         }, null, 10, Fo)
       ])
     ]),
     footer: E(() => [
       U("span", No, [
-        _(n, {
+        O(n, {
           size: "small",
           id: "feedbackClose",
           type: "primary",
@@ -552,7 +553,7 @@ function Eo(A, c, e, a, r, t) {
           e.content.feedbackContent.type === "media" ? (B(), T(s, {
             key: 0,
             content: e.content.feedbackContent.fieldValues,
-            class: P([e.content.feedbackContent.fieldValues.class, { video: e.content.feedbackContent.fieldValues.kalturaType === "video" }])
+            class: _([e.content.feedbackContent.fieldValues.class, { video: e.content.feedbackContent.fieldValues.kalturaType === "video" }])
           }, null, 8, ["content", "class"])) : y("", !0),
           e.content.feedbackContent.type === "image" ? (B(), T(i, {
             key: 1,
@@ -571,7 +572,7 @@ function Eo(A, c, e, a, r, t) {
       ], 64))
     ]),
     _: 1
-  }, 8, ["width", "modelValue", "before-close"]);
+  }, 8, ["width", "modelValue", "before-close", "class"]);
 }
 const ko = /* @__PURE__ */ s2(Lo, [["render", Eo]]);
 const Io = {
@@ -675,15 +676,15 @@ const Io = {
 function To(A, c, e, a, r, t) {
   const s = S("el-option"), i = S("el-select"), n = S("el-date-picker"), o = S("el-button"), l = S("lab-feedback");
   return B(), g("div", {
-    class: P(["drop-down", e.content.class])
+    class: _(["drop-down", e.content.class])
   }, [
     U("p", null, [
       (B(!0), g(I, null, l2(r.quizArray, (f, h) => (B(), g(I, null, [
         U("span", {
-          class: P(t.quizClass(h))
+          class: _(t.quizClass(h))
         }, [
           U("span", {
-            class: P("quizText quizSection_" + h)
+            class: _("quizText quizSection_" + h)
           }, j(f) + " ", 3),
           t.quizType(h) === "choose" ? (B(), T(i, {
             key: 0,
@@ -716,7 +717,7 @@ function To(A, c, e, a, r, t) {
         o2("  ")
       ], 64))), 256))
     ]),
-    _(o, {
+    O(o, {
       size: "small",
       type: "primary",
       class: "drop-down-submit",
@@ -806,7 +807,7 @@ const Ko = {
 function Ro(A, c, e, a, r, t) {
   const s = S("el-input"), i = S("el-button"), n = S("lab-feedback");
   return B(), g("div", {
-    class: P(["fill-blank", e.content.class])
+    class: _(["fill-blank", e.content.class])
   }, [
     U("p", null, [
       (B(!0), g(I, null, l2(r.quizArray, (o, l) => (B(), g(I, null, [
@@ -820,7 +821,7 @@ function Ro(A, c, e, a, r, t) {
         }, null, 8, ["modelValue", "onUpdate:modelValue"])) : y("", !0)
       ], 64))), 256))
     ]),
-    _(i, {
+    O(i, {
       size: "small",
       type: "primary",
       class: "fill-blank-submit",
@@ -911,11 +912,11 @@ function Zo(A, c, e, a, r, t) {
   const s = S("lab-image"), i = S("el-col"), n = S("el-divider"), o = S("el-button"), l = S("lab-feedback"), f = S("el-row");
   return B(), T(f, {
     id: e.content.id,
-    class: P(["selectable", e.content.classes])
+    class: _(["selectable", e.content.classes])
   }, {
     default: E(() => [
       e.content.image ? (B(), g(I, { key: 0 }, [
-        _(i, {
+        O(i, {
           span: t.leftColWidth(A.index)
         }, {
           default: E(() => [
@@ -926,7 +927,7 @@ function Zo(A, c, e, a, r, t) {
           ]),
           _: 1
         }, 8, ["span"]),
-        _(i, {
+        O(i, {
           span: t.rightColWidth(A.index)
         }, {
           default: E(() => [
@@ -937,7 +938,7 @@ function Zo(A, c, e, a, r, t) {
             U("div", Go, [
               (B(!0), g(I, null, l2(e.content.choices, (h, u) => (B(), g(I, null, [
                 !e.content.noDivider && u > 0 ? (B(), T(n, { key: 0 })) : y("", !0),
-                _(o, {
+                O(o, {
                   size: "small",
                   type: "primary",
                   class: "selectableButton",
@@ -967,7 +968,7 @@ function Zo(A, c, e, a, r, t) {
           _: 1
         }, 8, ["span"])
       ], 64)) : (B(), g(I, { key: 1 }, [
-        _(i, { span: 12 }, {
+        O(i, { span: 12 }, {
           default: E(() => [
             e.content.directions ? (B(), g("p", {
               key: 0,
@@ -976,14 +977,14 @@ function Zo(A, c, e, a, r, t) {
           ]),
           _: 1
         }),
-        _(i, {
+        O(i, {
           span: 12,
           class: "selectArea"
         }, {
           default: E(() => [
             (B(!0), g(I, null, l2(e.content.choices, (h, u) => (B(), g(I, null, [
               !e.content.noDivider && u > 0 ? (B(), T(n, { key: 0 })) : y("", !0),
-              _(o, {
+              O(o, {
                 size: "small",
                 type: "primary",
                 class: "selectableButton",
@@ -1083,17 +1084,17 @@ const cl = {
 function el(A, c, e, a, r, t) {
   const s = S("el-input"), i = S("el-button"), n = S("lab-feedback");
   return B(), g("div", {
-    class: P(["textbox", e.content.class])
+    class: _(["textbox", e.content.class])
   }, [
     U("p", null, j(e.content.quiz), 1),
-    _(s, {
+    O(s, {
       modelValue: r.input,
       "onUpdate:modelValue": c[0] || (c[0] = (o) => r.input = o),
       autosize: { minRows: 4, maxRows: 8 },
       type: "textarea",
       placeholder: "Please input"
     }, null, 8, ["modelValue"]),
-    _(i, {
+    O(i, {
       size: "small",
       type: "primary",
       class: "fill-blank-submit",
@@ -1193,7 +1194,7 @@ const rl = {
 function vl(A, c, e, a, r, t) {
   const s = S("CaretBottom"), i = S("el-icon"), n = S("CaretRight"), o = S("lab-feedback");
   return B(), g("div", {
-    class: P(["menu-chooser", e.content.class])
+    class: _(["menu-chooser", e.content.class])
   }, [
     r.showMenuOverlay ? (B(), g("div", {
       key: 0,
@@ -1208,7 +1209,7 @@ function vl(A, c, e, a, r, t) {
       (B(!0), g(I, null, l2(e.content.menu, (l, f) => (B(), g(I, null, [
         l.subMenu ? (B(), g("div", tl, [
           U("button", {
-            class: P("jl-menu-sub sub-" + f),
+            class: _("jl-menu-sub sub-" + f),
             index: f,
             tabindex: "0",
             role: "menuitem",
@@ -1216,9 +1217,9 @@ function vl(A, c, e, a, r, t) {
           }, [
             U("div", il, [
               o2(j(l.name) + " ", 1),
-              _(i, null, {
+              O(i, null, {
                 default: E(() => [
-                  _(s)
+                  O(s)
                 ]),
                 _: 1
               })
@@ -1231,7 +1232,7 @@ function vl(A, c, e, a, r, t) {
             (B(!0), g(I, null, l2(l.subMenu, (h, u) => (B(), g(I, null, [
               h.subMenu ? (B(), g(I, { key: 0 }, [
                 U("button", {
-                  class: P("jl-menu-sub-sub sub-sub-" + u),
+                  class: _("jl-menu-sub-sub sub-sub-" + u),
                   index: f + "-" + u,
                   tabindex: "0",
                   role: "menuitem",
@@ -1239,9 +1240,9 @@ function vl(A, c, e, a, r, t) {
                 }, [
                   U("div", ll, [
                     o2(j(h.name), 1),
-                    _(i, null, {
+                    O(i, null, {
                       default: E(() => [
-                        _(n)
+                        O(n)
                       ]),
                       _: 1
                     })
@@ -1808,7 +1809,7 @@ const gl = {
 }, dl = ["onMousedown", "onTouchstart"];
 function zl(A, c, e, a, r, t) {
   return B(), g("div", {
-    class: P(["vdr", `${r.active || e.isActive ? "active" : "inactive"} ${e.contentClass ? e.contentClass : ""}`]),
+    class: _(["vdr", `${r.active || e.isActive ? "active" : "inactive"} ${e.contentClass ? e.contentClass : ""}`]),
     style: S2(t.positionStyle),
     onMousedown: c[0] || (c[0] = (s) => t.bodyDown(s)),
     onTouchstart: c[1] || (c[1] = (s) => t.bodyDown(s)),
@@ -1824,7 +1825,7 @@ function zl(A, c, e, a, r, t) {
       Sn(A.$slots, "default")
     ], 4),
     (B(!0), g(I, null, l2(e.sticks, (s) => (B(), g("div", {
-      class: P(["vdr-stick", ["vdr-stick-" + s, e.isResizable ? "" : "not-resizable"]]),
+      class: _(["vdr-stick", ["vdr-stick-" + s, e.isResizable ? "" : "not-resizable"]]),
       onMousedown: p2((i) => t.stickDown(s, i), ["stop", "prevent"]),
       onTouchstart: p2((i) => t.stickDown(s, i), ["stop", "prevent"]),
       style: S2(t.vdrStick(s))
@@ -1907,7 +1908,7 @@ function Ul(A, c, e, a, r, t) {
       alt: e.content.imageAlt
     }, null, 8, Ll),
     U("div", {
-      class: P(["fridge", e.content.class, e.content.noOutline ? "no_outline" : ""])
+      class: _(["fridge", e.content.class, e.content.noOutline ? "no_outline" : ""])
     }, [
       (B(!0), g(I, null, l2(e.content.magnets, (i, n) => (B(), T(s, {
         id: "vdr_" + n,
@@ -1918,7 +1919,7 @@ function Ul(A, c, e, a, r, t) {
         minh: i.minHeight ? i.minHeight : 50,
         x: i.x ? i.x : 0,
         y: i.y ? i.y : 60 * n,
-        class: P(i.class),
+        class: _(i.class),
         parentLimitation: !0,
         parentW: i.parentwidth ? i.parentwidth : t.getParentWidth(),
         parentH: i.parentheight ? i.parentheight : t.getParentHeight(),
@@ -2026,10 +2027,10 @@ const xl = {
 function Tl(A, c, e, a, r, t) {
   const s = S("lab-image"), i = S("el-col"), n = S("draggable"), o = S("el-row");
   return B(), T(o, {
-    class: P(["dragDrop", e.content.handle])
+    class: _(["dragDrop", e.content.handle])
   }, {
     default: E(() => [
-      _(i, { span: 24 }, {
+      O(i, { span: 24 }, {
         default: E(() => [
           U("div", {
             innerHTML: e.content.directions
@@ -2050,8 +2051,8 @@ function Tl(A, c, e, a, r, t) {
       }),
       (B(!0), g(I, null, l2(r.listOne, (l, f) => (B(), T(i, { span: t.binColumns }, {
         default: E(() => [
-          _(n, {
-            class: P(["draggable list-group", e.content.bins[f].class]),
+          O(n, {
+            class: _(["draggable list-group", e.content.bins[f].class]),
             style: S2({ width: t.pixelFormat(e.content.bins[f].width), height: t.pixelFormat(e.content.bins[f].height), background: t.dragBackground(e.content.bins[f].bgImage) }),
             modelValue: t.myList[f],
             "onUpdate:modelValue": (h) => t.myList[f] = h,
@@ -2234,12 +2235,12 @@ const Kl = {
 function ql(A, c, e, a, r, t) {
   const s = S("lab-image"), i = S("el-col"), n = S("draggable"), o = S("el-row"), l = S("lab-feedback"), f = S("el-button"), h = S("el-dialog");
   return B(), g(I, null, [
-    _(o, {
-      class: P(["dragDrop", e.content.handle]),
+    O(o, {
+      class: _(["dragDrop", e.content.handle]),
       id: "dragItemDiv"
     }, {
       default: E(() => [
-        _(i, { span: 24 }, {
+        O(i, { span: 24 }, {
           default: E(() => [
             U("div", {
               innerHTML: e.content.directions
@@ -2251,9 +2252,9 @@ function ql(A, c, e, a, r, t) {
           ]),
           _: 1
         }),
-        _(i, { span: 24 }, {
+        O(i, { span: 24 }, {
           default: E(() => [
-            _(n, {
+            O(n, {
               class: "dragItems",
               list: r.listTwo,
               group: "put",
@@ -2264,7 +2265,7 @@ function ql(A, c, e, a, r, t) {
             }, {
               item: E(({ element: u }) => [
                 U("div", {
-                  class: P(["dragItem", u.class])
+                  class: _(["dragItem", u.class])
                 }, [
                   U("button", {
                     class: "dragItems-button",
@@ -2288,8 +2289,8 @@ function ql(A, c, e, a, r, t) {
         (B(!0), g(I, null, l2(r.listOne, (u, m) => (B(), T(i, { span: t.binColumns }, {
           default: E(() => [
             U("h4", null, j(e.content.bins[m].header), 1),
-            _(n, {
-              class: P(["dropBins el-row", e.content.bins[m].class]),
+            O(n, {
+              class: _(["dropBins el-row", e.content.bins[m].class]),
               "data-index": m,
               list: r.listOne[m],
               group: "put",
@@ -2323,7 +2324,7 @@ function ql(A, c, e, a, r, t) {
       key: 0,
       content: r.feedbackObject
     }, null, 8, ["content"])) : y("", !0),
-    _(h, {
+    O(h, {
       title: e.content.kbModalQuestion,
       modelValue: r.chooseVisibility,
       "onUpdate:modelValue": c[1] || (c[1] = (u) => r.chooseVisibility = u),
@@ -2331,7 +2332,7 @@ function ql(A, c, e, a, r, t) {
     }, {
       footer: E(() => [
         U("span", Xl, [
-          _(f, {
+          O(f, {
             size: "small",
             id: "visibilityClose",
             type: "primary",
@@ -3293,8 +3294,8 @@ var gf = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
   flags: m4
 }, q1 = function(A, c, e) {
   var a = A[0], r = A[1];
-  return [O(a, c), O(typeof r < "u" ? r : a, e)];
-}, O = function(A, c) {
+  return [P(a, c), P(typeof r < "u" ? r : a, e)];
+}, P = function(A, c) {
   if (A.type === 16)
     return A.number / 100 * c;
   if (H4(A))
@@ -3431,7 +3432,7 @@ function i6(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 X8 = function(A, c) {
-  var e = c.filter(N1), a = e[0], r = e[1], t = e[2], s = e[3], i = (a.type === 17 ? V2(a.number) : w3.parse(A, a)) / (Math.PI * 2), n = Z(r) ? r.number / 100 : 0, o = Z(t) ? t.number / 100 : 0, l = typeof s < "u" && Z(s) ? O(s, 1) : 1;
+  var e = c.filter(N1), a = e[0], r = e[1], t = e[2], s = e[3], i = (a.type === 17 ? V2(a.number) : w3.parse(A, a)) / (Math.PI * 2), n = Z(r) ? r.number / 100 : 0, o = Z(t) ? t.number / 100 : 0, l = typeof s < "u" && Z(s) ? P(s, 1) : 1;
   if (n === 0)
     return A1(o * 255, o * 255, o * 255, 1);
   var f = o <= 0.5 ? o * (n + 1) : o + n - o * n, h = o * 2 - f, u = i6(h, f, i + 1 / 3), m = i6(h, f, i), C = i6(h, f, i - 1 / 3);
@@ -3625,7 +3626,7 @@ var X8 = function(A, c) {
   for (var r = [], t = 0, s = 0; s < A.length; s++) {
     var i = A[s].stop;
     if (i !== null) {
-      var n = O(i, c);
+      var n = P(i, c);
       n > t ? r.push(n) : r.push(t), t = n;
     } else
       r.push(null);
@@ -3645,7 +3646,7 @@ var X8 = function(A, c) {
     return { color: H, stop: Math.max(Math.min(1, r[z] / c), 0) };
   });
 }, Xh = function(A, c, e) {
-  var a = c / 2, r = e / 2, t = O(A[0], c) - a, s = r - O(A[1], e);
+  var a = c / 2, r = e / 2, t = P(A[0], c) - a, s = r - P(A[1], e);
   return (Math.atan2(s, t) + Math.PI * 2) % (Math.PI * 2);
 }, qh = function(A, c, e) {
   var a = typeof A == "number" ? A : Xh(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, o = Math.cos(a - Math.PI / 2) * i;
@@ -3695,7 +3696,7 @@ var X8 = function(A, c) {
       }
       break;
   }
-  return Array.isArray(A.size) && (t = O(A.size[0], a), s = A.size.length === 2 ? O(A.size[1], r) : t), [t, s];
+  return Array.isArray(A.size) && (t = P(A.size[0], a), s = A.size.length === 2 ? P(A.size[1], r) : t), [t, s];
 }, Jh = function(A, c) {
   var e = V2(180), a = [];
   return N2(c).forEach(function(r, t) {
@@ -4204,7 +4205,7 @@ var xu = {
   type: 4
   /* TOKEN_VALUE */
 }, J8 = function(A, c) {
-  return R(A) && A.value === "normal" ? 1.2 * c : A.type === 17 ? c * A.number : Z(A) ? O(A, c) : c;
+  return R(A) && A.value === "normal" ? 1.2 * c : A.type === 17 ? c * A.number : Z(A) ? P(A, c) : c;
 }, Su = {
   name: "list-style-image",
   initialValue: "none",
@@ -6293,7 +6294,7 @@ var bH = function(A, c) {
       z.push((t + n) / a.width), z.push((m + f) / a.width), z.push((s + C) / a.height), z.push((o + h) / a.height);
       var H = Math.max.apply(Math, z);
       H > 1 && (t /= H, s /= H, n /= H, o /= H, f /= H, h /= H, m /= H, C /= H);
-      var v = a.width - n, L = a.height - h, Q = a.width - f, M = a.height - C, p = e.borderTopWidth, x = e.borderRightWidth, N = e.borderBottomWidth, b = e.borderLeftWidth, q = O(e.paddingTop, c.bounds.width), h2 = O(e.paddingRight, c.bounds.width), C2 = O(e.paddingBottom, c.bounds.width), K = O(e.paddingLeft, c.bounds.width);
+      var v = a.width - n, L = a.height - h, Q = a.width - f, M = a.height - C, p = e.borderTopWidth, x = e.borderRightWidth, N = e.borderBottomWidth, b = e.borderLeftWidth, q = P(e.paddingTop, c.bounds.width), h2 = P(e.paddingRight, c.bounds.width), C2 = P(e.paddingBottom, c.bounds.width), K = P(e.paddingLeft, c.bounds.width);
       this.topLeftBorderDoubleOuterBox = t > 0 || s > 0 ? X(a.left + b / 3, a.top + p / 3, t - b / 3, s - p / 3, D.TOP_LEFT) : new d(a.left + b / 3, a.top + p / 3), this.topRightBorderDoubleOuterBox = t > 0 || s > 0 ? X(a.left + v, a.top + p / 3, n - x / 3, o - p / 3, D.TOP_RIGHT) : new d(a.left + a.width - x / 3, a.top + p / 3), this.bottomRightBorderDoubleOuterBox = f > 0 || h > 0 ? X(a.left + Q, a.top + L, f - x / 3, h - N / 3, D.BOTTOM_RIGHT) : new d(a.left + a.width - x / 3, a.top + a.height - N / 3), this.bottomLeftBorderDoubleOuterBox = m > 0 || C > 0 ? X(a.left + b / 3, a.top + M, m - b / 3, C - N / 3, D.BOTTOM_LEFT) : new d(a.left + b / 3, a.top + a.height - N / 3), this.topLeftBorderDoubleInnerBox = t > 0 || s > 0 ? X(a.left + b * 2 / 3, a.top + p * 2 / 3, t - b * 2 / 3, s - p * 2 / 3, D.TOP_LEFT) : new d(a.left + b * 2 / 3, a.top + p * 2 / 3), this.topRightBorderDoubleInnerBox = t > 0 || s > 0 ? X(a.left + v, a.top + p * 2 / 3, n - x * 2 / 3, o - p * 2 / 3, D.TOP_RIGHT) : new d(a.left + a.width - x * 2 / 3, a.top + p * 2 / 3), this.bottomRightBorderDoubleInnerBox = f > 0 || h > 0 ? X(a.left + Q, a.top + L, f - x * 2 / 3, h - N * 2 / 3, D.BOTTOM_RIGHT) : new d(a.left + a.width - x * 2 / 3, a.top + a.height - N * 2 / 3), this.bottomLeftBorderDoubleInnerBox = m > 0 || C > 0 ? X(a.left + b * 2 / 3, a.top + M, m - b * 2 / 3, C - N * 2 / 3, D.BOTTOM_LEFT) : new d(a.left + b * 2 / 3, a.top + a.height - N * 2 / 3), this.topLeftBorderStroke = t > 0 || s > 0 ? X(a.left + b / 2, a.top + p / 2, t - b / 2, s - p / 2, D.TOP_LEFT) : new d(a.left + b / 2, a.top + p / 2), this.topRightBorderStroke = t > 0 || s > 0 ? X(a.left + v, a.top + p / 2, n - x / 2, o - p / 2, D.TOP_RIGHT) : new d(a.left + a.width - x / 2, a.top + p / 2), this.bottomRightBorderStroke = f > 0 || h > 0 ? X(a.left + Q, a.top + L, f - x / 2, h - N / 2, D.BOTTOM_RIGHT) : new d(a.left + a.width - x / 2, a.top + a.height - N / 2), this.bottomLeftBorderStroke = m > 0 || C > 0 ? X(a.left + b / 2, a.top + M, m - b / 2, C - N / 2, D.BOTTOM_LEFT) : new d(a.left + b / 2, a.top + a.height - N / 2), this.topLeftBorderBox = t > 0 || s > 0 ? X(a.left, a.top, t, s, D.TOP_LEFT) : new d(a.left, a.top), this.topRightBorderBox = n > 0 || o > 0 ? X(a.left + v, a.top, n, o, D.TOP_RIGHT) : new d(a.left + a.width, a.top), this.bottomRightBorderBox = f > 0 || h > 0 ? X(a.left + Q, a.top + L, f, h, D.BOTTOM_RIGHT) : new d(a.left + a.width, a.top + a.height), this.bottomLeftBorderBox = m > 0 || C > 0 ? X(a.left, a.top + M, m, C, D.BOTTOM_LEFT) : new d(a.left, a.top + a.height), this.topLeftPaddingBox = t > 0 || s > 0 ? X(a.left + b, a.top + p, Math.max(0, t - b), Math.max(0, s - p), D.TOP_LEFT) : new d(a.left + b, a.top + p), this.topRightPaddingBox = n > 0 || o > 0 ? X(a.left + Math.min(v, a.width - x), a.top + p, v > a.width + x ? 0 : Math.max(0, n - x), Math.max(0, o - p), D.TOP_RIGHT) : new d(a.left + a.width - x, a.top + p), this.bottomRightPaddingBox = f > 0 || h > 0 ? X(a.left + Math.min(Q, a.width - b), a.top + Math.min(L, a.height - N), Math.max(0, f - x), Math.max(0, h - N), D.BOTTOM_RIGHT) : new d(a.left + a.width - x, a.top + a.height - N), this.bottomLeftPaddingBox = m > 0 || C > 0 ? X(a.left + b, a.top + Math.min(M, a.height - N), Math.max(0, m - b), Math.max(0, C - N), D.BOTTOM_LEFT) : new d(a.left + b, a.top + a.height - N), this.topLeftContentBox = t > 0 || s > 0 ? X(a.left + b + K, a.top + p + q, Math.max(0, t - (b + K)), Math.max(0, s - (p + q)), D.TOP_LEFT) : new d(a.left + b + K, a.top + p + q), this.topRightContentBox = n > 0 || o > 0 ? X(a.left + Math.min(v, a.width + b + K), a.top + p + q, v > a.width + b + K ? 0 : n - b + K, o - (p + q), D.TOP_RIGHT) : new d(a.left + a.width - (x + h2), a.top + p + q), this.bottomRightContentBox = f > 0 || h > 0 ? X(a.left + Math.min(Q, a.width - (b + K)), a.top + Math.min(L, a.height + p + q), Math.max(0, f - (x + h2)), h - (N + C2), D.BOTTOM_RIGHT) : new d(a.left + a.width - (x + h2), a.top + a.height - (N + C2)), this.bottomLeftContentBox = m > 0 || C > 0 ? X(a.left + b + K, a.top + M, Math.max(0, m - (b + K)), C - (N + C2), D.BOTTOM_LEFT) : new d(a.left + b + K, a.top + a.height - (N + C2));
     }
     return A;
@@ -6557,7 +6558,7 @@ var X = 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));
 }, C3 = function(A) {
-  var c = A.styles, e = A.bounds, a = O(c.paddingLeft, e.width), r = O(c.paddingRight, e.width), t = O(c.paddingTop, e.width), s = O(c.paddingBottom, e.width);
+  var c = A.styles, e = A.bounds, a = P(c.paddingLeft, e.width), r = P(c.paddingRight, e.width), t = P(c.paddingTop, e.width), s = P(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));
 }, sv = function(A, c) {
   return A === 0 ? c.bounds : A === 2 ? C3(c) : a7(c);
@@ -6575,7 +6576,7 @@ var X = function(A, c, e, a, r) {
   if (!s)
     return [0, 0];
   if (Z(s) && i && Z(i))
-    return [O(s, e.width), O(i, e.height)];
+    return [P(s, e.width), P(i, e.height)];
   var n = W4(t);
   if (R(s) && (s.value === y1.CONTAIN || s.value === y1.COVER)) {
     if (W4(t)) {
@@ -6599,10 +6600,10 @@ var X = function(A, c, e, a, r) {
   }
   if (n) {
     var H = 0, v = 0;
-    return Z(s) ? H = O(s, e.width) : Z(i) && (v = O(i, e.height)), L1(s) ? H = v * t : (!i || L1(i)) && (v = H / t), [H, v];
+    return Z(s) ? H = P(s, e.width) : Z(i) && (v = P(i, e.height)), L1(s) ? H = v * t : (!i || L1(i)) && (v = H / t), [H, v];
   }
   var L = null, Q = null;
-  if (Z(s) ? L = O(s, e.width) : i && Z(i) && (Q = O(i, e.height)), L !== null && (!i || L1(i)) && (Q = l && f ? L / a * r : e.height), Q !== null && L1(s) && (L = l && f ? Q / r * a : e.width), L !== null && Q !== null)
+  if (Z(s) ? L = P(s, e.width) : i && Z(i) && (Q = P(i, e.height)), L !== null && (!i || L1(i)) && (Q = l && f ? L / a * r : e.height), Q !== null && L1(s) && (L = l && f ? Q / r * a : e.width), L !== null && Q !== null)
     return [L, Q];
   throw new Error("Unable to calculate background-size for element");
 }, F1 = function(A, c) {
@@ -6878,7 +6879,7 @@ var X = function(A, c, e, a, r) {
             case 18:
               return [3, 20];
             case 19:
-              e.listValue && a.styles.listStyleType !== -1 && (Q = this.createFontStyle(t)[0], this.ctx.font = Q, this.ctx.fillStyle = e2(t.color), this.ctx.textBaseline = "middle", this.ctx.textAlign = "right", M = new R2(a.bounds.left, a.bounds.top + O(a.styles.paddingTop, a.bounds.width), a.bounds.width, J8(t.lineHeight, t.fontSize.number) / 2 + 1), this.renderTextWithLetterSpacing(new c4(e.listValue, M), t.letterSpacing, J8(t.lineHeight, t.fontSize.number) / 2 + 2), this.ctx.textBaseline = "bottom", this.ctx.textAlign = "left"), p.label = 20;
+              e.listValue && a.styles.listStyleType !== -1 && (Q = this.createFontStyle(t)[0], this.ctx.font = Q, this.ctx.fillStyle = e2(t.color), this.ctx.textBaseline = "middle", this.ctx.textAlign = "right", M = new R2(a.bounds.left, a.bounds.top + P(a.styles.paddingTop, a.bounds.width), a.bounds.width, J8(t.lineHeight, t.fontSize.number) / 2 + 1), this.renderTextWithLetterSpacing(new c4(e.listValue, M), t.letterSpacing, J8(t.lineHeight, t.fontSize.number) / 2 + 2), this.ctx.textBaseline = "bottom", this.ctx.textAlign = "left"), p.label = 20;
             case 20:
               return [
                 2
@@ -7019,7 +7020,7 @@ var X = function(A, c, e, a, r) {
                         null,
                         null,
                         null
-                      ]), q = b[0], h2 = b[1], C2 = b[2], K = b[3], a2 = b[4], W2 = l.position.length === 0 ? [o0] : l.position, u2 = O(W2[0], K), m2 = O(W2[W2.length - 1], a2), i1 = Yh(l, u2, m2, K, a2), b2 = i1[0], X2 = i1[1], b2 > 0 && X2 > 0 && (n1 = t.ctx.createRadialGradient(h2 + u2, C2 + m2, 0, h2 + u2, C2 + m2, b2), q8(l.stops, b2 * 2).forEach(function(T1) {
+                      ]), q = b[0], h2 = b[1], C2 = b[2], K = b[3], a2 = b[4], W2 = l.position.length === 0 ? [o0] : l.position, u2 = P(W2[0], K), m2 = P(W2[W2.length - 1], a2), i1 = Yh(l, u2, m2, K, a2), b2 = i1[0], X2 = i1[1], b2 > 0 && X2 > 0 && (n1 = t.ctx.createRadialGradient(h2 + u2, C2 + m2, 0, h2 + u2, C2 + m2, b2), q8(l.stops, b2 * 2).forEach(function(T1) {
                         return n1.addColorStop(T1.stop, e2(T1.color));
                       }), t.path(q), t.ctx.fillStyle = n1, b2 !== X2 ? (o1 = e.bounds.left + 0.5 * e.bounds.width, k2 = e.bounds.top + 0.5 * e.bounds.height, l1 = X2 / b2, I2 = 1 / l1, t.ctx.save(), t.ctx.translate(o1, k2), t.ctx.transform(1, 0, 0, l1, 0, 0), t.ctx.translate(-o1, -k2), t.ctx.fillRect(h2, I2 * (C2 - k2) + k2, K, a2 * I2), t.ctx.restore()) : t.ctx.fill())), g1.label = 6;
                     case 6:

package/dist/labmaker-plugin.umd.cjs

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

package/package.json

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