@pie-element/extended-text-entry 16.0.2-next.20261007003844 → 16.0.2

package/dist/browser/{main-D5PwTUlN.js → main-BRPP6Mvf.js}

@@ -1,16 +1,16 @@
 import { i as e } from "./rolldown-runtime-CWhphoD1.js";
-import { H as t, L as n, O as r, S as i, Z as a, a as o, g as s, k as c, l, n as u, t as d, u as f, v as p, x as m, y as h } from "./dist-Dcix7OLC.js";
-import { t as g } from "./browser-CcvjX8VA.js";
-import _ from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { A as t, O as n, Q as r, R as i, S as a, U as o, a as s, g as c, k as l, l as u, n as d, t as f, u as p, v as m, x as h, y as g } from "./dist-j1vyVp3g.js";
+import { t as _ } from "./browser-CcvjX8VA.js";
+import v from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/delivery/annotation/annotation-utils.ts
-var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n) => {
+var x = /* @__PURE__ */ e(r(), 1), S = /* @__PURE__ */ e(_(), 1), C = (e, t, n) => {
 	let r = n || [], i = r.reduce((e, t) => e + t.textContent.length, 0), a = !0;
 	if (i > t) return !1;
-	for (e &&= (e.nodeType === 3 && e.parentNode && !e.parentNode.hasAttribute("data-ann-id") && r.push(e), e.firstChild); e && a;) a = S(e, t, r), e = e.nextSibling;
+	for (e &&= (e.nodeType === 3 && e.parentNode && !e.parentNode.hasAttribute("data-ann-id") && r.push(e), e.firstChild); e && a;) a = C(e, t, r), e = e.nextSibling;
 	return r;
-}, C = (e, t, n) => {
-	let r = S(n, t), i = [], a = 0;
+}, w = (e, t, n) => {
+	let r = C(n, t), i = [], a = 0;
 	return r.forEach((n) => {
 		let r = a + n.textContent.length;
 		[e, t].forEach((e) => {
@@ -20,7 +20,7 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 			});
 		}), a = r;
 	}), i;
