@pie-element/inline-dropdown 11.0.5-esm.1 → 11.0.5-next.20261012010413

package/dist/browser/delivery/index.js

@@ -0,0 +1,1307 @@
+import { m as e } from "../speech-worker-CTpOB9m5-BIgcSm3A.js";
+import { A as t, Bt as n, M as r, N as i, S as a, a as o, d as s, f as c, ft as l, gt as u, i as d, k as f, m as p, mt as m, n as h, o as g, p as _, pt as v, t as y, v as b, w as x, z as S, zt as C } from "../Close-V6zXg6OM.js";
+import { c as w, n as T } from "../dist-FMIRkZir.js";
+import E, { useRef as ee } from "react";
+import { createRoot as te } from "react-dom/client";
+import ne from "react-dom";
+import { Fragment as re, jsx as D, jsxs as O } from "react/jsx-runtime";
+//#region ../../shared/player-events/dist/index.js
+var ie = class e extends CustomEvent {
+	static {
+		this.TYPE = "model-set";
+	}
+	constructor(t, n, r) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t,
+				hasModel: r
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, ae = class e extends CustomEvent {
+	static {
+		this.TYPE = "session-changed";
+	}
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, k = /* @__PURE__ */ e(C(), 1), oe = "height ease-in 300ms, opacity ease-in 300ms", se = u("div")(() => ({
+	position: "relative",
+	height: 0,
+	overflow: "hidden",
+	display: "flex",
+	visibility: "hidden",
+	width: 0,
+	"&.enter": {
+		transition: oe,
+		opacity: 1,
+		height: "auto",
+		width: "auto",
+		visibility: "visible",
+		minHeight: "25px"
+	},
+	"&.enter-done": {
+		height: "auto",
+		visibility: "visible",
+		width: "auto",
+		minHeight: "25px"
+	},
+	"&.exit": {
+		transition: oe,
+		opacity: 0,
+		height: 0,
+		visibility: "visible",
+		width: 0
+	},
+	"&.exit-done": {
+		opacity: 0,
+		visibility: "hidden",
+		height: 0,
+		width: 0
+	}
+})), ce = (e) => {
+	let { show: t, children: n, className: r } = e, i = ee(null);
+	return /* @__PURE__ */ D(m, {
+		nodeRef: i,
+		in: t,
+		appear: !0,
+		mountOnEnter: !1,
+		timeout: 300,
+		classNames: {
+			enter: "enter",
+			enterDone: "enter-done",
+			exit: "exit",
+			exitDone: "exit-done"
+		},
+		children: /* @__PURE__ */ D(se, {
+			ref: i,
+			className: r,
+			children: n
+		})
+	});
+};
+ce.propTypes = {
+	show: k.default.bool.isRequired,
+	className: k.default.string,
+	children: k.default.oneOfType([k.default.arrayOf(k.default.node), k.default.node]).isRequired
+};
+//#endregion
+//#region ../../lib-react/icons/dist/correct-response-icon.js
+var le = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ O("svg", {
+	"aria-hidden": "true",
+	focusable: "false",
+	preserveAspectRatio: "xMinYMin meet",
+	version: "1.1",
+	viewBox: "-283 359 34 35",
+	style: { enableBackground: "new -283 359 34 35" },
+	children: [
+		/* @__PURE__ */ D("circle", {
+			cx: "-266",
+			cy: "375.9",
+			r: "14",
+			fill: e
+		}),
+		/* @__PURE__ */ D("path", {
+			d: "M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z\n         M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z",
+			fill: e
+		}),
+		/* @__PURE__ */ D("polygon", {
+			points: "-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6",
+			fill: t
+		})
+	]
+});
+le.propTypes = {
+	bgFill: k.default.string.isRequired,
+	fgFill: k.default.string.isRequired
+};
+var ue = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ O("svg", {
+	"aria-hidden": "true",
+	focusable: "false",
+	preserveAspectRatio: "xMinYMin meet",
+	version: "1.1",
+	viewBox: "-129.5 127 34 35",
+	style: { enableBackground: "new -129.5 127 34 35" },
+	children: [
+		/* @__PURE__ */ D("path", {
+			style: {
+				fill: "#D0CAC5",
+				stroke: "#E6E3E0",
+				strokeWidth: .75,
+				strokeMiterlimit: 10
+			},
+			d: "M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5\n         C-97.4,153.5-104.3,160.4-112.9,160.4z"
+		}),
+		/* @__PURE__ */ D("path", {
+			style: {
+				fill: "#B3ABA4",
+				stroke: "#CDC7C2",
+				strokeWidth: .5,
+				strokeMiterlimit: 10
+			},
+			d: "M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z"
+		}),
+		/* @__PURE__ */ D("circle", {
+			cx: "-114.2",
+			cy: "143.5",
+			r: "14",
+			fill: e
+		}),
+		/* @__PURE__ */ D("path", {
+			d: "M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z\n         M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z",
+			fill: n
+		}),
+		/* @__PURE__ */ D("polygon", {
+			points: "-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2",
+			fill: t
+		})
+	]
+});
+ue.propTypes = {
+	bgFill: k.default.string.isRequired,
+	fgFill: k.default.string.isRequired,
+	borderFill: k.default.string.isRequired
+};
+var de = u("div")(({ size: e }) => ({
+	width: e || "25px",
+	height: e || "25px"
+})), A = ({ open: e, size: t }) => /* @__PURE__ */ D(de, {
+	size: t,
+	children: e ? /* @__PURE__ */ D(le, {
+		bgFill: "#bce2ff",
+		fgFill: "#1a9cff"
+	}) : /* @__PURE__ */ D(ue, {
+		bgFill: "white",
+		fgFill: "#1a9cff",
+		borderFill: "#bce2ff"
+	})
+});
+A.propTypes = {
+	open: k.default.bool,
+	size: k.default.string
+}, A.defaultProps = { open: !1 };
+//#endregion
+//#region ../../lib-react/correct-answer-toggle/dist/index.js
+function j(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function fe(e, t) {
+	return !e || j(e) ? e : j(e.default) ? e.default : t && j(e[t]) ? e[t] : t && j(e[t]?.default) ? e[t].default : e;
+}
+var pe = o, M = pe.default, me = M && typeof M == "object" ? M : pe, he = fe(_, "Readable") || fe(me.Readable, "Readable"), { translator: N } = t, ge = {
+	WebkitTouchCallout: "none",
+	WebkitUserSelect: "none",
+	KhtmlUserSelect: "none",
+	MozUserSelect: "none",
+	msUserSelect: "none",
+	userSelect: "none"
+}, _e = u("div")(() => ({
+	width: "100%",
+	cursor: "pointer"
+})), ve = u("button")(() => ({
+	margin: "0 auto",
+	textAlign: "center",
+	display: "flex",
+	minWidth: "24px",
+	minHeight: "24px",
+	padding: 0,
+	border: 0,
+	background: "none",
+	color: "inherit",
+	font: "inherit",
+	cursor: "pointer",
+	"&:focus-visible": {
+		outline: `2px solid ${v.buttonFocusOutline()}`,
+		outlineOffset: "-2px"
+	}
+})), ye = u("div")(() => ({
+	width: "fit-content",
+	minWidth: "140px",
+	alignSelf: "center",
+	verticalAlign: "middle",
+	color: `var(--correct-answer-toggle-label-color, ${v.text()})`,
+	fontWeight: "normal",
+	...ge
+})), be = u("div")(() => ({
+	position: "absolute",
+	width: "25px",
+	"&.enter": { opacity: "0" },
+	"&.enter-active": {
+		opacity: "1",
+		transition: "opacity 0.3s ease-in"
+	},
+	"&.exit": { opacity: "1" },
+	"&.exit-active": {
+		opacity: "0",
+		transition: "opacity 0.3s ease-in"
+	}
+})), xe = u("div")(() => ({
+	width: "25px",
+	marginRight: "5px",
+	display: "flex",
+	alignItems: "center"
+})), Se = class e extends E.Component {
+	static propTypes = {
+		onToggle: k.default.func,
+		toggled: k.default.bool,
+		show: k.default.bool,
+		hideMessage: k.default.string,
+		showMessage: k.default.string,
+		className: k.default.string,
+		language: k.default.string
+	};
+	static defaultProps = {
+		showMessage: "Show correct answer",
+		hideMessage: "Hide correct answer",
+		show: !1,
+		toggled: !1
+	};
+	constructor(t) {
+		super(t), this.state = { show: t.show }, this.openIconRef = E.createRef(), this.closedIconRef = E.createRef(), e.defaultProps = {
+			...e.defaultProps,
+			showMessage: N.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: N.t("common:hideCorrectAnswer", { lng: t.language })
+		};
+	}
+	onClick() {
+		this.props.onToggle(!this.props.toggled);
+	}
+	onTouch(e) {
+		e.preventDefault(), this.props.onToggle(!this.props.toggled);
+	}
+	UNSAFE_componentWillReceiveProps(t) {
+		this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
+			...e.defaultProps,
+			showMessage: N.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: N.t("common:hideCorrectAnswer", { lng: t.language })
+		});
+	}
+	render() {
+		let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
+		return /* @__PURE__ */ D(_e, {
+			className: e,
+			children: /* @__PURE__ */ D(ce, {
+				show: this.state.show,
+				children: /* @__PURE__ */ O(ve, {
+					type: "button",
+					"aria-pressed": !!t,
+					onClick: this.onClick.bind(this),
+					onTouchEnd: this.onTouch.bind(this),
+					children: [/* @__PURE__ */ O(xe, { children: [/* @__PURE__ */ D(m, {
+						nodeRef: this.openIconRef,
+						timeout: 400,
+						in: t,
+						exit: !t,
+						classNames: {
+							enter: "enter",
+							enterActive: "enter-active",
+							exit: "exit",
+							exitActive: "exit-active"
+						},
+						children: /* @__PURE__ */ D(be, {
+							ref: this.openIconRef,
+							children: /* @__PURE__ */ D(A, { open: t }, "correct-open")
+						})
+					}), /* @__PURE__ */ D(m, {
+						nodeRef: this.closedIconRef,
+						timeout: 5e3,
+						in: !t,
+						exit: t,
+						classNames: {
+							enter: "enter",
+							enterActive: "enter-active",
+							exit: "exit",
+							exitActive: "exit-active"
+						},
+						children: /* @__PURE__ */ D(be, {
+							ref: this.closedIconRef,
+							children: /* @__PURE__ */ D(A, { open: t }, "correct-closed")
+						})
+					})] }), /* @__PURE__ */ D(he, {
+						false: !0,
+						children: /* @__PURE__ */ D(ye, {
+							"aria-hidden": !this.state.show,
+							children: t ? n : r
+						})
+					})]
+				})
+			})
+		});
+	}
+}, Ce = /\{\{(\d+)\}\}/g, we = (e, t) => e ? { markup: e.replace(Ce, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, P = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), F = /* @__PURE__ */ P(((e, t) => {
+	t.exports = {
+		"border-radius": 1,
+		"border-top-left-radius": 1,
+		"border-top-right-radius": 1,
+		"border-bottom-left-radius": 1,
+		"border-bottom-right-radius": 1,
+		"box-shadow": 1,
+		order: 1,
+		flex: function(e, t) {
+			return [t + "box-flex"];
+		},
+		"box-flex": 1,
+		"box-align": 1,
+		animation: 1,
+		"animation-duration": 1,
+		"animation-name": 1,
+		transition: 1,
+		"transition-duration": 1,
+		transform: 1,
+		"transform-style": 1,
+		"transform-origin": 1,
+		"backface-visibility": 1,
+		perspective: 1,
+		"box-pack": 1
+	};
+}));
+F();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssUnitless.js
+var I = /* @__PURE__ */ P(((e, t) => {
+	t.exports = {
+		animation: 1,
+		"column-count": 1,
+		columns: 1,
+		"font-weight": 1,
+		opacity: 1,
+		"order  ": 1,
+		"z-index": 1,
+		zoom: 1,
+		flex: 1,
+		"box-flex": 1,
+		transform: 1,
+		perspective: 1,
+		"box-pack": 1,
+		"box-align": 1,
+		colspan: 1,
+		rowspan: 1
+	};
+}));
+I();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toUpperFirst.js
+var L = /* @__PURE__ */ P(((e, t) => {
+	t.exports = function(e) {
+		return e.length ? e.charAt(0).toUpperCase() + e.substring(1) : e;
+	};
+}));
+L();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixInfo.js
+var R = /* @__PURE__ */ P(((e, t) => {
+	var n = L(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
+	t.exports = (function() {
+		var e = (function() {
+			for (var e in i) if (r.test(e)) return e.match(r)[0];
+			return "WebkitOpacity" in i ? "Webkit" : "KhtmlOpacity" in i ? "Khtml" : "";
+		})();
+		return {
+			style: e,
+			css: "-" + e.toLowerCase() + "-",
+			dom: {
+				Webkit: "WebKit",
+				ms: "MS",
+				o: "WebKit"
+			}[e] || n(e)
+		};
+	})();
+}));
+R();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenRe.js
+var Te = /* @__PURE__ */ P(((e, t) => {
+	t.exports = /[-\s]+(.)?/g;
+}));
+Te();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/camelize.js
+var z = /* @__PURE__ */ P(((e, t) => {
+	var n = function(e, t) {
+		return t ? t.toUpperCase() : "";
+	}, r = Te();
+	t.exports = function(e) {
+		return e ? e.replace(r, n) : "";
+	};
+}));
+z();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/separate.js
+var Ee = /* @__PURE__ */ P(((e, t) => {
+	var n = /::/g, r = /([A-Z]+)([A-Z][a-z])/g, i = /([a-z\d])([A-Z])/g, a = /_/g;
+	t.exports = function(e, t) {
+		return e ? e.replace(n, "/").replace(r, "$1_$2").replace(i, "$1_$2").replace(a, t || "-") : "";
+	};
+}));
+Ee();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenate.js
+var B = /* @__PURE__ */ P(((e, t) => {
+	var n = Ee();
+	t.exports = function(e) {
+		return n(e).toLowerCase();
+	};
+}));
+B();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toLowerFirst.js
+var De = /* @__PURE__ */ P(((e, t) => {
+	t.exports = function(e) {
+		return e.length ? e.charAt(0).toLowerCase() + e.substring(1) : e;
+	};
+}));
+De();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixer.js
+var Oe = /* @__PURE__ */ P(((e, t) => {
+	var n = z(), r = B(), i = De(), a = L(), o = R(), s = F(), c = typeof document > "u" ? {} : document.documentElement.style;
+	t.exports = function(e) {
+		return function(t, l) {
+			l ||= {};
+			var u = i(n(t)), d = r(t), f = e ? u : d, p = o.style ? e ? o.style : o.css : "";
+			if (u in c) return l.asString ? f : [f];
+			var m = f, h = s[d], g = [];
+			if (e && (m = a(f)), typeof h == "function") {
+				var _ = h(f, p) || [];
+				_ && !Array.isArray(_) && (_ = [_]), _.length && (_ = _.map(function(t) {
+					return e ? i(n(t)) : r(t);
+				})), g = g.concat(_);
+			}
+			return p && g.push(p + m), g.push(f), l.asString || g.length == 1 ? g[0] : g;
+		};
+	};
+}));
+Oe();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssPrefix.js
+var ke = /* @__PURE__ */ P(((e, t) => {
+	t.exports = Oe()();
+}));
+ke();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/hasOwn.js
+var V = /* @__PURE__ */ P(((e, t) => {
+	var n = Object.prototype.hasOwnProperty;
+	t.exports = function(e, t) {
+		return n.call(e, t);
+	};
+}));
+V();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isObject.js
+var Ae = /* @__PURE__ */ P(((e, t) => {
+	var n = Object.prototype.toString;
+	t.exports = function(e) {
+		return !!e && n.call(e) === "[object Object]";
+	};
+}));
+Ae();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isFunction.js
+var je = /* @__PURE__ */ P(((e, t) => {
+	var n = Object.prototype.toString;
+	t.exports = function(e) {
+		return n.apply(e) === "[object Function]";
+	};
+}));
+je();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleObject.js
+var H = /* @__PURE__ */ P(((e, t) => {
+	R();
+	var n = ke(), r = B(), i = z(), a = V(), o = Ae(), s = je(), c = function(e, t, r, i) {
+		n(t).forEach(function(t) {
+			e[i ? i(t) : t] = r;
+		});
+	}, l = function(e) {
+		e = (e || "").split(";");
+		var t = {};
+		return e.forEach(function(e) {
+			var n = e.split(":");
+			n.length == 2 && (t[n[0].trim()] = n[1].trim());
+		}), t;
+	}, u = { cssUnitless: I() }, d = function(e, t, n, f) {
+		typeof e == "string" && (e = l(e)), t ||= u, t.cssUnitless = t.cssUnitless || u.cssUnitless, f ||= {};
+		var p = t.scope || {}, m = t.addUnits == null ? p && p.addUnits != null ? p.addUnits : !0 : t.addUnits, h = (t.cssUnitless == null ? p ? p.cssUnitless : null : t.cssUnitless) || {}, g = (t.cssUnit || p ? p.cssUnit : null) || "px", _ = t.prefixProperties || (p ? p.prefixProperties : null) || {}, v = t.camelize ? i : r, y, b, x, S, C, w, T, E;
+		for (x in e) if (a(e, x)) {
+			if (S = e[x], b = r(n ? n + x : x), y = !1, E = !1, s(S) && (T = S.call(p || e, S, x, b, e), o(T) && T.value != null ? (S = T.value, E = T.prefix, b = T.name ? r(T.name) : b) : S = T), C = typeof S, w = C == "number" || C == "string" && S != "" && S * 1 == S, S == null || b == null || b === "") continue;
+			if ((w || C == "string") && (y = !0), !y && S.value != null && S.prefix && (y = !0, E = S.prefix, S = S.value), y) {
+				if (E ||= !!_[b], w && (S = m && !(b in h) ? S + g : S + ""), (b == "border" || !b.indexOf("border") && !~b.indexOf("radius") && !~b.indexOf("width")) && w && (b += "-width"), !b.indexOf("border-radius-") && (b.replace(/border(-radius)(-(.*))/, function(e, t, n) {
+					var r = {
+						"-top": ["-top-left", "-top-right"],
+						"-left": ["-top-left", "-bottom-left"],
+						"-right": ["-top-right", "-bottom-right"],
+						"-bottom": ["-bottom-left", "-bottom-right"]
+					};
+					n in r ? (b = [], r[n].forEach(function(e) {
+						b.push("border" + e + t);
+					})) : b = "border" + n + t;
+				}), Array.isArray(b))) {
+					b.forEach(function(e) {
+						E ? c(f, e, S, v) : f[v(e)] = S;
+					});
+					continue;
+				}
+				E ? c(f, b, S, v) : f[v(b)] = S;
+			} else d(S, t, b + "-", f);
+		}
+		return f;
+	};
+	t.exports = d;
+}));
+H();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js
+var Me = /* @__PURE__ */ P(((e, t) => {
+	var n = H(), r = V();
+	t.exports = function(e, t) {
+		e = n(e, t);
+		var i = [], a;
+		for (a in e) r(e, a) && i.push(a + ": " + e[a]);
+		return i.join("; ");
+	};
+}));
+Me();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/index.js
+var Ne = /* @__PURE__ */ P(((e, t) => {
+	t.exports = {
+		prefixProperties: F(),
+		cssUnitless: I(),
+		object: H(),
+		string: Me()
+	};
+}));
+Ne();
+//#endregion
+//#region ../../lib-react/mask-markup/dist/serialization.js
+var Pe = /* @__PURE__ */ e(i(), 1), Fe = Ne(), Ie = (0, Pe.default)("@pie-lib:mask-markup:serialization"), Le = ["span"], Re = [
+	"em",
+	"strong",
+	"u"
+], ze = 3, Be = 8, Ve = 1, He = (e) => {
+	if (!e.attributes || e.attributes.length <= 0) return;
+	let t = {}, n;
+	for (n = 0; n < e.attributes.length; n++) {
+		let r = e.attributes[n];
+		t[r.name] = r.value;
+	}
+	return t;
+}, Ue = (e) => Le.includes(e) ? "inline" : Re.includes(e) ? "mark" : "block", We = (e) => {
+	let t = /([\w-]*)\s*:\s*([^;]*)/g, n, r = {};
+	for (; n = t.exec(e);) r[n[1]] = n[2].trim();
+	return r;
+}, Ge = (e) => (0, Fe.object)(e, {
+	camelize: !0,
+	addUnits: !1
+}), Ke = (e, t) => Ge(We(e.getAttribute(t))), qe = (e, t, n) => {
+	let r = e.getAttribute(n);
+	return delete t.class, r;
+}, Je = (e) => (t, n) => {
+	if (!e.getAttribute) return t;
+	if (e.getAttribute(n)) switch (n) {
+		case "style":
+			t.style = Ke(e, n);
+			break;
+		case "class":
+			t.className = qe(e, t, n);
+			break;
+		default:
+			t[n] = e.getAttribute(n);
+			break;
+	}
+	return t;
+}, Ye = [
+	"border",
+	"class",
+	"style"
+], U = {
+	b: "bold",
+	em: "italic",
+	u: "underline",
+	s: "strikethrough",
+	code: "code",
+	strong: "strong"
+}, Xe = (e, t = []) => {
+	if (e.nodeType === Be) return null;
+	if (e.nodeType === ze) {
+		let n = { text: e.textContent };
+		return t.length > 0 && (n.marks = t.map((e) => ({
+			type: e,
+			data: void 0
+		}))), {
+			object: "text",
+			leaves: [n]
+		};
+	}
+	if (e.nodeType === Ve) {
+		let n = e.tagName.toLowerCase(), r = U[n];
+		if (r) return Ie("[deserialize] mark: ", r), {
+			_flatten: !0,
+			nodes: W(e.childNodes, [...t, r])
+		};
+		if (n === "math") return {
+			isMath: !0,
+			nodes: [e]
+		};
+		let i = He(e) || {};
+		n === "audio" && i.controls === "" && (i.controls = !0);
+		let a = Ye.reduce(Je(e), { ...i }), o = Ue(n), s = W(e.childNodes, t);
+		return {
+			object: o,
+			type: n,
+			data: {
+				dataset: { ...e.dataset },
+				attributes: { ...a }
+			},
+			nodes: s
+		};
+	}
+	return null;
+}, W = (e, t = []) => {
+	let n = [];
+	for (let r = 0; r < e.length; r++) {
+		let i = Xe(e[r], t);
+		i !== null && (i._flatten && i.nodes ? n.push(...i.nodes) : n.push(i));
+	}
+	return n;
+}, Ze = (e) => {
+	if (!e || !e.trim()) return {
+		object: "value",
+		document: {
+			object: "document",
+			data: {},
+			nodes: [{
+				object: "block",
+				type: "span",
+				data: {},
+				isVoid: !1,
+				nodes: []
+			}]
+		}
+	};
+	let t = W(new DOMParser().parseFromString(e, "text/html").body.childNodes);
+	return !t.some((e) => e.object === "block" || e.object === "inline") && t.length > 0 && (t = [{
+		object: "block",
+		type: "span",
+		data: {},
+		isVoid: !1,
+		nodes: t
+	}]), t.length === 0 && (t = [{
+		object: "block",
+		type: "span",
+		data: {},
+		isVoid: !1,
+		nodes: []
+	}]), {
+		object: "value",
+		document: {
+			object: "document",
+			data: {},
+			nodes: t
+		}
+	};
+}, Qe = u("div")(({ theme: e }) => ({
+	paddingTop: e.spacing(.5),
+	paddingBottom: e.spacing(.5)
+})), $e = u("span")(() => ({
+	display: "inline-block",
+	width: ".75em"
+})), et = ["tbody", "tr"], tt = (e, t) => {
+	let n = t.trim() === "", r = e && e.type;
+	if (!(n && et.includes(r))) return t;
+}, nt = (e) => {
+	let t = e.leaves.find((e) => w(e, "marks", []).length);
+	return t ? t.marks : null;
+}, rt = (e, t, n, r, i, a) => {
+	if (!t) return null;
+	let o = [];
+	return (e.nodes || []).forEach((e, s) => {
+		let c = e.type ? `${e.type}-${s}` : `${s}`;
+		if (e.isMath) return o.push(/* @__PURE__ */ D("span", { dangerouslySetInnerHTML: { __html: l(`<math displaystyle="true">${e.nodes[0].innerHTML}</math>`) } })), o;
+		if (r) {
+			let a = r(e, t, n);
+			if (a) {
+				let t = e.data?.dataset?.component === "blank" && i?.type !== "td";
+				t && o.push(/* @__PURE__ */ D($e, {}, `spacer-${s}-before`)), o.push(a), t && o.push(/* @__PURE__ */ D($e, {}, `spacer-${s}-after`));
+				return;
+			}
+		}
+		if (e.object === "text") {
+			let t = e.leaves.reduce((e, t) => {
+				let n = t.text, r = tt(i, n);
+				return r ? e + r : e;
+			}, ""), n = nt(e);
+			if (n?.length > 0) {
+				let e = n.map((e) => Object.keys(U).find((t) => U[t] === e.type)).filter(Boolean);
+				e.length > 0 ? o.push(e.reduceRight((e, t, n) => /* @__PURE__ */ D(t, { children: e }, `${c}-${t}-${n}`), t)) : o.push(t);
+			} else t.length > 0 && o.push(t);
+		} else {
+			let i = rt(e, t, n, r, e, a);
+			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ D(Qe, { children: i }, c));
+			else {
+				let t = e.type;
+				e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ D(t, {
+					...e.data.attributes,
+					children: i
+				}, c)) : o.push(/* @__PURE__ */ D(t, { ...e.data.attributes }, c));
+			}
+		}
+	}), o;
+}, it = u("div")(() => ({
+	display: "initial",
+	"&:not(.MathJax) table": { borderCollapse: "collapse" },
+	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
+		padding: "8px 12px",
+		textAlign: "left"
+	}
+})), at = class extends E.Component {
+	constructor(e) {
+		super(e), this.internalContainerRef = E.createRef();
+	}
+	static propTypes = {
+		renderChildren: k.default.func,
+		layout: k.default.object,
+		value: k.default.object,
+		onChange: k.default.func,
+		elementType: k.default.string,
+		containerRef: k.default.oneOfType([k.default.func, k.default.shape({ current: k.default.instanceOf(Element) })])
+	};
+	componentDidMount() {
+		let e = this.props.containerRef || this.internalContainerRef;
+		e.current && typeof n == "function" && n(e.current);
+	}
+	handleChange = (e, t) => {
+		let n = {
+			...this.props.value,
+			[e]: t
+		};
+		this.props.onChange(n);
+	};
+	render() {
+		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = rt(t, e, this.handleChange, this.props.renderChildren, null, n);
+		return /* @__PURE__ */ D(it, {
+			ref: r || this.internalContainerRef,
+			children: i
+		});
+	}
+}, ot = (e, t) => {
+	let { markup: n } = we(e, t);
+	return Ze(l(n)).document;
+}, st = (e, t) => class extends E.Component {
+	static propTypes = {
+		markup: k.default.string,
+		layout: k.default.object,
+		value: k.default.object,
+		onChange: k.default.func,
+		customMarkMarkupComponent: k.default.func,
+		elementType: k.default.string
+	};
+	constructor(e) {
+		super(e), this.containerRef = E.createRef();
+	}
+	componentDidUpdate(e) {
+		if (this.props.markup !== e.markup) {
+			let e = this.containerRef.current;
+			(e && e.querySelectorAll("[data-latex][data-math-handled=\"true\"]") || []).forEach((e) => {
+				let t = e.querySelector("mjx-container");
+				t && e.removeChild(t), e.textContent = e.getAttribute("data-raw"), e.removeAttribute("data-math-handled");
+			});
+		}
+	}
+	render() {
+		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || ot(n, e);
+		return /* @__PURE__ */ D(at, {
+			containerRef: this.containerRef,
+			elementType: o,
+			layout: s,
+			value: i,
+			onChange: a,
+			renderChildren: t(this.props)
+		});
+	}
+}, ct = S(/*#__PURE__*/ D("path", { d: "m7 10 5 5 5-5z" }), "ArrowDropDown"), lt = S(/*#__PURE__*/ D("path", { d: "m7 14 5-5 5 5z" }), "ArrowDropUp");
+//#endregion
+//#region ../../lib-react/mask-markup/dist/components/dropdown.js
+function G(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function ut(e, t) {
+	return !e || G(e) ? e : G(e.default) ? e.default : t && G(e[t]) ? e[t] : t && G(e[t]?.default) ? e[t].default : e;
+}
+var dt = o, K = dt.default, ft = K && typeof K == "object" ? K : dt, pt = ut(g, "InlineMenu") || ut(ft.InlineMenu, "InlineMenu"), { translator: mt } = t, ht = v.v("pie"), gt = u(x)(() => ({
+	color: v.text(),
+	border: `1px solid ${v.borderGray()}`,
+	borderRadius: "4px",
+	justifyContent: "space-between",
+	backgroundColor: v.background(),
+	position: "relative",
+	height: "45px",
+	width: "fit-content",
+	margin: "2px",
+	textTransform: "none",
+	"& span": { paddingRight: "24px" },
+	"& svg": {
+		position: "absolute",
+		right: "4px",
+		top: "calc(50% - 12px)",
+		pointerEvents: "none",
+		color: v.text(),
+		marginLeft: "5px"
+	},
+	"&.Mui-focusVisible": {
+		outline: `3px solid ${v.tertiary()}`,
+		outlineOffset: "2px",
+		borderWidth: "3px"
+	},
+	"&.Mui-disabled": { color: v.disabledText() },
+	"&.disabledCorrect": {
+		borderWidth: "2px",
+		borderColor: v.correct(),
+		color: `${v.text()} !important`
+	},
+	"&.disabledIncorrect": {
+		borderWidth: "2px",
+		borderColor: v.incorrectWithIcon(),
+		color: `${v.text()} !important`
+	}
+})), _t = u(pt)(() => ({
+	"& .MuiPaper-root": { backgroundColor: ht("background", v.defaults.WHITE) },
+	"& .MuiList-root": { padding: 0 }
+})), vt = u(h)(() => ({
+	height: 24,
+	overflow: "hidden",
+	fontSize: "1rem",
+	fontWeight: 400,
+	fontFamily: "inherit",
+	lineHeight: "1.5em",
+	whiteSpace: "nowrap",
+	color: v.text(),
+	backgroundColor: v.background(),
+	"&.Mui-focusVisible": {
+		outline: `3px solid ${v.tertiary()}`,
+		outlineOffset: "-1px",
+		color: v.text(),
+		backgroundColor: v.background()
+	},
+	"&:hover": {
+		color: v.text(),
+		backgroundColor: v.dropdownBackground()
+	},
+	boxSizing: "border-box",
+	padding: "16px 8px",
+	borderRadius: "4px",
+	"&.selected": {
+		color: `${v.text()} !important`,
+		backgroundColor: `${v.background()} !important`,
+		"&:hover": {
+			color: v.text(),
+			backgroundColor: `${v.dropdownBackground()} !important`
+		}
+	}
+})), q = u("span")(() => ({ fontSize: "max(1rem, 14px)" })), yt = u("span")(() => ({
+	fontSize: "max(1rem, 14px)",
+	flexShrink: 0,
+	paddingLeft: "8px"
+})), bt = u(b)(() => ({
+	position: "absolute",
+	left: "-10000px",
+	top: "auto",
+	width: "1px",
+	height: "1px",
+	overflow: "hidden"
+})), xt = u(d)(() => ({
+	color: `${v.white()} !important`,
+	position: "absolute",
+	top: "-8px !important",
+	left: "-8px",
+	marginLeft: "0 !important",
+	borderRadius: "50%",
+	fontSize: "16px",
+	padding: "2px",
+	"&.correct": { backgroundColor: v.correct() },
+	"&.incorrect": { backgroundColor: v.incorrectWithIcon() }
+})), St = u(y)(() => ({
+	color: `${v.white()} !important`,
+	position: "absolute",
+	top: "-8px !important",
+	left: "-8px",
+	marginLeft: "0 !important",
+	borderRadius: "50%",
+	fontSize: "16px",
+	padding: "2px",
+	"&.correct": { backgroundColor: v.correct() },
+	"&.incorrect": { backgroundColor: v.incorrectWithIcon() }
+})), Ct = class extends E.Component {
+	static propTypes = {
+		id: k.default.string,
+		value: k.default.string,
+		disabled: k.default.bool,
+		onChange: k.default.func,
+		correct: k.default.bool,
+		choices: k.default.arrayOf(k.default.shape({
+			value: k.default.string,
+			label: k.default.string
+		})),
+		showCorrectAnswer: k.default.bool,
+		singleQuery: k.default.bool,
+		correctValue: k.default.string,
+		language: k.default.string
+	};
+	constructor(e) {
+		super(e), this.state = {
+			anchorEl: null,
+			highlightedOptionId: null,
+			menuWidth: null,
+			previewValue: null
+		}, this.hiddenRef = E.createRef(), this.buttonRef = E.createRef(), this.previewRef = E.createRef(), this.elementRefs = [], this.idPrefix = r(`dropdown-${e.id}`);
+	}
+	optionId = (e) => `${this.idPrefix}-option-${e}`;
+	componentDidMount() {
+		this.hiddenRef.current && this.state.menuWidth === null && this.setState({ menuWidth: this.hiddenRef.current.clientWidth });
+	}
+	componentDidUpdate(e, t) {
+		let r = this.hiddenRef.current;
+		if (!t.anchorEl && this.state.anchorEl && this.elementRefs.forEach((e) => {
+			if (!e) return;
+			let t = e.querySelector("[data-latex], [data-raw]"), r = e.querySelector("mjx-container"), i = e.querySelector("[data-math-handled=\"true\"]");
+			t && (!i || !r) && n(e);
+		}), r) {
+			let e = r.clientWidth;
+			e !== this.state.menuWidth && (this.elementRefs.forEach((e) => {
+				e && n(e);
+			}), n(r), this.setState({ menuWidth: e }));
+		}
+	}
+	handleClick = (e) => {
+		let { value: t, choices: n } = this.props, r = null;
+		if (t) {
+			let e = (n || []).findIndex((e) => e.value === t);
+			e >= 0 && (r = this.optionId(e));
+		}
+		this.setState({
+			anchorEl: e.currentTarget,
+			highlightedOptionId: r
+		});
+	};
+	handleClose = () => {
+		let { value: e } = this.props;
+		this.setState({
+			anchorEl: null,
+			previewValue: null,
+			highlightedOptionId: null
+		}), !e && this.previewRef.current && (this.previewRef.current.innerHTML = "");
+	};
+	handleHighlight = (e) => {
+		let t = { highlightedOptionId: this.optionId(e) };
+		this.props.value || (t.previewValue = this.props.choices[e].value), this.setState(t);
+	};
+	handleSelect = (e, t) => {
+		this.props.onChange(this.props.id, e), this.handleHighlight(t), this.handleClose();
+	};
+	handleHover = (e) => {
+		if (this.props.value) return;
+		let t = this.optionId(e), n = this.state.previewValue;
+		this.setState({
+			highlightedOptionId: t,
+			previewValue: n
+		}, () => {
+			let t = this.elementRefs[e], n = this.previewRef.current;
+			t && n && (n.innerHTML = t.innerHTML);
+		});
+	};
+	getLabel(e, t) {
+		let n = (e || []).find((e) => e.value === t);
+		return n ? n.label.trim() : void 0;
+	}
+	render() {
+		let { id: e, correct: t, disabled: n, value: r, choices: i, showCorrectAnswer: a, singleQuery: o, correctValue: s, language: c } = this.props, { anchorEl: u } = this.state, d = !!u, f = `${this.idPrefix}-button`, p = `${this.idPrefix}-menu`, m = `${this.idPrefix}-listbox`, h = `${this.idPrefix}-value`, g;
+		this.elementRefs = [], n && t !== void 0 && (g = t || a ? "disabledCorrect" : "disabledIncorrect");
+		let _ = parseInt(e, 10) + 1, v = `${this.idPrefix}-query-label`, y = o ? mt.t("inlineDropdown.query", { lng: c }) : mt.t("inlineDropdown.queryNumber", {
+			lng: c,
+			index: _
+		}), b = null;
+		return n && t !== void 0 && (b = t || a ? /* @__PURE__ */ D(xt, { className: "correct" }) : /* @__PURE__ */ D(St, { className: "incorrect" })), /* @__PURE__ */ O(re, { children: [
+			/* @__PURE__ */ D("div", {
+				ref: this.hiddenRef,
+				style: {
+					position: "absolute",
+					visibility: "hidden",
+					top: 0,
+					left: 0
+				},
+				tabIndex: -1,
+				"aria-hidden": "true",
+				children: (i || []).map((e, t) => /* @__PURE__ */ D(vt, {
+					tabIndex: -1,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ D(q, { dangerouslySetInnerHTML: { __html: l(e.label) } })
+				}, t))
+			}),
+			/* @__PURE__ */ D(bt, {
+				id: v,
+				tabIndex: -1,
+				"aria-hidden": "true",
+				children: y
+			}),
+			/* @__PURE__ */ O(gt, {
+				ref: this.buttonRef,
+				style: {
+					...this.state.menuWidth && { minWidth: `calc(${this.state.menuWidth}px + 8px)` },
+					borderWidth: d ? "2px" : "1px",
+					transition: "border-width 0.2s ease-in-out"
+				},
+				"aria-controls": d ? m : void 0,
+				"aria-haspopup": "listbox",
+				"aria-expanded": d ? "true" : "false",
+				"aria-activedescendant": this.state.highlightedOptionId,
+				onClick: this.handleClick,
+				className: g,
+				disabled: n,
+				id: f,
+				role: "combobox",
+				"aria-labelledby": `${v} ${h}`,
+				children: [
+					b,
+					/* @__PURE__ */ D(q, {
+						id: h,
+						ref: this.previewRef,
+						dangerouslySetInnerHTML: { __html: l(s || (d && this.state.previewValue ? this.getLabel(i, this.state.previewValue) : this.getLabel(i, r) || "")) }
+					}),
+					D(d ? lt : ct, {})
+				]
+			}),
+			/* @__PURE__ */ D(_t, {
+				id: p,
+				anchorEl: u,
+				keepMounted: !0,
+				open: d,
+				onClose: this.handleClose,
+				getContentAnchorEl: null,
+				anchorOrigin: {
+					vertical: "bottom",
+					horizontal: "left"
+				},
+				transformOrigin: {
+					vertical: "top",
+					horizontal: "left"
+				},
+				transitionDuration: {
+					enter: 225,
+					exit: 195
+				},
+				slotProps: {
+					paper: this.state.menuWidth ? { style: {
+						minWidth: this.state.menuWidth,
+						padding: "4px"
+					} } : void 0,
+					list: {
+						id: m,
+						"aria-labelledby": v,
+						role: "listbox",
+						disablePadding: !0
+					}
+				},
+				children: (i || []).map((e, t) => {
+					let n = this.optionId(t);
+					return /* @__PURE__ */ O(vt, {
+						id: n,
+						className: e.value === r ? "selected" : "",
+						selected: e.value === r,
+						value: e.value,
+						onClick: () => this.handleSelect(e.value, t),
+						role: "option",
+						"aria-selected": this.state.highlightedOptionId === n ? "true" : void 0,
+						onMouseOver: () => this.handleHover(t),
+						children: [/* @__PURE__ */ D(q, {
+							ref: (e) => this.elementRefs[t] = e,
+							dangerouslySetInnerHTML: { __html: l(e.label) }
+						}), /* @__PURE__ */ D(yt, { dangerouslySetInnerHTML: { __html: e.value === r ? " &check;" : "" } })]
+					}, `${e.label}-${t}`);
+				})
+			})
+		] });
+	}
+}, wt = st("dropdown", (e) => (t, n, r) => {
+	let i = t.data && t.data.dataset || {};
+	if (i.component === "dropdown") {
+		let { choices: a, disabled: o, feedback: s, showCorrectAnswer: c, language: l } = e, u = a && a[i.id] && a[i.id].find((e) => e.correct), d = c ? u && u.value : n[i.id];
+		return /* @__PURE__ */ D(Ct, {
+			correct: s && s[i.id] && s[i.id] === "correct",
+			disabled: o || c,
+			value: d,
+			correctValue: c ? u && u.label : void 0,
+			id: i.id,
+			onChange: r,
+			choices: a[i.id],
+			showCorrectAnswer: c,
+			singleQuery: Object.keys(a).length == 1,
+			language: l
+		}, `${t.type}-dropdown-${i.id}`);
+	}
+});
+//#endregion
+//#region src/delivery/inline-dropdown.tsx
+function J(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function Y(e, t) {
+	return !e || J(e) ? e : J(e.default) ? e.default : t && J(e[t]) ? e[t] : t && J(e[t]?.default) ? e[t].default : e;
+}
+var Tt = o, X = Tt.default, Z = X && typeof X == "object" ? X : Tt, Et = Y(a, "UiLayout") || Y(Z.UiLayout, "UiLayout"), Q = Y(p, "PreviewPrompt") || Y(Z.PreviewPrompt, "PreviewPrompt"), Dt = Y(f, "Collapsible") || Y(Z.Collapsible, "Collapsible"), { translator: $ } = t, Ot = u(Et)({
+	color: v.text(),
+	backgroundColor: v.background()
+}), kt = u(Dt)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), At = u("div")(({ theme: e }) => ({ "&:not(:last-child)": { marginBottom: e.spacing(2) } })), jt = u("div")({
+	display: "flex",
+	whiteSpace: "break-spaces"
+}), Mt = u("div")(({ correct: e }) => ({
+	display: "flex",
+	...e ? { color: v.correct() } : { color: v.incorrectWithIcon() }
+})), Nt = u("h2")({
+	position: "absolute",
+	left: "-10000px",
+	top: "auto",
+	width: "1px",
+	height: "1px",
+	overflow: "hidden"
+}), Pt = class extends E.Component {
+	static propTypes = {
+		prompt: k.default.string,
+		disabled: k.default.bool,
+		markup: k.default.string,
+		mode: k.default.string,
+		displayType: k.default.string,
+		rationale: k.default.string,
+		teacherInstructions: k.default.string,
+		model: k.default.object.isRequired,
+		choices: k.default.object,
+		value: k.default.object,
+		feedback: k.default.object,
+		onChange: k.default.func,
+		language: k.default.string
+	};
+	static defaultProps = { value: {} };
+	state = { showCorrectAnswer: !1 };
+	UNSAFE_componentWillReceiveProps(e) {
+		T(e.feedback) && this.setState({ showCorrectAnswer: !1 });
+	}
+	componentDidUpdate() {
+		n(ne.findDOMNode(this));
+	}
+	toggleShowCorrect = () => {
+		this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
+	};
+	render() {
+		let { showCorrectAnswer: e } = this.state, { prompt: t, mode: n, model: r, rationale: i, teacherInstructions: a, choices: o, displayType: u, language: d } = this.props, { extraCSSRules: f } = r || {}, p = n === "evaluate", m = !1, h = i && (c(i) || s(i)), g = a && (c(a) || s(a)), _ = (Object.keys(o) || []).map((e) => (o[e] || []).reduce((e, t) => (t.rationale && c(t.rationale) && (m = !0, e.push(t)), e), []));
+		return /* @__PURE__ */ O(Ot, {
+			extraCSSRules: f,
+			style: { display: `${u}` },
+			children: [
+				n === "gather" && /* @__PURE__ */ D(Nt, { children: $.t("inlineDropdown.inlineDropdownQuestion", { lng: d }) }),
+				g && /* @__PURE__ */ D(kt, {
+					labels: {
+						hidden: $.t("common:showTeacherInstructions", { lng: d }),
+						visible: $.t("common:hideTeacherInstructions", { lng: d })
+					},
+					children: /* @__PURE__ */ D(Q, { prompt: a })
+				}),
+				t && /* @__PURE__ */ D(Q, { prompt: t }),
+				/* @__PURE__ */ D(Se, {
+					show: p,
+					toggled: e,
+					onToggle: this.toggleShowCorrect,
+					language: d
+				}),
+				/* @__PURE__ */ D(wt, {
+					...this.props,
+					showCorrectAnswer: e
+				}),
+				m && /* @__PURE__ */ D(kt, {
+					labels: {
+						hidden: $.t("inlineDropdown.showRationaleForChoices", { lng: d }),
+						visible: $.t("inlineDropdown.hideRationaleForChoices", { lng: d })
+					},
+					children: _.map((e, t) => /* @__PURE__ */ D(At, { children: e?.length > 0 && e.map((e) => /* @__PURE__ */ O(jt, { children: [/* @__PURE__ */ D(Mt, {
+						correct: e.correct,
+						dangerouslySetInnerHTML: { __html: `${l(e.label)}: ` }
+					}), /* @__PURE__ */ D(Q, { prompt: e.rationale })] }, e.label)) }, t))
+				}),
+				h && /* @__PURE__ */ D(Dt, {
+					labels: {
+						hidden: $.t("common:showRationale", { lng: d }),
+						visible: $.t("common:hideRationale", { lng: d })
+					},
+					children: /* @__PURE__ */ D(Q, { prompt: i })
+				})
+			]
+		});
+	}
+}, { translator: Ft } = t, It = class extends HTMLElement {
+	constructor() {
+		super(), this._model = null, this._session = null, this._root = null;
+	}
+	set model(e) {
+		this._model = e, this.dispatchEvent(new ie(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model)), this._render();
+	}
+	set session(e) {
+		this._session = e, this._render();
+	}
+	get session() {
+		return this._session;
+	}
+	setRegionLabel() {
+		this.setAttribute("aria-label", Ft.t("inlineDropdown.inlineDropdownQuestion", { lng: this._model?.language }));
+	}
+	setLangAttribute() {
+		let e = this._model && typeof this._model.language ? this._model.language : "", t = e ? e.slice(0, 2) : "en";
+		this.setAttribute("lang", t);
+	}
+	_render = () => {
+		if (this._model && this._session) {
+			let e = E.createElement(Pt, {
+				model: this._model,
+				prompt: this._model.prompt,
+				rationale: this._model.rationale,
+				teacherInstructions: this._model.teacherInstructions,
+				disabled: this._model.disabled,
+				displayType: this._model.displayType,
+				markup: this._model.markup,
+				mode: this._model.mode,
+				choices: this._model.choices,
+				value: this._session.value,
+				feedback: this._model.feedback,
+				language: this._model.language,
+				onChange: this.changeSession
+			});
+			this.setLangAttribute(), this.setRegionLabel(), this._root ||= te(this), this._root.render(e), queueMicrotask(() => {
+				n(this);
+			});
+		}
+	};
+	dispatchChangedEvent = () => {
+		this.dispatchEvent(new ae(this.tagName.toLowerCase(), this.session && !!this.session.value));
+	};
+	changeSession = (e) => {
+		this.session.value = e, this.dispatchChangedEvent(), this._render();
+	};
+	connectedCallback() {
+		this.setRegionLabel(), this.setAttribute("role", "region"), this._render();
+	}
+	disconnectedCallback() {
+		this._root &&= (this._root.unmount(), null);
+	}
+};
+//#endregion
+export { It as default };
+
+//# sourceMappingURL=index.js.map