@pie-element/hotspot 11.1.2-next.1 → 11.1.2-next.10

package/dist/browser/{dist-C78LDz6R.js → dist-CJeYAWp3.js}

@@ -40,6 +40,10 @@ function o(e) {
 	return t;
 }
 function s(e, t, r) {
+	if (!Array.isArray(t) && e != null && Object.prototype.hasOwnProperty.call(Object(e), t)) {
+		let n = e[t];
+		return n === void 0 ? r : n;
+	}
 	let i = e;
 	for (let e of n(t)) {
 		if (i == null) return r;
@@ -48,7 +52,7 @@ function s(e, t, r) {
 	return i === void 0 ? r : i;
 }
 function c(e) {
-	return e == null ? !0 : typeof e == "string" || Array.isArray(e) ? e.length === 0 : e instanceof Map || e instanceof Set ? e.size === 0 : t(e) ? Object.keys(e).length === 0 : !0;
+	return e == null ? !0 : typeof e == "string" || Array.isArray(e) ? e.length === 0 : e instanceof Map || e instanceof Set ? e.size === 0 : !t(e) || Object.keys(e).length === 0;
 }
 function l(n, r, i) {
 	let a = i?.(n, r);
@@ -93,4 +97,4 @@ function h(...e) {
 //#endregion
 export { f as a, m as c, s as d, o as f, c as i, h as l, p as n, a as o, d as r, r as s, u as t, i as u };
 
-//# sourceMappingURL=dist-C78LDz6R.js.map
+//# sourceMappingURL=dist-CJeYAWp3.js.map

package/dist/browser/dist-CJeYAWp3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dist-CJeYAWp3.js","names":[],"sources":["../../../../shared/lodash/dist/index.js"],"sourcesContent":["//#region src/index.ts\nvar e = Object.prototype;\nfunction t(e) {\n\treturn typeof e == \"object\" && !!e;\n}\nfunction n(e) {\n\treturn Array.isArray(e) ? e : typeof e == \"number\" ? [e] : e.replace(/\\[(\\d+)\\]/g, \".$1\").split(\".\").filter(Boolean);\n}\nfunction r(e) {\n\treturn (t) => x(t, e);\n}\nfunction i(e) {\n\treturn (n) => t(n) ? Object.entries(e).every(([e, t]) => A(n[e], t)) : !1;\n}\nfunction a(e) {\n\treturn typeof e == \"function\" ? e : typeof e == \"string\" ? r(e) : t(e) ? i(e) : ((e) => e);\n}\nfunction o(e, ...t) {\n\treturn Object.assign(e, ...t.filter(Boolean));\n}\nfunction s(e, t = 1) {\n\tif (!e?.length || t < 1) return [];\n\tlet n = [];\n\tfor (let r = 0; r < e.length; r += t) n.push(e.slice(r, r + t));\n\treturn n;\n}\nfunction c(e) {\n\treturn Array.isArray(e) ? e.slice() : t(e) ? { ...e } : e;\n}\nfunction l(e) {\n\tif (!t(e)) return e;\n\tif (e instanceof Date) return new Date(e.getTime());\n\tif (Array.isArray(e)) return e.map((e) => l(e));\n\tlet n = {};\n\tfor (let [t, r] of Object.entries(e)) n[t] = l(r);\n\treturn n;\n}\nfunction u(e) {\n\treturn (e ?? []).filter(Boolean);\n}\nfunction d(e, ...t) {\n\tlet n = [...e ?? []];\n\tfor (let e of t) Array.isArray(e) ? n.push(...e) : n.push(e);\n\treturn n;\n}\nfunction f(e, t = 0, n = {}) {\n\tlet r, i, a, o, s, c = n.leading === !0, l = n.trailing !== !1, u = () => {\n\t\tif (!a) return s;\n\t\tlet t = a, n = o;\n\t\treturn a = void 0, o = void 0, s = e.apply(n, t), s;\n\t}, d = () => {\n\t\tr && clearTimeout(r), i && clearTimeout(i), r = void 0, i = void 0, a = void 0, o = void 0;\n\t}, f = function(...e) {\n\t\tlet d = c && !r;\n\t\treturn a = e, o = this, d && u(), r && clearTimeout(r), r = setTimeout(() => {\n\t\t\tr = void 0, i &&= (clearTimeout(i), void 0), l ? u() : (a = void 0, o = void 0);\n\t\t}, t), n.maxWait !== void 0 && !i && (i = setTimeout(() => {\n\t\t\tr && clearTimeout(r), r = void 0, i = void 0, l || !c ? u() : (a = void 0, o = void 0);\n\t\t}, n.maxWait)), s;\n\t};\n\treturn f.cancel = d, f.flush = () => (r &&= (clearTimeout(r), void 0), i &&= (clearTimeout(i), void 0), u()), f;\n}\nfunction p(e, ...t) {\n\tfor (let n of t) if (n) for (let [t, r] of Object.entries(n)) e[t] === void 0 && (e[t] = r);\n\treturn e;\n}\nfunction m(e, ...t) {\n\tlet n = new Set(t.flat());\n\treturn (e ?? []).filter((e) => !n.has(e));\n}\nfunction h(e, t, n) {\n\treturn (e ?? []).filter((e) => !(t ?? []).some((t) => n(e, t)));\n}\nfunction g(e, t) {\n\tlet n = a(t), r = Array.isArray(e) ? e.entries() : Object.entries(e ?? {});\n\tfor (let [t, i] of r) if (!n(i, t, e)) return !1;\n\treturn !0;\n}\nfunction ee(e) {\n\treturn String(e).replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\").replace(/'/g, \"&#39;\");\n}\nfunction _(e, t) {\n\tlet n = a(t), r = Array.isArray(e) ? e.entries() : Object.entries(e ?? {});\n\tfor (let [t, i] of r) if (n(i, t, e)) return i;\n}\nfunction v(e, t) {\n\tlet n = a(t);\n\tfor (let [t, r] of Object.entries(e ?? {})) if (n(r, t, e)) return t;\n}\nfunction y(e) {\n\tlet t = [];\n\tfor (let n of e ?? []) Array.isArray(n) ? t.push(...n) : t.push(n);\n\treturn t;\n}\nfunction te(e, t) {\n\treturn R(e, t).flat();\n}\nfunction b(e, t) {\n\tlet n = Array.isArray(e) ? e.entries() : Object.entries(e ?? {});\n\tfor (let [r, i] of n) t(i, r, e);\n\treturn e;\n}\nfunction x(e, t, r) {\n\tif (!Array.isArray(t) && e != null && Object.prototype.hasOwnProperty.call(Object(e), t)) {\n\t\tlet n = e[t];\n\t\treturn n === void 0 ? r : n;\n\t}\n\tlet i = e;\n\tfor (let e of n(t)) {\n\t\tif (i == null) return r;\n\t\ti = i[e];\n\t}\n\treturn i === void 0 ? r : i;\n}\nfunction S(e, t) {\n\tlet n = a(t);\n\treturn K(e, (t, r, i) => {\n\t\tlet a = String(n(r, i, e));\n\t\treturn (t[a] ??= []).push(r), t;\n\t}, {});\n}\nfunction C(e) {\n\treturn e?.[0];\n}\nfunction w(e) {\n\treturn (e ?? []).slice(0, -1);\n}\nfunction T(e, t) {\n\treturn typeof e == \"string\" ? e.includes(String(t)) : Array.isArray(e) ? e.includes(t) : Object.values(e ?? {}).includes(t);\n}\nfunction E(...e) {\n\tlet [t, ...n] = e;\n\treturn $((t ?? []).filter((e) => n.every((t) => (t ?? []).includes(e))));\n}\nfunction D(e) {\n\treturn Array.isArray(e);\n}\nfunction O(e) {\n\treturn e == null ? !0 : typeof e == \"string\" || Array.isArray(e) ? e.length === 0 : e instanceof Map || e instanceof Set ? e.size === 0 : !t(e) || Object.keys(e).length === 0;\n}\nfunction k(n, r, i) {\n\tlet a = i?.(n, r);\n\tif (a !== void 0) return !!a;\n\tif (Object.is(n, r)) return !0;\n\tif (!t(n) || !t(r)) return !1;\n\tif (n instanceof Date || r instanceof Date) return n instanceof Date && r instanceof Date && n.getTime() === r.getTime();\n\tif (Array.isArray(n) || Array.isArray(r)) return Array.isArray(n) && Array.isArray(r) && n.length === r.length && n.every((e, t) => k(e, r[t], i));\n\tlet o = Object.keys(n), s = Object.keys(r);\n\treturn o.length === s.length && o.every((t) => e.hasOwnProperty.call(r, t) && k(n[t], r[t], i));\n}\nfunction A(e, t) {\n\treturn k(e, t);\n}\nfunction j(e, t, n) {\n\treturn k(e, t, n);\n}\nfunction M(e) {\n\treturn Number.isFinite(e);\n}\nfunction N(e) {\n\treturn typeof e == \"function\";\n}\nfunction P(e) {\n\treturn typeof e == \"number\" || e instanceof Number;\n}\nfunction F(e) {\n\treturn typeof e == \"object\" && !!e || typeof e == \"function\";\n}\nfunction I(e) {\n\treturn typeof e == \"string\" || e instanceof String;\n}\nfunction L(e) {\n\treturn e === void 0;\n}\nfunction R(e, t) {\n\tlet n = a(t), r = Array.isArray(e) ? e.entries() : Object.entries(e ?? {}), i = [];\n\tfor (let [t, a] of r) i.push(n(a, t, e));\n\treturn i;\n}\nfunction z(e) {\n\treturn e?.length ? Math.max(...e) : void 0;\n}\nfunction B(e, ...n) {\n\tfor (let r of n) if (r) for (let [n, i] of Object.entries(r)) t(i) && !Array.isArray(i) && t(e[n]) ? B(e[n], i) : e[n] = l(i);\n\treturn e;\n}\nfunction V(e, t) {\n\tlet n = { ...e ?? {} };\n\tfor (let e of Array.isArray(t) ? t : [t]) delete n[e];\n\treturn n;\n}\nfunction H(e, t) {\n\tlet n = a(t), r = {};\n\tfor (let [t, i] of Object.entries(e ?? {})) n(i, t, e) || (r[t] = i);\n\treturn r;\n}\nfunction U(e, ...t) {\n\tlet n = {};\n\tfor (let r of t.flat()) e && r in e && (n[r] = e[r]);\n\treturn n;\n}\nfunction W(e, t, n = 1) {\n\tlet r = t ?? e, i = t === void 0 ? 0 : e;\n\tif (n === 0) return [];\n\tlet a = [], o = n > 0;\n\tfor (let e = i; o ? e < r : e > r; e += n) a.push(e);\n\treturn a;\n}\nfunction G(e, t, n = 1) {\n\treturn W(e, t, n).reverse();\n}\nfunction K(e, t, n) {\n\tlet r = n, i = Array.isArray(e) ? e.entries() : Object.entries(e ?? {});\n\tfor (let [n, a] of i) r = t(r, a, n, e);\n\treturn r;\n}\nfunction q(e, t) {\n\tlet n = a(t), r = [];\n\tfor (let t = e.length - 1; t >= 0; t--) n(e[t], t, e) && r.unshift(...e.splice(t, 1));\n\treturn r;\n}\nfunction J(e, t, r) {\n\tlet i = n(t), a = e;\n\treturn i.forEach((e, t) => {\n\t\tif (t === i.length - 1) {\n\t\t\ta[e] = r;\n\t\t\treturn;\n\t\t}\n\t\tlet n = i[t + 1];\n\t\ta[e] ??= typeof n == \"number\" || /^\\d+$/.test(String(n)) ? [] : {}, a = a[e];\n\t}), e;\n}\nfunction Y(e) {\n\tlet t = [...e ?? []];\n\tfor (let e = t.length - 1; e > 0; e--) {\n\t\tlet n = Math.floor(Math.random() * (e + 1));\n\t\t[t[e], t[n]] = [t[n], t[e]];\n\t}\n\treturn t;\n}\nfunction X(e) {\n\treturn (e ?? []).slice(1);\n}\nfunction Z(e, t = 1) {\n\treturn t <= 0 ? [] : (e ?? []).slice(-t);\n}\nfunction Q(e, t = 0, n = {}) {\n\treturn f(e, t, {\n\t\tleading: n.leading !== !1,\n\t\ttrailing: n.trailing !== !1,\n\t\tmaxWait: t\n\t});\n}\nfunction ne(e, t) {\n\tlet n = t ?? ((e) => e);\n\treturn Array.from({ length: Math.max(0, e) }, (e, t) => n(t));\n}\nvar re = 0;\nfunction ie(e = \"\") {\n\treturn re += 1, `${e}${re}`;\n}\nfunction $(e) {\n\treturn Array.from(new Set(e ?? []));\n}\nfunction ae(e, t) {\n\tlet n = [];\n\tfor (let r of e ?? []) n.some((e) => t(r, e)) || n.push(r);\n\treturn n;\n}\nfunction oe(...e) {\n\tlet t = Math.max(0, ...e.map((e) => e.length));\n\treturn Array.from({ length: t }, (t, n) => e.map((e) => e[n]));\n}\nvar se = {\n\tassign: o,\n\tchunk: s,\n\tclone: c,\n\tcloneDeep: l,\n\tcompact: u,\n\tconcat: d,\n\tdebounce: f,\n\tdefaults: p,\n\tdifference: m,\n\tdifferenceWith: h,\n\tevery: g,\n\tescape: ee,\n\tfind: _,\n\tfindKey: v,\n\tflatten: y,\n\tflatMap: te,\n\tforEach: b,\n\tget: x,\n\tgroupBy: S,\n\thead: C,\n\tincludes: T,\n\tinitial: w,\n\tintersection: E,\n\tisArray: D,\n\tisEmpty: O,\n\tisEqual: A,\n\tisEqualWith: j,\n\tisFinite: M,\n\tisFunction: N,\n\tisNumber: P,\n\tisObject: F,\n\tisString: I,\n\tisUndefined: L,\n\tmap: R,\n\tmax: z,\n\tmerge: B,\n\tomit: V,\n\tomitBy: H,\n\tpick: U,\n\trange: W,\n\trangeRight: G,\n\treduce: K,\n\tremove: q,\n\tset: J,\n\tshuffle: Y,\n\ttail: X,\n\ttakeRight: Z,\n\tthrottle: Q,\n\ttimes: ne,\n\tuniqueId: ie,\n\tuniq: $,\n\tuniqWith: ae,\n\tzip: oe\n};\n//#endregion\nexport { o as assign, s as chunk, c as clone, l as cloneDeep, u as compact, d as concat, f as debounce, se as default, p as defaults, m as difference, h as differenceWith, ee as escape, g as every, _ as find, v as findKey, te as flatMap, y as flatten, b as forEach, x as get, S as groupBy, C as head, T as includes, w as initial, E as intersection, D as isArray, O as isEmpty, A as isEqual, j as isEqualWith, M as isFinite, N as isFunction, P as isNumber, F as isObject, I as isString, L as isUndefined, R as map, z as max, B as merge, V as omit, H as omitBy, U as pick, W as range, G as rangeRight, K as reduce, q as remove, J as set, Y as shuffle, X as tail, Z as takeRight, Q as throttle, ne as times, $ as uniq, ae as uniqWith, ie as uniqueId, oe as zip };\n"],"mappings":"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"}

package/dist/controller/index.js

@@ -4,40 +4,40 @@ import n from "debug";
 import { isEmpty as r } from "@pie-element/shared-lodash";
 import { partialScoring as i } from "@pie-element/shared-controller-utils";
 //#region src/controller/index.ts
-var a = n("pie-elements:hotspot:controller"), o = (e) => ({
+var a = n("pie-elements:hotspot:controller"), o = (e) => e != null, s = (e) => ({
 	...t,
 	...e
 });
-function s(t, n, r) {
-	let i = o(t), { imageUrl: a, dimensions: s, hotspotColor: c, hoverOutlineColor: l, selectedHotspotColor: u, multipleCorrect: d, outlineColor: f, partialScoring: p, prompt: m, shapes: h, language: g, fontSizeFactor: _, autoplayAudioEnabled: v, completeAudioEnabled: y, customAudioButton: b } = i, { rectangles: x, polygons: S, circles: C } = h || {}, w = r.mode === "evaluate" || r.role === "instructor" && r.mode === "view";
+function c(t, n, r) {
+	let i = s(t), { imageUrl: a, dimensions: c, hotspotColor: l, hoverOutlineColor: u, selectedHotspotColor: d, multipleCorrect: f, outlineColor: p, partialScoring: m, prompt: h, shapes: g, language: _, fontSizeFactor: v, autoplayAudioEnabled: y, completeAudioEnabled: b, customAudioButton: x } = i, { rectangles: S, polygons: C, circles: w } = g || {}, T = r.mode === "evaluate" || r.role === "instructor" && r.mode === "view";
 	return new Promise((t) => {
-		let o = {
+		let s = {
 			disabled: r.mode !== "gather",
 			mode: r.mode,
-			dimensions: s,
+			dimensions: c,
 			imageUrl: a,
-			outlineColor: f,
-			hotspotColor: c,
-			hoverOutlineColor: l,
-			selectedHotspotColor: u,
-			multipleCorrect: d,
-			partialScoring: p,
-			language: g,
-			fontSizeFactor: _,
-			autoplayAudioEnabled: v,
-			completeAudioEnabled: y,
-			customAudioButton: b,
+			outlineColor: p,
+			hotspotColor: l,
+			hoverOutlineColor: o(u) ? u : "black",
+			selectedHotspotColor: d,
+			multipleCorrect: f,
+			partialScoring: m,
+			language: _,
+			fontSizeFactor: v,
+			autoplayAudioEnabled: y,
+			completeAudioEnabled: b,
+			customAudioButton: x,
 			shapes: {
-				...h,
-				rectangles: (x || []).map(({ index: e, correct: t, ...n }) => w ? {
+				...g,
+				rectangles: (S || []).map(({ index: e, correct: t, ...n }) => T ? {
 					correct: t,
 					...n
 				} : { ...n }),
-				polygons: (S || []).map(({ index: e, correct: t, ...n }) => w ? {
+				polygons: (C || []).map(({ index: e, correct: t, ...n }) => T ? {
 					correct: t,
 					...n
 				} : { ...n }),
-				circles: (C || []).map(({ index: e, correct: t, ...n }) => w ? {
+				circles: (w || []).map(({ index: e, correct: t, ...n }) => T ? {
 					correct: t,
 					...n
 				} : { ...n })
@@ -45,15 +45,15 @@ function s(t, n, r) {
 			responseCorrect: r.mode === "evaluate" ? e(i, n) : void 0,
 			extraCSSRules: i.extraCSSRules
 		};
-		r.role === "instructor" && (r.mode === "view" || r.mode === "evaluate") ? (o.rationale = i.rationaleEnabled ? i.rationale : null, o.teacherInstructions = i.teacherInstructionsEnabled ? i.teacherInstructions : null) : (o.rationale = null, o.teacherInstructions = null), o.prompt = i.promptEnabled ? m : null, o.strokeWidth = i.strokeWidth, t(o);
+		r.role === "instructor" && (r.mode === "view" || r.mode === "evaluate") ? (s.rationale = i.rationaleEnabled ? i.rationale : null, s.teacherInstructions = i.teacherInstructionsEnabled ? i.teacherInstructions : null) : (s.rationale = null, s.teacherInstructions = null), s.prompt = i.promptEnabled ? h : null, s.strokeWidth = i.strokeWidth, t(s);
 	});
 }
-var c = (e = {}) => new Promise((n) => {
+var l = (e = {}) => new Promise((n) => {
 	n({
 		...t,
 		...e
 	});
-}), l = (t, n, r = {}) => {
+}), u = (t, n, r = {}) => {
 	let { answers: a } = n || {};
 	if (!t.shapes || !t.shapes.rectangles && !t.shapes.polygons && !t.shapes.circles) return 0;
 	let { shapes: { rectangles: o = [], polygons: s = [], circles: c = [] } = {} } = t;
@@ -69,11 +69,11 @@ var c = (e = {}) => new Promise((n) => {
 	});
 	let p = u > f.length ? u - f.length : 0, m = f.length === 0 ? 1 : f.length, h = ((l - p) / m).toFixed(2);
 	return h < 0 ? 0 : parseFloat(h);
-}, u = (e, t, n) => {
+}, d = (e, t, n) => {
 	let r = [], { answers: a } = t || {}, { shapes: o } = e || {}, s = [];
 	o && (o.rectangles && s.push(...o.rectangles), o.polygons && s.push(...o.polygons), o.circles && s.push(...o.circles));
-	let c = s.filter((e) => e.correct), u = s.length;
-	if (r.push(`Total of ${u} hotspot(s) defined, ${c.length} correct.`), a && a.length > 0) {
+	let c = s.filter((e) => e.correct), l = s.length;
+	if (r.push(`Total of ${l} hotspot(s) defined, ${c.length} correct.`), a && a.length > 0) {
 		r.push(`Student selected ${a.length} hotspot(s).`);
 		let e = 0, t = 0;
 		a.forEach((n) => {
@@ -97,19 +97,19 @@ var c = (e = {}) => new Promise((n) => {
 			}
 		}
 	} else r.push("Score calculated using all-or-nothing scoring.");
-	let d = l(e, t, n);
+	let d = u(e, t, n);
 	return r.push(`Score: ${d}.`), r;
 };
-function d(e, t, n = {}) {
+function f(e, t, n = {}) {
 	return new Promise((i) => {
 		if (a("outcome..."), (!t || r(t)) && i({
 			score: 0,
 			empty: !0,
 			traceLog: ["No hotspots selected. Score: 0."]
 		}), t.answers) {
-			let r = u(e, t, n);
+			let r = d(e, t, n);
 			i({
-				score: l(e, t, n),
+				score: u(e, t, n),
 				empty: !1,
 				traceLog: r
 			});
@@ -120,15 +120,15 @@ function d(e, t, n = {}) {
 		});
 	});
 }
-var f = (e) => {
+var p = (e) => {
 	let t = [];
 	return e.forEach((e) => {
 		let { correct: n, id: r } = e;
 		n && t.push({ id: r });
 	}), t;
-}, p = (e, t) => new Promise((n) => {
+}, m = (e, t) => new Promise((n) => {
 	if (t.mode !== "evaluate" && t.role === "instructor") {
-		let { shapes: { rectangles: t = [], circles: r = [], polygons: i = {} } = {} } = e, a = f(t), o = f(i), s = f(r);
+		let { shapes: { rectangles: t = [], circles: r = [], polygons: i = {} } = {} } = e, a = p(t), o = p(i), s = p(r);
 		n({
 			answers: [
 				...a,
@@ -138,17 +138,17 @@ var f = (e) => {
 			id: "1"
 		});
 	} else n(null);
-}), m = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), h = (e = {}, t = {}) => {
+}), h = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), g = (e = {}, t = {}) => {
 	let { shapes: n } = e, { minShapes: r = 2, maxShapes: i, maxSelections: a } = t, o = {};
 	[
 		"teacherInstructions",
 		"prompt",
 		"rationale"
 	].forEach((n) => {
-		t[n]?.required && !m(e[n]) && (o[n] = "This field is required.");
+		t[n]?.required && !h(e[n]) && (o[n] = "This field is required.");
 	});
 	let s = Object.values(n || {}).reduce((e, t) => [...e, ...t], []), c = (s || []).reduce((e, t) => t.correct ? e + 1 : e, 0), l = (s || []).length;
 	return l < r ? o.shapes = `There should be at least ${r} shapes defined.` : l > i && (o.shapes = `No more than ${i} shapes should be defined.`), c < 1 ? o.selections = "There should be at least 1 shape selected." : c > a && (o.selections = `No more than ${a} shapes should be selected.`), o;
 };
 //#endregion
-export { p as createCorrectResponseSession, c as createDefaultModel, u as getLogTrace, s as model, o as normalize, d as outcome, h as validate };
+export { m as createCorrectResponseSession, l as createDefaultModel, d as getLogTrace, c as model, s as normalize, f as outcome, g as validate };

package/dist/controller/utils.js

@@ -9,4 +9,4 @@ var n = (e) => e.filter((e) => e.correct).map((e) => e.id).sort(), r = (r, i) =>
 	return !i || e(i) ? !1 : i.answers && i.answers.length ? t((i.answers || []).map((e) => e.id).sort(), c) : !(c && c.length);
 };
 //#endregion
-export { r as isResponseCorrect };
+export { n as getCorrectResponse, r as isResponseCorrect };

package/dist/delivery/hotspot/circle.d.ts

@@ -9,6 +9,9 @@
 import React from 'react';
 declare class CircleComponent extends React.Component {
     constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    moveGroupToTop: any;
     handleClick: any;
     handleMouseEnter: any;
     handleMouseLeave: any;

package/dist/delivery/hotspot/circle.js

@@ -13,8 +13,17 @@ function d(e, t) {
 }
 var f = d(l, "Rect"), p = d(c, "Group"), m = d(s, "Circle"), h = class extends r.Component {
 	constructor(e) {
-		super(e), this.state = { hovered: !1 };
+		super(e), this.state = { hovered: !1 }, this.groupRef = r.createRef();
 	}
+	componentDidMount() {
+		this.props.focused && this.moveGroupToTop();
+	}
+	componentDidUpdate(e) {
+		!e.focused && this.props.focused && this.moveGroupToTop();
+	}
+	moveGroupToTop = () => {
+		this.groupRef.current && this.groupRef.current.moveToTop();
+	};
 	handleClick = (e) => {
 		let { onClick: t, id: n, selected: r, disabled: i } = this.props;
 		i || (e.cancelBubble = !0, t({
@@ -25,7 +34,7 @@ var f = d(l, "Rect"), p = d(c, "Group"), m = d(s, "Circle"), h = class extends r
 	};
 	handleMouseEnter = () => {
 		let { disabled: e } = this.props;
-		e || (document.body.style.cursor = "pointer"), this.setState({ hovered: !0 });
+		e || (document.body.style.cursor = "pointer"), this.setState({ hovered: !0 }), this.moveGroupToTop();
 	};
 	handleMouseLeave = () => {
 		document.body.style.cursor = "default", this.setState({ hovered: !1 });
@@ -33,39 +42,41 @@ var f = d(l, "Rect"), p = d(c, "Group"), m = d(s, "Circle"), h = class extends r
 	getEvaluateOutlineColor = (e, t, n) => t ? "green" : e ? n : "red";
 	getOutlineWidth = (e, t, n, r) => n || !n && !e && t ? r : 0;
 	render() {
-		let { radius: r, hotspotColor: i, isCorrect: s, isEvaluateMode: c, hoverOutlineColor: l, outlineColor: u, selected: d, x: h, y: g, evaluateText: _, strokeWidth: v, scale: y, markAsCorrect: b, selectedHotspotColor: x, showCorrectEnabled: S } = this.props, { hovered: C } = this.state, w = c ? this.getEvaluateOutlineColor(s, b, u) : u, T = this.getOutlineWidth(S, d, b, v), E = h - 10, D = g - 10, O;
-		S ? (d && s || !d && !s) && (O = t) : d ? O = s ? t : n : s || (O = n);
-		let k = C && l;
+		let { radius: r, hotspotColor: i, isCorrect: s, isEvaluateMode: c, hoverOutlineColor: l, outlineColor: u, selected: d, focused: h, x: g, y: _, evaluateText: v, strokeWidth: y, scale: b, markAsCorrect: x, selectedHotspotColor: S, showCorrectEnabled: C } = this.props, { hovered: w } = this.state, T = c ? this.getEvaluateOutlineColor(s, x, u) : u, E = this.getOutlineWidth(C, d, x, y), D = g - 10, O = _ - 10, k;
+		C ? (d && s || !d && !s) && (k = t) : d ? k = s ? t : n : s || (k = n);
+		let A = (w || h) && l;
 		return /* @__PURE__ */ o(p, {
-			scaleX: y,
-			scaleY: y,
+			ref: this.groupRef,
+			scaleX: b,
+			scaleY: b,
+			onMouseLeave: this.handleMouseLeave,
+			onMouseEnter: this.handleMouseEnter,
 			children: [
-				k && /* @__PURE__ */ a(f, {
-					x: h - r,
-					y: g - r,
-					width: r * 2,
-					height: r * 2,
-					stroke: d ? "transparent" : l,
-					strokeWidth: v
-				}),
 				/* @__PURE__ */ a(m, {
 					radius: r,
-					fill: d && x ? x : i,
+					fill: d && S ? S : i,
 					onClick: this.handleClick,
 					onTap: this.handleClick,
 					draggable: !1,
-					stroke: k && !d ? "transparent" : w,
-					strokeWidth: k && !d ? 0 : T,
-					onMouseLeave: this.handleMouseLeave,
-					onMouseEnter: this.handleMouseEnter,
-					x: h,
-					y: g
+					stroke: A && !d ? "transparent" : T,
+					strokeWidth: A && !d ? 0 : E,
+					x: g,
+					y: _
+				}),
+				A && /* @__PURE__ */ a(f, {
+					x: g - r,
+					y: _ - r,
+					width: r * 2,
+					height: r * 2,
+					stroke: l,
+					strokeWidth: y,
+					listening: !1
 				}),
-				c && O ? /* @__PURE__ */ a(e, {
-					src: O,
-					x: E,
-					y: D,
-					tooltip: _
+				c && k ? /* @__PURE__ */ a(e, {
+					src: k,
+					x: D,
+					y: O,
+					tooltip: v
 				}) : null
 			]
 		});
@@ -78,6 +89,7 @@ h.propTypes = {
 	isCorrect: i.oneOfType([i.bool, i.string]),
 	isEvaluateMode: i.bool.isRequired,
 	disabled: i.bool.isRequired,
+	focused: i.bool,
 	hoverOutlineColor: i.string,
 	onClick: i.func.isRequired,
 	outlineColor: i.string.isRequired,
@@ -93,6 +105,7 @@ h.propTypes = {
 }, h.defaultProps = {
 	isCorrect: !1,
 	evaluateText: null,
+	focused: !1,
 	strokeWidth: 5,
 	scale: 1
 };

package/dist/delivery/hotspot/container.d.ts

@@ -8,9 +8,14 @@
  */
 import React from 'react';
 export declare class Container extends React.Component {
+    constructor(props: any);
     isSelected(shape: any): boolean;
     correctness: (isCorrect: any, isChecked: any) => any;
     getEvaluateText: any;
+    getAllShapesSorted: any;
+    handleShapeFocus: any;
+    handleShapeBlur: any;
+    handleShapeKeyDown: any;
     render(): React.JSX.Element;
 }
 export default Container;

package/dist/delivery/hotspot/container.js

@@ -19,118 +19,185 @@ var f = d(l, "Stage"), p = d(c, "Layer"), m = s("div")(({ theme: e }) => ({
 	position: "relative",
 	background: e.palette.common.white,
 	border: `${e.spacing(1)} solid ${e.palette.common.white}`,
-	width: "fit-content"
-})), h = s("div")({
+	width: "fit-content",
+	maxWidth: "100%",
+	overflowX: "auto"
+})), h = s("span")({
+	position: "absolute",
+	width: 1,
+	height: 1,
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap"
+}), g = s("div")({
 	position: "relative",
 	width: "fit-content"
-}), g = s("img")({
+}), _ = s("img")({
 	alignItems: "center",
 	display: "flex",
 	justifyContent: "center"
-}), _ = s(f)({
+}), v = s(f)({
 	left: 0,
 	top: 0,
 	position: "absolute"
-}), v = class extends r.Component {
+}), y = class extends r.Component {
+	constructor(e) {
+		super(e), this.state = { focusedShapeId: null };
+	}
 	isSelected(e) {
 		return !!this.props.session.answers.filter((t) => t.id === e.id)[0];
 	}
 	correctness = (e, t) => e ? t : !t;
 	getEvaluateText = (e, t) => t && e ? "Correctly\nselected" : t && !e ? "Should not have\nbeen selected" : !t && e ? "Should have\nbeen selected" : null;
+	getAllShapesSorted = () => {
+		let { shapes: { rectangles: e = [], polygons: t = [], circles: n = [] } } = this.props, r = [
+			...e.map((e) => ({
+				...e,
+				type: "rectangle"
+			})),
+			...t.map((e) => ({
+				...e,
+				type: "polygon"
+			})),
+			...n.map((e) => ({
+				...e,
+				type: "circle"
+			}))
+		];
+		return r.sort((e, t) => String(e.id).localeCompare(String(t.id), void 0, { numeric: !0 })), r;
+	};
+	handleShapeFocus = (e) => {
+		this.setState({ focusedShapeId: e });
+	};
+	handleShapeBlur = () => {
+		this.setState({ focusedShapeId: null });
+	};
+	handleShapeKeyDown = (e, t) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			let { onSelectChoice: n, disabled: r } = this.props;
+			if (!r) {
+				let e = this.getAllShapesSorted().find((e) => e.id === t);
+				e && n({
+					id: t,
+					selected: !this.isSelected(e),
+					selector: "Keyboard"
+				});
+			}
+		}
+	};
 	render() {
-		let { dimensions: { width: r, height: i }, disabled: s, hotspotColor: c, hoverOutlineColor: l, selectedHotspotColor: u, imageUrl: d, isEvaluateMode: f, outlineColor: v, onSelectChoice: y, shapes: { rectangles: b = [], polygons: x = [], circles: S = [] }, scale: C, strokeWidth: w, showCorrect: T } = this.props, E = r * C, D = i * C;
+		let { dimensions: { width: r, height: i }, disabled: s, hotspotColor: c, hoverOutlineColor: l, selectedHotspotColor: u, imageUrl: d, isEvaluateMode: f, outlineColor: y, onSelectChoice: b, shapes: { rectangles: x = [], polygons: S = [], circles: C = [] }, scale: w, strokeWidth: T, showCorrect: E } = this.props, { focusedShapeId: D } = this.state, O = r * w, k = i * w, A = this.getAllShapesSorted();
 		return /* @__PURE__ */ o(m, {
-			style: { padding: w / 2 },
-			children: [d ? /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(g, {
-				alt: "hotspot-image",
-				height: "auto",
-				src: d,
-				style: {
-					width: E,
-					height: D,
-					maxWidth: E,
-					maxHeight: D
-				}
-			}) }) : null, /* @__PURE__ */ a(_, {
-				height: D + w,
-				width: E + w,
-				x: w / 2,
-				y: w / 2,
-				children: /* @__PURE__ */ o(p, { children: [
-					b.map((t) => {
-						let n = this.isSelected(t), r = f ? this.correctness(t.correct, n) : void 0, i = f ? this.getEvaluateText(t.correct, n) : null, o = !!(f && T && t.correct);
-						return /* @__PURE__ */ a(e, {
-							scale: C,
-							isEvaluateMode: f,
-							isCorrect: r,
-							evaluateText: i,
-							disabled: s,
-							selected: n,
-							height: t.height,
-							hotspotColor: c,
-							hoverOutlineColor: l,
-							selectedHotspotColor: u,
-							id: t.id,
-							onClick: y,
-							outlineColor: v,
-							width: t.width,
-							x: t.x,
-							y: t.y,
-							strokeWidth: w,
-							markAsCorrect: o,
-							showCorrectEnabled: T
-						}, t.id);
-					}),
-					x.map((e) => {
-						let n = this.isSelected(e), r = f ? this.correctness(e.correct, n) : void 0, i = f ? this.getEvaluateText(e.correct, n) : null, o = !!(f && T && e.correct);
-						return /* @__PURE__ */ a(t, {
-							scale: C,
-							isEvaluateMode: f,
-							isCorrect: !!r,
-							evaluateText: i,
-							disabled: s,
-							selected: n,
-							hotspotColor: c,
-							id: e.id,
-							onClick: y,
-							outlineColor: v,
-							points: e.points,
-							strokeWidth: w,
-							markAsCorrect: o,
-							selectedHotspotColor: u,
-							hoverOutlineColor: l,
-							showCorrectEnabled: T
-						}, e.id);
-					}),
-					S.map((e) => {
-						let t = this.isSelected(e), r = f ? this.correctness(e.correct, t) : void 0, i = f ? this.getEvaluateText(e.correct, t) : null, o = !!(f && T && e.correct);
-						return /* @__PURE__ */ a(n, {
-							scale: C,
-							isEvaluateMode: f,
-							isCorrect: r,
-							evaluateText: i,
-							disabled: s,
-							selected: t,
-							radius: e.radius,
-							hotspotColor: c,
-							id: e.id,
-							onClick: y,
-							outlineColor: v,
-							x: e.x,
-							y: e.y,
-							strokeWidth: w,
-							markAsCorrect: o,
-							selectedHotspotColor: u,
-							hoverOutlineColor: l,
-							showCorrectEnabled: T
-						}, e.id);
-					})
-				] })
-			})]
+			style: { padding: T / 2 },
+			children: [
+				d ? /* @__PURE__ */ a(g, { children: /* @__PURE__ */ a(_, {
+					alt: "hotspot-image",
+					height: "auto",
+					src: d,
+					style: {
+						width: O,
+						height: k,
+						maxWidth: O,
+						maxHeight: k
+					}
+				}) }) : null,
+				/* @__PURE__ */ a(v, {
+					height: k + T,
+					width: O + T,
+					x: T / 2,
+					y: T / 2,
+					children: /* @__PURE__ */ o(p, { children: [
+						x.map((t) => {
+							let n = this.isSelected(t), r = f ? this.correctness(t.correct, n) : void 0, i = f ? this.getEvaluateText(t.correct, n) : null, o = !!(f && E && t.correct);
+							return /* @__PURE__ */ a(e, {
+								scale: w,
+								isEvaluateMode: f,
+								isCorrect: r,
+								evaluateText: i,
+								disabled: s,
+								selected: n,
+								height: t.height,
+								hotspotColor: c,
+								hoverOutlineColor: l,
+								selectedHotspotColor: u,
+								id: t.id,
+								onClick: b,
+								outlineColor: y,
+								width: t.width,
+								x: t.x,
+								y: t.y,
+								strokeWidth: T,
+								markAsCorrect: o,
+								showCorrectEnabled: E,
+								focused: D === t.id
+							}, t.id);
+						}),
+						S.map((e) => {
+							let n = this.isSelected(e), r = f ? this.correctness(e.correct, n) : void 0, i = f ? this.getEvaluateText(e.correct, n) : null, o = !!(f && E && e.correct);
+							return /* @__PURE__ */ a(t, {
+								scale: w,
+								isEvaluateMode: f,
+								isCorrect: !!r,
+								evaluateText: i,
+								disabled: s,
+								selected: n,
+								hotspotColor: c,
+								id: e.id,
+								onClick: b,
+								outlineColor: y,
+								points: e.points,
+								strokeWidth: T,
+								markAsCorrect: o,
+								selectedHotspotColor: u,
+								hoverOutlineColor: l,
+								showCorrectEnabled: E,
+								focused: D === e.id
+							}, e.id);
+						}),
+						C.map((e) => {
+							let t = this.isSelected(e), r = f ? this.correctness(e.correct, t) : void 0, i = f ? this.getEvaluateText(e.correct, t) : null, o = !!(f && E && e.correct);
+							return /* @__PURE__ */ a(n, {
+								scale: w,
+								isEvaluateMode: f,
+								isCorrect: r,
+								evaluateText: i,
+								disabled: s,
+								selected: t,
+								radius: e.radius,
+								hotspotColor: c,
+								id: e.id,
+								onClick: b,
+								outlineColor: y,
+								x: e.x,
+								y: e.y,
+								strokeWidth: T,
+								markAsCorrect: o,
+								selectedHotspotColor: u,
+								hoverOutlineColor: l,
+								showCorrectEnabled: E,
+								focused: D === e.id
+							}, e.id);
+						})
+					] })
+				}),
+				A.map((e) => {
+					let t = this.isSelected(e);
+					return /* @__PURE__ */ a(h, {
+						tabIndex: s ? -1 : 0,
+						role: "button",
+						"aria-label": e.ariaLabel || "",
+						"aria-pressed": t,
+						onFocus: () => this.handleShapeFocus(e.id),
+						onBlur: this.handleShapeBlur,
+						onKeyDown: (t) => this.handleShapeKeyDown(t, e.id)
+					}, `focus-${e.id}`);
+				})
+			]
 		});
 	}
 };
-v.propTypes = {
+y.propTypes = {
 	dimensions: i.object.isRequired,
 	disabled: i.bool.isRequired,
 	hotspotColor: i.string.isRequired,
@@ -145,6 +212,6 @@ v.propTypes = {
 	strokeWidth: i.number,
 	scale: i.number,
 	showCorrect: i.bool
-}, v.defaultProps = { scale: 1 };
+}, y.defaultProps = { scale: 1 };
 //#endregion
-export { v as default };
+export { y as Container, y as default };