@pie-element/extended-text-entry 15.1.2-next.2 → 15.1.2

package/dist/browser/main-VcQEFn-b.js

@@ -1,714 +0,0 @@
-import { a as e, t } from "./browser-kkT1XVKw.js";
-import { _ as n, a as r, b as i, c as a, f as o, g as s, l as c, m as l, o as u, p as d, s as f, t as p, u as m, v as h } from "./dist-BCJzhghM.js";
-import g from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region src/delivery/annotation/annotation-utils.ts
-var y = /* @__PURE__ */ e(i(), 1), b = /* @__PURE__ */ e(t(), 1), x = (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 = x(e, t, r), e = e.nextSibling;
-	return r;
-}, S = (e, t, n) => {
-	let r = x(n, t), i = [], a = 0;
-	return r.forEach((n) => {
-		let r = a + n.textContent.length;
-		[e, t].forEach((e) => {
-			a <= e && e < r && i.push({
-				node: n,
-				offset: e - a
-			});
-		}), a = r;
-	}), i;
-}, C = (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) => {
-			if (!c) u(e);
-			else return;
-		});
-	};
-	return u(t), [o, l];
-}, w = (e) => {
-	let t = document.createElement("SPAN");
-	return e.surroundContents(t), t;
-}, T = (e) => {
-	if (e.startContainer === e.endContainer) return [w(e)];
-	let [t] = C(e), n = document.createRange();
-	n.selectNodeContents(e.startContainer), n.setStart(e.startContainer, e.startOffset);
-	let r = w(n), i = document.createRange();
-	i.selectNode(e.endContainer), i.setEnd(e.endContainer, e.endOffset);
-	let a = w(i);
-	return [
-		r,
-		...t.map((e) => {
-			let t = document.createElement("SPAN");
-			return e.parentNode.insertBefore(t, e), t.appendChild(e), t;
-		}),
-		a
-	];
-}, E = (e, t) => {
-	let n = document.createRange();
-	n.setStart(t, 0), n.setEnd(e.startContainer, e.startOffset);
-	let [, r] = C(n), [, i] = C(e), a = r.length;
-	return {
-		quote: i,
-		start: a,
-		end: a + i.length
-	};
-}, D = (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();
-}, O = () => {
-	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();
-}, k = (e) => e.length >= 20 || e.search(/\n|\r|\r\n/) !== -1, A = (e) => Array.from(document.querySelectorAll(`[data-id='${e}']`)), j = (e) => document.querySelector(`[data-ann-id='${e}']`), M = n(o)(({ theme: e, annotationType: t }) => ({ "& .MuiPaper-root": {
-	overflowX: "unset",
-	overflowY: "unset",
-	marginLeft: "16px",
-	"&::before": {
-		position: "absolute",
-		right: "100%",
-		top: "13px",
-		border: "solid transparent",
-		content: "\"\"",
-		height: 0,
-		width: 0,
-		pointerEvents: "none",
-		borderWidth: "7px",
-		borderRightColor: e.palette.grey[100]
-	},
-	...t === "negative" && { "&::before": { borderRightColor: "rgb(255, 204, 238) !important" } },
-	...t === "positive" && { "&::before": { borderRightColor: "rgb(153, 255, 153) !important" } }
-} })), N = n("div")(({ theme: e, annotationType: t }) => ({
-	width: "200px",
-	overflow: "hidden",
-	borderRadius: "4px",
-	backgroundColor: "#ffffff",
-	border: `4px solid ${e.palette.grey[100]}`,
-	...t === "negative" && { borderColor: "rgb(255, 204, 238) !important" },
-	...t === "positive" && { borderColor: "rgb(153, 255, 153) !important" }
-})), P = n("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	borderTop: `2px solid ${e.palette.grey[100]}`
-})), F = n("div")(({ theme: e, variant: t, annotationType: n }) => ({
-	flexGrow: 1,
-	width: "28%",
-	textAlign: "center",
-	padding: "4px",
-	cursor: "pointer",
-	"&:not(:nth-child(3n))": { borderRight: `1px solid ${e.palette.grey[100]}` },
-	"&:hover": { backgroundColor: e.palette.grey[100] },
-	...t === "positive" && {
-		backgroundColor: "rgb(153, 255, 153) !important",
-		"&:hover": { filter: "brightness(85%)" }
-	},
-	...t === "negative" && {
-		backgroundColor: "rgb(255, 204, 238) !important",
-		"&:hover": { filter: "brightness(85%)" }
-	},
-	...t === "typeChange" && n === "negative" && { "&:hover": { backgroundColor: "rgb(153, 255, 153) !important" } },
-	...t === "typeChange" && n === "positive" && { "&:hover": { backgroundColor: "rgb(255, 204, 238) !important" } }
-})), I = class extends g.Component {
-	static propTypes = {
-		anchorEl: y.default.object,
-		open: y.default.bool,
-		offset: y.default.number,
-		value: y.default.string,
-		type: y.default.string,
-		onClose: y.default.func,
-		onDelete: y.default.func,
-		onSave: y.default.func,
-		onTypeChange: y.default.func
-	};
-	constructor(e) {
-		super(e), this.state = { value: e.value };
-	}
-	UNSAFE_componentWillReceiveProps(e) {
-		let { value: t } = e, { value: n } = this.props;
-		t !== n && this.setState({ value: t });
-	}
-	onValueChange = (e) => this.setState({ value: e.target.value });
-	handleSave = () => {
-		let { value: e, onSave: t, onClose: n, onDelete: r } = this.props, { value: i } = this.state;
-		i === "" && r(), e !== i && t(e, i), this.setState({ value: "" }), n();
-	};
-	handleTypeChange = () => {
-		let { onTypeChange: e, onDelete: t } = this.props, { value: n } = this.state;
-		n === "" ? t() : e(n), this.setState({ value: "" });
-	};
-	render() {
-		let { anchorEl: e, offset: t, onDelete: n, open: r, type: i } = this.props, { value: a } = this.state;
-		return /* @__PURE__ */ _(M, {
-			anchorEl: e,
-			elevation: 2,
-			open: r,
-			onClose: this.handleSave,
-			annotationType: i,
-			style: {
-				marginTop: `${t}px`,
-				transition: "margin-top 2s ease-out"
-			},
-			transitionDuration: {
-				enter: 225,
-				exit: 195
-			},
-			anchorOrigin: {
-				vertical: "top",
-				horizontal: "right"
-			},
-			transformOrigin: {
-				vertical: "top",
-				horizontal: "left"
-			},
-			children: /* @__PURE__ */ v(N, {
-				annotationType: i,
-				children: [/* @__PURE__ */ _(u, {
-					id: "annotation-editor",
-					style: {
-						padding: "2px 5px",
-						width: "95%"
-					},
-					autoFocus: !0,
-					multiline: !0,
-					rows: 1,
-					maxRows: 4,
-					value: a,
-					onChange: this.onValueChange,
-					InputProps: { disableUnderline: !0 }
-				}), /* @__PURE__ */ v(P, { children: [
-					/* @__PURE__ */ _(F, {
-						onClick: n,
-						children: "Delete"
-					}),
-					/* @__PURE__ */ _(F, {
-						variant: "typeChange",
-						annotationType: i,
-						onClick: this.handleTypeChange,
-						children: i === "negative" ? "Green" : "Pink"
-					}),
-					/* @__PURE__ */ _(F, {
-						onClick: this.handleSave,
-						children: "Save"
-					})
-				] })]
-			})
-		});
-	}
-}, ee = n(o)({ "& .MuiPaper-root": {
-	overflowX: "unset",
-	overflowY: "unset",
-	marginTop: "-16px",
-	"&::after": {
-		position: "absolute",
-		left: "calc(50% - 7px)",
-		border: "solid transparent",
-		content: "\"\"",
-		height: 0,
-		width: 0,
-		pointerEvents: "none",
-		borderWidth: "7px",
-		borderTopColor: "black"
-	}
-} }), te = n("div")(({ theme: e }) => ({
-	width: "300px",
-	overflow: "hidden",
-	borderRadius: "4px",
-	backgroundColor: e.palette.common.white,
-	border: `2px solid ${e.palette.grey[100]}`
-})), ne = n("div")({
-	display: "flex",
-	flexWrap: "wrap"
-}), re = n("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	borderTop: `2px solid ${e.palette.grey[100]}`
-})), L = n("div")(({ theme: e, variant: t }) => ({
-	width: "22%",
-	textAlign: "center",
-	padding: "4px",
-	cursor: "pointer",
-	borderBottom: `1px solid ${e.palette.grey[100]}`,
-	"&:not(:nth-child(4n))": { borderRight: `1px solid ${e.palette.grey[100]}` },
-	"&:nth-child(4n)": { flexGrow: 1 },
-	"&:hover": { backgroundColor: e.palette.grey[100] },
-	...t === "positive" && {
-		backgroundColor: "rgb(153, 255, 153) !important",
-		"&:hover": { filter: "brightness(85%)" }
-	},
-	...t === "negative" && {
-		backgroundColor: "rgb(255, 204, 238) !important",
-		"&:hover": { filter: "brightness(85%)" }
-	}
-})), R = class extends g.Component {
-	static propTypes = {
-		anchorEl: y.default.object,
-		open: y.default.bool,
-		annotations: y.default.array,
-		isNewAnnotation: y.default.bool,
-		onClose: y.default.func,
-		onDelete: y.default.func,
-		onEdit: y.default.func,
-		onWrite: y.default.func,
-		onAnnotate: y.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__ */ _(ee, {
-			anchorEl: e,
-			open: c,
-			onClose: i,
-			elevation: 5,
-			transitionDuration: {
-				enter: 225,
-				exit: 195
-			},
-			anchorOrigin: {
-				vertical: "top",
-				horizontal: "center"
-			},
-			transformOrigin: {
-				vertical: "bottom",
-				horizontal: "center"
-			},
-			children: /* @__PURE__ */ v(te, { children: [/* @__PURE__ */ _(ne, { children: t.map((e, t) => /* @__PURE__ */ _(L, {
-				variant: e.type,
-				onClick: () => r(e),
-				children: e.label
-			}, `annotation-${t}`)) }), /* @__PURE__ */ v(re, { children: [
-				/* @__PURE__ */ _(L, {
-					onClick: i,
-					children: "Cancel"
-				}),
-				/* @__PURE__ */ _(L, { style: { pointerEvents: "none" } }),
-				n ? /* @__PURE__ */ v(g.Fragment, { children: [/* @__PURE__ */ _(L, {
-					variant: "positive",
-					onClick: () => s("positive"),
-					children: "Write"
-				}), /* @__PURE__ */ _(L, {
-					variant: "negative",
-					onClick: () => s("negative"),
-					children: "Write"
-				})] }) : /* @__PURE__ */ v(g.Fragment, { children: [/* @__PURE__ */ _(L, {
-					onClick: o,
-					children: "Delete"
-				}), /* @__PURE__ */ _(L, {
-					onClick: a,
-					children: "Edit"
-				})] })
-			] })] })
-		});
-	}
-}, z = n("div")({
-	padding: "10px 120px 10px 16px",
-	backgroundColor: "rgba(0, 0, 0, 0.06)",
-	border: "1px solid #ccc",
-	borderRadius: "4px",
-	overflowY: "scroll",
-	lineHeight: "36px",
-	whiteSpace: "pre-wrap",
-	overflowWrap: "break-word",
-	"& p": { margin: 0 },
-	"& span[data-latex]": {
-		userSelect: "none",
-		"-webkit-user-select": "none",
-		"-moz-user-select": "none",
-		"-ms-user-select": "none"
-	}
-}), B = n("div")({ width: "230px" }), V = n("div")({
-	position: "relative",
-	overflowX: "hidden",
-	display: "flex"
-}), H = n(p)(({ theme: e }) => ({
-	paddingTop: e.spacing(2),
-	marginBottom: e.spacing(2),
-	marginTop: e.spacing(2),
-	width: "100%"
-})), U = "\n  .sideAnnotation:before {\n    position: absolute;\n    right: var(--before-right, 100%);\n    top: var(--before-top, 5px);\n    border: solid transparent;\n    content: \"\";\n    height: 0;\n    width: 0;\n    pointer-events: none;\n    border-width: var(--before-border-width, 7px);\n    border-right-color: var(--before-border-color, rgb(153, 255, 153));\n  }\n";
-if (!document.getElementById("annotation-editor-styles")) {
-	let e = document.createElement("style");
-	e.id = "annotation-editor-styles", e.textContent = U, document.head.appendChild(e);
-}
-var W = class extends g.Component {
-	static propTypes = {
-		text: y.default.string,
-		comment: y.default.string,
-		annotations: y.default.array,
-		predefinedAnnotations: y.default.array,
-		onChange: y.default.func.isRequired,
-		onCommentChange: y.default.func.isRequired,
-		width: y.default.number,
-		height: y.default.number,
-		maxHeight: y.default.string,
-		disabled: y.default.bool,
-		disabledMath: y.default.bool,
-		customKeys: y.default.array,
-		keypadMode: y.default.string
-	};
-	constructor(e) {
-		super(e), this.state = {
-			anchorEl: null,
-			openedMenu: !1,
-			openedEditor: !1,
-			selectedElems: [],
-			labelElem: null,
-			selectionDetails: null,
-			annotation: null,
-			annotationIndex: null
-		};
-	}
-	componentDidMount() {
-		let { annotations: e, text: t } = this.props;
-		t && e.forEach((e) => {
-			let [t, n] = S(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 = T(r);
-				this.createDOMAnnotation(i, e);
-			}
-		}), this.textRef && (this.adjustAnnotationsPosition(), this.textRef.addEventListener("scroll", this.adjustAnnotationsPosition));
-	}
-	adjustAnnotationsPosition = () => {
-		if (this.textRef && this.labelsRef) {
-			let e = this.textRef.offsetLeft + this.textRef.offsetWidth + 8;
-			Array.from(this.labelsRef.children).forEach((t) => {
-				let n = A(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`;
-			});
-		}
-	};
-	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 = A(a), s = j(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,
-			openedEditor: !!i && l,
-			selectedElems: o,
-			labelElem: s,
-			annotationIndex: c,
-			annotation: t[c],
-			selectionDetails: null
-		});
-	};
-	handleHover = (e) => {
-		let { id: t, annId: n } = e.target.dataset, r = t || n, i = A(r), a = j(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 = A(r), a = j(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") && D(t, this.textRef), n && (n.style.zIndex = ""), this.setState({
-			anchorEl: null,
-			openedMenu: !1,
-			openedEditor: !1,
-			selectedElems: [],
-			labelElem: null,
-			selectionDetails: null,
-			annotationIndex: null,
-			annotation: null
-		}), O();
-	};
-	handleSelection = (e) => {
-		let t = window.getSelection();
-		if (e.detail > 2) {
-			O();
-			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 = E(e, this.textRef), n = T(e);
-				this.setState({
-					anchorEl: n[0],
-					openedMenu: !0,
-					selectedElems: n,
-					selectionDetails: t
-				});
-			}
-		}
-	};
-	deleteAnnotation = () => {
-		let { annotations: e, onChange: t } = this.props, { selectedElems: n, labelElem: r, annotationIndex: i, annotation: a } = this.state;
-		(k(a.label) ? this.labelsRef : n[0]).removeChild(r), D(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;
-		(e || []).forEach((e) => {
-			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, k(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);
-	};
-	createNewAnnotation = (e, t) => {
-		let { selectedElems: n, selectionDetails: r } = this.state, i = {
-			id: [
-				r.start,
-				r.end,
-				(/* @__PURE__ */ new Date()).getTime()
-			].join("-"),
-			label: e,
-			type: t,
-			...r
-		};
-		return this.createDOMAnnotation(n, i), i;
-	};
-	handleMenuClick = (e) => {
-		let { annotations: t, onChange: n } = this.props, { annotation: r, annotationIndex: i } = this.state, { type: a, text: o } = e;
-		if (r) {
-			let e = {
-				...r,
-				label: o,
-				type: a
-			}, { type: n, label: s } = r;
-			this.updateLabel(s, e, a !== n && n), t.splice(i, 1, e);
-		} else {
-			let e = this.createNewAnnotation(o, a);
-			t.push(e);
-		}
-		n(t), this.handleClose();
-	};
-	editAnnotation = () => {
-		this.setState({
-			openedMenu: !1,
-			openedEditor: !0
-		});
-	};
-	addAnnotation = (e) => {
-		let { annotations: t, onChange: n } = this.props, r = this.createNewAnnotation("", e), i = j(r.id);
-		t.push(r), this.setState({
-			openedMenu: !1,
-			openedEditor: !0,
-			annotationIndex: t.length - 1,
-			annotation: r,
-			labelElem: i
-		}), n(t);
-	};
-	updateLabel = (e, t, n) => {
-		let { selectedElems: r, labelElem: i } = this.state, { label: a, type: o } = t;
-		k(a) && k(e) || !k(a) && !k(e) ? (i.innerHTML = a, n && (i.classList.remove(n), i.classList.add(o), r.forEach((e) => {
-			e.classList.remove(n), e.classList.add(o);
-		}))) : k(a) && !k(e) ? (r[0].removeChild(i), this.createDOMAnnotation(r, t)) : !k(a) && k(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 = {
-			...t[r],
-			type: s,
-			label: e
-		};
-		i.forEach((e) => {
-			e.classList.remove(a), e.classList.add(s);
-		}), this.updateLabel(o, c, a), t.splice(r, 1, c), n(t), this.handleClose();
-	};
-	updateAnnotation = (e, t) => {
-		let { annotations: n, onChange: r } = this.props, { annotationIndex: i } = this.state, a = {
-			...n[i],
-			label: t
-		};
-		this.updateLabel(e, a), n.splice(i, 1, a), r(n);
-	};
-	componentWillUnmount() {
-		this.textRef.removeEventListener("scroll", this.adjustAnnotationsPosition);
-	}
-	render() {
-		let { comment: e, customKeys: t, disabled: n, disabledMath: i, keypadMode: a, height: o, width: s, maxHeight: c, onCommentChange: l, predefinedAnnotations: u, text: d } = this.props, { anchorEl: f, annotation: p, openedMenu: m, openedEditor: h, selectionDetails: g } = this.state, y = f && (f.offsetTop ? f.offsetTop : f.offsetParent.offsetTop), b = this.textRef && y ? y - this.textRef.scrollTop - 8 : 0;
-		return /* @__PURE__ */ v("div", { children: [
-			/* @__PURE__ */ v(V, { children: [/* @__PURE__ */ _(z, {
-				style: {
-					width: s - 34,
-					minHeight: o,
-					maxHeight: c
-				},
-				ref: (e) => this.textRef = e,
-				onMouseDown: n ? () => {} : O,
-				onMouseUp: n ? () => {} : this.handleSelection,
-				dangerouslySetInnerHTML: { __html: d }
-			}), /* @__PURE__ */ _(B, { ref: (e) => this.labelsRef = e })] }),
-			/* @__PURE__ */ _(H, {
-				label: "Comment",
-				children: /* @__PURE__ */ _(r, {
-					className: "prompt",
-					markup: e || "",
-					onChange: l,
-					width: s && (s + 104).toString(),
-					disabled: n,
-					pluginProps: {
-						math: {
-							disabled: i,
-							customKeys: t,
-							keypadMode: a,
-							controlledKeypadMode: !1
-						},
-						video: { disabled: !0 },
-						audio: { disabled: !0 },
-						textAlign: { disabled: !0 },
-						h3: { disabled: !0 }
-					}
-				})
-			}),
-			/* @__PURE__ */ _(R, {
-				anchorEl: f,
-				open: m && !n,
-				annotations: u,
-				isNewAnnotation: !!g,
-				onClose: this.handleClose,
-				onDelete: this.deleteAnnotation,
-				onEdit: this.editAnnotation,
-				onWrite: this.addAnnotation,
-				onAnnotate: this.handleMenuClick
-			}),
-			/* @__PURE__ */ _(I, {
-				anchorEl: this.textRef,
-				open: h && !n,
-				offset: b,
-				value: p && p.label || "",
-				type: p && p.type,
-				onClose: this.handleClose,
-				onDelete: this.deleteAnnotation,
-				onSave: this.updateAnnotation,
-				onTypeChange: this.changeAnnotationType
-			})
-		] });
-	}
-};
-//#endregion
-//#region src/delivery/main.tsx
-function G(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function K(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 q = K(c, "UiLayout") || K(Q.UiLayout, "UiLayout"), J = K(a, "PreviewPrompt") || K(Q.PreviewPrompt, "PreviewPrompt"), Y = K(m, "Collapsible") || K(Q.Collapsible, "Collapsible"), ie = K(d, "Feedback") || K(Q.Feedback, "Feedback"), X = f, Z = X.default, Q = Z && typeof Z == "object" ? Z : X, ae = (0, b.default)("@pie-ui:extended-text-entry"), oe = n(q)({
-	backgroundColor: l.background(),
-	color: l.text()
-}), se = n(s)(({ theme: e }) => ({
-	width: "100%",
-	color: l.text(),
-	marginBottom: e.spacing(2),
-	fontSize: "inherit"
-})), ce = n("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), le = n(r)(({ theme: e }) => ({
-	marginBottom: e.spacing(2),
-	borderRadius: "4px"
-})), $ = n("h2")({
-	position: "absolute",
-	left: "-10000px",
-	top: "auto",
-	width: "1px",
-	height: "1px",
-	overflow: "hidden"
-}), ue = class extends g.Component {
-	static propTypes = {
-		onValueChange: y.default.func.isRequired,
-		onAnnotationsChange: y.default.func.isRequired,
-		onCommentChange: y.default.func.isRequired,
-		model: y.default.object,
-		session: y.default.shape({
-			value: y.default.string,
-			annotations: y.default.array,
-			comment: y.default.string
-		}).isRequired
-	};
-	changeSessionValue = h(this.props.onValueChange, 1500);
-	changeSessionComment = h(this.props.onCommentChange, 1500);
-	render() {
-		let { model: e, session: t, onAnnotationsChange: n } = this.props, { animationsDisabled: r, annotatorMode: i, customKeys: a, dimensions: o, disabled: s, disabledAnnotator: c, equationEditor: l, extraCSSRules: u, feedback: d, mathInput: f, playersToolbarPosition: p, predefinedAnnotations: m, prompt: h, spanishInput: g, specialInput: y, spellCheckEnabled: b, teacherInstructions: x } = e, { annotations: S, comment: C, value: w } = t, { width: T, height: E } = o || {}, D = "40vh", O = { position: p === "top" ? "top" : "bottom" };
-		ae("[render] disabled? ", s);
-		let k = /* @__PURE__ */ _(J, {
-			defaultClassName: "teacher-instructions",
-			prompt: x
-		}), A = [];
-		return g && A.push({ language: "spanish" }), y && A.push({ language: "special" }), /* @__PURE__ */ v(oe, {
-			extraCSSRules: u,
-			ref: (e) => {
-				this.containerRef = e;
-			},
-			children: [
-				/* @__PURE__ */ _($, { children: "Constructed Response Question" }),
-				x && /* @__PURE__ */ _(ce, { children: r ? k : /* @__PURE__ */ _(Y, {
-					labels: {
-						hidden: "Show Teacher Instructions",
-						visible: "Hide Teacher Instructions"
-					},
-					children: k
-				}) }),
-				h && /* @__PURE__ */ _(se, {
-					component: "span",
-					children: /* @__PURE__ */ _(J, {
-						defaultClassName: "prompt",
-						prompt: e.prompt
-					})
-				}),
-				i ? /* @__PURE__ */ _(W, {
-					text: w || "",
-					annotations: S || [],
-					comment: C || "",
-					predefinedAnnotations: m || [],
-					onChange: n,
-					onCommentChange: this.changeSessionComment,
-					width: T,
-					height: E,
-					maxHeight: D,
-					disabled: c,
-					disabledMath: !f,
-					customKeys: a,
-					keypadMode: l
-				}) : /* @__PURE__ */ _(le, {
-					className: "response-area-editor",
-					onChange: this.changeSessionValue,
-					markup: w || "",
-					maxWidth: T && T.toString(),
-					minWidth: "100px",
-					minHeight: E && E.toString(),
-					maxHeight: D,
-					disabled: s,
-					highlightShape: !0,
-					toolbarOpts: O,
-					spellCheck: b,
-					charactersLimit: 5e4,
-					autoWidthToolbar: !0,
-					pluginProps: {
-						math: {
-							disabled: !f,
-							customKeys: this.props.model.customKeys,
-							keypadMode: this.props.model.equationEditor,
-							controlledKeypadMode: !1
-						},
-						video: { disabled: !0 },
-						audio: { disabled: !0 },
-						table: { disabled: !0 },
-						textAlign: { disabled: !0 },
-						h3: { disabled: !0 },
-						separateParagraphs: { disabled: !1 },
-						ul_list: { disabled: !0 },
-						ol_list: { disabled: !0 }
-					},
-					languageCharactersProps: A
-				}),
-				d && /* @__PURE__ */ _(ie, {
-					correctness: "correct",
-					feedback: d
-				})
-			]
-		});
-	}
-};
-//#endregion
-export { ue as t };
-
-//# sourceMappingURL=main-VcQEFn-b.js.map