labmaker-plugin 0.0.264 → 0.0.266
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/labmaker-plugin.js +45 -45
- package/dist/labmaker-plugin.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/labmaker-plugin.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { openBlock as B, createElementBlock as V, Fragment as D, createElementVNode as U, toDisplayString as j, normalizeClass as O, createCommentVNode as S, resolveComponent as y, normalizeStyle as D2, createBlock as K, withModifiers as p2, withCtx as k, createTextVNode as
|
|
1
|
+
import { openBlock as B, createElementBlock as V, Fragment as D, createElementVNode as U, toDisplayString as j, normalizeClass as O, createCommentVNode as S, resolveComponent as y, normalizeStyle as D2, createBlock as K, withModifiers as p2, withCtx as k, createTextVNode as s2, renderList as f2, createVNode as X, renderSlot as Sn, defineComponent as i0, computed as L2, watch as Nn, h as A5 } from "vue";
|
|
2
2
|
const i2 = (A, c) => {
|
|
3
3
|
const e = A.__vccOpts || A;
|
|
4
4
|
for (const [a, r] of c)
|
|
@@ -297,7 +297,7 @@ function oo(A, c, e, a, r, s) {
|
|
|
297
297
|
onClick: c[3] || (c[3] = p2((i) => s.showText(e.content.kalturaType), ["stop"]))
|
|
298
298
|
}, {
|
|
299
299
|
default: k(() => [
|
|
300
|
-
|
|
300
|
+
s2(j(s.getButtonText(e.content.kalturaType)), 1)
|
|
301
301
|
]),
|
|
302
302
|
_: 1
|
|
303
303
|
})) : S("", !0)
|
|
@@ -480,7 +480,8 @@ const Lo = {
|
|
|
480
480
|
mounted() {
|
|
481
481
|
},
|
|
482
482
|
beforeMount() {
|
|
483
|
-
|
|
483
|
+
var A;
|
|
484
|
+
this.stepperStore = this.stepperMain(), ((A = this.content.feedbackContent) == null ? void 0 : A.type) === "media" && this.content.feedbackContent.fieldValues.kalturaType === "video" && (this.content.feedbackContent.fieldValues.width = "480", this.content.feedbackContent.fieldValues.height = "360", this.content.feedbackWidth = "80%");
|
|
484
485
|
}
|
|
485
486
|
}, Qo = { class: "my-header" }, Fo = ["id", "innerHTML"], Uo = ["innerHTML"], bo = { key: 1 }, xo = { key: 0 }, yo = ["src"], So = ["innerHTML"], No = { class: "dialog-footer" };
|
|
486
487
|
function Eo(A, c, e, a, r, s) {
|
|
@@ -509,7 +510,7 @@ function Eo(A, c, e, a, r, s) {
|
|
|
509
510
|
onClick: c[0] || (c[0] = p2((o) => s.feedbackClose(), ["stop"]))
|
|
510
511
|
}, {
|
|
511
512
|
default: k(() => [
|
|
512
|
-
|
|
513
|
+
s2("Close")
|
|
513
514
|
]),
|
|
514
515
|
_: 1
|
|
515
516
|
})
|
|
@@ -517,13 +518,12 @@ function Eo(A, c, e, a, r, s) {
|
|
|
517
518
|
]),
|
|
518
519
|
default: k(() => [
|
|
519
520
|
s.getShowFeedbackAttempts ? (B(), V(D, { key: 0 }, [
|
|
520
|
-
a2("IF "),
|
|
521
521
|
e.content.feedbackAttempts ? (B(), V("p", {
|
|
522
522
|
key: 0,
|
|
523
523
|
innerHTML: e.content.feedbackAttempts
|
|
524
524
|
}, null, 8, Uo)) : (B(), V("p", bo, "You have tried too many times, the correct answer has been provided for you."))
|
|
525
525
|
], 64)) : (B(), V(D, { key: 1 }, [
|
|
526
|
-
|
|
526
|
+
s2(j(e.content.feedbackContent) + " ", 1),
|
|
527
527
|
e.content.feedbackContent ? (B(), V("div", xo, [
|
|
528
528
|
e.content.feedbackContent.type === "media" ? (B(), K(t, {
|
|
529
529
|
key: 0,
|
|
@@ -682,7 +682,7 @@ function To(A, c, e, a, r, s) {
|
|
|
682
682
|
disabled: s.quizArrayCompleted(h)
|
|
683
683
|
}, null, 8, ["onChange", "modelValue", "onUpdate:modelValue", "placeholder", "format", "value-format", "disabled"])) : S("", !0)
|
|
684
684
|
], 2),
|
|
685
|
-
|
|
685
|
+
s2(" ")
|
|
686
686
|
], 64))), 256))
|
|
687
687
|
]),
|
|
688
688
|
X(l, {
|
|
@@ -692,7 +692,7 @@ function To(A, c, e, a, r, s) {
|
|
|
692
692
|
onClick: c[0] || (c[0] = (f) => s.choicesCheck())
|
|
693
693
|
}, {
|
|
694
694
|
default: k(() => [
|
|
695
|
-
|
|
695
|
+
s2("Submit")
|
|
696
696
|
]),
|
|
697
697
|
_: 1
|
|
698
698
|
}),
|
|
@@ -772,7 +772,7 @@ function Ro(A, c, e, a, r, s) {
|
|
|
772
772
|
}, [
|
|
773
773
|
U("p", null, [
|
|
774
774
|
(B(!0), V(D, null, f2(r.quizArray, (l, o) => (B(), V(D, null, [
|
|
775
|
-
|
|
775
|
+
s2(j(l), 1),
|
|
776
776
|
o < s.quizArrayCount ? (B(), K(t, {
|
|
777
777
|
key: 0,
|
|
778
778
|
modelValue: r.input[o],
|
|
@@ -789,7 +789,7 @@ function Ro(A, c, e, a, r, s) {
|
|
|
789
789
|
onClick: c[0] || (c[0] = (l) => s.choicesCheck())
|
|
790
790
|
}, {
|
|
791
791
|
default: k(() => [
|
|
792
|
-
|
|
792
|
+
s2("Submit")
|
|
793
793
|
]),
|
|
794
794
|
_: 1
|
|
795
795
|
}),
|
|
@@ -999,7 +999,7 @@ function $o(A, c, e, a, r, s) {
|
|
|
999
999
|
onClick: c[1] || (c[1] = (l) => s.choicesCheck())
|
|
1000
1000
|
}, {
|
|
1001
1001
|
default: k(() => [
|
|
1002
|
-
|
|
1002
|
+
s2("Submit")
|
|
1003
1003
|
]),
|
|
1004
1004
|
_: 1
|
|
1005
1005
|
}),
|
|
@@ -1114,7 +1114,7 @@ function fl(A, c, e, a, r, s) {
|
|
|
1114
1114
|
onClick: p2((h) => s.showSub("sub-" + f), ["stop"])
|
|
1115
1115
|
}, [
|
|
1116
1116
|
U("div", el, [
|
|
1117
|
-
|
|
1117
|
+
s2(j(o.name) + " ", 1),
|
|
1118
1118
|
X(i, null, {
|
|
1119
1119
|
default: k(() => [
|
|
1120
1120
|
X(t)
|
|
@@ -1137,7 +1137,7 @@ function fl(A, c, e, a, r, s) {
|
|
|
1137
1137
|
onClick: p2((m) => s.showSubSub("sub-sub-" + f), ["stop"])
|
|
1138
1138
|
}, [
|
|
1139
1139
|
U("div", sl, [
|
|
1140
|
-
|
|
1140
|
+
s2(j(h.name), 1),
|
|
1141
1141
|
X(i, null, {
|
|
1142
1142
|
default: k(() => [
|
|
1143
1143
|
X(n)
|
|
@@ -1939,7 +1939,7 @@ function Sl(A, c, e, a, r, s) {
|
|
|
1939
1939
|
src: e.content.sound,
|
|
1940
1940
|
type: "audio/mpeg"
|
|
1941
1941
|
}, null, 8, Ul),
|
|
1942
|
-
|
|
1942
|
+
s2(" Your browser does not support the audio element. ")
|
|
1943
1943
|
])) : S("", !0)
|
|
1944
1944
|
]),
|
|
1945
1945
|
_: 1
|
|
@@ -1961,7 +1961,7 @@ function Sl(A, c, e, a, r, s) {
|
|
|
1961
1961
|
class: "dragItems-button",
|
|
1962
1962
|
onClick: p2((u) => s.keyboardDrag(h, f), ["stop"])
|
|
1963
1963
|
}, [
|
|
1964
|
-
|
|
1964
|
+
s2(j(h.text) + " ", 1),
|
|
1965
1965
|
h.image ? (B(), V("img", {
|
|
1966
1966
|
key: 0,
|
|
1967
1967
|
id: h.id,
|
|
@@ -2144,7 +2144,7 @@ function Ol(A, c, e, a, r, s) {
|
|
|
2144
2144
|
class: "dragItems-button",
|
|
2145
2145
|
onClick: p2((m) => s.keyboardDrag(u), ["stop"])
|
|
2146
2146
|
}, [
|
|
2147
|
-
|
|
2147
|
+
s2(j(u.text) + " ", 1),
|
|
2148
2148
|
u.image ? (B(), V("img", {
|
|
2149
2149
|
key: 0,
|
|
2150
2150
|
id: u.id,
|
|
@@ -2175,7 +2175,7 @@ function Ol(A, c, e, a, r, s) {
|
|
|
2175
2175
|
item: k(({ element: C }) => [
|
|
2176
2176
|
C.hide ? S("", !0) : (B(), V("div", Dl, [
|
|
2177
2177
|
U("button", Kl, [
|
|
2178
|
-
|
|
2178
|
+
s2(j(C.text) + " ", 1),
|
|
2179
2179
|
C.image ? (B(), V("img", {
|
|
2180
2180
|
key: 0,
|
|
2181
2181
|
id: C.id,
|
|
@@ -2212,7 +2212,7 @@ function Ol(A, c, e, a, r, s) {
|
|
|
2212
2212
|
onClick: c[0] || (c[0] = (u) => s.kbCheckMove())
|
|
2213
2213
|
}, {
|
|
2214
2214
|
default: k(() => [
|
|
2215
|
-
|
|
2215
|
+
s2("Close")
|
|
2216
2216
|
]),
|
|
2217
2217
|
_: 1
|
|
2218
2218
|
})
|
|
@@ -2229,7 +2229,7 @@ function Ol(A, c, e, a, r, s) {
|
|
|
2229
2229
|
onClick: (H) => s.kbCheckMove(m, d)
|
|
2230
2230
|
}, {
|
|
2231
2231
|
default: k(() => [
|
|
2232
|
-
|
|
2232
|
+
s2(j(e.content.bins[m].header), 1)
|
|
2233
2233
|
]),
|
|
2234
2234
|
_: 2
|
|
2235
2235
|
}, 1032, ["onClick"])) : (B(), K(f, {
|
|
@@ -2239,7 +2239,7 @@ function Ol(A, c, e, a, r, s) {
|
|
|
2239
2239
|
onClick: (H) => s.kbCheckMove(m, d)
|
|
2240
2240
|
}, {
|
|
2241
2241
|
default: k(() => [
|
|
2242
|
-
|
|
2242
|
+
s2(j(e.content.bins[m].header), 1)
|
|
2243
2243
|
]),
|
|
2244
2244
|
_: 2
|
|
2245
2245
|
}, 1032, ["onClick"]))
|
|
@@ -5043,38 +5043,38 @@ var Tm = 1, l6 = 2, f6 = 3, aA = 4, rA = 5, Dm = 7, sA = 8, h6 = 9, u6 = 10, tA
|
|
|
5043
5043
|
return c(a);
|
|
5044
5044
|
}, a.onerror = e, a.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(A));
|
|
5045
5045
|
});
|
|
5046
|
-
},
|
|
5046
|
+
}, r2 = {
|
|
5047
5047
|
get SUPPORT_RANGE_BOUNDS() {
|
|
5048
5048
|
var A = Xm(document);
|
|
5049
|
-
return Object.defineProperty(
|
|
5049
|
+
return Object.defineProperty(r2, "SUPPORT_RANGE_BOUNDS", { value: A }), A;
|
|
5050
5050
|
},
|
|
5051
5051
|
get SUPPORT_WORD_BREAKING() {
|
|
5052
|
-
var A =
|
|
5053
|
-
return Object.defineProperty(
|
|
5052
|
+
var A = r2.SUPPORT_RANGE_BOUNDS && qm(document);
|
|
5053
|
+
return Object.defineProperty(r2, "SUPPORT_WORD_BREAKING", { value: A }), A;
|
|
5054
5054
|
},
|
|
5055
5055
|
get SUPPORT_SVG_DRAWING() {
|
|
5056
5056
|
var A = $m(document);
|
|
5057
|
-
return Object.defineProperty(
|
|
5057
|
+
return Object.defineProperty(r2, "SUPPORT_SVG_DRAWING", { value: A }), A;
|
|
5058
5058
|
},
|
|
5059
5059
|
get SUPPORT_FOREIGNOBJECT_DRAWING() {
|
|
5060
5060
|
var A = typeof Array.from == "function" && typeof window.fetch == "function" ? jm(document) : Promise.resolve(!1);
|
|
5061
|
-
return Object.defineProperty(
|
|
5061
|
+
return Object.defineProperty(r2, "SUPPORT_FOREIGNOBJECT_DRAWING", { value: A }), A;
|
|
5062
5062
|
},
|
|
5063
5063
|
get SUPPORT_CORS_IMAGES() {
|
|
5064
5064
|
var A = Ym();
|
|
5065
|
-
return Object.defineProperty(
|
|
5065
|
+
return Object.defineProperty(r2, "SUPPORT_CORS_IMAGES", { value: A }), A;
|
|
5066
5066
|
},
|
|
5067
5067
|
get SUPPORT_RESPONSE_TYPE() {
|
|
5068
5068
|
var A = Jm();
|
|
5069
|
-
return Object.defineProperty(
|
|
5069
|
+
return Object.defineProperty(r2, "SUPPORT_RESPONSE_TYPE", { value: A }), A;
|
|
5070
5070
|
},
|
|
5071
5071
|
get SUPPORT_CORS_XHR() {
|
|
5072
5072
|
var A = "withCredentials" in new XMLHttpRequest();
|
|
5073
|
-
return Object.defineProperty(
|
|
5073
|
+
return Object.defineProperty(r2, "SUPPORT_CORS_XHR", { value: A }), A;
|
|
5074
5074
|
},
|
|
5075
5075
|
get SUPPORT_NATIVE_TEXT_SEGMENTATION() {
|
|
5076
5076
|
var A = !!(typeof Intl < "u" && Intl.Segmenter);
|
|
5077
|
-
return Object.defineProperty(
|
|
5077
|
+
return Object.defineProperty(r2, "SUPPORT_NATIVE_TEXT_SEGMENTATION", { value: A }), A;
|
|
5078
5078
|
}
|
|
5079
5079
|
}, c4 = (
|
|
5080
5080
|
/** @class */
|
|
@@ -5088,7 +5088,7 @@ var Tm = 1, l6 = 2, f6 = 3, aA = 4, rA = 5, Dm = 7, sA = 8, h6 = 9, u6 = 10, tA
|
|
|
5088
5088
|
var r = eH(c, e), s = [], t = 0;
|
|
5089
5089
|
return r.forEach(function(i) {
|
|
5090
5090
|
if (e.textDecorationLine.length || i.trim().length > 0)
|
|
5091
|
-
if (
|
|
5091
|
+
if (r2.SUPPORT_RANGE_BOUNDS) {
|
|
5092
5092
|
var n = hA(a, t, i.length).getClientRects();
|
|
5093
5093
|
if (n.length > 1) {
|
|
5094
5094
|
var l = h0(i), o = 0;
|
|
@@ -5102,7 +5102,7 @@ var Tm = 1, l6 = 2, f6 = 3, aA = 4, rA = 5, Dm = 7, sA = 8, h6 = 9, u6 = 10, tA
|
|
|
5102
5102
|
s.push(new c4(i, AH(A, a))), a = f;
|
|
5103
5103
|
}
|
|
5104
5104
|
else
|
|
5105
|
-
|
|
5105
|
+
r2.SUPPORT_RANGE_BOUNDS || (a = a.splitText(i.length));
|
|
5106
5106
|
t += i.length;
|
|
5107
5107
|
}), s;
|
|
5108
5108
|
}, AH = function(A, c) {
|
|
@@ -5125,7 +5125,7 @@ var Tm = 1, l6 = 2, f6 = 3, aA = 4, rA = 5, Dm = 7, sA = 8, h6 = 9, u6 = 10, tA
|
|
|
5125
5125
|
var r = a.createRange();
|
|
5126
5126
|
return r.setStart(A, c), r.setEnd(A, c + e), r;
|
|
5127
5127
|
}, h0 = function(A) {
|
|
5128
|
-
if (
|
|
5128
|
+
if (r2.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
|
|
5129
5129
|
var c = new Intl.Segmenter(void 0, { granularity: "grapheme" });
|
|
5130
5130
|
return Array.from(c.segment(A)).map(function(e) {
|
|
5131
5131
|
return e.segment;
|
|
@@ -5133,7 +5133,7 @@ var Tm = 1, l6 = 2, f6 = 3, aA = 4, rA = 5, Dm = 7, sA = 8, h6 = 9, u6 = 10, tA
|
|
|
5133
5133
|
}
|
|
5134
5134
|
return Wm(A);
|
|
5135
5135
|
}, cH = function(A, c) {
|
|
5136
|
-
if (
|
|
5136
|
+
if (r2.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
|
|
5137
5137
|
var e = new Intl.Segmenter(void 0, {
|
|
5138
5138
|
granularity: "word"
|
|
5139
5139
|
});
|
|
@@ -6061,7 +6061,7 @@ var wH = function(A, c) {
|
|
|
6061
6061
|
return n2(this, function(i) {
|
|
6062
6062
|
switch (i.label) {
|
|
6063
6063
|
case 0:
|
|
6064
|
-
return e = j5.isSameOrigin(c), a = !B6(c) && this._options.useCORS === !0 &&
|
|
6064
|
+
return e = j5.isSameOrigin(c), a = !B6(c) && this._options.useCORS === !0 && r2.SUPPORT_CORS_IMAGES && !e, r = !B6(c) && !e && !p6(c) && typeof this._options.proxy == "string" && r2.SUPPORT_CORS_XHR && !a, !e && this._options.allowTaint === !1 && !B6(c) && !p6(c) && !r && !a ? [
|
|
6065
6065
|
2
|
|
6066
6066
|
/*return*/
|
|
6067
6067
|
] : (s = c, r ? [4, this.proxy(s)] : [3, 2]);
|
|
@@ -6093,7 +6093,7 @@ var wH = function(A, c) {
|
|
|
6093
6093
|
throw new Error("No proxy defined");
|
|
6094
6094
|
var r = c.substring(0, 256);
|
|
6095
6095
|
return new Promise(function(s, t) {
|
|
6096
|
-
var i =
|
|
6096
|
+
var i = r2.SUPPORT_RESPONSE_TYPE ? "blob" : "text", n = new XMLHttpRequest();
|
|
6097
6097
|
n.onload = function() {
|
|
6098
6098
|
if (n.status === 200)
|
|
6099
6099
|
if (i === "text")
|
|
@@ -6121,7 +6121,7 @@ var wH = function(A, c) {
|
|
|
6121
6121
|
}, A;
|
|
6122
6122
|
}()
|
|
6123
6123
|
), TH = /^data:image\/svg\+xml/i, DH = /^data:image\/.*;base64,/i, KH = /^data:image\/.*/i, RH = function(A) {
|
|
6124
|
-
return
|
|
6124
|
+
return r2.SUPPORT_SVG_DRAWING || !OH(A);
|
|
6125
6125
|
}, B6 = function(A) {
|
|
6126
6126
|
return KH.test(A);
|
|
6127
6127
|
}, _H = function(A) {
|
|
@@ -6867,7 +6867,7 @@ var W = function(A, c, e, a, r) {
|
|
|
6867
6867
|
switch (l.label) {
|
|
6868
6868
|
case 0:
|
|
6869
6869
|
a = e.styles.backgroundImage.length - 1, r = function(o) {
|
|
6870
|
-
var f, h, u, q, u2, m2, T,
|
|
6870
|
+
var f, h, u, q, u2, m2, T, a2, N, m, q, u2, m2, T, a2, C, d, H, v, L, Q, M, p, x, N, b, q, h2, C2, T, a2, W2, u2, m2, i1, b2, X2, n1, o1, E2, l1, k2;
|
|
6871
6871
|
return n2(this, function(g1) {
|
|
6872
6872
|
switch (g1.label) {
|
|
6873
6873
|
case 0:
|
|
@@ -6885,17 +6885,17 @@ var W = function(A, c, e, a, r) {
|
|
|
6885
6885
|
f.width,
|
|
6886
6886
|
f.height,
|
|
6887
6887
|
f.width / f.height
|
|
6888
|
-
]), q = u[0], u2 = u[1], m2 = u[2], T = u[3],
|
|
6888
|
+
]), q = u[0], u2 = u[1], m2 = u[2], T = u[3], a2 = u[4], N = s.ctx.createPattern(s.resizeImage(f, T, a2), "repeat"), s.renderRepeat(q, N, u2, m2)), [3, 6];
|
|
6889
6889
|
case 5:
|
|
6890
|
-
qh(o) ? (m = g6(e, a, [null, null, null]), q = m[0], u2 = m[1], m2 = m[2], T = m[3],
|
|
6890
|
+
qh(o) ? (m = g6(e, a, [null, null, null]), q = m[0], u2 = m[1], m2 = m[2], T = m[3], a2 = m[4], C = Oh(o.angle, T, a2), d = C[0], H = C[1], v = C[2], L = C[3], Q = C[4], M = document.createElement("canvas"), M.width = T, M.height = a2, p = M.getContext("2d"), x = p.createLinearGradient(H, L, v, Q), q8(o.stops, d).forEach(function(T1) {
|
|
6891
6891
|
return x.addColorStop(T1.stop, e2(T1.color));
|
|
6892
|
-
}), p.fillStyle = x, p.fillRect(0, 0, T,
|
|
6892
|
+
}), p.fillStyle = x, p.fillRect(0, 0, T, a2), T > 0 && a2 > 0 && (N = s.ctx.createPattern(M, "repeat"), s.renderRepeat(q, N, u2, m2))) : Yh(o) && (b = g6(e, a, [
|
|
6893
6893
|
null,
|
|
6894
6894
|
null,
|
|
6895
6895
|
null
|
|
6896
|
-
]), q = b[0], h2 = b[1], C2 = b[2], T = b[3],
|
|
6896
|
+
]), q = b[0], h2 = b[1], C2 = b[2], T = b[3], a2 = b[4], W2 = o.position.length === 0 ? [o0] : o.position, u2 = _(W2[0], T), m2 = _(W2[W2.length - 1], a2), i1 = Ph(o, u2, m2, T, a2), b2 = i1[0], X2 = i1[1], b2 > 0 && X2 > 0 && (n1 = s.ctx.createRadialGradient(h2 + u2, C2 + m2, 0, h2 + u2, C2 + m2, b2), q8(o.stops, b2 * 2).forEach(function(T1) {
|
|
6897
6897
|
return n1.addColorStop(T1.stop, e2(T1.color));
|
|
6898
|
-
}), s.path(q), s.ctx.fillStyle = n1, b2 !== X2 ? (o1 = e.bounds.left + 0.5 * e.bounds.width, E2 = e.bounds.top + 0.5 * e.bounds.height, l1 = X2 / b2, k2 = 1 / l1, s.ctx.save(), s.ctx.translate(o1, E2), s.ctx.transform(1, 0, 0, l1, 0, 0), s.ctx.translate(-o1, -E2), s.ctx.fillRect(h2, k2 * (C2 - E2) + E2, T,
|
|
6898
|
+
}), s.path(q), s.ctx.fillStyle = n1, b2 !== X2 ? (o1 = e.bounds.left + 0.5 * e.bounds.width, E2 = e.bounds.top + 0.5 * e.bounds.height, l1 = X2 / b2, k2 = 1 / l1, s.ctx.save(), s.ctx.translate(o1, E2), s.ctx.transform(1, 0, 0, l1, 0, 0), s.ctx.translate(-o1, -E2), s.ctx.fillRect(h2, k2 * (C2 - E2) + E2, T, a2 * k2), s.ctx.restore()) : s.ctx.fill())), g1.label = 6;
|
|
6899
6899
|
case 6:
|
|
6900
6900
|
return a--, [
|
|
6901
6901
|
2
|
|
@@ -7133,7 +7133,7 @@ var W = function(A, c, e, a, r) {
|
|
|
7133
7133
|
typeof window < "u" && j5.setContext(window);
|
|
7134
7134
|
var pv = function(A, c) {
|
|
7135
7135
|
return l2(void 0, void 0, void 0, function() {
|
|
7136
|
-
var e, a, r, s, t, i, n, l, o, f, h, u, m, C, d, H, v, L, Q, M, x, p, x, N, b, q, h2, C2, T,
|
|
7136
|
+
var e, a, r, s, t, i, n, l, o, f, h, u, m, C, d, H, v, L, Q, M, x, p, x, N, b, q, h2, C2, T, a2, W2, u2, m2, i1, b2, X2, n1, o1, E2, l1;
|
|
7137
7137
|
return n2(this, function(k2) {
|
|
7138
7138
|
switch (k2.label) {
|
|
7139
7139
|
case 0:
|
|
@@ -7151,7 +7151,7 @@ var pv = function(A, c) {
|
|
|
7151
7151
|
}, s = L6({ logging: (h2 = c.logging) !== null && h2 !== void 0 ? h2 : !0, cache: c.cache }, r), t = {
|
|
7152
7152
|
windowWidth: (C2 = c.windowWidth) !== null && C2 !== void 0 ? C2 : a.innerWidth,
|
|
7153
7153
|
windowHeight: (T = c.windowHeight) !== null && T !== void 0 ? T : a.innerHeight,
|
|
7154
|
-
scrollX: (
|
|
7154
|
+
scrollX: (a2 = c.scrollX) !== null && a2 !== void 0 ? a2 : a.pageXOffset,
|
|
7155
7155
|
scrollY: (W2 = c.scrollY) !== null && W2 !== void 0 ? W2 : a.pageYOffset
|
|
7156
7156
|
}, i = new R2(t.scrollX, t.scrollY, t.windowWidth, t.windowHeight), n = new Cv(s, i), l = (u2 = c.foreignObjectRendering) !== null && u2 !== void 0 ? u2 : !1, o = {
|
|
7157
7157
|
allowTaint: (m2 = c.allowTaint) !== null && m2 !== void 0 ? m2 : !1,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(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),vi={class:"image-uploader"},di=n.createElementVNode("h1",null,"File Uploader",-1),gi={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",vi,[di,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",gi,[n.createElementVNode("img",{src:r.imgSRC,alt:"",scrset:""},null,8,zi)])])],64)}const Mi=X(Bi,[["render",Vi]]),kq="",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]]),Iq="",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"]]),Tq="",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]]),Dq="",Xi={components:{},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},changePage(A,c){A.pageLink?this.stepperStore.currentPage=A.pageLink:A.feedback&&(this.feedbackIndex=c,this.feedbackVisibility.indexOf(c)===-1&&this.feedbackVisibility.push(c),this.stepperStore.showFeedback=!0,this.content.hotspots.length-1===this.feedbackVisibility.length-1&&this.stepperStore.finishSteps(),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(A){return!!(this.stepperStore.getShowFeedback&&this.feedbackIndex===A)},hotspots(){if(this.content.showCount){let A=function(c,e){return[...c].sort(()=>.5-Math.random()).slice(0,e)};return console.log("only show",this.content.showCount),A(this.content.hotspots,this.content.showCount)}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,f)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(s,{type:o.buttonType,onClick:n.withModifiers(l=>t.changePage(o,f),["stop"]),id:"hotspot_"+f,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(f+1)},null,8,$i)):n.createCommentVNode("",!0),n.createElementVNode("span",ji,n.toDisplayString(o.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),t.showFeedback(f)?(n.openBlock(),n.createBlock(i,{key:0,content:o},null,8,["content"])):n.createCommentVNode("",!0)],64))),256))])])}const Ao=X(Xi,[["render",Zi],["__scopeId","data-v-79774856"]]),Kq="",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,(f,l)=>(n.openBlock(),n.createBlock(i,{type:f.buttonType,onClick:n.withModifiers(m=>t.changeImage(l),["stop"]),class:"hotspot",style:n.normalizeStyle({top:t.pixelFormat(f.cordinatesX),left:t.pixelFormat(f.cordinatesY),width:t.pixelFormat(f.dimensionsW),height:t.pixelFormat(f.dimensionsH)}),icon:f.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const so=X(co,[["render",to],["__scopeId","data-v-d6c87f03"]]),Rq="",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(){this.stepperStore=this.stepperMain(),this.content.feedbackContent.type==="media"&&this.content.feedbackContent.fieldValues.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},mo={key:0},ho=["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"),f=n.resolveComponent("el-dialog");return n.openBlock(),n.createBlock(f,{width:t.feedbackWidth,modelValue:r.show,"onUpdate:modelValue":c[1]||(c[1]=l=>r.show=l),"before-close":t.feedbackClose},{header:n.withCtx(({close:l,titleId:m,titleClass:h})=>[n.createElementVNode("div",io,[n.createElementVNode("h4",{id:m,class:n.normalizeClass(h),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(l=>t.feedbackClose(),["stop"]))},{default:n.withCtx(()=>[n.createTextVNode("Close")]),_:1})])]),default:n.withCtx(()=>[t.getShowFeedbackAttempts?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createTextVNode("IF "),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},[n.createTextVNode("ELSE"+n.toDisplayString(e.content.feedbackContent)+" ",1),e.content.feedbackContent?(n.openBlock(),n.createElementBlock("div",mo,[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,ho)):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]]),_q="",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(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(c||(this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback),this.stepperStore.attempts=this.getAttempt+1)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete();this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.quizArray.forEach((A,c)=>{this.input[c]?this.input[c]=this.content.options[c].answer:this.input.push(this.content.options[c].answer),this.quizItemCompleted.push(c+1)}),this.stepperStore.finishSteps()},choicesMade(A){this.quizItemCompleted.includes(A+1)===!1&&this.quizItemCompleted.push(A+1)},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function vo(A,c,e,a,r,t){const s=n.resolveComponent("el-option"),i=n.resolveComponent("el-select"),o=n.resolveComponent("el-date-picker"),f=n.resolveComponent("el-button"),l=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,(m,h)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("span",{class:n.normalizeClass(t.quizClass(h))},[n.createElementVNode("span",{class:n.normalizeClass("quizText quizSection_"+h)},n.toDisplayString(m)+" ",3),t.quizType(h)==="choose"?(n.openBlock(),n.createBlock(i,{key:0,onChange:H=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":H=>r.input[h]=H,placeholder:t.quizDisplay(h)},{default:n.withCtx(()=>[t.quizArrayCompleted(h)?n.createCommentVNode("",!0):(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:0},n.renderList(r.quizOptions[h],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(h)==="date"?(n.openBlock(),n.createBlock(o,{key:1,onChange:H=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":H=>r.input[h]=H,type:"date",placeholder:t.quizDisplay(h),format:e.content.options[h].format,"value-format":e.content.options[h].format,disabled:t.quizArrayCompleted(h)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):n.createCommentVNode("",!0)],2),n.createTextVNode(" ")],64))),256))]),n.createVNode(f,{size:"small",type:"primary",class:"drop-down-submit",onClick:c[0]||(c[0]=m=>t.choicesCheck())},{default:n.withCtx(()=>[n.createTextVNode("Submit")]),_:1}),t.showFeedback()?(n.openBlock(),n.createBlock(l,{key:0,content:r.feedbackObject},null,8,["content"])):n.createCommentVNode("",!0)],2)}const go=X(po,[["render",vo]]),Oq="",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(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)):(this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete()),this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.input.forEach((A,c)=>{this.input[c]=this.content.answers[c]}),this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function 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,(f,l)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createTextVNode(n.toDisplayString(f),1),l<t.quizArrayCount?(n.openBlock(),n.createBlock(s,{key:0,modelValue:r.input[l],"onUpdate:modelValue":m=>r.input[l]=m,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]=f=>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]]),Pq="",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(){let A=document.querySelectorAll(".selectableButton");for(let c=0;c<A.length;c++)A[c].classList.add("is-failure"),A[c].setAttribute("disabled",!0),this.content.choices[c].correct&&A[c].classList.add("is-success");this.stepperStore.finishSteps()},choicesCheck(A){this.getAttempt<Number(this.content.attempts)?this.content.choices[A].correct===!0?(console.log(" it was true"),this.choicesComplete()):this.stepperStore.attempts=this.getAttempt+1:(this.content.choices[A].correct!==!0&&(this.stepperStore.showFeedbackAttempts=!0),this.choicesComplete()),this.feedbackIndex=A,this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},shuffledChoices(){let A=this.content.choices;for(let c=A.length-1;c>0;c--){const e=Math.floor(Math.random()*(c+1));[A[c],A[e]]=[A[e],A[c]]}this.content.choices=A},showFeedback(A){return this.stepperStore.getShowFeedback&&this.feedbackIndex===A?(this.content.choices[A].correct&&this.choicesComplete(),!0):!1}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("selectableButton");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("selectableButton"),this.feedbackIndex=-1,this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Lo=["innerHTML"],Qo={class:"buttonSpan"},Fo=["src","alt"],Uo={class:"selectable-buttonText"};function bo(A,c,e,a,r,t){const s=n.resolveComponent("lab-image"),i=n.resolveComponent("el-col"),o=n.resolveComponent("el-divider"),f=n.resolveComponent("el-button"),l=n.resolveComponent("lab-feedback"),m=n.resolveComponent("el-row");return n.openBlock(),n.createBlock(m,{id:e.content.id,class:n.normalizeClass(["selectable",e.content.classes])},{default:n.withCtx(()=>[n.createVNode(i,{span:t.leftColWidth(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),e.content.image?(n.openBlock(),n.createBlock(s,{key:1,content:e.content.image},null,8,["content"])):n.createCommentVNode("",!0)]),_:1},8,["span"]),n.createVNode(i,{span:t.rightColWidth(A.index),class:"selectArea"},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.content.choices,(h,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(f,{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",Qo,[h.image?(n.openBlock(),n.createElementBlock("img",{key:0,class:"im-ButtonImage",src:h.image,alt:h.alt?h.alt:"button image"},null,8,Fo)):n.createCommentVNode("",!0),n.createElementVNode("span",Uo,n.toDisplayString(h.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(H)?(n.openBlock(),n.createBlock(l,{key:1,content:h},null,8,["content"])):n.createCommentVNode("",!0)],64))),256))]),_:1},8,["span"])]),_:1},8,["id","class"])}const xo=X(wo,[["render",bo],["__scopeId","data-v-0f6d367e"]]),Gq="",yo={components:{},props:["content"],data(){return{input:"",totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!1;this.content.answers.forEach((c,e)=>{let a=c.toLowerCase();this.input.toLowerCase().includes(a)||(A=!0)}),A?(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback):(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete();this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-textarea__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-textarea__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function So(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]=f=>r.input=f),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]=f=>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 No=X(yo,[["render",So]]),Wq="",Eo={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)}},ko={key:0},Io=["index","onClick"],To={class:"jl-menu-sub__title"},Do=["id"],Ko=["index","onClick"],Ro={class:"jl-menu-sub-sub__title"},_o=["id"],Oo=["index","onClick"],Po=["onClick"],Go={key:1,class:"jl-menu-item"},Wo=["index","onClick"];function Xo(A,c,e,a,r,t){const s=n.resolveComponent("CaretBottom"),i=n.resolveComponent("el-icon"),o=n.resolveComponent("CaretRight"),f=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]=(...l)=>t.hideSubs&&t.hideSubs(...l))})):n.createCommentVNode("",!0),n.createElementVNode("p",null,n.toDisplayString(e.content.quiz),1),n.createElementVNode("div",{class:"jl-menu",onSelect:c[1]||(c[1]=(...l)=>t.choicesCheck&&t.choicesCheck(...l))},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.content.menu,(l,m)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[l.subMenu?(n.openBlock(),n.createElementBlock("div",ko,[n.createElementVNode("button",{class:n.normalizeClass("jl-menu-sub sub-"+m),index:m,tabindex:"0",role:"menuitem",onClick:n.withModifiers(h=>t.showSub("sub-"+m),["stop"])},[n.createElementVNode("div",To,[n.createTextVNode(n.toDisplayString(l.name)+" ",1),n.createVNode(i,null,{default:n.withCtx(()=>[n.createVNode(s)]),_:1})])],10,Io),n.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+m},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l.subMenu,(h,H)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[h.subMenu?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createElementVNode("button",{class:n.normalizeClass("jl-menu-sub-sub sub-sub-"+H),index:m+"-"+H,tabindex:"0",role:"menuitem",onClick:n.withModifiers(u=>t.showSubSub("sub-sub-"+m),["stop"])},[n.createElementVNode("div",Ro,[n.createTextVNode(n.toDisplayString(h.name),1),n.createVNode(i,null,{default:n.withCtx(()=>[n.createVNode(o)]),_:1})])],10,Ko),n.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+m},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(h.subMenu,(u,p)=>(n.openBlock(),n.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:m+"-"+H+"-"+p,tabindex:"0",role:"menuitem",onClick:n.withModifiers(z=>t.choicesCheck(m+"-"+H+"-"+p),["stop"])},[n.createElementVNode("div",null,n.toDisplayString(u.name),1)],8,Oo))),256))],8,_o)],64)):(n.openBlock(),n.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:n.withModifiers(u=>t.choicesCheck(m+"-"+H),["stop"])},[n.createElementVNode("div",null,n.toDisplayString(h.name),1)],8,Po))],64))),256))],8,Do)])):(n.openBlock(),n.createElementBlock("div",Go,[n.createElementVNode("button",{class:"jl-menu-sub",index:m,tabindex:"0",role:"menuitem",onClick:n.withModifiers(h=>t.choicesCheck(m),["stop"])},n.toDisplayString(l.name),9,Wo)]))],64))),256))],32),t.showFeedback()?(n.openBlock(),n.createBlock(f,{key:1,content:r.feedbackObject},null,8,["content"])):n.createCommentVNode("",!0)],2)}const qo=X(Eo,[["render",Xo]]),Xq="",m8={y:{t:"top",m:"marginTop",b:"bottom"},x:{l:"left",m:"marginLeft",r:"right"}};function Yo(A){A.forEach((c,e)=>{document.documentElement.addEventListener(e,c)})}function Jo(A){A.forEach((c,e)=>{document.documentElement.removeEventListener(e,c)})}const $o={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]]),Yo(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(){Jo(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,f=c.bottom+A.y,l=c.left-A.x,m=c.right+A.x;if(this.snapToGrid){let h=!0,H=!0,u=o-Math.floor(o/t)*t,p=a-f-Math.floor((a-f)/t)*t,z=l-Math.floor(l/r)*r,C=e-m-Math.floor((e-m)/r)*r;u>t/2&&(u-=t),p>t/2&&(p-=t),z>r/2&&(z-=r),C>r/2&&(C-=r),Math.abs(p)<Math.abs(u)&&(h=!1),Math.abs(C)<Math.abs(z)&&(H=!1),o-=h?u:p,f=a-i-o,l-=H?z:C,m=e-s-l}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:l,newRight:m,newTop:o,newBottom:f})),this.$emit("dragging",this.rect)},bodyUp(){this.bodyDrag=!1,this.$emit("dragging",this.rect),this.$emit("dragstop",this.rect),this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}}},stickDown(A,c,e=!1){if((!this.isResizable||!this.active)&&!e)return;this.stickDrag=!0;const a=typeof c.pageX<"u"?c.pageX:c.touches[0].pageX,r=typeof c.pageY<"u"?c.pageY:c.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:a,pointerY:r}),this.currentStick=A,this.limits=this.calcResizeLimits()},saveDimensionsBeforeMove({pointerX:A,pointerY:c}){this.dimensionsBeforeMove.pointerX=A,this.dimensionsBeforeMove.pointerY=c,this.dimensionsBeforeMove.left=this.left,this.dimensionsBeforeMove.right=this.right,this.dimensionsBeforeMove.top=this.top,this.dimensionsBeforeMove.bottom=this.bottom,this.dimensionsBeforeMove.width=this.width,this.dimensionsBeforeMove.height=this.height,this.aspectFactor=this.width/this.height},stickMove(A){const{currentStick:c,dimensionsBeforeMove:e,gridY:a,gridX:r,snapToGrid:t,parentHeight:s,parentWidth:i}=this;let o=e.top,f=e.bottom,l=e.left,m=e.right;switch(c[0]){case"b":f=e.bottom+A.y,t&&(f=s-Math.round((s-f)/a)*a);break;case"t":o=e.top-A.y,t&&(o=Math.round(o/a)*a);break}switch(c[1]){case"r":m=e.right+A.x,t&&(m=i-Math.round((i-m)/r)*r);break;case"l":l=e.left-A.x,t&&(l=Math.round(l/r)*r);break}({newLeft:l,newRight:m,newTop:o,newBottom:f}=this.rectCorrectionByLimit({newLeft:l,newRight:m,newTop:o,newBottom:f})),this.aspectRatio&&({newLeft:l,newRight:m,newTop:o,newBottom:f}=this.rectCorrectionByAspectRatio({newLeft:l,newRight:m,newTop:o,newBottom:f})),this.left=l,this.right=m,this.top=o,this.bottom=f,this.$emit("resizing",this.rect)},stickUp(){this.stickDrag=!1,this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}},this.$emit("resizing",this.rect),this.$emit("resizestop",this.rect)},calcDragLimitation(){const{parentWidth:A,parentHeight:c}=this;return{left:{min:0,max:A-this.width},right:{min:0,max:A-this.width},top:{min:0,max:c-this.height},bottom:{min:0,max:c-this.height}}},calcResizeLimits(){const{aspectFactor:A,width:c,height:e,bottom:a,top:r,left:t,right:s}=this;let{minh:i,minw:o}=this;const f=this.parentLimitation?0:null;this.aspectRatio&&(o/i>A?i=o/A:o=A*i);const l={left:{min:f,max:t+(c-o)},right:{min:f,max:s+(c-o)},top:{min:f,max:r+(e-i)},bottom:{min:f,max:a+(e-i)}};if(this.aspectRatio){const m={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"?(l.left={min:Math.max(l.left.min,m.left.min),max:Math.min(l.left.max,m.left.max)},l.right={min:Math.max(l.right.min,m.right.min),max:Math.min(l.right.max,m.right.max)}):this.currentStick[1]==="m"&&(l.top={min:Math.max(l.top.min,m.top.min),max:Math.min(l.top.max,m.top.max)},l.bottom={min:Math.max(l.bottom.min,m.bottom.min),max:Math.min(l.bottom.max,m.bottom.max)})}return l},sideCorrectionByLimit(A,c){let e=c;return A.min!==null&&c<A.min?e=A.min:A.max!==null&&A.max<c&&(e=A.max),e},rectCorrectionByLimit(A){const{limits:c}=this;let{newRight:e,newLeft:a,newBottom:r,newTop:t}=A;return a=this.sideCorrectionByLimit(c.left,a),e=this.sideCorrectionByLimit(c.right,e),t=this.sideCorrectionByLimit(c.top,t),r=this.sideCorrectionByLimit(c.bottom,r),{newLeft:a,newRight:e,newTop:t,newBottom:r}},rectCorrectionByAspectRatio(A){let{newLeft:c,newRight:e,newTop:a,newBottom:r}=A;const{parentWidth:t,parentHeight:s,currentStick:i,aspectFactor:o,dimensionsBeforeMove:f}=this;let l=t-c-e,m=s-a-r;if(i[1]==="m"){const h=m-f.height;c-=h*o/2,e-=h*o/2}else if(i[0]==="m"){const h=l-f.width;a-=h/o/2,r-=h/o/2}else l/m>o?(l=o*m,i[1]==="l"?c=t-e-l:e=t-c-l):(m=l/o,i[0]==="t"?a=s-r-m:r=s-a-m);return{newLeft:c,newRight:e,newTop:a,newBottom:r}}},computed:{positionStyle(){return{top:this.top+"px",left:this.left+"px",zIndex:this.zIndex}},sizeStyle(){return{width:this.width+"px",height:this.height+"px"}},vdrStick(){return A=>{const c={width:`${this.stickSize/this.parentScaleX}px`,height:`${this.stickSize/this.parentScaleY}px`};return c[m8.y[A[0]]]=`${this.stickSize/this.parentScaleX/-2}px`,c[m8.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}}},jo=["onMousedown","onTouchstart"];function Zo(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,jo))),256))],38)}const h8=X($o,[["render",Zo]]),qq="",Al={components:{VueDragResize:h8},props:["content"],data(){return{}},watch:{},computed:{},methods:{onResizstop(A){console.log("i have stopped resizing",A)},onDragstop(A){},reset(){this.listOne=[]},getParentWidth(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetWidth)},getParentHeight(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetHeight)},keyboardMove(A){for(let c of A)document.getElementById(c.id).addEventListener("focusin",a=>{let r=document.getElementsByClassName("fridgemagnet");addEventListener("keydown",function(t){let s=document.getElementById(t.target.id);if(t.altKey&&t.key==="ArrowLeft"){let 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")}},cl={class:"fridgemagnet"},el=["innerHTML"],al=["src","alt"],rl=["id","src","alt"],tl=["innerHTML"];function sl(A,c,e,a,r,t){const s=n.resolveComponent("VueDragResize");return n.openBlock(),n.createElementBlock("div",cl,[e.content.directions?(n.openBlock(),n.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,el)):n.createCommentVNode("",!0),n.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,al),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,rl)):n.createCommentVNode("",!0),i.text?(n.openBlock(),n.createElementBlock("p",{key:1,innerHTML:i.text},null,8,tl)):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 nl=X(Al,[["render",sl]]),Yq="",il={components:{},props:["content"],data(){return{binCount:0,listOne:[]}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}}},methods:{createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach(A=>{this.listOne.push(A.items)})},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){if(this.content.sound){let c=document.getElementById("myAudio");setTimeout(()=>{c.play()},1e3)}if(A.draggedContext.element.relSwap&&setTimeout(()=>{let c=A.draggedContext.element.id,e=document.getElementById(c);e.src=A.draggedContext.element.relSwap},1500),this.stepperStore.stepHold=!1,this.stepperStore.finishSteps(),this.stepperStore.lastPageFocus(),A!=="clicked")return!A.from.classList.contains("preventMove")},reset(){this.listOne=[],this.createItems()},keyboardDrag(A,c){if(A.class.indexOf("preventMove")>0)return!1;A.class+=" preventMove",this.listOne[c].splice(A),this.listOne[c+1].push(A),this.checkMove("clicked")}},mounted(){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.createItems()}},ol=["innerHTML"],ll={key:1,id:"myAudio"},fl=["src"],ml={class:"list-group-item"},hl=["onClick"],Hl=["id","src","alt","data-swap"];function ul(A,c,e,a,r,t){const s=n.resolveComponent("lab-image"),i=n.resolveComponent("el-col"),o=n.resolveComponent("draggable"),f=n.resolveComponent("el-row");return n.openBlock(),n.createBlock(f,{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,ol),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",ll,[n.createElementVNode("source",{src:e.content.sound,type:"audio/mpeg"},null,8,fl),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,(l,m)=>(n.openBlock(),n.createBlock(i,{span:t.binColumns},{default:n.withCtx(()=>[n.createVNode(o,{class:n.normalizeClass(["draggable list-group",e.content.bins[m].class]),style:n.normalizeStyle({width:t.pixelFormat(e.content.bins[m].width),height:t.pixelFormat(e.content.bins[m].height),background:t.dragBackground(e.content.bins[m].bgImage)}),modelValue:t.myList[m],"onUpdate:modelValue":h=>t.myList[m]=h,move:t.checkMove,group:"people",forceFallback:"true"},{item:n.withCtx(({element:h})=>[n.createElementVNode("div",ml,[n.createElementVNode("button",{class:"dragItems-button",onClick:n.withModifiers(H=>t.keyboardDrag(h,m),["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,"data-swap":h.relSwap},null,8,Hl)):n.createCommentVNode("",!0)],8,hl)])]),_:2},1032,["class","style","modelValue","onUpdate:modelValue","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"])}const Cl=X(il,[["render",ul]]),Jq="",Bl={components:{},props:["content"],data(){return{binCount:0,listOne:[],listTwo:[],listTwoCompleted:[],totalAttempts:99,choice:{header:"",feedback:""},chooseBin:{},chooseVisibility:!1,kbCurrentId:"",feedbackObject:{}}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}},myList2:{get(){return this.listTwo}},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{failed(){this.listTwo.length>0&&(this.listTwo.forEach(A=>{this.listOne.forEach(c=>{c.forEach(e=>{A.id===e.id&&c.push(A)})})}),this.listTwo="",this.choice.header=this.content.failedHeader,this.choice.feedback=this.content.failedFeedback,this.feedbackVisibility=!0)},createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach((A,c)=>{let e=Math.round(Date.now()/Math.random());A.items.forEach(a=>{a.hide=!0,a.id=e,a.oldKey=c,this.listTwo.push(a)}),this.listOne.push(JSON.parse(JSON.stringify(A.items)))}),this.listTwo.forEach(A=>{A.hide=!1})},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){if(A.to.dataset.index){let c=this.listOne[A.to.dataset.index],e=A.oldIndex,a=!1;c.forEach(r=>{r.hide===!0&&r.id===A.item._underlying_vm_.id&&(a=!0)}),a?(this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=A.item._underlying_vm_.correctHeader,this.feedbackObject.feedback=A.item._underlying_vm_.correctFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.correctFeedbackImage,this.listTwoCompleted.push(e),this.myList2.length===0&&this.stepperStore.finishSteps()):(this.feedbackObject.feedbackHeader=A.item._underlying_vm_.incorrectHeader,this.feedbackObject.feedback=A.item._underlying_vm_.incorrectFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.incorrectFeedbackImage,this.listTwo.push(A.item._underlying_vm_),this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.stepperStore.showFeedbackAttempts=!0,this.failed()),this.stepperStore.showFeedback=!0,c.forEach((r,t)=>{r.id===A.item._underlying_vm_.id&&c.splice(t,1)})),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},stopMove(){return!1},kbCheckMove(A,c){if(typeof A>"u")this.chooseVisibility=!1;else{if(this.listOne[A][c].id===this.kbCurrentId){let a=-1;this.listTwo.forEach((r,t)=>{r.id===this.kbCurrentId&&(a=t)}),this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=this.listOne[A][c].correctHeader,this.feedbackObject.feedback=this.listOne[A][c].correctFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].correctFeedbackImage,this.chooseVisibility=!1,this.listTwoCompleted.push(A),this.listTwo.splice(a,1),this.myList2.length===0&&this.stepperStore.finishSteps(),this.listOne[A][c].hide=!1}else this.feedbackObject.feedbackHeader=this.listOne[A][c].incorrectHeader,this.feedbackObject.feedback=this.listOne[A][c].incorrectFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].incorrectFeedbackImage,this.chooseVisibility=!1,this.stepperStore.showFeedback=!0,this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.chooseVisibility=!1,this.stepperStore.showFeedbackAttempts=!0,this.failed());setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},keyboardDrag(A){if(A.class.indexOf("preventMove")>0)return!1;this.chooseVisibility=!0,this.kbCurrentId=A.id,setTimeout(()=>{document.getElementById("firstBin").focus()})},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.stepperStore.attempts=0,this.content.attempts&&(this.totalAttempts=this.content.attempts),this.createItems()}},pl=["innerHTML"],vl=["onClick"],dl=["id","src","alt"],gl={key:0,class:"dropBin"},zl={class:"dragItems-button"},Vl=["id","src","alt"],Ml={class:"dialog-footer"};function wl(A,c,e,a,r,t){const s=n.resolveComponent("lab-image"),i=n.resolveComponent("el-col"),o=n.resolveComponent("draggable"),f=n.resolveComponent("el-row"),l=n.resolveComponent("lab-feedback"),m=n.resolveComponent("el-button"),h=n.resolveComponent("el-dialog");return n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(f,{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,pl),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,dl)):n.createCommentVNode("",!0)],8,vl)],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",gl,[n.createElementVNode("button",zl,[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,Vl)):n.createCommentVNode("",!0)])]))]),_:2},1032,["class","data-index","list","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"]),t.showFeedback()?(n.openBlock(),n.createBlock(l,{key:0,content:r.feedbackObject},null,8,["content"])):n.createCommentVNode("",!0),n.createVNode(h,{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",Ml,[n.createVNode(m,{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(m,{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(m,{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 Ll=X(Bl,[["render",wl]]),$q="",Ql={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)}},Fl=["src","width","height"];function Ul(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,Fl)])}const bl=X(Ql,[["render",Ul],["__scopeId","data-v-f5bc6f4c"]]);/*!
|
|
1
|
+
(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),vi={class:"image-uploader"},di=n.createElementVNode("h1",null,"File Uploader",-1),gi={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",vi,[di,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",gi,[n.createElementVNode("img",{src:r.imgSRC,alt:"",scrset:""},null,8,zi)])])],64)}const Mi=X(Bi,[["render",Vi]]),kq="",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]]),Iq="",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"]]),Tq="",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]]),Dq="",Xi={components:{},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},changePage(A,c){A.pageLink?this.stepperStore.currentPage=A.pageLink:A.feedback&&(this.feedbackIndex=c,this.feedbackVisibility.indexOf(c)===-1&&this.feedbackVisibility.push(c),this.stepperStore.showFeedback=!0,this.content.hotspots.length-1===this.feedbackVisibility.length-1&&this.stepperStore.finishSteps(),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(A){return!!(this.stepperStore.getShowFeedback&&this.feedbackIndex===A)},hotspots(){if(this.content.showCount){let A=function(c,e){return[...c].sort(()=>.5-Math.random()).slice(0,e)};return console.log("only show",this.content.showCount),A(this.content.hotspots,this.content.showCount)}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,f)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(s,{type:o.buttonType,onClick:n.withModifiers(l=>t.changePage(o,f),["stop"]),id:"hotspot_"+f,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(f+1)},null,8,$i)):n.createCommentVNode("",!0),n.createElementVNode("span",ji,n.toDisplayString(o.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),t.showFeedback(f)?(n.openBlock(),n.createBlock(i,{key:0,content:o},null,8,["content"])):n.createCommentVNode("",!0)],64))),256))])])}const Ao=X(Xi,[["render",Zi],["__scopeId","data-v-79774856"]]),Kq="",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,(f,l)=>(n.openBlock(),n.createBlock(i,{type:f.buttonType,onClick:n.withModifiers(m=>t.changeImage(l),["stop"]),class:"hotspot",style:n.normalizeStyle({top:t.pixelFormat(f.cordinatesX),left:t.pixelFormat(f.cordinatesY),width:t.pixelFormat(f.dimensionsW),height:t.pixelFormat(f.dimensionsH)}),icon:f.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const so=X(co,[["render",to],["__scopeId","data-v-d6c87f03"]]),Rq="",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;this.stepperStore=this.stepperMain(),((A=this.content.feedbackContent)==null?void 0:A.type)==="media"&&this.content.feedbackContent.fieldValues.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},mo={key:0},ho=["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"),f=n.resolveComponent("el-dialog");return n.openBlock(),n.createBlock(f,{width:t.feedbackWidth,modelValue:r.show,"onUpdate:modelValue":c[1]||(c[1]=l=>r.show=l),"before-close":t.feedbackClose},{header:n.withCtx(({close:l,titleId:m,titleClass:h})=>[n.createElementVNode("div",io,[n.createElementVNode("h4",{id:m,class:n.normalizeClass(h),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(l=>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},[n.createTextVNode(n.toDisplayString(e.content.feedbackContent)+" ",1),e.content.feedbackContent?(n.openBlock(),n.createElementBlock("div",mo,[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,ho)):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]]),_q="",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(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(c||(this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback),this.stepperStore.attempts=this.getAttempt+1)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete();this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.quizArray.forEach((A,c)=>{this.input[c]?this.input[c]=this.content.options[c].answer:this.input.push(this.content.options[c].answer),this.quizItemCompleted.push(c+1)}),this.stepperStore.finishSteps()},choicesMade(A){this.quizItemCompleted.includes(A+1)===!1&&this.quizItemCompleted.push(A+1)},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function vo(A,c,e,a,r,t){const s=n.resolveComponent("el-option"),i=n.resolveComponent("el-select"),o=n.resolveComponent("el-date-picker"),f=n.resolveComponent("el-button"),l=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,(m,h)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("span",{class:n.normalizeClass(t.quizClass(h))},[n.createElementVNode("span",{class:n.normalizeClass("quizText quizSection_"+h)},n.toDisplayString(m)+" ",3),t.quizType(h)==="choose"?(n.openBlock(),n.createBlock(i,{key:0,onChange:H=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":H=>r.input[h]=H,placeholder:t.quizDisplay(h)},{default:n.withCtx(()=>[t.quizArrayCompleted(h)?n.createCommentVNode("",!0):(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:0},n.renderList(r.quizOptions[h],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(h)==="date"?(n.openBlock(),n.createBlock(o,{key:1,onChange:H=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":H=>r.input[h]=H,type:"date",placeholder:t.quizDisplay(h),format:e.content.options[h].format,"value-format":e.content.options[h].format,disabled:t.quizArrayCompleted(h)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):n.createCommentVNode("",!0)],2),n.createTextVNode(" ")],64))),256))]),n.createVNode(f,{size:"small",type:"primary",class:"drop-down-submit",onClick:c[0]||(c[0]=m=>t.choicesCheck())},{default:n.withCtx(()=>[n.createTextVNode("Submit")]),_:1}),t.showFeedback()?(n.openBlock(),n.createBlock(l,{key:0,content:r.feedbackObject},null,8,["content"])):n.createCommentVNode("",!0)],2)}const go=X(po,[["render",vo]]),Oq="",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(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)):(this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete()),this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.input.forEach((A,c)=>{this.input[c]=this.content.answers[c]}),this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function 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,(f,l)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createTextVNode(n.toDisplayString(f),1),l<t.quizArrayCount?(n.openBlock(),n.createBlock(s,{key:0,modelValue:r.input[l],"onUpdate:modelValue":m=>r.input[l]=m,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]=f=>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]]),Pq="",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(){let A=document.querySelectorAll(".selectableButton");for(let c=0;c<A.length;c++)A[c].classList.add("is-failure"),A[c].setAttribute("disabled",!0),this.content.choices[c].correct&&A[c].classList.add("is-success");this.stepperStore.finishSteps()},choicesCheck(A){this.getAttempt<Number(this.content.attempts)?this.content.choices[A].correct===!0?(console.log(" it was true"),this.choicesComplete()):this.stepperStore.attempts=this.getAttempt+1:(this.content.choices[A].correct!==!0&&(this.stepperStore.showFeedbackAttempts=!0),this.choicesComplete()),this.feedbackIndex=A,this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},shuffledChoices(){let A=this.content.choices;for(let c=A.length-1;c>0;c--){const e=Math.floor(Math.random()*(c+1));[A[c],A[e]]=[A[e],A[c]]}this.content.choices=A},showFeedback(A){return this.stepperStore.getShowFeedback&&this.feedbackIndex===A?(this.content.choices[A].correct&&this.choicesComplete(),!0):!1}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("selectableButton");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("selectableButton"),this.feedbackIndex=-1,this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Lo=["innerHTML"],Qo={class:"buttonSpan"},Fo=["src","alt"],Uo={class:"selectable-buttonText"};function bo(A,c,e,a,r,t){const s=n.resolveComponent("lab-image"),i=n.resolveComponent("el-col"),o=n.resolveComponent("el-divider"),f=n.resolveComponent("el-button"),l=n.resolveComponent("lab-feedback"),m=n.resolveComponent("el-row");return n.openBlock(),n.createBlock(m,{id:e.content.id,class:n.normalizeClass(["selectable",e.content.classes])},{default:n.withCtx(()=>[n.createVNode(i,{span:t.leftColWidth(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),e.content.image?(n.openBlock(),n.createBlock(s,{key:1,content:e.content.image},null,8,["content"])):n.createCommentVNode("",!0)]),_:1},8,["span"]),n.createVNode(i,{span:t.rightColWidth(A.index),class:"selectArea"},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.content.choices,(h,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(f,{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",Qo,[h.image?(n.openBlock(),n.createElementBlock("img",{key:0,class:"im-ButtonImage",src:h.image,alt:h.alt?h.alt:"button image"},null,8,Fo)):n.createCommentVNode("",!0),n.createElementVNode("span",Uo,n.toDisplayString(h.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(H)?(n.openBlock(),n.createBlock(l,{key:1,content:h},null,8,["content"])):n.createCommentVNode("",!0)],64))),256))]),_:1},8,["span"])]),_:1},8,["id","class"])}const xo=X(wo,[["render",bo],["__scopeId","data-v-0f6d367e"]]),Gq="",yo={components:{},props:["content"],data(){return{input:"",totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!1;this.content.answers.forEach((c,e)=>{let a=c.toLowerCase();this.input.toLowerCase().includes(a)||(A=!0)}),A?(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback):(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete();this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-textarea__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-textarea__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function So(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]=f=>r.input=f),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]=f=>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 No=X(yo,[["render",So]]),Wq="",Eo={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)}},ko={key:0},Io=["index","onClick"],To={class:"jl-menu-sub__title"},Do=["id"],Ko=["index","onClick"],Ro={class:"jl-menu-sub-sub__title"},_o=["id"],Oo=["index","onClick"],Po=["onClick"],Go={key:1,class:"jl-menu-item"},Wo=["index","onClick"];function Xo(A,c,e,a,r,t){const s=n.resolveComponent("CaretBottom"),i=n.resolveComponent("el-icon"),o=n.resolveComponent("CaretRight"),f=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]=(...l)=>t.hideSubs&&t.hideSubs(...l))})):n.createCommentVNode("",!0),n.createElementVNode("p",null,n.toDisplayString(e.content.quiz),1),n.createElementVNode("div",{class:"jl-menu",onSelect:c[1]||(c[1]=(...l)=>t.choicesCheck&&t.choicesCheck(...l))},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.content.menu,(l,m)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[l.subMenu?(n.openBlock(),n.createElementBlock("div",ko,[n.createElementVNode("button",{class:n.normalizeClass("jl-menu-sub sub-"+m),index:m,tabindex:"0",role:"menuitem",onClick:n.withModifiers(h=>t.showSub("sub-"+m),["stop"])},[n.createElementVNode("div",To,[n.createTextVNode(n.toDisplayString(l.name)+" ",1),n.createVNode(i,null,{default:n.withCtx(()=>[n.createVNode(s)]),_:1})])],10,Io),n.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+m},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l.subMenu,(h,H)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[h.subMenu?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createElementVNode("button",{class:n.normalizeClass("jl-menu-sub-sub sub-sub-"+H),index:m+"-"+H,tabindex:"0",role:"menuitem",onClick:n.withModifiers(u=>t.showSubSub("sub-sub-"+m),["stop"])},[n.createElementVNode("div",Ro,[n.createTextVNode(n.toDisplayString(h.name),1),n.createVNode(i,null,{default:n.withCtx(()=>[n.createVNode(o)]),_:1})])],10,Ko),n.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+m},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(h.subMenu,(u,p)=>(n.openBlock(),n.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:m+"-"+H+"-"+p,tabindex:"0",role:"menuitem",onClick:n.withModifiers(z=>t.choicesCheck(m+"-"+H+"-"+p),["stop"])},[n.createElementVNode("div",null,n.toDisplayString(u.name),1)],8,Oo))),256))],8,_o)],64)):(n.openBlock(),n.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:n.withModifiers(u=>t.choicesCheck(m+"-"+H),["stop"])},[n.createElementVNode("div",null,n.toDisplayString(h.name),1)],8,Po))],64))),256))],8,Do)])):(n.openBlock(),n.createElementBlock("div",Go,[n.createElementVNode("button",{class:"jl-menu-sub",index:m,tabindex:"0",role:"menuitem",onClick:n.withModifiers(h=>t.choicesCheck(m),["stop"])},n.toDisplayString(l.name),9,Wo)]))],64))),256))],32),t.showFeedback()?(n.openBlock(),n.createBlock(f,{key:1,content:r.feedbackObject},null,8,["content"])):n.createCommentVNode("",!0)],2)}const qo=X(Eo,[["render",Xo]]),Xq="",m8={y:{t:"top",m:"marginTop",b:"bottom"},x:{l:"left",m:"marginLeft",r:"right"}};function Yo(A){A.forEach((c,e)=>{document.documentElement.addEventListener(e,c)})}function Jo(A){A.forEach((c,e)=>{document.documentElement.removeEventListener(e,c)})}const $o={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]]),Yo(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(){Jo(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,f=c.bottom+A.y,l=c.left-A.x,m=c.right+A.x;if(this.snapToGrid){let h=!0,H=!0,u=o-Math.floor(o/t)*t,p=a-f-Math.floor((a-f)/t)*t,z=l-Math.floor(l/r)*r,C=e-m-Math.floor((e-m)/r)*r;u>t/2&&(u-=t),p>t/2&&(p-=t),z>r/2&&(z-=r),C>r/2&&(C-=r),Math.abs(p)<Math.abs(u)&&(h=!1),Math.abs(C)<Math.abs(z)&&(H=!1),o-=h?u:p,f=a-i-o,l-=H?z:C,m=e-s-l}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:l,newRight:m,newTop:o,newBottom:f})),this.$emit("dragging",this.rect)},bodyUp(){this.bodyDrag=!1,this.$emit("dragging",this.rect),this.$emit("dragstop",this.rect),this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}}},stickDown(A,c,e=!1){if((!this.isResizable||!this.active)&&!e)return;this.stickDrag=!0;const a=typeof c.pageX<"u"?c.pageX:c.touches[0].pageX,r=typeof c.pageY<"u"?c.pageY:c.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:a,pointerY:r}),this.currentStick=A,this.limits=this.calcResizeLimits()},saveDimensionsBeforeMove({pointerX:A,pointerY:c}){this.dimensionsBeforeMove.pointerX=A,this.dimensionsBeforeMove.pointerY=c,this.dimensionsBeforeMove.left=this.left,this.dimensionsBeforeMove.right=this.right,this.dimensionsBeforeMove.top=this.top,this.dimensionsBeforeMove.bottom=this.bottom,this.dimensionsBeforeMove.width=this.width,this.dimensionsBeforeMove.height=this.height,this.aspectFactor=this.width/this.height},stickMove(A){const{currentStick:c,dimensionsBeforeMove:e,gridY:a,gridX:r,snapToGrid:t,parentHeight:s,parentWidth:i}=this;let o=e.top,f=e.bottom,l=e.left,m=e.right;switch(c[0]){case"b":f=e.bottom+A.y,t&&(f=s-Math.round((s-f)/a)*a);break;case"t":o=e.top-A.y,t&&(o=Math.round(o/a)*a);break}switch(c[1]){case"r":m=e.right+A.x,t&&(m=i-Math.round((i-m)/r)*r);break;case"l":l=e.left-A.x,t&&(l=Math.round(l/r)*r);break}({newLeft:l,newRight:m,newTop:o,newBottom:f}=this.rectCorrectionByLimit({newLeft:l,newRight:m,newTop:o,newBottom:f})),this.aspectRatio&&({newLeft:l,newRight:m,newTop:o,newBottom:f}=this.rectCorrectionByAspectRatio({newLeft:l,newRight:m,newTop:o,newBottom:f})),this.left=l,this.right=m,this.top=o,this.bottom=f,this.$emit("resizing",this.rect)},stickUp(){this.stickDrag=!1,this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}},this.$emit("resizing",this.rect),this.$emit("resizestop",this.rect)},calcDragLimitation(){const{parentWidth:A,parentHeight:c}=this;return{left:{min:0,max:A-this.width},right:{min:0,max:A-this.width},top:{min:0,max:c-this.height},bottom:{min:0,max:c-this.height}}},calcResizeLimits(){const{aspectFactor:A,width:c,height:e,bottom:a,top:r,left:t,right:s}=this;let{minh:i,minw:o}=this;const f=this.parentLimitation?0:null;this.aspectRatio&&(o/i>A?i=o/A:o=A*i);const l={left:{min:f,max:t+(c-o)},right:{min:f,max:s+(c-o)},top:{min:f,max:r+(e-i)},bottom:{min:f,max:a+(e-i)}};if(this.aspectRatio){const m={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"?(l.left={min:Math.max(l.left.min,m.left.min),max:Math.min(l.left.max,m.left.max)},l.right={min:Math.max(l.right.min,m.right.min),max:Math.min(l.right.max,m.right.max)}):this.currentStick[1]==="m"&&(l.top={min:Math.max(l.top.min,m.top.min),max:Math.min(l.top.max,m.top.max)},l.bottom={min:Math.max(l.bottom.min,m.bottom.min),max:Math.min(l.bottom.max,m.bottom.max)})}return l},sideCorrectionByLimit(A,c){let e=c;return A.min!==null&&c<A.min?e=A.min:A.max!==null&&A.max<c&&(e=A.max),e},rectCorrectionByLimit(A){const{limits:c}=this;let{newRight:e,newLeft:a,newBottom:r,newTop:t}=A;return a=this.sideCorrectionByLimit(c.left,a),e=this.sideCorrectionByLimit(c.right,e),t=this.sideCorrectionByLimit(c.top,t),r=this.sideCorrectionByLimit(c.bottom,r),{newLeft:a,newRight:e,newTop:t,newBottom:r}},rectCorrectionByAspectRatio(A){let{newLeft:c,newRight:e,newTop:a,newBottom:r}=A;const{parentWidth:t,parentHeight:s,currentStick:i,aspectFactor:o,dimensionsBeforeMove:f}=this;let l=t-c-e,m=s-a-r;if(i[1]==="m"){const h=m-f.height;c-=h*o/2,e-=h*o/2}else if(i[0]==="m"){const h=l-f.width;a-=h/o/2,r-=h/o/2}else l/m>o?(l=o*m,i[1]==="l"?c=t-e-l:e=t-c-l):(m=l/o,i[0]==="t"?a=s-r-m:r=s-a-m);return{newLeft:c,newRight:e,newTop:a,newBottom:r}}},computed:{positionStyle(){return{top:this.top+"px",left:this.left+"px",zIndex:this.zIndex}},sizeStyle(){return{width:this.width+"px",height:this.height+"px"}},vdrStick(){return A=>{const c={width:`${this.stickSize/this.parentScaleX}px`,height:`${this.stickSize/this.parentScaleY}px`};return c[m8.y[A[0]]]=`${this.stickSize/this.parentScaleX/-2}px`,c[m8.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}}},jo=["onMousedown","onTouchstart"];function Zo(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,jo))),256))],38)}const h8=X($o,[["render",Zo]]),qq="",Al={components:{VueDragResize:h8},props:["content"],data(){return{}},watch:{},computed:{},methods:{onResizstop(A){console.log("i have stopped resizing",A)},onDragstop(A){},reset(){this.listOne=[]},getParentWidth(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetWidth)},getParentHeight(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetHeight)},keyboardMove(A){for(let c of A)document.getElementById(c.id).addEventListener("focusin",a=>{let r=document.getElementsByClassName("fridgemagnet");addEventListener("keydown",function(t){let s=document.getElementById(t.target.id);if(t.altKey&&t.key==="ArrowLeft"){let 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")}},cl={class:"fridgemagnet"},el=["innerHTML"],al=["src","alt"],rl=["id","src","alt"],tl=["innerHTML"];function sl(A,c,e,a,r,t){const s=n.resolveComponent("VueDragResize");return n.openBlock(),n.createElementBlock("div",cl,[e.content.directions?(n.openBlock(),n.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,el)):n.createCommentVNode("",!0),n.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,al),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,rl)):n.createCommentVNode("",!0),i.text?(n.openBlock(),n.createElementBlock("p",{key:1,innerHTML:i.text},null,8,tl)):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 nl=X(Al,[["render",sl]]),Yq="",il={components:{},props:["content"],data(){return{binCount:0,listOne:[]}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}}},methods:{createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach(A=>{this.listOne.push(A.items)})},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){if(this.content.sound){let c=document.getElementById("myAudio");setTimeout(()=>{c.play()},1e3)}if(A.draggedContext.element.relSwap&&setTimeout(()=>{let c=A.draggedContext.element.id,e=document.getElementById(c);e.src=A.draggedContext.element.relSwap},1500),this.stepperStore.stepHold=!1,this.stepperStore.finishSteps(),this.stepperStore.lastPageFocus(),A!=="clicked")return!A.from.classList.contains("preventMove")},reset(){this.listOne=[],this.createItems()},keyboardDrag(A,c){if(A.class.indexOf("preventMove")>0)return!1;A.class+=" preventMove",this.listOne[c].splice(A),this.listOne[c+1].push(A),this.checkMove("clicked")}},mounted(){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.createItems()}},ol=["innerHTML"],ll={key:1,id:"myAudio"},fl=["src"],ml={class:"list-group-item"},hl=["onClick"],Hl=["id","src","alt","data-swap"];function ul(A,c,e,a,r,t){const s=n.resolveComponent("lab-image"),i=n.resolveComponent("el-col"),o=n.resolveComponent("draggable"),f=n.resolveComponent("el-row");return n.openBlock(),n.createBlock(f,{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,ol),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",ll,[n.createElementVNode("source",{src:e.content.sound,type:"audio/mpeg"},null,8,fl),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,(l,m)=>(n.openBlock(),n.createBlock(i,{span:t.binColumns},{default:n.withCtx(()=>[n.createVNode(o,{class:n.normalizeClass(["draggable list-group",e.content.bins[m].class]),style:n.normalizeStyle({width:t.pixelFormat(e.content.bins[m].width),height:t.pixelFormat(e.content.bins[m].height),background:t.dragBackground(e.content.bins[m].bgImage)}),modelValue:t.myList[m],"onUpdate:modelValue":h=>t.myList[m]=h,move:t.checkMove,group:"people",forceFallback:"true"},{item:n.withCtx(({element:h})=>[n.createElementVNode("div",ml,[n.createElementVNode("button",{class:"dragItems-button",onClick:n.withModifiers(H=>t.keyboardDrag(h,m),["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,"data-swap":h.relSwap},null,8,Hl)):n.createCommentVNode("",!0)],8,hl)])]),_:2},1032,["class","style","modelValue","onUpdate:modelValue","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"])}const Cl=X(il,[["render",ul]]),Jq="",Bl={components:{},props:["content"],data(){return{binCount:0,listOne:[],listTwo:[],listTwoCompleted:[],totalAttempts:99,choice:{header:"",feedback:""},chooseBin:{},chooseVisibility:!1,kbCurrentId:"",feedbackObject:{}}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}},myList2:{get(){return this.listTwo}},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{failed(){this.listTwo.length>0&&(this.listTwo.forEach(A=>{this.listOne.forEach(c=>{c.forEach(e=>{A.id===e.id&&c.push(A)})})}),this.listTwo="",this.choice.header=this.content.failedHeader,this.choice.feedback=this.content.failedFeedback,this.feedbackVisibility=!0)},createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach((A,c)=>{let e=Math.round(Date.now()/Math.random());A.items.forEach(a=>{a.hide=!0,a.id=e,a.oldKey=c,this.listTwo.push(a)}),this.listOne.push(JSON.parse(JSON.stringify(A.items)))}),this.listTwo.forEach(A=>{A.hide=!1})},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){if(A.to.dataset.index){let c=this.listOne[A.to.dataset.index],e=A.oldIndex,a=!1;c.forEach(r=>{r.hide===!0&&r.id===A.item._underlying_vm_.id&&(a=!0)}),a?(this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=A.item._underlying_vm_.correctHeader,this.feedbackObject.feedback=A.item._underlying_vm_.correctFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.correctFeedbackImage,this.listTwoCompleted.push(e),this.myList2.length===0&&this.stepperStore.finishSteps()):(this.feedbackObject.feedbackHeader=A.item._underlying_vm_.incorrectHeader,this.feedbackObject.feedback=A.item._underlying_vm_.incorrectFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.incorrectFeedbackImage,this.listTwo.push(A.item._underlying_vm_),this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.stepperStore.showFeedbackAttempts=!0,this.failed()),this.stepperStore.showFeedback=!0,c.forEach((r,t)=>{r.id===A.item._underlying_vm_.id&&c.splice(t,1)})),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},stopMove(){return!1},kbCheckMove(A,c){if(typeof A>"u")this.chooseVisibility=!1;else{if(this.listOne[A][c].id===this.kbCurrentId){let a=-1;this.listTwo.forEach((r,t)=>{r.id===this.kbCurrentId&&(a=t)}),this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=this.listOne[A][c].correctHeader,this.feedbackObject.feedback=this.listOne[A][c].correctFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].correctFeedbackImage,this.chooseVisibility=!1,this.listTwoCompleted.push(A),this.listTwo.splice(a,1),this.myList2.length===0&&this.stepperStore.finishSteps(),this.listOne[A][c].hide=!1}else this.feedbackObject.feedbackHeader=this.listOne[A][c].incorrectHeader,this.feedbackObject.feedback=this.listOne[A][c].incorrectFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].incorrectFeedbackImage,this.chooseVisibility=!1,this.stepperStore.showFeedback=!0,this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.chooseVisibility=!1,this.stepperStore.showFeedbackAttempts=!0,this.failed());setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},keyboardDrag(A){if(A.class.indexOf("preventMove")>0)return!1;this.chooseVisibility=!0,this.kbCurrentId=A.id,setTimeout(()=>{document.getElementById("firstBin").focus()})},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.stepperStore.attempts=0,this.content.attempts&&(this.totalAttempts=this.content.attempts),this.createItems()}},pl=["innerHTML"],vl=["onClick"],dl=["id","src","alt"],gl={key:0,class:"dropBin"},zl={class:"dragItems-button"},Vl=["id","src","alt"],Ml={class:"dialog-footer"};function wl(A,c,e,a,r,t){const s=n.resolveComponent("lab-image"),i=n.resolveComponent("el-col"),o=n.resolveComponent("draggable"),f=n.resolveComponent("el-row"),l=n.resolveComponent("lab-feedback"),m=n.resolveComponent("el-button"),h=n.resolveComponent("el-dialog");return n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(f,{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,pl),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,dl)):n.createCommentVNode("",!0)],8,vl)],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",gl,[n.createElementVNode("button",zl,[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,Vl)):n.createCommentVNode("",!0)])]))]),_:2},1032,["class","data-index","list","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"]),t.showFeedback()?(n.openBlock(),n.createBlock(l,{key:0,content:r.feedbackObject},null,8,["content"])):n.createCommentVNode("",!0),n.createVNode(h,{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",Ml,[n.createVNode(m,{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(m,{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(m,{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 Ll=X(Bl,[["render",wl]]),$q="",Ql={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)}},Fl=["src","width","height"];function Ul(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,Fl)])}const bl=X(Ql,[["render",Ul],["__scopeId","data-v-f5bc6f4c"]]);/*!
|
|
2
2
|
* html2canvas 1.4.1 <https://html2canvas.hertzen.com>
|
|
3
3
|
* Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
|
|
4
4
|
* Released under MIT License
|