npm - @pie-element/extended-text-entry - Versions diffs - 15.1.2-next.4 → 15.1.2-next.6 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/dist/author/index.d.ts +1 -0
package/dist/author/index.js +5 -2
package/dist/author/main.js +38 -38
package/dist/browser/author/index.js +2208 -90
package/dist/browser/author/index.js.map +1 -1
package/dist/browser/browser-kkT1XVKw.js.map +1 -1
package/dist/browser/controller/index.js +1 -1
package/dist/browser/controller/index.js.map +1 -1
package/dist/browser/delivery/index.js +3 -3
package/dist/browser/delivery/index.js.map +1 -1
package/dist/browser/{dist-Cv1iX7rJ.js → dist-BbUdUT_D.js} +25276 -30611
package/dist/browser/dist-BbUdUT_D.js.map +1 -0
package/dist/browser/{main-DIChM596.js → main-CXlds066.js} +61 -60
package/dist/browser/main-CXlds066.js.map +1 -0
package/dist/browser/print/index.js +8 -8
package/dist/browser/print/index.js.map +1 -1
package/dist/controller/index.js +1 -1
package/dist/delivery/annotation/annotation-menu.js +30 -29
package/dist/delivery/annotation/freeform-editor.js +36 -35
package/dist/delivery/index.js +2 -2
package/dist/delivery/main.js +3 -2
package/dist/index.iife.js +107 -111
package/dist/print/index.js +1 -1
package/package.json +12 -6
package/dist/browser/dist-Cv1iX7rJ.js.map +0 -1
package/dist/browser/main-DIChM596.js.map +0 -1

package/dist/browser/{main-DIChM596.js → main-CXlds066.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 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-Cv1iX7rJ.js";
+import { A as n, F as r, K as i, S as a, Y as o, _ as s, a as c, g as l, l as u, n as d, t as f, u as p, x as m, y as h } from "./dist-BbUdUT_D.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) => {
+var y = /* @__PURE__ */ e(o(), 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;
@@ -64,7 +64,7 @@ var y = /* @__PURE__ */ e(i(), 1), b = /* @__PURE__ */ e(t(), 1), x = (e, t, n)
 	}), 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": {