-}, w = (e) => {
+}, T = (e) => {
 	let { commonAncestorContainer: t, startContainer: n, endContainer: r, startOffset: i, endOffset: a } = e, o = [], s = !1, c = !1, l = "", u = (e) => {
 		let { nodeValue: t, childNodes: d } = e;
 		e === n && e === r ? (t && (l += t.substring(i, a)), s = c = !0) : e === n ? (t && (l += t.substring(i)), s = !0) : e === r ? (t && (l += t.substring(0, a)), c = !0) : e && e.nodeType === 3 && e.parentNode && !e.parentNode.hasAttribute("data-ann-id") && t && s && !c && (l += t, o.push(e)), d.forEach((e) => {
@@ -29,16 +29,16 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 		});
 	};
 	return u(t), [o, l];
-}, T = (e) => {
+}, E = (e) => {
 	let t = document.createElement("SPAN");
 	return e.surroundContents(t), t;
-}, E = (e) => {
-	if (e.startContainer === e.endContainer) return [T(e)];
-	let [t] = w(e), n = document.createRange();
+}, D = (e) => {
+	if (e.startContainer === e.endContainer) return [E(e)];
+	let [t] = T(e), n = document.createRange();
 	n.selectNodeContents(e.startContainer), n.setStart(e.startContainer, e.startOffset);
-	let r = T(n), i = document.createRange();
+	let r = E(n), i = document.createRange();
 	i.selectNode(e.endContainer), i.setEnd(e.endContainer, e.endOffset);
-	let a = T(i);
+	let a = E(i);
 	return [
 		r,
 		...t.map((e) => {
@@ -47,25 +47,25 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 		}),
 		a
 	];
-}, D = (e, t) => {
+}, O = (e, t) => {
 	let n = document.createRange();
 	n.setStart(t, 0), n.setEnd(e.startContainer, e.startOffset);
-	let [, r] = w(n), [, i] = w(e), a = r.length;
+	let [, r] = T(n), [, i] = T(e), a = r.length;
 	return {
 		quote: i,
 		start: a,
 		end: a + i.length
 	};
-}, O = (e, t) => {
+}, k = (e, t) => {
 	(e || []).forEach((e) => {
 		let t = e.parentNode, n = e.childNodes, r = n.length;
 		if (r > 0) for (let i = 0; i < r; i++) t.insertBefore(n[0], e);
 		else t.insertBefore(document.createTextNode(e.textContent), e);
 		t.removeChild(e);
 	}), t.normalize();
-}, k = () => {
+}, A = () => {
 	document.getSelection ? (document.getSelection().removeAllRanges(), document.getSelection().addRange(document.createRange())) : window.getSelection ? window.getSelection().removeAllRanges ? (window.getSelection().removeAllRanges(), window.getSelection().addRange(document.createRange())) : window.getSelection().empty && window.getSelection().empty() : document.selection && document.selection.empty();
-}, A = (e) => e.length >= 20 || e.search(/\n|\r|\r\n/) !== -1, j = (e) => Array.from(document.querySelectorAll(`[data-id='${e}']`)), M = (e) => document.querySelector(`[data-ann-id='${e}']`), N = t(i)(({ annotationType: e }) => ({ "& .MuiPaper-root": {
+}, j = (e) => e.length >= 20 || e.search(/\n|\r|\r\n/) !== -1, M = (e) => Array.from(document.querySelectorAll(`[data-id='${e}']`)), N = (e) => document.querySelector(`[data-ann-id='${e}']`), P = o(a)(({ annotationType: e }) => ({ "& .MuiPaper-root": {
 	overflowX: "unset",
 	overflowY: "unset",
 	marginLeft: "16px",
@@ -79,19 +79,19 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 		width: 0,
 		pointerEvents: "none",
 		borderWidth: "7px",
-		borderRightColor: c.border()
+		borderRightColor: t.border()
 	},
 	...e === "negative" && { "&::before": { borderRightColor: "rgb(255, 204, 238) !important" } },
 	...e === "positive" && { "&::before": { borderRightColor: "rgb(153, 255, 153) !important" } }
-} })), P = t("div")(({ theme: e, annotationType: t }) => ({
+} })), ee = o("div")(({ theme: e, annotationType: n }) => ({
 	width: "200px",
 	overflow: "hidden",
 	borderRadius: "4px",
-	backgroundColor: c.v("pie")("background", c.defaults.WHITE),
-	color: c.v("pie")("text", e.palette.text.primary),
-	border: `4px solid ${c.border()}`,
+	backgroundColor: t.v("pie")("background", t.defaults.WHITE),
+	color: t.v("pie")("text", e.palette.text.primary),
+	border: `4px solid ${t.border()}`,
 	"& .MuiInputBase-root": { color: "inherit" },
-	...(t === "negative" || t === "positive") && {
+	...(n === "negative" || n === "positive") && {
 		position: "relative",
 		boxShadow: "0 0 0 1px #757575",
 		"&::after": {
@@ -102,52 +102,52 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 			pointerEvents: "none"
 		}
 	},
-	...t === "negative" && { borderColor: "rgb(255, 204, 238) !important" },
-	...t === "positive" && { borderColor: "rgb(153, 255, 153) !important" }
-})), F = t("div")(() => ({
+	...n === "negative" && { borderColor: "rgb(255, 204, 238) !important" },
+	...n === "positive" && { borderColor: "rgb(153, 255, 153) !important" }
+})), F = o("div")(() => ({
 	display: "flex",
 	flexWrap: "wrap",
-	borderTop: `2px solid ${c.border()}`
-})), I = t("div")(({ theme: e, variant: t, annotationType: n }) => ({
+	borderTop: `2px solid ${t.border()}`
+})), I = o("div")(({ theme: e, variant: n, annotationType: r }) => ({
 	flexGrow: 1,
 	width: "28%",
 	textAlign: "center",
 	padding: "4px",
 	cursor: "pointer",
-	"&:not(:nth-child(3n))": { borderRight: `1px solid ${c.border()}` },
-	"&:hover": { backgroundColor: c.backgroundDark() },
-	...t === "positive" && {
+	"&:not(:nth-child(3n))": { borderRight: `1px solid ${t.border()}` },
+	"&:hover": { backgroundColor: t.backgroundDark() },
+	...n === "positive" && {
 		backgroundColor: "rgb(153, 255, 153) !important",
 		color: e.palette.text.primary,
 		"&:hover": { filter: "brightness(85%)" }
 	},
-	...t === "negative" && {
+	...n === "negative" && {
 		backgroundColor: "rgb(255, 204, 238) !important",
 		color: e.palette.text.primary,
 		"&:hover": { filter: "brightness(85%)" }
 	},
-	...t === "typeChange" && n === "negative" && { "&:hover": {
+	...n === "typeChange" && r === "negative" && { "&:hover": {
 		backgroundColor: "rgb(153, 255, 153) !important",
 		color: e.palette.text.primary
 	} },
-	...t === "typeChange" && n === "positive" && { "&:hover": {
+	...n === "typeChange" && r === "positive" && { "&:hover": {
 		backgroundColor: "rgb(255, 204, 238) !important",
 		color: e.palette.text.primary
 	} }
-})), ee = class extends _.Component {
+})), te = class extends v.Component {
 	static propTypes = {
-		anchorEl: b.default.object,
-		open: b.default.bool,
-		offset: b.default.number,
-		value: b.default.string,
-		type: b.default.string,
-		onClose: b.default.func,
-		onDelete: b.default.func,
-		onSave: b.default.func,
-		onTypeChange: b.default.func
+		anchorEl: x.default.object,
+		open: x.default.bool,
+		offset: x.default.number,
+		value: x.default.string,
+		type: x.default.string,
+		onClose: x.default.func,
+		onDelete: x.default.func,
+		onSave: x.default.func,
+		onTypeChange: x.default.func
 	};
 	constructor(e) {
-		super(e), this.state = { value: e.value }, this.editorId = m("annotation-editor");
+		super(e), this.state = { value: e.value }, this.editorId = h("annotation-editor");
 	}
 	UNSAFE_componentWillReceiveProps(e) {
 		let { value: t } = e, { value: n } = this.props;
@@ -164,7 +164,7 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 	};
 	render() {
 		let { anchorEl: e, offset: t, onDelete: n, open: r, type: i } = this.props, { value: a } = this.state;
-		return /* @__PURE__ */ v(N, {
+		return /* @__PURE__ */ y(P, {
 			anchorEl: e,
 			elevation: 2,
 			open: r,
@@ -186,9 +186,9 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 				vertical: "top",
 				horizontal: "left"
 			},
-			children: /* @__PURE__ */ y(P, {
+			children: /* @__PURE__ */ b(ee, {
 				annotationType: i,
-				children: [/* @__PURE__ */ v(o, {
+				children: [/* @__PURE__ */ y(s, {
 					id: this.editorId,
 					style: {
 						padding: "2px 5px",
@@ -201,18 +201,18 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 					value: a,
 					onChange: this.onValueChange,
 					InputProps: { disableUnderline: !0 }
-				}), /* @__PURE__ */ y(F, { children: [
-					/* @__PURE__ */ v(I, {
+				}), /* @__PURE__ */ b(F, { children: [
+					/* @__PURE__ */ y(I, {
 						onClick: n,
 						children: "Delete"
 					}),
-					/* @__PURE__ */ v(I, {
+					/* @__PURE__ */ y(I, {
 						variant: "typeChange",
 						annotationType: i,
 						onClick: this.handleTypeChange,
 						children: i === "negative" ? "Green" : "Pink"
 					}),
-					/* @__PURE__ */ v(I, {
+					/* @__PURE__ */ y(I, {
 						onClick: this.handleSave,
 						children: "Save"
 					})
@@ -220,7 +220,7 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 			})
 		});
 	}
-}, L = t(i)({ "& .MuiPaper-root": {
+}, ne = o(a)({ "& .MuiPaper-root": {
 	overflowX: "unset",
 	overflowY: "unset",
 	marginTop: "-16px",
@@ -233,56 +233,56 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 		width: 0,
 		pointerEvents: "none",
 		borderWidth: "7px",
-		borderTopColor: c.borderDark()
+		borderTopColor: t.borderDark()
 	}
-} }), R = t("div")(({ theme: e }) => ({
+} }), re = o("div")(({ theme: e }) => ({
 	width: "300px",
 	overflow: "hidden",
 	borderRadius: "4px",
-	backgroundColor: c.v("pie")("background", c.defaults.WHITE),
-	color: c.v("pie")("text", e.palette.text.primary),
-	border: `2px solid ${c.borderDark()}`
-})), te = t("div")({
+	backgroundColor: t.v("pie")("background", t.defaults.WHITE),
+	color: t.v("pie")("text", e.palette.text.primary),
+	border: `2px solid ${t.borderDark()}`
+})), ie = o("div")({
 	display: "flex",
 	flexWrap: "wrap"
-}), ne = t("div")(() => ({
+}), ae = o("div")(() => ({
 	display: "flex",
 	flexWrap: "wrap",
-	borderTop: `2px solid ${c.border()}`
-})), z = t("div")(({ theme: e, variant: t }) => ({
+	borderTop: `2px solid ${t.border()}`
+})), L = o("div")(({ theme: e, variant: n }) => ({
 	width: "22%",
 	textAlign: "center",
 	padding: "4px",
 	cursor: "pointer",
-	borderBottom: `1px solid ${c.border()}`,
-	"&:not(:nth-child(4n))": { borderRight: `1px solid ${c.border()}` },
+	borderBottom: `1px solid ${t.border()}`,
+	"&:not(:nth-child(4n))": { borderRight: `1px solid ${t.border()}` },
 	"&:nth-child(4n)": { flexGrow: 1 },
-	"&:hover": { backgroundColor: c.backgroundDark() },
-	...t === "positive" && {
+	"&:hover": { backgroundColor: t.backgroundDark() },
+	...n === "positive" && {
 		backgroundColor: "rgb(153, 255, 153) !important",
 		color: e.palette.text.primary,
 		"&:hover": { filter: "brightness(85%)" }
 	},
-	...t === "negative" && {
+	...n === "negative" && {
 		backgroundColor: "rgb(255, 204, 238) !important",
 		color: e.palette.text.primary,
 		"&:hover": { filter: "brightness(85%)" }
 	}
-})), re = class extends _.Component {
+})), R = class extends v.Component {
 	static propTypes = {
-		anchorEl: b.default.object,
-		open: b.default.bool,
-		annotations: b.default.array,
-		isNewAnnotation: b.default.bool,
-		onClose: b.default.func,
-		onDelete: b.default.func,
-		onEdit: b.default.func,
-		onWrite: b.default.func,
-		onAnnotate: b.default.func
+		anchorEl: x.default.object,
+		open: x.default.bool,
+		annotations: x.default.array,
+		isNewAnnotation: x.default.bool,
+		onClose: x.default.func,
+		onDelete: x.default.func,
+		onEdit: x.default.func,
+		onWrite: x.default.func,
+		onAnnotate: x.default.func
 	};
 	render() {
 		let { anchorEl: e, annotations: t, isNewAnnotation: n, onAnnotate: r, onClose: i, onEdit: a, onDelete: o, onWrite: s, open: c } = this.props;
-		return /* @__PURE__ */ v(L, {
+		return /* @__PURE__ */ y(ne, {
 			anchorEl: e,
 			open: c,
 			onClose: i,
@@ -299,35 +299,35 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 				vertical: "bottom",
 				horizontal: "center"
 			},
-			children: /* @__PURE__ */ y(R, { children: [/* @__PURE__ */ v(te, { children: t.map((e, t) => /* @__PURE__ */ v(z, {
+			children: /* @__PURE__ */ b(re, { children: [/* @__PURE__ */ y(ie, { children: t.map((e, t) => /* @__PURE__ */ y(L, {
 				variant: e.type,
 				onClick: () => r(e),
 				children: e.label
-			}, `annotation-${t}`)) }), /* @__PURE__ */ y(ne, { children: [
-				/* @__PURE__ */ v(z, {
+			}, `annotation-${t}`)) }), /* @__PURE__ */ b(ae, { children: [
+				/* @__PURE__ */ y(L, {
 					onClick: i,
 					children: "Cancel"
 				}),
-				/* @__PURE__ */ v(z, { style: { pointerEvents: "none" } }),
-				n ? /* @__PURE__ */ y(_.Fragment, { children: [/* @__PURE__ */ v(z, {
+				/* @__PURE__ */ y(L, { style: { pointerEvents: "none" } }),
+				n ? /* @__PURE__ */ b(v.Fragment, { children: [/* @__PURE__ */ y(L, {
 					variant: "positive",
 					onClick: () => s("positive"),
 					children: "Write"
-				}), /* @__PURE__ */ v(z, {
+				}), /* @__PURE__ */ y(L, {
 					variant: "negative",
 					onClick: () => s("negative"),
 					children: "Write"
-				})] }) : /* @__PURE__ */ y(_.Fragment, { children: [/* @__PURE__ */ v(z, {
+				})] }) : /* @__PURE__ */ b(v.Fragment, { children: [/* @__PURE__ */ y(L, {
 					onClick: o,
 					children: "Delete"
-				}), /* @__PURE__ */ v(z, {
+				}), /* @__PURE__ */ y(L, {
 					onClick: a,
 					children: "Edit"
 				})] })
 			] })] })
 		});
 	}
-}, { translator: ie } = h, B = t("div")({
+}, { translator: z } = g, B = o("div")({
 	padding: "10px 120px 10px 16px",
 	backgroundColor: "rgba(0, 0, 0, 0.06)",
 	border: "1px solid #ccc",
@@ -343,11 +343,11 @@ var b = /* @__PURE__ */ e(a(), 1), x = /* @__PURE__ */ e(g(), 1), S = (e, t, n)
 		"-moz-user-select": "none",
 		"-ms-user-select": "none"
 	}
-}), V = t("div")({ width: "230px" }), H = t("div")({
+}), V = o("div")({ width: "230px" }), H = o("div")({
 	position: "relative",
 	overflowX: "hidden",
 	display: "flex"
-}), U = t(d)(({ theme: e }) => ({
+}), U = o(f)(({ theme: e }) => ({
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	marginTop: e.spacing(2),
@@ -357,22 +357,22 @@ if (!document.getElementById("annotation-editor-styles")) {
 	let e = document.createElement("style");
 	e.id = "annotation-editor-styles", e.textContent = W, document.head.appendChild(e);
 }
-var G = class extends _.Component {
+var G = class extends v.Component {
 	static propTypes = {
-		text: b.default.string,
-		comment: b.default.string,
-		annotations: b.default.array,
-		predefinedAnnotations: b.default.array,
-		onChange: b.default.func.isRequired,
-		onCommentChange: b.default.func.isRequired,
-		width: b.default.number,
-		height: b.default.number,
-		maxHeight: b.default.string,
-		disabled: b.default.bool,
-		disabledMath: b.default.bool,
-		customKeys: b.default.array,
-		keypadMode: b.default.string,
-		language: b.default.string
+		text: x.default.string,
+		comment: x.default.string,
+		annotations: x.default.array,
+		predefinedAnnotations: x.default.array,
+		onChange: x.default.func.isRequired,
+		onCommentChange: x.default.func.isRequired,
+		width: x.default.number,
+		height: x.default.number,
+		maxHeight: x.default.string,
+		disabled: x.default.bool,
+		disabledMath: x.default.bool,
+		customKeys: x.default.array,
+		keypadMode: x.default.string,
+		language: x.default.string
 	};
 	constructor(e) {
 		super(e), this.state = {
@@ -389,11 +389,11 @@ var G = class extends _.Component {
 	componentDidMount() {
 		let { annotations: e, text: t } = this.props;
 		t && e.forEach((e) => {
-			let [t, n] = C(e.start, e.end, this.textRef);
+			let [t, n] = w(e.start, e.end, this.textRef);
 			if (t && n) {
 				let r = document.createRange();
 				r.setStart(t.node, t.offset), r.setEnd(n.node, n.offset);
-				let i = E(r);
+				let i = D(r);
 				this.createDOMAnnotation(i, e);
 			}
 		}), this.textRef && (this.adjustAnnotationsPosition(), this.textRef.addEventListener("scroll", this.adjustAnnotationsPosition));
@@ -402,7 +402,7 @@ var G = class extends _.Component {
 		if (this.textRef && this.labelsRef) {
 			let e = this.textRef.offsetLeft + this.textRef.offsetWidth + 8;
 			Array.from(this.labelsRef.children).forEach((t) => {
-				let n = j(t.dataset.annId), r = (n[0].offsetTop ? n[0].offsetTop : n[0].offsetParent.offsetTop) - this.textRef.scrollTop - 6;
+				let n = M(t.dataset.annId), r = (n[0].offsetTop ? n[0].offsetTop : n[0].offsetParent.offsetTop) - this.textRef.scrollTop - 6;
 				t.style.top = `${r}px`, t.style.left = `${e}px`;
 			});
 		}
@@ -410,7 +410,7 @@ var G = class extends _.Component {
 	handleClick = (e) => {
 		let { annotations: t } = this.props, { selectionDetails: n } = this.state;
 		if (n) return;
-		let { id: r, annId: i } = e.target.dataset, a = r || i, o = j(a), s = M(a), c = t.findIndex((e) => e.id === a), l = s.hasAttribute("data-freeform");
+		let { id: r, annId: i } = e.target.dataset, a = r || i, o = M(a), s = N(a), c = t.findIndex((e) => e.id === a), l = s.hasAttribute("data-freeform");
 		l && (s.style.zIndex = "10"), this.setState({
 			anchorEl: o[0],
 			openedMenu: !!r || !!i && !l,
@@ -423,20 +423,20 @@ var G = class extends _.Component {
 		});
 	};
 	handleHover = (e) => {
-		let { id: t, annId: n } = e.target.dataset, r = t || n, i = j(r), a = M(r), o = a.hasAttribute("data-freeform");
+		let { id: t, annId: n } = e.target.dataset, r = t || n, i = M(r), a = N(r), o = a.hasAttribute("data-freeform");
 		i.forEach((e) => {
 			e.style.zIndex = "20", e.classList.contains("positive") ? e.style.backgroundColor = "rgb(51, 255, 51, 0.7)" : e.classList.contains("negative") && (e.style.backgroundColor = "rgba(255, 102, 204, 0.55)");
 		}), o ? (a.style.zIndex = "20", a.classList.contains("positive") ? (a.style.backgroundColor = "rgb(128, 255, 128)", a.style.setProperty("--before-border-color", "rgb(153, 255, 153)")) : a.classList.contains("negative") && (a.style.backgroundColor = "rgb(255, 179, 230)", a.style.setProperty("--before-border-color", "rgb(255, 179, 230)"))) : (a.style.zIndex = "20", a.classList.contains("positive") ? a.style.color = "rgb(0, 77, 0)" : a.classList.contains("negative") && (a.style.color = "rgb(153, 0, 102)"));
 	};
 	handleCancelHover = (e) => {
-		let { id: t, annId: n } = e.target.dataset, r = t || n, i = j(r), a = M(r), o = a.hasAttribute("data-freeform");
+		let { id: t, annId: n } = e.target.dataset, r = t || n, i = M(r), a = N(r), o = a.hasAttribute("data-freeform");
 		i.forEach((e) => {
 			e.style.zIndex = "", e.classList.contains("positive") ? e.style.backgroundColor = "rgb(51, 255, 51, 0.5)" : e.classList.contains("negative") && (e.style.backgroundColor = "rgba(255, 102, 204, 0.4)");
 		}), o ? (a.style.zIndex = "", a.classList.contains("positive") ? (a.style.backgroundColor = "rgb(153, 255, 153)", a.style.removeProperty("--before-border-color")) : a.classList.contains("negative") && (a.style.backgroundColor = "rgb(255, 204, 238)", a.style.removeProperty("--before-border-color"))) : (a.style.zIndex = "", a.classList.contains("positive") ? a.style.color = "rgb(0, 128, 0)" : a.classList.contains("negative") && (a.style.color = "rgb(204, 0, 136)"));
 	};
 	handleClose = (e) => {
 		let { selectedElems: t, labelElem: n } = this.state;
-		t.length && !t[0].hasAttribute("data-id") && O(t, this.textRef), n && (n.style.zIndex = ""), this.setState({
+		t.length && !t[0].hasAttribute("data-id") && k(t, this.textRef), n && (n.style.zIndex = ""), this.setState({
 			anchorEl: null,
 			openedMenu: !1,
 			openedEditor: !1,
@@ -445,18 +445,18 @@ var G = class extends _.Component {
 			selectionDetails: null,
 			annotationIndex: null,
 			annotation: null
-		}), k();
+		}), A();
 	};
 	handleSelection = (e) => {
 		let t = window.getSelection();
 		if (e.detail > 2) {
-			k();
+			A();
 			return;
 		}
 		if (t && t.rangeCount > 0) {
 			let e = t.getRangeAt(0), n = e.toString(), r = this.textRef.contains(e.commonAncestorContainer);
 			if (!t.isCollapsed && n !== "" && r) {
-				let t = D(e, this.textRef), n = E(e);
+				let t = O(e, this.textRef), n = D(e);
 				this.setState({
 					anchorEl: n[0],
 					openedMenu: !0,
@@ -468,7 +468,7 @@ var G = class extends _.Component {
 	};
 	deleteAnnotation = () => {
 		let { annotations: e, onChange: t } = this.props, { selectedElems: n, labelElem: r, annotationIndex: i, annotation: a } = this.state;
-		(A(a.label) ? this.labelsRef : n[0]).removeChild(r), O(n, this.textRef), e.splice(i, 1), t(e), this.handleClose();
+		(j(a.label) ? this.labelsRef : n[0]).removeChild(r), k(n, this.textRef), e.splice(i, 1), t(e), this.handleClose();
 	};
 	createDOMAnnotation = (e, t) => {
 		let { disabled: n } = this.props, { id: r, label: i, type: a } = t;
@@ -476,7 +476,7 @@ var G = class extends _.Component {
 			e.dataset.id = r, e.className = `annotation ${a}`, e.style.position = "relative", e.style.cursor = "pointer", a === "positive" ? e.style.backgroundColor = "rgb(51, 255, 51, 0.5)" : a === "negative" && (e.style.backgroundColor = "rgba(255, 102, 204, 0.4)"), e.onclick = !n && this.handleClick, e.onmouseover = this.handleHover, e.onmouseout = this.handleCancelHover;
 		});
 		let o = e && e[0] || {}, s = document.createElement("SPAN");
-		if (s.dataset.annId = r, s.innerHTML = i, s.onclick = !n && this.handleClick, s.onmouseover = this.handleHover, s.onmouseout = this.handleCancelHover, A(i)) {
+		if (s.dataset.annId = r, s.innerHTML = l(i), s.onclick = !n && this.handleClick, s.onmouseover = this.handleHover, s.onmouseout = this.handleCancelHover, j(i)) {
 			let e = (o.offsetTop ? o.offsetTop : o.offsetParent.offsetTop) - this.textRef.scrollTop, t = this.textRef.offsetLeft + this.textRef.offsetWidth + 8;
 			s.dataset.freeform = !0, s.className = `sideAnnotation ${a}`, s.style.position = "absolute", s.style.padding = "4px", s.style.borderRadius = "4px", s.style.marginLeft = "8px", s.style.width = "180px", s.style.whiteSpace = "pre-wrap", s.style.wordBreak = "break-word", s.style.border = "2px solid #ffffff", s.style.fontSize = "14px", s.style.fontStyle = "normal", s.style.fontWeight = "normal", s.style.top = `${e}px`, s.style.left = `${t}px`, a === "negative" ? s.style.backgroundColor = "rgb(255, 204, 238)" : a === "positive" && (s.style.backgroundColor = "rgb(153, 255, 153)"), s.style.setProperty("--before-border-width", "7px"), s.style.setProperty("--before-top", "5px"), s.style.setProperty("--before-right", "100%"), a === "negative" ? s.style.setProperty("--before-border-color", "rgb(255, 204, 238)") : a === "positive" && s.style.setProperty("--before-border-color", "rgb(153, 255, 153)"), this.labelsRef.appendChild(s);
 		} else s.className = `annotationLabel ${a}`, s.style.backgroundColor = "rgb(242, 242, 242)", s.style.padding = "2px", s.style.position = "absolute", s.style.userSelect = "none", s.style.whiteSpace = "nowrap", s.style.top = "-10px", s.style.left = "-2px", s.style.fontSize = "12px", s.style.fontStyle = "normal", s.style.fontWeight = "normal", s.style.lineHeight = "6px", s.style.webkitUserSelect = "none", s.style.mozUserSelect = "none", s.style.msUserSelect = "none", a === "positive" ? s.style.color = "rgb(0, 128, 0)" : a === "negative" && (s.style.color = "rgb(204, 0, 136)"), o.appendChild(s);
@@ -516,7 +516,7 @@ var G = class extends _.Component {
 		});
 	};
 	addAnnotation = (e) => {
-		let { annotations: t, onChange: n } = this.props, r = this.createNewAnnotation("", e), i = M(r.id);
+		let { annotations: t, onChange: n } = this.props, r = this.createNewAnnotation("", e), i = N(r.id);
 		t.push(r), this.setState({
 			openedMenu: !1,
 			openedEditor: !0,
@@ -527,9 +527,9 @@ var G = class extends _.Component {
 	};
 	updateLabel = (e, t, n) => {
 		let { selectedElems: r, labelElem: i } = this.state, { label: a, type: o } = t;
-		A(a) && A(e) || !A(a) && !A(e) ? (i.innerHTML = a, n && (i.classList.remove(n), i.classList.add(o), r.forEach((e) => {
+		j(a) && j(e) || !j(a) && !j(e) ? (i.innerHTML = l(a), n && (i.classList.remove(n), i.classList.add(o), r.forEach((e) => {
 			e.classList.remove(n), e.classList.add(o);
-		}))) : A(a) && !A(e) ? (r[0].removeChild(i), this.createDOMAnnotation(r, t)) : !A(a) && A(e) && (this.labelsRef.removeChild(i), this.createDOMAnnotation(r, t));
+		}))) : j(a) && !j(e) ? (r[0].removeChild(i), this.createDOMAnnotation(r, t)) : !j(a) && j(e) && (this.labelsRef.removeChild(i), this.createDOMAnnotation(r, t));
 	};
 	changeAnnotationType = (e) => {
 		let { annotations: t, onChange: n } = this.props, { annotationIndex: r, selectedElems: i } = this.state, { type: a, label: o } = t[r], s = a === "positive" ? "negative" : "positive", c = {
@@ -552,28 +552,28 @@ var G = class extends _.Component {
 		this.textRef.removeEventListener("scroll", this.adjustAnnotationsPosition);
 	}
 	render() {
-		let { comment: e, customKeys: t, disabled: n, disabledMath: r, keypadMode: i, height: a, language: o, width: s, maxHeight: c, onCommentChange: l, predefinedAnnotations: d, text: f } = this.props, { anchorEl: p, annotation: m, openedMenu: h, openedEditor: g, selectionDetails: _ } = this.state, b = p && (p.offsetTop ? p.offsetTop : p.offsetParent.offsetTop), x = this.textRef && b ? b - this.textRef.scrollTop - 8 : 0, S = ie.t("extendedTextEntry.comment", { lng: o });
-		return /* @__PURE__ */ y("div", { children: [
-			/* @__PURE__ */ y(H, { children: [/* @__PURE__ */ v(B, {
+		let { comment: e, customKeys: t, disabled: n, disabledMath: r, keypadMode: i, height: a, language: o, width: s, maxHeight: c, onCommentChange: u, predefinedAnnotations: f, text: p } = this.props, { anchorEl: m, annotation: h, openedMenu: g, openedEditor: _, selectionDetails: v } = this.state, x = m && (m.offsetTop ? m.offsetTop : m.offsetParent.offsetTop), S = this.textRef && x ? x - this.textRef.scrollTop - 8 : 0, C = z.t("extendedTextEntry.comment", { lng: o });
+		return /* @__PURE__ */ b("div", { children: [
+			/* @__PURE__ */ b(H, { children: [/* @__PURE__ */ y(B, {
 				style: {
 					width: s - 34,
 					minHeight: a,
 					maxHeight: c
 				},
 				ref: (e) => this.textRef = e,
-				onMouseDown: n ? () => {} : k,
+				onMouseDown: n ? () => {} : A,
 				onMouseUp: n ? () => {} : this.handleSelection,
-				dangerouslySetInnerHTML: { __html: f }
-			}), /* @__PURE__ */ v(V, { ref: (e) => this.labelsRef = e })] }),
-			/* @__PURE__ */ v(U, {
-				label: S,
-				children: /* @__PURE__ */ v(u, {
+				dangerouslySetInnerHTML: { __html: l(p) }
+			}), /* @__PURE__ */ y(V, { ref: (e) => this.labelsRef = e })] }),
+			/* @__PURE__ */ y(U, {
+				label: C,
+				children: /* @__PURE__ */ y(d, {
 					className: "prompt",
 					markup: e || "",
-					onChange: l,
+					onChange: u,
 					width: s && (s + 104).toString(),
 					disabled: n,
-					ariaLabel: S,
+					ariaLabel: C,
 					language: o,
 					pluginProps: {
 						math: {
@@ -589,23 +589,23 @@ var G = class extends _.Component {
 					}
 				})
 			}),
-			/* @__PURE__ */ v(re, {
-				anchorEl: p,
-				open: h && !n,
-				annotations: d,
-				isNewAnnotation: !!_,
+			/* @__PURE__ */ y(R, {
+				anchorEl: m,
+				open: g && !n,
+				annotations: f,
+				isNewAnnotation: !!v,
 				onClose: this.handleClose,
 				onDelete: this.deleteAnnotation,
 				onEdit: this.editAnnotation,
 				onWrite: this.addAnnotation,
 				onAnnotate: this.handleMenuClick
 			}),
-			/* @__PURE__ */ v(ee, {
+			/* @__PURE__ */ y(te, {
 				anchorEl: this.textRef,
-				open: g && !n,
-				offset: x,
-				value: m && m.label || "",
-				type: m && m.type,
+				open: _ && !n,
+				offset: S,
+				value: h && h.label || "",
+				type: h && h.type,
 				onClose: this.handleClose,
 				onDelete: this.deleteAnnotation,
 				onSave: this.updateAnnotation,
@@ -622,68 +622,68 @@ function K(e) {
 function q(e, t) {
 	return !e || K(e) ? e : K(e.default) ? e.default : t && K(e[t]) ? e[t] : t && K(e[t]?.default) ? e[t].default : e;
 }
-var J = q(s, "UiLayout") || q(Q.UiLayout, "UiLayout"), Y = q(f, "PreviewPrompt") || q(Q.PreviewPrompt, "PreviewPrompt"), ae = q(p, "Collapsible") || q(Q.Collapsible, "Collapsible"), oe = q(r, "Feedback") || q(Q.Feedback, "Feedback"), X = l, Z = X.default, Q = Z && typeof Z == "object" ? Z : X, { translator: $ } = h, se = (0, x.default)("@pie-ui:extended-text-entry"), ce = t(J)({
-	backgroundColor: c.background(),
-	color: c.text()
-}), le = t(n)(({ theme: e }) => ({
+var oe = q(c, "UiLayout") || q(Z.UiLayout, "UiLayout"), J = q(p, "PreviewPrompt") || q(Z.PreviewPrompt, "PreviewPrompt"), se = q(m, "Collapsible") || q(Z.Collapsible, "Collapsible"), ce = q(n, "Feedback") || q(Z.Feedback, "Feedback"), Y = u, X = Y.default, Z = X && typeof X == "object" ? X : Y, { translator: Q } = g, le = (0, S.default)("@pie-ui:extended-text-entry"), $ = o(oe)({
+	backgroundColor: t.background(),
+	color: t.text()
+}), ue = o(i)(({ theme: e }) => ({
 	width: "100%",
-	color: c.text(),
+	color: t.text(),
 	marginBottom: e.spacing(2),
 	fontSize: "inherit",
 	display: "block"
-})), ue = t("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), de = t(u)(({ theme: e }) => ({
+})), de = o("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), fe = o(d)(({ theme: e }) => ({
 	marginBottom: e.spacing(2),
 	borderRadius: "4px"
-})), fe = t("h2")({
+})), pe = o("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), pe = class extends _.Component {
+}), me = class extends v.Component {
 	static propTypes = {
-		onValueChange: b.default.func.isRequired,
-		onAnnotationsChange: b.default.func.isRequired,
-		onCommentChange: b.default.func.isRequired,
-		model: b.default.object,
-		session: b.default.shape({
-			value: b.default.string,
-			annotations: b.default.array,
-			comment: b.default.string
+		onValueChange: x.default.func.isRequired,
+		onAnnotationsChange: x.default.func.isRequired,
+		onCommentChange: x.default.func.isRequired,
+		model: x.default.object,
+		session: x.default.shape({
+			value: x.default.string,
+			annotations: x.default.array,
+			comment: x.default.string
 		}).isRequired
 	};
 	promptId = `ete-prompt-${Math.random().toString(36).slice(2, 10)}`;
 	render() {
-		let { model: e, session: t, onAnnotationsChange: n, onCommentChange: r, onValueChange: i } = this.props, { animationsDisabled: a, annotatorMode: o, customKeys: s, dimensions: c, disabled: l, disabledAnnotator: u, equationEditor: d, extraCSSRules: f, feedback: p, mathInput: m, pasteFormattingDisabled: h, playersToolbarPosition: g, predefinedAnnotations: _, prompt: b, spanishInput: x, specialInput: S, spellCheckEnabled: C, teacherInstructions: w } = e, { annotations: T, comment: E, value: D } = t, { width: O, height: k } = c || {}, A = "40vh", j = { position: g === "top" ? "top" : "bottom" };
-		se("[render] disabled? ", l);
-		let M = /* @__PURE__ */ v(Y, {
+		let { model: e, session: t, onAnnotationsChange: n, onCommentChange: r, onValueChange: i } = this.props, { animationsDisabled: a, annotatorMode: o, customKeys: s, dimensions: c, disabled: l, disabledAnnotator: u, equationEditor: d, extraCSSRules: f, feedback: p, mathInput: m, pasteFormattingDisabled: h, playersToolbarPosition: g, predefinedAnnotations: _, prompt: v, spanishInput: x, specialInput: S, spellCheckEnabled: C, teacherInstructions: w } = e, { annotations: T, comment: E, value: D } = t, { width: O, height: k } = c || {}, A = "40vh", j = { position: g === "top" ? "top" : "bottom" };
+		le("[render] disabled? ", l);
+		let M = /* @__PURE__ */ y(J, {
 			defaultClassName: "teacher-instructions",
 			prompt: w
 		}), N = [];
-		return x && N.push({ language: "spanish" }), S && N.push({ language: "special" }), /* @__PURE__ */ y(ce, {
+		return x && N.push({ language: "spanish" }), S && N.push({ language: "special" }), /* @__PURE__ */ b($, {
 			extraCSSRules: f,
 			ref: (e) => {
 				this.containerRef = e;
 			},
 			children: [
-				/* @__PURE__ */ v(fe, { children: $.t("extendedTextEntry.constructedResponseQuestion", { lng: e.language }) }),
-				w && /* @__PURE__ */ v(ue, { children: a ? M : /* @__PURE__ */ v(ae, {
+				/* @__PURE__ */ y(pe, { children: Q.t("extendedTextEntry.constructedResponseQuestion", { lng: e.language }) }),
+				w && /* @__PURE__ */ y(de, { children: a ? M : /* @__PURE__ */ y(se, {
 					labels: {
-						hidden: $.t("common:showTeacherInstructions", { lng: e.language }),
-						visible: $.t("common:hideTeacherInstructions", { lng: e.language })
+						hidden: Q.t("common:showTeacherInstructions", { lng: e.language }),
+						visible: Q.t("common:hideTeacherInstructions", { lng: e.language })
 					},
 					children: M
 				}) }),
-				b && /* @__PURE__ */ v(le, {
+				v && /* @__PURE__ */ y(ue, {
 					component: "span",
 					id: this.promptId,
-					children: /* @__PURE__ */ v(Y, {
+					children: /* @__PURE__ */ y(J, {
 						defaultClassName: "prompt",
 						prompt: e.prompt
 					})
 				}),
-				o ? /* @__PURE__ */ v(G, {
+				o ? /* @__PURE__ */ y(G, {
 					text: D || "",
 					annotations: T || [],
 					comment: E || "",
@@ -698,7 +698,7 @@ var J = q(s, "UiLayout") || q(Q.UiLayout, "UiLayout"), Y = q(f, "PreviewPrompt")
 					customKeys: s,
 					keypadMode: d,
 					language: e.language
-				}) : /* @__PURE__ */ v(de, {
+				}) : /* @__PURE__ */ y(fe, {
 					className: "response-area-editor",
 					onChange: i,
 					markup: D || "",
@@ -730,11 +730,11 @@ var J = q(s, "UiLayout") || q(Q.UiLayout, "UiLayout"), Y = q(f, "PreviewPrompt")
 						pasteFormatting: { disabled: h === !0 }
 					},
 					languageCharactersProps: N,
-					ariaLabelledBy: b ? this.promptId : void 0,
-					ariaLabel: $.t("extendedTextEntry.response", { lng: e.language }),
+					ariaLabelledBy: v ? this.promptId : void 0,
+					ariaLabel: Q.t("extendedTextEntry.response", { lng: e.language }),
 					language: e.language
 				}),
-				p && /* @__PURE__ */ v(oe, {
+				p && /* @__PURE__ */ y(ce, {
 					correctness: "correct",
 					feedback: p
 				})
@@ -743,6 +743,6 @@ var J = q(s, "UiLayout") || q(Q.UiLayout, "UiLayout"), Y = q(f, "PreviewPrompt")
 	}
 };
 //#endregion
-export { pe as t };
+export { me as t };
 
-//# sourceMappingURL=main-D5PwTUlN.js.map
+//# sourceMappingURL=main-BRPP6Mvf.js.map