+}, 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 = r(h)(({ annotationType: e }) => ({ "& .MuiPaper-root": {
 	overflowX: "unset",
 	overflowY: "unset",
 	marginLeft: "16px",
@@ -78,40 +78,40 @@ var y = /* @__PURE__ */ e(i(), 1), b = /* @__PURE__ */ e(t(), 1), x = (e, t, n)
 		width: 0,
 		pointerEvents: "none",
 		borderWidth: "7px",
-		borderRightColor: e.palette.grey[100]
+		borderRightColor: a.border()
 	},
-	...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 }) => ({
+	...e === "negative" && { "&::before": { borderRightColor: "rgb(255, 204, 238) !important" } },
+	...e === "positive" && { "&::before": { borderRightColor: "rgb(153, 255, 153) !important" } }
+} })), N = r("div")(({ annotationType: e }) => ({
 	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 }) => ({
+	backgroundColor: a.white(),
+	border: `4px solid ${a.border()}`,
+	...e === "negative" && { borderColor: "rgb(255, 204, 238) !important" },
+	...e === "positive" && { borderColor: "rgb(153, 255, 153) !important" }
+})), P = r("div")(() => ({
 	display: "flex",
 	flexWrap: "wrap",
-	borderTop: `2px solid ${e.palette.grey[100]}`
-})), F = n("div")(({ theme: e, variant: t, annotationType: n }) => ({
+	borderTop: `2px solid ${a.border()}`
+})), F = r("div")(({ variant: e, annotationType: t }) => ({
 	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" && {
+	"&:not(:nth-child(3n))": { borderRight: `1px solid ${a.border()}` },
+	"&:hover": { backgroundColor: a.backgroundDark() },
+	...e === "positive" && {
 		backgroundColor: "rgb(153, 255, 153) !important",
 		"&:hover": { filter: "brightness(85%)" }
 	},
-	...t === "negative" && {
+	...e === "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" } }
+	...e === "typeChange" && t === "negative" && { "&:hover": { backgroundColor: "rgb(153, 255, 153) !important" } },
+	...e === "typeChange" && t === "positive" && { "&:hover": { backgroundColor: "rgb(255, 204, 238) !important" } }
 })), I = class extends g.Component {
 	static propTypes = {
 		anchorEl: y.default.object,
@@ -166,7 +166,7 @@ var y = /* @__PURE__ */ e(i(), 1), b = /* @__PURE__ */ e(t(), 1), x = (e, t, n)
 			},
 			children: /* @__PURE__ */ v(N, {
 				annotationType: i,
-				children: [/* @__PURE__ */ _(u, {
+				children: [/* @__PURE__ */ _(c, {
 					id: "annotation-editor",
 					style: {
 						padding: "2px 5px",
@@ -198,7 +198,7 @@ var y = /* @__PURE__ */ e(i(), 1), b = /* @__PURE__ */ e(t(), 1), x = (e, t, n)
 			})
 		});
 	}
-}, ee = n(o)({ "& .MuiPaper-root": {
+}, ee = r(h)({ "& .MuiPaper-root": {
 	overflowX: "unset",
 	overflowY: "unset",
 	marginTop: "-16px",
@@ -211,35 +211,35 @@ var y = /* @__PURE__ */ e(i(), 1), b = /* @__PURE__ */ e(t(), 1), x = (e, t, n)
 		width: 0,
 		pointerEvents: "none",
 		borderWidth: "7px",
-		borderTopColor: "black"
+		borderTopColor: a.border()
 	}
-} }), te = n("div")(({ theme: e }) => ({
+} }), te = r("div")(() => ({
 	width: "300px",
 	overflow: "hidden",
 	borderRadius: "4px",
-	backgroundColor: e.palette.common.white,
-	border: `2px solid ${e.palette.grey[100]}`
-})), ne = n("div")({
+	backgroundColor: a.white(),
+	border: `2px solid ${a.border()}`
+})), ne = r("div")({
 	display: "flex",
 	flexWrap: "wrap"
-}), re = n("div")(({ theme: e }) => ({
+}), re = r("div")(() => ({
 	display: "flex",
 	flexWrap: "wrap",
-	borderTop: `2px solid ${e.palette.grey[100]}`
-})), L = n("div")(({ theme: e, variant: t }) => ({
+	borderTop: `2px solid ${a.border()}`
+})), L = r("div")(({ variant: e }) => ({
 	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]}` },
+	borderBottom: `1px solid ${a.border()}`,
+	"&:not(:nth-child(4n))": { borderRight: `1px solid ${a.border()}` },
 	"&:nth-child(4n)": { flexGrow: 1 },
-	"&:hover": { backgroundColor: e.palette.grey[100] },
-	...t === "positive" && {
+	"&:hover": { backgroundColor: a.backgroundDark() },
+	...e === "positive" && {
 		backgroundColor: "rgb(153, 255, 153) !important",
 		"&:hover": { filter: "brightness(85%)" }
 	},
-	...t === "negative" && {
+	...e === "negative" && {
 		backgroundColor: "rgb(255, 204, 238) !important",
 		"&:hover": { filter: "brightness(85%)" }
 	}
@@ -302,7 +302,7 @@ var y = /* @__PURE__ */ e(i(), 1), b = /* @__PURE__ */ e(t(), 1), x = (e, t, n)
 			] })] })
 		});
 	}
-}, z = n("div")({
+}, z = r("div")({
 	padding: "10px 120px 10px 16px",
 	backgroundColor: "rgba(0, 0, 0, 0.06)",
 	border: "1px solid #ccc",
@@ -318,11 +318,11 @@ var y = /* @__PURE__ */ e(i(), 1), b = /* @__PURE__ */ e(t(), 1), x = (e, t, n)
 		"-moz-user-select": "none",
 		"-ms-user-select": "none"
 	}
-}), B = n("div")({ width: "230px" }), V = n("div")({
+}), B = r("div")({ width: "230px" }), V = r("div")({
 	position: "relative",
 	overflowX: "hidden",
 	display: "flex"
-}), H = n(p)(({ theme: e }) => ({
+}), H = r(f)(({ theme: e }) => ({
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	marginTop: e.spacing(2),
@@ -526,32 +526,32 @@ var W = class extends g.Component {
 		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;
+		let { comment: e, customKeys: t, disabled: n, disabledMath: r, keypadMode: i, height: a, width: o, maxHeight: s, onCommentChange: c, predefinedAnnotations: l, text: u } = 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
+					width: o - 34,
+					minHeight: a,
+					maxHeight: s
 				},
 				ref: (e) => this.textRef = e,
 				onMouseDown: n ? () => {} : O,
 				onMouseUp: n ? () => {} : this.handleSelection,
-				dangerouslySetInnerHTML: { __html: d }
+				dangerouslySetInnerHTML: { __html: u }
 			}), /* @__PURE__ */ _(B, { ref: (e) => this.labelsRef = e })] }),
 			/* @__PURE__ */ _(H, {
 				label: "Comment",
-				children: /* @__PURE__ */ _(r, {
+				children: /* @__PURE__ */ _(d, {
 					className: "prompt",
 					markup: e || "",
-					onChange: l,
-					width: s && (s + 104).toString(),
+					onChange: c,
+					width: o && (o + 104).toString(),
 					disabled: n,
 					pluginProps: {
 						math: {
-							disabled: i,
+							disabled: r,
 							customKeys: t,
-							keypadMode: a,
+							keypadMode: i,
 							controlledKeypadMode: !1
 						},
 						video: { disabled: !0 },
@@ -564,7 +564,7 @@ var W = class extends g.Component {
 			/* @__PURE__ */ _(R, {
 				anchorEl: f,
 				open: m && !n,
-				annotations: u,
+				annotations: l,
 				isNewAnnotation: !!g,
 				onClose: this.handleClose,
 				onDelete: this.deleteAnnotation,
@@ -594,18 +594,19 @@ function G(e) {
 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 }) => ({
+var q = K(l, "UiLayout") || K(Q.UiLayout, "UiLayout"), J = K(p, "PreviewPrompt") || K(Q.PreviewPrompt, "PreviewPrompt"), Y = K(s, "Collapsible") || K(Q.Collapsible, "Collapsible"), ie = K(m, "Feedback") || K(Q.Feedback, "Feedback"), X = u, Z = X.default, Q = Z && typeof Z == "object" ? Z : X, ae = (0, b.default)("@pie-ui:extended-text-entry"), oe = r(q)({
+	backgroundColor: a.background(),
+	color: a.text()
+}), se = r(n)(({ theme: e }) => ({
 	width: "100%",
-	color: l.text(),
+	color: a.text(),
 	marginBottom: e.spacing(2),
-	fontSize: "inherit"
-})), ce = n("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), le = n(r)(({ theme: e }) => ({
+	fontSize: "inherit",
+	display: "block"
+})), ce = r("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), le = r(d)(({ theme: e }) => ({
 	marginBottom: e.spacing(2),
 	borderRadius: "4px"
-})), $ = n("h2")({
+})), $ = r("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
@@ -624,8 +625,8 @@ var q = K(c, "UiLayout") || K(Q.UiLayout, "UiLayout"), J = K(a, "PreviewPrompt")
 			comment: y.default.string
 		}).isRequired
 	};
-	changeSessionValue = h(this.props.onValueChange, 1500);
-	changeSessionComment = h(this.props.onCommentChange, 1500);
+	changeSessionValue = i(this.props.onValueChange, 1500);
+	changeSessionComment = i(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);
@@ -711,4 +712,4 @@ var q = K(c, "UiLayout") || K(Q.UiLayout, "UiLayout"), J = K(a, "PreviewPrompt")
 //#endregion
 export { ue as t };
-//# sourceMappingURL=main-DIChM596.js.map
+//# sourceMappingURL=main-CXlds066.js.map

package/dist/browser/main-CXlds066.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"main-CXlds066.js","names":[],"sources":["../../src/delivery/annotation/annotation-utils.ts","../../src/delivery/annotation/freeform-editor.tsx","../../src/delivery/annotation/annotation-menu.tsx","../../src/delivery/annotation/annotation-editor.tsx","../../src/delivery/main.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/extended-text-entry/src/annotation/annotation-utils.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\n// returns DOM Nodes before the stopOffset\nconst getAllTextNodesBeforePosition = (node, stopOffset, nodeArray) => {\n const nodes = nodeArray ? nodeArray : [];\n const offset = nodes.reduce((acc, node) => acc + node.textContent.length, 0);\n let keepWalking = true;\n\n if (offset > stopOffset) {\n return false;\n }\n\n if (node) {\n // 3 = HTML DOM node value for text nodes\n if (node.nodeType === 3 && node.parentNode && !node.parentNode.hasAttribute('data-ann-id')) {\n nodes.push(node);\n }\n\n node = node.firstChild;\n }\n\n while (node && keepWalking) {\n keepWalking = getAllTextNodesBeforePosition(node, stopOffset, nodes);\n node = node.nextSibling;\n }\n\n return nodes;\n};\n\n// returns DOM Nodes that overlap the start or end position\nexport const getDOMNodes = (startOffset, endOffset, rootNode) => {\n const textNodesToEnd = getAllTextNodesBeforePosition(rootNode, endOffset);\n const domNodes = [];\n let start = 0;\n\n textNodesToEnd.forEach((node) => {\n const end = start + node.textContent.length;\n\n [startOffset, endOffset].forEach((offset) => {\n if (start <= offset && offset < end) {\n domNodes.push({\n node,\n offset: offset - start,\n });\n }\n });\n\n start = end;\n });\n\n return domNodes;\n};\n\n// returns [ textNodes, text ]\n// textNodes = DOM Text Nodes between start range and end range node\n// text = plain text in range\nconst getTextNodesBetween = (range) => {\n const {\n commonAncestorContainer: rootNode,\n startContainer: startNode,\n endContainer: endNode,\n startOffset,\n endOffset,\n } = range;\n const textNodes = [];\n let pastStartNode = false;\n let reachedEndNode = false;\n let text = '';\n\n const getTextNodes = (node) => {\n const { nodeValue: value, childNodes } = node;\n\n if (node === startNode && node === endNode) {\n if (value) {\n text += value.substring(startOffset, endOffset);\n }\n\n pastStartNode = reachedEndNode = true;\n } else if (node === startNode) {\n if (value) {\n text += value.substring(startOffset);\n }\n\n pastStartNode = true;\n } else if (node === endNode) {\n if (value) {\n text += value.substring(0, endOffset);\n }\n\n reachedEndNode = true;\n } else if (node && node.nodeType === 3 && node.parentNode && !node.parentNode.hasAttribute('data-ann-id')) {\n // 3 = HTML DOM node value for text nodes\n if (value && pastStartNode && !reachedEndNode) {\n text += value;\n textNodes.push(node);\n }\n }\n\n childNodes.forEach((childNode) => {\n if (!reachedEndNode) {\n getTextNodes(childNode);\n } else {\n return;\n }\n });\n };\n\n getTextNodes(rootNode);\n\n return [textNodes, text];\n};\n\nconst surroundContent = (range) => {\n const wrapper = document.createElement('SPAN');\n\n range.surroundContents(wrapper);\n\n return wrapper;\n};\n\n// wrap each DOM Text Node in range into a span\nexport const wrapRange = (range) => {\n if (range.startContainer === range.endContainer) {\n return [surroundContent(range)];\n }\n\n const [nodesBetween] = getTextNodesBetween(range);\n\n // wrap the start node\n const startRange = document.createRange();\n\n startRange.selectNodeContents(range.startContainer);\n startRange.setStart(range.startContainer, range.startOffset);\n\n const startWrapper = surroundContent(startRange);\n\n // wrap the end node\n const endRange = document.createRange();\n\n endRange.selectNode(range.endContainer);\n endRange.setEnd(range.endContainer, range.endOffset);\n\n const endWrapper = surroundContent(endRange);\n\n // wrap the nodes between start and end nodes, if any\n const centerWrappers = nodesBetween.map((node) => {\n const wrapper = document.createElement('SPAN');\n\n node.parentNode.insertBefore(wrapper, node);\n wrapper.appendChild(node);\n\n return wrapper;\n });\n\n return [startWrapper, ...centerWrappers, endWrapper];\n};\n\n// returns text in range with start and end position in rootNode\nexport const getRangeDetails = (range, rootNode) => {\n const rangeBefore = document.createRange();\n\n rangeBefore.setStart(rootNode, 0);\n rangeBefore.setEnd(range.startContainer, range.startOffset);\n\n const [, text] = getTextNodesBetween(rangeBefore);\n const [, textSelected] = getTextNodesBetween(range);\n const start = text.length;\n const end = start + textSelected.length;\n\n return {\n quote: textSelected,\n start,\n end,\n };\n};\n\n// removes the annotation spans without changing the content inside\nexport const removeElemsWrapping = (elems, container) => {\n (elems || []).forEach((elem) => {\n const parent = elem.parentNode;\n const childNodes = elem.childNodes;\n const childNodesLength = childNodes.length;\n\n if (childNodesLength > 0) {\n for (let i = 0; i < childNodesLength; i++) {\n parent.insertBefore(childNodes[0], elem);\n }\n } else {\n parent.insertBefore(document.createTextNode(elem.textContent), elem);\n }\n\n parent.removeChild(elem);\n });\n\n container.normalize();\n};\n\n// also used in select-text\nexport const clearSelection = () => {\n if (document.getSelection) {\n // for all new browsers (IE9+, Chrome, Firefox)\n document.getSelection().removeAllRanges();\n document.getSelection().addRange(document.createRange());\n } else if (window.getSelection) {\n // equals with the document.getSelection (MSDN info)\n if (window.getSelection().removeAllRanges) {\n // for all new browsers (IE9+, Chrome, Firefox)\n window.getSelection().removeAllRanges();\n window.getSelection().addRange(document.createRange());\n } else if (window.getSelection().empty) {\n // Chrome supports this as well\n window.getSelection().empty();\n }\n } else if (document.selection) {\n // IE8-\n document.selection.empty();\n }\n};\n\n// check if annotation label contains line breaks or its length >= 20 characters\nexport const isSideLabel = (text) => text.length >= 20 || text.search(/\\n|\\r|\\r\\n/) !== -1;\n\nexport const getAnnotationElements = (id) => Array.from(document.querySelectorAll(`[data-id='${id}']`));\n\nexport const getLabelElement = (id) => document.querySelector(`[data-ann-id='${id}']`);\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/extended-text-entry/src/annotation/freeform-editor.jsx\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { Popover, TextField } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledPopover: any = styled(Popover)(({ annotationType }) => ({\n '& .MuiPaper-root': {\n overflowX: 'unset',\n overflowY: 'unset',\n marginLeft: '16px',\n '&::before': {\n position: 'absolute',\n right: '100%',\n top: '13px',\n border: 'solid transparent',\n content: '\"\"',\n height: 0,\n width: 0,\n pointerEvents: 'none',\n borderWidth: '7px',\n borderRightColor: color.border(),\n },\n ...(annotationType === 'negative' && {\n '&::before': {\n borderRightColor: 'rgb(255, 204, 238) !important',\n },\n }),\n ...(annotationType === 'positive' && {\n '&::before': {\n borderRightColor: 'rgb(153, 255, 153) !important',\n },\n }),\n },\n}));\n\n// See annotation-menu: the popover surface has to follow the scheme alongside its\n// stroke, or a scheme's border colour lands on a permanently white card.\nconst Wrapper: any = styled('div')(({ annotationType }) => ({\n width: '200px',\n overflow: 'hidden',\n borderRadius: '4px',\n backgroundColor: color.white(),\n border: `4px solid ${color.border()}`,\n ...(annotationType === 'negative' && {\n borderColor: 'rgb(255, 204, 238) !important',\n }),\n ...(annotationType === 'positive' && {\n borderColor: 'rgb(153, 255, 153) !important',\n }),\n}));\n\nconst Holder: any = styled('div')(() => ({\n display: 'flex',\n flexWrap: 'wrap',\n borderTop: `2px solid ${color.border()}`,\n}));\n\nconst Button: any = styled('div')(({ variant, annotationType }) => ({\n flexGrow: 1,\n width: '28%',\n textAlign: 'center',\n padding: '4px',\n cursor: 'pointer',\n '&:not(:nth-child(3n))': {\n borderRight: `1px solid ${color.border()}`,\n },\n '&:hover': {\n backgroundColor: color.backgroundDark(),\n },\n ...(variant === 'positive' && {\n backgroundColor: 'rgb(153, 255, 153) !important',\n '&:hover': {\n filter: 'brightness(85%)',\n },\n }),\n ...(variant === 'negative' && {\n backgroundColor: 'rgb(255, 204, 238) !important',\n '&:hover': {\n filter: 'brightness(85%)',\n },\n }),\n ...(variant === 'typeChange' && annotationType === 'negative' && {\n '&:hover': {\n backgroundColor: 'rgb(153, 255, 153) !important',\n },\n }),\n ...(variant === 'typeChange' && annotationType === 'positive' && {\n '&:hover': {\n backgroundColor: 'rgb(255, 204, 238) !important',\n },\n }),\n}));\n\nclass FreeformEditor extends React.Component {\n static propTypes = {\n anchorEl: PropTypes.object,\n open: PropTypes.bool,\n offset: PropTypes.number,\n value: PropTypes.string,\n type: PropTypes.string,\n onClose: PropTypes.func,\n onDelete: PropTypes.func,\n onSave: PropTypes.func,\n onTypeChange: PropTypes.func,\n };\n\n constructor(props) {\n super(props);\n this.state = { value: props.value };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { value } = nextProps;\n const { value: propsValue } = this.props;\n\n if (value !== propsValue) {\n this.setState({ value });\n }\n }\n\n onValueChange = (event) => this.setState({ value: event.target.value });\n\n handleSave: any = () => {\n const { value: oldValue, onSave, onClose, onDelete } = this.props;\n const { value } = this.state;\n\n if (value === '') {\n onDelete();\n }\n\n if (oldValue !== value) {\n onSave(oldValue, value);\n }\n\n this.setState({ value: '' });\n onClose();\n };\n\n handleTypeChange: any = () => {\n const { onTypeChange, onDelete } = this.props;\n const { value } = this.state;\n\n if (value === '') {\n onDelete();\n } else {\n onTypeChange(value);\n }\n\n this.setState({ value: '' });\n };\n\n render() {\n const { anchorEl, offset, onDelete, open, type } = this.props;\n const { value } = this.state;\n\n return (\n <StyledPopover\n anchorEl={anchorEl}\n elevation={2}\n open={open}\n onClose={this.handleSave}\n annotationType={type}\n style={{ marginTop: `${offset}px`, transition: 'margin-top 2s ease-out' }}\n transitionDuration={{ enter: 225, exit: 195 }}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n >\n <Wrapper annotationType={type}>\n <TextField\n id=\"annotation-editor\"\n style={{\n padding: '2px 5px',\n width: '95%',\n }}\n autoFocus\n multiline\n rows={1}\n maxRows={4}\n value={value}\n onChange={this.onValueChange}\n InputProps={{ disableUnderline: true }}\n />\n <Holder>\n <Button onClick={onDelete}>\n Delete\n </Button>\n <Button variant=\"typeChange\" annotationType={type} onClick={this.handleTypeChange}>\n {type === 'negative' ? 'Green' : 'Pink'}\n </Button>\n <Button onClick={this.handleSave}>\n Save\n </Button>\n </Holder>\n </Wrapper>\n </StyledPopover>\n );\n }\n}\n\nexport default FreeformEditor;\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/extended-text-entry/src/annotation/annotation-menu.jsx\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { Popover } from '@mui/material';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledPopover: any = styled(Popover)({\n '& .MuiPaper-root': {\n overflowX: 'unset',\n overflowY: 'unset',\n marginTop: '-16px',\n '&::after': {\n position: 'absolute',\n left: 'calc(50% - 7px)',\n border: 'solid transparent',\n content: '\"\"',\n height: 0,\n width: 0,\n pointerEvents: 'none',\n borderWidth: '7px',\n borderTopColor: color.border(),\n },\n },\n});\n\n/*\n * Surface and stroke move together. Tokenising the border alone would put a scheme's\n * border colour on a fixed white popover -- under white-on-black, `--pie-border` is\n * #ffffff, so the outline would vanish. `--pie-white` inverts with the scheme, which\n * is what `common.white` was standing in for.\n */\nconst MainWrapper: any = styled('div')(() => ({\n width: '300px',\n overflow: 'hidden',\n borderRadius: '4px',\n backgroundColor: color.white(),\n border: `2px solid ${color.border()}`,\n}));\n\nconst AnnotationsWrapper: any = styled('div')({\n display: 'flex',\n flexWrap: 'wrap',\n});\n\nconst ControlsWrapper: any = styled('div')(() => ({\n display: 'flex',\n flexWrap: 'wrap',\n borderTop: `2px solid ${color.border()}`,\n}));\n\nconst Button: any = styled('div')(({ variant }) => ({\n width: '22%',\n textAlign: 'center',\n padding: '4px',\n cursor: 'pointer',\n borderBottom: `1px solid ${color.border()}`,\n '&:not(:nth-child(4n))': {\n borderRight: `1px solid ${color.border()}`,\n },\n '&:nth-child(4n)': {\n flexGrow: 1,\n },\n '&:hover': {\n backgroundColor: color.backgroundDark(),\n },\n ...(variant === 'positive' && {\n backgroundColor: 'rgb(153, 255, 153) !important',\n '&:hover': {\n filter: 'brightness(85%)',\n },\n }),\n ...(variant === 'negative' && {\n backgroundColor: 'rgb(255, 204, 238) !important',\n '&:hover': {\n filter: 'brightness(85%)',\n },\n }),\n}));\n\nclass AnnotationMenu extends React.Component {\n static propTypes = {\n anchorEl: PropTypes.object,\n open: PropTypes.bool,\n annotations: PropTypes.array,\n isNewAnnotation: PropTypes.bool,\n onClose: PropTypes.func,\n onDelete: PropTypes.func,\n onEdit: PropTypes.func,\n onWrite: PropTypes.func,\n onAnnotate: PropTypes.func,\n };\n\n render() {\n const { anchorEl, annotations, isNewAnnotation, onAnnotate, onClose, onEdit, onDelete, onWrite, open } =\n this.props;\n\n return (\n <StyledPopover\n anchorEl={anchorEl}\n open={open}\n onClose={onClose}\n elevation={5}\n transitionDuration={{ enter: 225, exit: 195 }}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'center',\n }}\n transformOrigin={{\n vertical: 'bottom',\n horizontal: 'center',\n }}\n >\n <MainWrapper>\n <AnnotationsWrapper>\n {annotations.map((annotation, index) => (\n <Button\n key={`annotation-${index}`}\n variant={annotation.type}\n onClick={() => onAnnotate(annotation)}\n >\n {annotation.label}\n </Button>\n ))}\n </AnnotationsWrapper>\n <ControlsWrapper>\n <Button onClick={onClose}>\n Cancel\n </Button>\n <Button style={{ pointerEvents: 'none' }} />\n {isNewAnnotation ? (\n <React.Fragment>\n <Button variant=\"positive\" onClick={() => onWrite('positive')}>\n Write\n </Button>\n <Button variant=\"negative\" onClick={() => onWrite('negative')}>\n Write\n </Button>\n </React.Fragment>\n ) : (\n <React.Fragment>\n <Button onClick={onDelete}>\n Delete\n </Button>\n <Button onClick={onEdit}>\n Edit\n </Button>\n </React.Fragment>\n )}\n </ControlsWrapper>\n </MainWrapper>\n </StyledPopover>\n );\n }\n}\n\nexport default AnnotationMenu;\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/extended-text-entry/src/annotation/annotation-editor.jsx\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\n\nimport {\n clearSelection,\n isSideLabel,\n getAnnotationElements,\n getDOMNodes,\n getLabelElement,\n getRangeDetails,\n removeElemsWrapping,\n wrapRange,\n} from './annotation-utils.js';\nimport FreeformEditor from './freeform-editor.js';\nimport AnnotationMenu from './annotation-menu.js';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { InputContainer } from '@pie-lib/config-ui';\n\nconst TextContainer: any = styled('div')({\n padding: '10px 120px 10px 16px',\n backgroundColor: 'rgba(0, 0, 0, 0.06)',\n border: '1px solid #ccc',\n borderRadius: '4px',\n overflowY: 'scroll',\n lineHeight: '36px',\n whiteSpace: 'pre-wrap',\n overflowWrap: 'break-word',\n '& p': {\n margin: 0,\n },\n '& span[data-latex]': {\n userSelect: 'none',\n '-webkit-user-select': 'none',\n '-moz-user-select': 'none',\n '-ms-user-select': 'none',\n },\n});\n\nconst LabelsContainer: any = styled('div')({\n width: '230px',\n});\n\nconst Wrapper: any = styled('div')({\n position: 'relative',\n overflowX: 'hidden',\n display: 'flex',\n});\n\nconst CommentContainer: any = styled(InputContainer)(({ theme }) => ({\n paddingTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(2),\n width: '100%',\n}));\n\n// Global styles for pseudo-elements that can't be applied inline\nconst globalStyles = `\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`;\n\n// Inject styles if not already injected\nif (!document.getElementById('annotation-editor-styles')) {\n const styleElement = document.createElement('style');\n styleElement.id = 'annotation-editor-styles';\n styleElement.textContent = globalStyles;\n document.head.appendChild(styleElement);\n}\n\nclass AnnotationEditor extends React.Component {\n static propTypes = {\n text: PropTypes.string,\n comment: PropTypes.string,\n annotations: PropTypes.array,\n predefinedAnnotations: PropTypes.array,\n onChange: PropTypes.func.isRequired,\n onCommentChange: PropTypes.func.isRequired,\n width: PropTypes.number,\n height: PropTypes.number,\n maxHeight: PropTypes.string,\n disabled: PropTypes.bool,\n disabledMath: PropTypes.bool,\n customKeys: PropTypes.array,\n keypadMode: PropTypes.string,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n anchorEl: null,\n openedMenu: false,\n openedEditor: false,\n selectedElems: [],\n labelElem: null,\n selectionDetails: null,\n annotation: null,\n annotationIndex: null,\n };\n }\n\n componentDidMount() {\n const { annotations, text } = this.props;\n\n if (text) {\n annotations.forEach((annotation) => {\n const [domStart, domEnd] = getDOMNodes(annotation.start, annotation.end, this.textRef);\n\n if (domStart && domEnd) {\n const range = document.createRange();\n\n range.setStart(domStart.node, domStart.offset);\n range.setEnd(domEnd.node, domEnd.offset);\n\n const spans = wrapRange(range);\n\n this.createDOMAnnotation(spans, annotation);\n }\n });\n }\n\n if (this.textRef) {\n this.adjustAnnotationsPosition();\n this.textRef.addEventListener('scroll', this.adjustAnnotationsPosition);\n }\n }\n\n adjustAnnotationsPosition: any = () => {\n if (this.textRef && this.labelsRef) {\n const left = this.textRef.offsetLeft + this.textRef.offsetWidth + 8;\n\n Array.from(this.labelsRef.children).forEach((label) => {\n const spans = getAnnotationElements(label.dataset.annId);\n const spanOffset = spans[0].offsetTop ? spans[0].offsetTop : spans[0].offsetParent.offsetTop;\n const top = spanOffset - this.textRef.scrollTop - 6;\n\n label.style.top = `${top}px`;\n label.style.left = `${left}px`;\n });\n }\n };\n\n handleClick: any = (event) => {\n const { annotations } = this.props;\n const { selectionDetails } = this.state;\n\n if (selectionDetails) {\n // new selection was made inside another annotation and should not update that annotation\n return;\n }\n\n const { id, annId } = event.target.dataset;\n const annotationId = id || annId;\n const selectedElems = getAnnotationElements(annotationId);\n const labelElem = getLabelElement(annotationId);\n const annotationIndex = annotations.findIndex((annotation) => annotation.id === annotationId);\n const isSideLabel = labelElem.hasAttribute('data-freeform');\n\n if (isSideLabel) {\n labelElem.style.zIndex = '10';\n }\n\n this.setState({\n anchorEl: selectedElems[0],\n openedMenu: !!id || (!!annId && !isSideLabel), // true if the annotation or the label was clicked\n openedEditor: !!annId && isSideLabel, // true if the side label was clicked\n selectedElems,\n labelElem,\n annotationIndex,\n annotation: annotations[annotationIndex],\n selectionDetails: null,\n });\n };\n\n handleHover: any = (event) => {\n const { id, annId } = event.target.dataset;\n const annotationId = id || annId;\n const selectedElems = getAnnotationElements(annotationId);\n const labelElem = getLabelElement(annotationId);\n const isSideLabel = labelElem.hasAttribute('data-freeform');\n\n selectedElems.forEach((elem) => {\n elem.style.zIndex = '20';\n if (elem.classList.contains('positive')) {\n elem.style.backgroundColor = 'rgb(51, 255, 51, 0.7)';\n } else if (elem.classList.contains('negative')) {\n elem.style.backgroundColor = 'rgba(255, 102, 204, 0.55)';\n }\n });\n\n if (isSideLabel) {\n labelElem.style.zIndex = '20';\n if (labelElem.classList.contains('positive')) {\n labelElem.style.backgroundColor = 'rgb(128, 255, 128)';\n labelElem.style.setProperty('--before-border-color', 'rgb(153, 255, 153)');\n } else if (labelElem.classList.contains('negative')) {\n labelElem.style.backgroundColor = 'rgb(255, 179, 230)';\n labelElem.style.setProperty('--before-border-color', 'rgb(255, 179, 230)');\n }\n } else {\n labelElem.style.zIndex = '20';\n if (labelElem.classList.contains('positive')) {\n labelElem.style.color = 'rgb(0, 77, 0)';\n } else if (labelElem.classList.contains('negative')) {\n labelElem.style.color = 'rgb(153, 0, 102)';\n }\n }\n };\n\n handleCancelHover: any = (event) => {\n const { id, annId } = event.target.dataset;\n const annotationId = id || annId;\n const selectedElems = getAnnotationElements(annotationId);\n const labelElem = getLabelElement(annotationId);\n const isSideLabel = labelElem.hasAttribute('data-freeform');\n\n selectedElems.forEach((elem) => {\n elem.style.zIndex = '';\n if (elem.classList.contains('positive')) {\n elem.style.backgroundColor = 'rgb(51, 255, 51, 0.5)';\n } else if (elem.classList.contains('negative')) {\n elem.style.backgroundColor = 'rgba(255, 102, 204, 0.4)';\n }\n });\n\n if (isSideLabel) {\n labelElem.style.zIndex = '';\n if (labelElem.classList.contains('positive')) {\n labelElem.style.backgroundColor = 'rgb(153, 255, 153)';\n labelElem.style.removeProperty('--before-border-color');\n } else if (labelElem.classList.contains('negative')) {\n labelElem.style.backgroundColor = 'rgb(255, 204, 238)';\n labelElem.style.removeProperty('--before-border-color');\n }\n } else {\n labelElem.style.zIndex = '';\n if (labelElem.classList.contains('positive')) {\n labelElem.style.color = 'rgb(0, 128, 0)';\n } else if (labelElem.classList.contains('negative')) {\n labelElem.style.color = 'rgb(204, 0, 136)';\n }\n }\n };\n\n handleClose: any = (event) => {\n const { selectedElems, labelElem } = this.state;\n\n if (selectedElems.length && !selectedElems[0].hasAttribute('data-id')) {\n removeElemsWrapping(selectedElems, this.textRef);\n }\n\n if (labelElem) {\n labelElem.style.zIndex = '';\n }\n\n this.setState({\n anchorEl: null,\n openedMenu: false,\n openedEditor: false,\n selectedElems: [],\n labelElem: null,\n selectionDetails: null,\n annotationIndex: null,\n annotation: null,\n });\n\n clearSelection();\n };\n\n handleSelection: any = (event) => {\n const selection = window.getSelection();\n\n // prevent unwanted selections\n if (event.detail > 2) {\n clearSelection();\n return;\n }\n\n if (selection && selection.rangeCount > 0) {\n const selectedRange = selection.getRangeAt(0);\n const selectedText = selectedRange.toString();\n const isSelectionInside = this.textRef.contains(selectedRange.commonAncestorContainer);\n\n if (!selection.isCollapsed && selectedText !== '' && isSelectionInside) {\n const selectionDetails = getRangeDetails(selectedRange, this.textRef);\n const selectedElems = wrapRange(selectedRange);\n\n this.setState({\n anchorEl: selectedElems[0],\n openedMenu: true,\n selectedElems,\n selectionDetails,\n });\n }\n }\n };\n\n deleteAnnotation: any = () => {\n const { annotations, onChange } = this.props;\n const { selectedElems, labelElem, annotationIndex, annotation } = this.state;\n const parentRef = isSideLabel(annotation.label) ? this.labelsRef : selectedElems[0];\n\n parentRef.removeChild(labelElem);\n removeElemsWrapping(selectedElems, this.textRef);\n annotations.splice(annotationIndex, 1);\n\n onChange(annotations);\n this.handleClose();\n };\n\n createDOMAnnotation: any = (elems, annotation) => {\n const { disabled } = this.props;\n const { id, label, type } = annotation;\n\n (elems || []).forEach((elem) => {\n elem.dataset.id = id;\n elem.className = `annotation ${type}`;\n // Apply annotation styles directly\n elem.style.position = 'relative';\n elem.style.cursor = 'pointer';\n if (type === 'positive') {\n elem.style.backgroundColor = 'rgb(51, 255, 51, 0.5)';\n } else if (type === 'negative') {\n elem.style.backgroundColor = 'rgba(255, 102, 204, 0.4)';\n }\n elem.onclick = !disabled && this.handleClick;\n elem.onmouseover = this.handleHover;\n elem.onmouseout = this.handleCancelHover;\n });\n\n const firstSpan = (elems && elems[0]) || {};\n const labelElem = document.createElement('SPAN');\n\n labelElem.dataset.annId = id;\n labelElem.innerHTML = label;\n labelElem.onclick = !disabled && this.handleClick;\n labelElem.onmouseover = this.handleHover;\n labelElem.onmouseout = this.handleCancelHover;\n\n if (isSideLabel(label)) {\n const spanOffset = firstSpan.offsetTop ? firstSpan.offsetTop : firstSpan.offsetParent.offsetTop;\n const top = spanOffset - this.textRef.scrollTop;\n const left = this.textRef.offsetLeft + this.textRef.offsetWidth + 8;\n\n labelElem.dataset.freeform = true;\n labelElem.className = `sideAnnotation ${type}`;\n \n // Apply side annotation styles directly\n labelElem.style.position = 'absolute';\n labelElem.style.padding = '4px';\n labelElem.style.borderRadius = '4px';\n labelElem.style.marginLeft = '8px';\n labelElem.style.width = '180px';\n labelElem.style.whiteSpace = 'pre-wrap';\n labelElem.style.wordBreak = 'break-word';\n labelElem.style.border = '2px solid #ffffff';\n labelElem.style.fontSize = '14px';\n labelElem.style.fontStyle = 'normal';\n labelElem.style.fontWeight = 'normal';\n labelElem.style.top = `${top}px`;\n labelElem.style.left = `${left}px`;\n \n if (type === 'negative') {\n labelElem.style.backgroundColor = 'rgb(255, 204, 238)';\n } else if (type === 'positive') {\n labelElem.style.backgroundColor = 'rgb(153, 255, 153)';\n }\n \n // Add pseudo-element styles via CSS\n labelElem.style.setProperty('--before-border-width', '7px');\n labelElem.style.setProperty('--before-top', '5px');\n labelElem.style.setProperty('--before-right', '100%');\n if (type === 'negative') {\n labelElem.style.setProperty('--before-border-color', 'rgb(255, 204, 238)');\n } else if (type === 'positive') {\n labelElem.style.setProperty('--before-border-color', 'rgb(153, 255, 153)');\n }\n\n this.labelsRef.appendChild(labelElem);\n } else {\n labelElem.className = `annotationLabel ${type}`;\n \n // Apply annotation label styles directly\n labelElem.style.backgroundColor = 'rgb(242, 242, 242)';\n labelElem.style.padding = '2px';\n labelElem.style.position = 'absolute';\n labelElem.style.userSelect = 'none';\n labelElem.style.whiteSpace = 'nowrap';\n labelElem.style.top = '-10px';\n labelElem.style.left = '-2px';\n labelElem.style.fontSize = '12px';\n labelElem.style.fontStyle = 'normal';\n labelElem.style.fontWeight = 'normal';\n labelElem.style.lineHeight = '6px';\n labelElem.style.webkitUserSelect = 'none';\n labelElem.style.mozUserSelect = 'none';\n labelElem.style.msUserSelect = 'none';\n \n if (type === 'positive') {\n labelElem.style.color = 'rgb(0, 128, 0)';\n } else if (type === 'negative') {\n labelElem.style.color = 'rgb(204, 0, 136)';\n }\n \n firstSpan.appendChild(labelElem);\n }\n };\n\n createNewAnnotation: any = (label, type) => {\n const { selectedElems, selectionDetails } = this.state;\n const annotation = {\n id: [selectionDetails.start, selectionDetails.end, new Date().getTime()].join('-'),\n label,\n type,\n ...selectionDetails,\n };\n\n this.createDOMAnnotation(selectedElems, annotation);\n\n return annotation;\n };\n\n handleMenuClick: any = (newAnnotation) => {\n const { annotations, onChange } = this.props;\n const { annotation, annotationIndex } = this.state;\n const { type, text: label } = newAnnotation;\n\n if (annotation) {\n const updatedAnnotation = { ...annotation, label, type };\n const { type: oldType, label: oldLabel } = annotation;\n\n this.updateLabel(oldLabel, updatedAnnotation, type !== oldType && oldType);\n annotations.splice(annotationIndex, 1, updatedAnnotation);\n } else {\n const newAnnotation = this.createNewAnnotation(label, type);\n\n annotations.push(newAnnotation);\n }\n\n onChange(annotations);\n this.handleClose();\n };\n\n editAnnotation: any = () => {\n this.setState({\n openedMenu: false,\n openedEditor: true,\n });\n };\n\n addAnnotation: any = (type) => {\n const { annotations, onChange } = this.props;\n const annotation = this.createNewAnnotation('', type);\n const labelElem = getLabelElement(annotation.id);\n\n annotations.push(annotation);\n\n this.setState({\n openedMenu: false,\n openedEditor: true,\n annotationIndex: annotations.length - 1,\n annotation,\n labelElem,\n });\n\n onChange(annotations);\n };\n\n updateLabel: any = (oldLabel, annotation, oldType) => {\n const { selectedElems, labelElem } = this.state;\n const { label, type } = annotation;\n\n if ((isSideLabel(label) && isSideLabel(oldLabel)) || (!isSideLabel(label) && !isSideLabel(oldLabel))) {\n labelElem.innerHTML = label;\n\n if (oldType) {\n labelElem.classList.remove(oldType);\n labelElem.classList.add(type);\n\n selectedElems.forEach((elem) => {\n elem.classList.remove(oldType);\n elem.classList.add(type);\n });\n }\n } else if (isSideLabel(label) && !isSideLabel(oldLabel)) {\n selectedElems[0].removeChild(labelElem);\n this.createDOMAnnotation(selectedElems, annotation);\n } else if (!isSideLabel(label) && isSideLabel(oldLabel)) {\n this.labelsRef.removeChild(labelElem);\n this.createDOMAnnotation(selectedElems, annotation);\n }\n };\n\n changeAnnotationType: any = (newLabel) => {\n const { annotations, onChange } = this.props;\n const { annotationIndex, selectedElems } = this.state;\n const { type: oldType, label: oldLabel } = annotations[annotationIndex];\n const type = oldType === 'positive' ? 'negative' : 'positive';\n const updatedAnnotation = { ...annotations[annotationIndex], type, label: newLabel };\n\n selectedElems.forEach((span) => {\n span.classList.remove(oldType);\n span.classList.add(type);\n });\n\n this.updateLabel(oldLabel, updatedAnnotation, oldType);\n annotations.splice(annotationIndex, 1, updatedAnnotation);\n\n onChange(annotations);\n this.handleClose();\n };\n\n updateAnnotation: any = (oldLabel, newLabel) => {\n const { annotations, onChange } = this.props;\n const { annotationIndex } = this.state;\n const updatedAnnotation = { ...annotations[annotationIndex], label: newLabel };\n\n this.updateLabel(oldLabel, updatedAnnotation);\n annotations.splice(annotationIndex, 1, updatedAnnotation);\n\n onChange(annotations);\n };\n\n componentWillUnmount() {\n this.textRef.removeEventListener('scroll', this.adjustAnnotationsPosition);\n }\n\n render() {\n const {\n comment,\n customKeys,\n disabled,\n disabledMath,\n keypadMode,\n height,\n width,\n maxHeight,\n onCommentChange,\n predefinedAnnotations,\n text,\n } = this.props;\n const { anchorEl, annotation, openedMenu, openedEditor, selectionDetails } = this.state;\n\n const anchorOffset = anchorEl && (anchorEl.offsetTop ? anchorEl.offsetTop : anchorEl.offsetParent.offsetTop);\n const topOffset = this.textRef && anchorOffset ? anchorOffset - this.textRef.scrollTop - 8 : 0;\n\n return (\n <div>\n <Wrapper>\n <TextContainer\n style={{ width: width - 34, minHeight: height, maxHeight: maxHeight }}\n ref={(r) => (this.textRef = r)}\n onMouseDown={!disabled ? clearSelection : () => {}}\n onMouseUp={!disabled ? this.handleSelection : () => {}}\n dangerouslySetInnerHTML={{ __html: text }}\n />\n <LabelsContainer ref={(r) => (this.labelsRef = r)} />\n </Wrapper>\n\n <CommentContainer label={'Comment'}>\n <EditableHtml\n className=\"prompt\"\n markup={comment || ''}\n onChange={onCommentChange}\n width={width && (width + 104).toString()}\n disabled={disabled}\n pluginProps={{\n math: {\n disabled: disabledMath,\n customKeys: customKeys,\n keypadMode: keypadMode,\n controlledKeypadMode: false,\n },\n video: {\n disabled: true,\n },\n audio: {\n disabled: true,\n },\n textAlign: {\n disabled: true,\n },\n h3: {\n disabled: true,\n },\n }}\n />\n </CommentContainer>\n\n <AnnotationMenu\n anchorEl={anchorEl}\n open={openedMenu && !disabled}\n annotations={predefinedAnnotations}\n isNewAnnotation={!!selectionDetails}\n onClose={this.handleClose}\n onDelete={this.deleteAnnotation}\n onEdit={this.editAnnotation}\n onWrite={this.addAnnotation}\n onAnnotate={this.handleMenuClick}\n />\n\n <FreeformEditor\n anchorEl={this.textRef}\n open={openedEditor && !disabled}\n offset={topOffset}\n value={(annotation && annotation.label) || ''}\n type={annotation && annotation.type}\n onClose={this.handleClose}\n onDelete={this.deleteAnnotation}\n onSave={this.updateAnnotation}\n onTypeChange={this.changeAnnotationType}\n />\n </div>\n );\n }\n}\n\nexport default AnnotationEditor;\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/extended-text-entry/src/main.jsx\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce } from '@pie-element/shared-lodash';\nimport debug from 'debug';\n\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\n\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { color, Feedback as FeedbackImport, Collapsible as CollapsibleImport, PreviewPrompt as PreviewPromptImport, UiLayout as UiLayoutImport } from '@pie-lib/render-ui';\n\nfunction isRenderableReactInteropType(value: any) {\n return (\n typeof value === 'function' ||\n (typeof value === 'object' && value !== null && typeof value.$$typeof === 'symbol')\n );\n}\n\nfunction unwrapReactInteropSymbol(maybeSymbol: any, namedExport?: string) {\n if (!maybeSymbol) return maybeSymbol;\n if (isRenderableReactInteropType(maybeSymbol)) return maybeSymbol;\n if (isRenderableReactInteropType(maybeSymbol.default)) return maybeSymbol.default;\n if (namedExport && isRenderableReactInteropType(maybeSymbol[namedExport])) {\n return maybeSymbol[namedExport];\n }\n if (namedExport && isRenderableReactInteropType(maybeSymbol[namedExport]?.default)) {\n return maybeSymbol[namedExport].default;\n }\n return maybeSymbol;\n}\nconst UiLayout = unwrapReactInteropSymbol(UiLayoutImport, 'UiLayout') || unwrapReactInteropSymbol(renderUi.UiLayout, 'UiLayout');\nconst PreviewPrompt = unwrapReactInteropSymbol(PreviewPromptImport, 'PreviewPrompt') || unwrapReactInteropSymbol(renderUi.PreviewPrompt, 'PreviewPrompt');\nconst Collapsible = unwrapReactInteropSymbol(CollapsibleImport, 'Collapsible') || unwrapReactInteropSymbol(renderUi.Collapsible, 'Collapsible');\nconst Feedback = unwrapReactInteropSymbol(FeedbackImport, 'Feedback') || unwrapReactInteropSymbol(renderUi.Feedback, 'Feedback');\nimport * as RenderUiNamespace from '@pie-lib/render-ui';\nconst renderUiNamespaceAny = RenderUiNamespace as any;\nconst renderUiDefaultMaybe = renderUiNamespaceAny['default'];\nconst renderUi =\n renderUiDefaultMaybe && typeof renderUiDefaultMaybe === 'object'\n ? renderUiDefaultMaybe\n : renderUiNamespaceAny;\nimport AnnotationEditor from './annotation/annotation-editor.js';\n\nconst log = debug('@pie-ui:extended-text-entry');\n\nconst MainContainer: any = styled(UiLayout)({\n backgroundColor: color.background(),\n color: color.text(),\n});\n\nconst StyledPrompt: any = styled(Typography)(({ theme }) => ({\n width: '100%',\n color: color.text(),\n marginBottom: theme.spacing(2),\n fontSize: 'inherit',\n display: 'block',\n}));\n\nconst TeacherInstructions: any = styled('div')(({ theme }) => ({\n marginBottom: theme.spacing(2),\n}));\n\nconst Editor: any = styled(EditableHtml)(({ theme }) => ({\n marginBottom: theme.spacing(2),\n borderRadius: '4px',\n}));\n\nconst SrOnly: any = styled('h2')({\n position: 'absolute',\n left: '-10000px',\n top: 'auto',\n width: '1px',\n height: '1px',\n overflow: 'hidden',\n});\n\nexport class Main extends React.Component {\n static propTypes = {\n onValueChange: PropTypes.func.isRequired,\n onAnnotationsChange: PropTypes.func.isRequired,\n onCommentChange: PropTypes.func.isRequired,\n model: PropTypes.object,\n session: PropTypes.shape({\n value: PropTypes.string,\n annotations: PropTypes.array,\n comment: PropTypes.string,\n }).isRequired,\n };\n\n changeSessionValue = debounce(this.props.onValueChange, 1500);\n\n changeSessionComment = debounce(this.props.onCommentChange, 1500);\n\n render() {\n const { model, session, onAnnotationsChange } = this.props;\n const {\n animationsDisabled,\n annotatorMode,\n customKeys,\n dimensions,\n disabled,\n disabledAnnotator,\n equationEditor,\n extraCSSRules,\n feedback,\n mathInput,\n playersToolbarPosition,\n predefinedAnnotations,\n prompt,\n spanishInput,\n specialInput,\n spellCheckEnabled,\n teacherInstructions,\n } = model;\n const { annotations, comment, value } = session;\n const { width, height } = dimensions || {};\n const maxHeight = '40vh';\n const toolbarOpts = { position: playersToolbarPosition === 'top' ? 'top' : 'bottom' };\n\n log('[render] disabled? ', disabled);\n\n const teacherInstructionsDiv = (\n <PreviewPrompt defaultClassName=\"teacher-instructions\" prompt={teacherInstructions} />\n );\n\n const languageCharactersProps = [];\n\n if (spanishInput) {\n languageCharactersProps.push({ language: 'spanish' });\n }\n\n if (specialInput) {\n languageCharactersProps.push({ language: 'special' });\n }\n\n return (\n <MainContainer\n extraCSSRules={extraCSSRules}\n ref={(ref) => {\n this.containerRef = ref;\n }}\n >\n <SrOnly>Constructed Response Question</SrOnly>\n\n {teacherInstructions && (\n <TeacherInstructions>\n {!animationsDisabled ? (\n <Collapsible\n labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n >\n {teacherInstructionsDiv}\n </Collapsible>\n ) : (\n teacherInstructionsDiv\n )}\n </TeacherInstructions>\n )}\n\n {prompt && (\n <StyledPrompt component={'span'}>\n <PreviewPrompt defaultClassName=\"prompt\" prompt={model.prompt} />\n </StyledPrompt>\n )}\n\n {annotatorMode ? (\n <AnnotationEditor\n text={value || ''}\n annotations={annotations || []}\n comment={comment || ''}\n predefinedAnnotations={predefinedAnnotations || []}\n onChange={onAnnotationsChange}\n onCommentChange={this.changeSessionComment}\n width={width}\n height={height}\n maxHeight={maxHeight}\n disabled={disabledAnnotator}\n disabledMath={!mathInput}\n customKeys={customKeys}\n keypadMode={equationEditor}\n />\n ) : (\n <Editor\n className=\"response-area-editor\"\n onChange={this.changeSessionValue}\n markup={value || ''}\n maxWidth={width && width.toString()}\n minWidth={'100px'}\n minHeight={height && height.toString()}\n maxHeight={maxHeight}\n disabled={disabled}\n highlightShape={true}\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n charactersLimit={50000}\n autoWidthToolbar\n pluginProps={{\n math: {\n disabled: !mathInput,\n customKeys: this.props.model.customKeys,\n keypadMode: this.props.model.equationEditor,\n controlledKeypadMode: false,\n },\n video: {\n disabled: true,\n },\n audio: {\n disabled: true,\n },\n table: {\n disabled: true,\n },\n textAlign: {\n disabled: true,\n },\n h3: {\n disabled: true,\n },\n separateParagraphs: { disabled: false },\n ul_list: { disabled: true },\n ol_list: { disabled: true },\n }}\n languageCharactersProps={languageCharactersProps}\n />\n )}\n\n {feedback && <Feedback correctness=\"correct\" feedback={feedback} />}\n </MainContainer>\n );\n }\n}\n\nexport default Main;\n"],"mappings":"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"}

package/dist/browser/print/index.js CHANGED Viewed

@@ -1,18 +1,18 @@
 import { a as e, t } from "../browser-kkT1XVKw.js";
-import { d as n, v as r, y as i } from "../dist-Cv1iX7rJ.js";
-import { t as a } from "../main-DIChM596.js";
+import { K as n, q as r, v as i } from "../dist-BbUdUT_D.js";
+import { t as a } from "../main-CXlds066.js";
 import o from "react";
 import { createRoot as s } from "react-dom/client";
 var c = (0, (/* @__PURE__ */ e(t(), 1)).default)("pie-element:extended-text-entry:print"), l = (e, t) => {
-	let n = t.role === "instructor", r = i(e);
-	return r.prompt = r.promptEnabled === !1 ? void 0 : r.prompt, r.teacherInstructions = n && r.teacherInstructionsEnabled !== !1 ? r.teacherInstructions : void 0, r.showTeacherInstructions = n, r.mode = n ? "evaluate" : r.mode, r.dimensions = {
+	let n = t.role === "instructor", i = r(e);
+	return i.prompt = i.promptEnabled === !1 ? void 0 : i.prompt, i.teacherInstructions = n && i.teacherInstructionsEnabled !== !1 ? i.teacherInstructions : void 0, i.showTeacherInstructions = n, i.mode = n ? "evaluate" : i.mode, i.dimensions = {
 		height: 100,
 		width: 500,
-		...r.dimensions
-	}, r.disabled = !0, r.feedback = void 0, r.animationsDisabled = !0, r;
+		...i.dimensions
+	}, i.disabled = !0, i.feedback = void 0, i.animationsDisabled = !0, i;
 }, u = class extends HTMLElement {
 	constructor() {
-		super(), this._options = null, this._model = null, this._session = [], this._root = null, this._rerender = r(() => {
+		super(), this._options = null, this._model = null, this._session = [], this._root = null, this._rerender = n(() => {
 			if (this._model && this._session && this._options) {
 				let e = l(this._model, this._options), t = o.createElement(a, {
 					model: e,
@@ -23,7 +23,7 @@ var c = (0, (/* @__PURE__ */ e(t(), 1)).default)("pie-element:extended-text-entr
 					onCommentChange: () => {}
 				});
 				this._root ||= s(this), this._root.render(t), queueMicrotask(() => {
-					c("render complete - render math"), n(this);
+					c("render complete - render math"), i(this);
 				});
 			} else c("skip");
 		}, 50, {

package/dist/browser/print/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n @synced-from pie-elements/packages/extended-text-entry/src/print.js\n * @auto-generated\n \n This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { cloneDeep, debounce } from '@pie-element/shared-lodash';\nimport Main from '../delivery/main.js';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\n\nimport debug from 'debug';\n\nconst log = debug('pie-element:extended-text-entry:print');\n\nconst preparePrintModel = (model, opts) => {\n const instr = opts.role === 'instructor';\n const printModel = cloneDeep(model);\n\n printModel.prompt = printModel.promptEnabled !== false ? printModel.prompt : undefined;\n printModel.teacherInstructions =\n instr && printModel.teacherInstructionsEnabled !== false ? printModel.teacherInstructions : undefined;\n printModel.showTeacherInstructions = instr;\n printModel.mode = instr ? 'evaluate' : printModel.mode;\n\n const defaultDimensions = { height: 100, width: 500 };\n\n printModel.dimensions = {\n ...defaultDimensions,\n ...printModel.dimensions,\n };\n\n printModel.disabled = true;\n printModel.feedback = undefined;\n printModel.animationsDisabled = true;\n\n return printModel;\n};\n\nexport default class ExtendedTextEntryPrint extends HTMLElement {\n constructor() {\n super();\n this._options = null;\n this._model = null;\n this._session = [];\n this._root = null;\n this._rerender = debounce(\n () => {\n if (this._model && this._session && this._options) {\n const printModel = preparePrintModel(this._model, this._options);\n\n const element = React.createElement(Main, {\n model: printModel,\n session: {},\n onChange: () => {},\n onValueChange: () => {},\n onAnnotationsChange: () => {},\n onCommentChange: () => {},\n });\n\n if (!this._root) {\n this._root = createRoot(this);\n }\n this._root.render(element);\n queueMicrotask(() => {\n log('render complete - render math');\n renderMath(this);\n });\n } else {\n log('skip');\n }\n },\n 50,\n { leading: false, trailing: true },\n );\n }\n set options(o) {\n this._options = o;\n // re-render so role changes (student/instructor) propagate\n this._rerender();\n }\n\n set model(s) {\n this._model = s;\n this._rerender();\n }\n\n connectedCallback() {}\n\n disconnectedCallback() {\n if (this._root) {\n this._root.unmount();\n }\n }\n}\n"],"mappings":";;;;;AAkBA,IAAM,KAAA,IAAA,wBAAA,~~GAAA~~,~~SAAY~~,uCAAuC,GAEnD,KAAqB,GAAO,MAAS;CACzC,IAAM,IAAQ,EAAK,SAAS,cACtB,IAAa,EAAU,CAAK;CAmBlC,OAjBA,EAAW,SAAS,EAAW,kBAAkB,KAA4B,KAAA,IAApB,EAAW,QACpE,EAAW,sBACT,KAAS,EAAW,+BAA+B,KAAQ,EAAW,sBAAsB,KAAA,GAC9F,EAAW,0BAA0B,GACrC,EAAW,OAAO,IAAQ,aAAa,EAAW,MAIlD,EAAW,aAAa;EAFI,QAAQ;EAAK,OAAO;EAI9C,GAAG,EAAW;CAChB,GAEA,EAAW,WAAW,IACtB,EAAW,WAAW,KAAA,GACtB,EAAW,qBAAqB,IAEzB;AACT,GAEqB,IAArB,cAAoD,YAAY;CAC9D,cAAc;EAMZ,AALA,MAAM,GACN,KAAK,WAAW,MAChB,KAAK,SAAS,MACd,KAAK,WAAW,CAAC,GACjB,KAAK,QAAQ,MACb,KAAK,YAAY,QACT;GACJ,IAAI,KAAK,UAAU,KAAK,YAAY,KAAK,UAAU;IACjD,IAAM,IAAa,EAAkB,KAAK,QAAQ,KAAK,QAAQ,GAEzD,IAAU,EAAM,cAAc,GAAM;KACxC,OAAO;KACP,SAAS,CAAC;KACV,gBAAgB,CAAC;KACjB,qBAAqB,CAAC;KACtB,2BAA2B,CAAC;KAC5B,uBAAuB,CAAC;IAC1B,CAAC;IAMD,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAO,GACzB,qBAAqB;KAEnB,AADA,EAAI,+BAA+B,GACnC,EAAW,IAAI;IACjB,CAAC;GACH,OACE,EAAI,MAAM;EAEd,GACA,IACA;GAAE,SAAS;GAAO,UAAU;EAAK,CACnC;CACF;CACA,IAAI,QAAQ,GAAG;EAGb,AAFA,KAAK,WAAW,GAEhB,KAAK,UAAU;CACjB;CAEA,IAAI,MAAM,GAAG;EAEX,AADA,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,oBAAoB,CAAC;CAErB,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/*\n @synced-from pie-elements/packages/extended-text-entry/src/print.js\n * @auto-generated\n \n This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { cloneDeep, debounce } from '@pie-element/shared-lodash';\nimport Main from '../delivery/main.js';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\n\nimport debug from 'debug';\n\nconst log = debug('pie-element:extended-text-entry:print');\n\nconst preparePrintModel = (model, opts) => {\n const instr = opts.role === 'instructor';\n const printModel = cloneDeep(model);\n\n printModel.prompt = printModel.promptEnabled !== false ? printModel.prompt : undefined;\n printModel.teacherInstructions =\n instr && printModel.teacherInstructionsEnabled !== false ? printModel.teacherInstructions : undefined;\n printModel.showTeacherInstructions = instr;\n printModel.mode = instr ? 'evaluate' : printModel.mode;\n\n const defaultDimensions = { height: 100, width: 500 };\n\n printModel.dimensions = {\n ...defaultDimensions,\n ...printModel.dimensions,\n };\n\n printModel.disabled = true;\n printModel.feedback = undefined;\n printModel.animationsDisabled = true;\n\n return printModel;\n};\n\nexport default class ExtendedTextEntryPrint extends HTMLElement {\n constructor() {\n super();\n this._options = null;\n this._model = null;\n this._session = [];\n this._root = null;\n this._rerender = debounce(\n () => {\n if (this._model && this._session && this._options) {\n const printModel = preparePrintModel(this._model, this._options);\n\n const element = React.createElement(Main, {\n model: printModel,\n session: {},\n onChange: () => {},\n onValueChange: () => {},\n onAnnotationsChange: () => {},\n onCommentChange: () => {},\n });\n\n if (!this._root) {\n this._root = createRoot(this);\n }\n this._root.render(element);\n queueMicrotask(() => {\n log('render complete - render math');\n renderMath(this);\n });\n } else {\n log('skip');\n }\n },\n 50,\n { leading: false, trailing: true },\n );\n }\n set options(o) {\n this._options = o;\n // re-render so role changes (student/instructor) propagate\n this._rerender();\n }\n\n set model(s) {\n this._model = s;\n this._rerender();\n }\n\n connectedCallback() {}\n\n disconnectedCallback() {\n if (this._root) {\n this._root.unmount();\n }\n }\n}\n"],"mappings":";;;;;AAkBA,IAAM,KAAA,IAAA,wBAAA,EAAA,CAAA,QAAA,CAAY,uCAAuC,GAEnD,KAAqB,GAAO,MAAS;CACzC,IAAM,IAAQ,EAAK,SAAS,cACtB,IAAa,EAAU,CAAK;CAmBlC,OAjBA,EAAW,SAAS,EAAW,kBAAkB,KAA4B,KAAA,IAApB,EAAW,QACpE,EAAW,sBACT,KAAS,EAAW,+BAA+B,KAAQ,EAAW,sBAAsB,KAAA,GAC9F,EAAW,0BAA0B,GACrC,EAAW,OAAO,IAAQ,aAAa,EAAW,MAIlD,EAAW,aAAa;EAFI,QAAQ;EAAK,OAAO;EAI9C,GAAG,EAAW;CAChB,GAEA,EAAW,WAAW,IACtB,EAAW,WAAW,KAAA,GACtB,EAAW,qBAAqB,IAEzB;AACT,GAEqB,IAArB,cAAoD,YAAY;CAC9D,cAAc;EAMZ,AALA,MAAM,GACN,KAAK,WAAW,MAChB,KAAK,SAAS,MACd,KAAK,WAAW,CAAC,GACjB,KAAK,QAAQ,MACb,KAAK,YAAY,QACT;GACJ,IAAI,KAAK,UAAU,KAAK,YAAY,KAAK,UAAU;IACjD,IAAM,IAAa,EAAkB,KAAK,QAAQ,KAAK,QAAQ,GAEzD,IAAU,EAAM,cAAc,GAAM;KACxC,OAAO;KACP,SAAS,CAAC;KACV,gBAAgB,CAAC;KACjB,qBAAqB,CAAC;KACtB,2BAA2B,CAAC;KAC5B,uBAAuB,CAAC;IAC1B,CAAC;IAMD,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAO,GACzB,qBAAqB;KAEnB,AADA,EAAI,+BAA+B,GACnC,EAAW,IAAI;IACjB,CAAC;GACH,OACE,EAAI,MAAM;EAEd,GACA,IACA;GAAE,SAAS;GAAO,UAAU;EAAK,CACnC;CACF;CACA,IAAI,QAAQ,GAAG;EAGb,AAFA,KAAK,WAAW,GAEhB,KAAK,UAAU;CACjB;CAEA,IAAI,MAAM,GAAG;EAEX,AADA,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,oBAAoB,CAAC;CAErB,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}

package/dist/controller/index.js CHANGED Viewed

@@ -50,7 +50,7 @@ async function o(e, t, i) {
 		spellCheckEnabled: !o.playerSpellCheckDisabled,
 		playersToolbarPosition: o.playersToolbarPosition || "bottom",
 		annotatorMode: u,
-		disabledAnnotator: o.annotationsEnabled ? i.role !== "instructor" : !0,
+		disabledAnnotator: !o.annotationsEnabled || i.role !== "instructor",
 		predefinedAnnotations: o.annotationsEnabled ? o.predefinedAnnotations : [],
 		extraCSSRules: o.extraCSSRules
 	}));

package/dist/delivery/annotation/annotation-menu.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import e from "react";
 import t from "prop-types";
 import { styled as n } from "@mui/material/styles";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Popover as a } from "@mui/material";
+import { color as r } from "@pie-lib/render-ui";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Popover as o } from "@mui/material";
 //#region src/delivery/annotation/annotation-menu.tsx
-var o = n(a)({ "& .MuiPaper-root": {
+var s = n(o)({ "& .MuiPaper-root": {
 	overflowX: "unset",
 	overflowY: "unset",
 	marginTop: "-16px",
@@ -17,39 +18,39 @@ var o = n(a)({ "& .MuiPaper-root": {
 		width: 0,
 		pointerEvents: "none",
 		borderWidth: "7px",
-		borderTopColor: "black"
+		borderTopColor: r.border()
 	}
-} }), s = n("div")(({ theme: e }) => ({
+} }), c = n("div")(() => ({
 	width: "300px",
 	overflow: "hidden",
 	borderRadius: "4px",
-	backgroundColor: e.palette.common.white,
-	border: `2px solid ${e.palette.grey[100]}`
-})), c = n("div")({
+	backgroundColor: r.white(),
+	border: `2px solid ${r.border()}`
+})), l = n("div")({
 	display: "flex",
 	flexWrap: "wrap"
-}), l = n("div")(({ theme: e }) => ({
+}), u = n("div")(() => ({
 	display: "flex",
 	flexWrap: "wrap",
-	borderTop: `2px solid ${e.palette.grey[100]}`
-})), u = n("div")(({ theme: e, variant: t }) => ({
+	borderTop: `2px solid ${r.border()}`
+})), d = n("div")(({ variant: e }) => ({
 	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]}` },
+	borderBottom: `1px solid ${r.border()}`,
+	"&:not(:nth-child(4n))": { borderRight: `1px solid ${r.border()}` },
 	"&:nth-child(4n)": { flexGrow: 1 },
-	"&:hover": { backgroundColor: e.palette.grey[100] },
-	...t === "positive" && {
+	"&:hover": { backgroundColor: r.backgroundDark() },
+	...e === "positive" && {
 		backgroundColor: "rgb(153, 255, 153) !important",
 		"&:hover": { filter: "brightness(85%)" }
 	},
-	...t === "negative" && {
+	...e === "negative" && {
 		backgroundColor: "rgb(255, 204, 238) !important",
 		"&:hover": { filter: "brightness(85%)" }
 	}
-})), d = class extends e.Component {
+})), f = class extends e.Component {
 	static propTypes = {
 		anchorEl: t.object,
 		open: t.bool,
@@ -62,8 +63,8 @@ var o = n(a)({ "& .MuiPaper-root": {
 		onAnnotate: t.func
 	};
 	render() {
-		let { anchorEl: t, annotations: n, isNewAnnotation: a, onAnnotate: d, onClose: f, onEdit: p, onDelete: m, onWrite: h, open: g } = this.props;
-		return /* @__PURE__ */ r(o, {
+		let { anchorEl: t, annotations: n, isNewAnnotation: r, onAnnotate: o, onClose: f, onEdit: p, onDelete: m, onWrite: h, open: g } = this.props;
+		return /* @__PURE__ */ i(s, {
 			anchorEl: t,
 			open: g,
 			onClose: f,
@@ -80,28 +81,28 @@ var o = n(a)({ "& .MuiPaper-root": {
 				vertical: "bottom",
 				horizontal: "center"
 			},
-			children: /* @__PURE__ */ i(s, { children: [/* @__PURE__ */ r(c, { children: n.map((e, t) => /* @__PURE__ */ r(u, {
+			children: /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ i(l, { children: n.map((e, t) => /* @__PURE__ */ i(d, {
 				variant: e.type,
-				onClick: () => d(e),
+				onClick: () => o(e),
 				children: e.label
-			}, `annotation-${t}`)) }), /* @__PURE__ */ i(l, { children: [
-				/* @__PURE__ */ r(u, {
+			}, `annotation-${t}`)) }), /* @__PURE__ */ a(u, { children: [
+				/* @__PURE__ */ i(d, {
 					onClick: f,
 					children: "Cancel"
 				}),
-				/* @__PURE__ */ r(u, { style: { pointerEvents: "none" } }),
-				a ? /* @__PURE__ */ i(e.Fragment, { children: [/* @__PURE__ */ r(u, {
+				/* @__PURE__ */ i(d, { style: { pointerEvents: "none" } }),
+				r ? /* @__PURE__ */ a(e.Fragment, { children: [/* @__PURE__ */ i(d, {
 					variant: "positive",
 					onClick: () => h("positive"),
 					children: "Write"
-				}), /* @__PURE__ */ r(u, {
+				}), /* @__PURE__ */ i(d, {
 					variant: "negative",
 					onClick: () => h("negative"),
 					children: "Write"
-				})] }) : /* @__PURE__ */ i(e.Fragment, { children: [/* @__PURE__ */ r(u, {
+				})] }) : /* @__PURE__ */ a(e.Fragment, { children: [/* @__PURE__ */ i(d, {
 					onClick: m,
 					children: "Delete"
-				}), /* @__PURE__ */ r(u, {
+				}), /* @__PURE__ */ i(d, {
 					onClick: p,
 					children: "Edit"
 				})] })
@@ -110,4 +111,4 @@ var o = n(a)({ "& .MuiPaper-root": {
 	}
 };
 //#endregion
-export { d as default };
+export { f as default };