@pie-lib/math-input 9.0.1-next.20261003161149 → 9.0.1-next.20261004011201

package/dist/mq/field-label.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Names the textarea MathQuill puts in each editable field under `root`, the control a screen
+ * reader lands on; MathQuill gives it no name. Static math's own selection textarea sits outside
+ * any editable field and is left alone.
+ */
+export declare function labelFieldTextareas(root: Element | null | undefined, language?: string): void;

package/dist/mq/field-label.js

@@ -0,0 +1,10 @@
+import e from "@pie-lib/translator";
+//#region src/mq/field-label.ts
+var { translator: t } = e;
+function n(e, n) {
+	if (!e) return;
+	let r = t.t("mathInput.enterAnswer", { lng: n });
+	for (let t of e.querySelectorAll(".mq-editable-field > .mq-textarea > textarea")) t.setAttribute("aria-label", r);
+}
+//#endregion
+export { n as labelFieldTextareas };

package/dist/mq/input.d.ts

@@ -11,6 +11,7 @@ export declare class Input extends React.Component {
         latex: PropTypes.Requireable<string>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        language: PropTypes.Requireable<string>;
     };
     componentDidMount(): void;
     componentDidUpdate(): void;

package/dist/mq/input.js

@@ -1,25 +1,27 @@
-import { MQ as e } from "./mathquill-instance.js";
-import t from "react";
-import n from "prop-types";
-import { styled as r } from "@mui/material/styles";
-import i from "debug";
-import { jsx as a } from "react/jsx-runtime";
+import { labelFieldTextareas as e } from "./field-label.js";
+import { MQ as t } from "./mathquill-instance.js";
+import n from "react";
+import r from "prop-types";
+import { styled as i } from "@mui/material/styles";
+import a from "debug";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/mq/input.tsx
-var o = i("math-input:mq:input"), s = r("span")({}), c = class extends t.Component {
+var s = a("math-input:mq:input"), c = i("span")({}), l = class extends n.Component {
 	static propTypes = {
-		className: n.string,
-		onClick: n.func,
-		onChange: n.func,
-		latex: n.string,
-		onFocus: n.func,
-		onBlur: n.func
+		className: r.string,
+		onClick: r.func,
+		onChange: r.func,
+		latex: r.string,
+		onFocus: r.func,
+		onBlur: r.func,
+		language: r.string
 	};
 	componentDidMount() {
-		if (!e) throw Error("MQ is not defined - but component has mounted?");
-		this.mathField = e.MathField(this.input, { handlers: { edit: this.onInputEdit.bind(this) } }), this.updateLatex();
+		if (!t) throw Error("MQ is not defined - but component has mounted?");
+		this.mathField = t.MathField(this.input, { handlers: { edit: this.onInputEdit.bind(this) } }), this.updateLatex(), e(this.input, this.props.language);
 	}
 	componentDidUpdate() {
-		this.updateLatex();
+		this.updateLatex(), e(this.input, this.props.language);
 	}
 	updateLatex() {
 		if (!this.mathField) return;
@@ -30,13 +32,13 @@ var o = i("math-input:mq:input"), s = r("span")({}), c = class extends t.Compone
 		return this.mathField.latex(""), "";
 	}
 	blur() {
-		o("blur mathfield"), this.mathField.blur();
+		s("blur mathfield"), this.mathField.blur();
 	}
 	focus() {
-		o("focus mathfield..."), this.mathField.focus();
+		s("focus mathfield..."), this.mathField.focus();
 	}
 	command(e) {
-		return o("command: ", e), Array.isArray(e) ? e.forEach((e) => {
+		return s("command: ", e), Array.isArray(e) ? e.forEach((e) => {
 			this.mathField.cmd(e);
 		}) : this.mathField.cmd(e), this.mathField.focus(), this.mathField.latex();
 	}
@@ -44,10 +46,10 @@ var o = i("math-input:mq:input"), s = r("span")({}), c = class extends t.Compone
 		return this.mathField.keystroke(e), this.mathField.focus(), this.mathField.latex();
 	}
 	write(e) {
-		return o("write: ", e), this.mathField.write(e), this.mathField.focus(), this.mathField.latex();
+		return s("write: ", e), this.mathField.write(e), this.mathField.focus(), this.mathField.latex();
 	}
 	onInputEdit = () => {
-		o("[onInputEdit] ...");
+		s("[onInputEdit] ...");
 		let { onChange: e } = this.props;
 		this.mathField && e && e(this.mathField.latex());
 	};
@@ -65,11 +67,11 @@ var o = i("math-input:mq:input"), s = r("span")({}), c = class extends t.Compone
 		this.refresh(), t && t(e);
 	};
 	shouldComponentUpdate(e) {
-		return o("next: ", e.latex), o("current: ", this.mathField.latex()), e.latex !== this.mathField.latex();
+		return s("next: ", e.latex), s("current: ", this.mathField.latex()), e.latex !== this.mathField.latex();
 	}
 	render() {
 		let { onFocus: e, onBlur: t, className: n } = this.props;
-		return /* @__PURE__ */ a(s, {
+		return /* @__PURE__ */ o(c, {
 			className: n,
 			onKeyDown: this.onKeyPress,
 			onClick: this.onClick,
@@ -80,4 +82,4 @@ var o = i("math-input:mq:input"), s = r("span")({}), c = class extends t.Compone
 	}
 };
 //#endregion
-export { c as Input, c as default };
+export { l as Input, l as default };

package/dist/mq/static.d.ts

@@ -13,6 +13,7 @@ export default class Static extends React.Component {
         onSubFieldChange: PropTypes.Requireable<(...args: any[]) => any>;
         onSubFieldFocus: PropTypes.Requireable<(...args: any[]) => any>;
         setInput: PropTypes.Requireable<(...args: any[]) => any>;
+        language: PropTypes.Requireable<string>;
     };
     static defaultProps: {
         getFieldName: () => void;

package/dist/mq/static.js

@@ -1,29 +1,31 @@
 import { updateSpans as e } from "../updateSpans.js";
-import { MQ as t } from "./mathquill-instance.js";
-import n from "react";
-import r from "prop-types";
-import i from "debug";
-import { jsx as a } from "react/jsx-runtime";
+import { labelFieldTextareas as t } from "./field-label.js";
+import { MQ as n } from "./mathquill-instance.js";
+import r from "react";
+import i from "prop-types";
+import a from "debug";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/mq/static.tsx
-var o = i("pie-lib:math-input:mq:static"), s = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g, c = / /g;
-function l(e = "") {
-	return e.replace(c, "");
+var s = a("pie-lib:math-input:mq:static"), c = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g, l = / /g;
+function u(e = "") {
+	return e.replace(l, "");
 }
-function u(e) {
+function d(e) {
 	let t = 0;
 	for (let n = 0; n < (e || "").length; n++) e[n] === "{" && t++;
 	return t;
 }
-var d = class extends n.Component {
+var f = class extends r.Component {
 	static propTypes = {
-		latex: r.string.isRequired,
-		onFocus: r.func,
-		onBlur: r.func,
-		className: r.string,
-		getFieldName: r.func,
-		onSubFieldChange: r.func,
-		onSubFieldFocus: r.func,
-		setInput: r.func
+		latex: i.string.isRequired,
+		onFocus: i.func,
+		onBlur: i.func,
+		className: i.string,
+		getFieldName: i.func,
+		onSubFieldChange: i.func,
+		onSubFieldFocus: i.func,
+		setInput: i.func,
+		language: i.string
 	};
 	static defaultProps = { getFieldName: () => {} };
 	constructor(e) {
@@ -32,7 +34,7 @@ var d = class extends n.Component {
 			previousLatex: "",
 			inputSource: null,
 			isDeleteKeyPressed: !1
-		}, this.inputRef = n.createRef();
+		}, this.inputRef = r.createRef();
 	}
 	componentDidMount() {
 		this.update(), e(), this.createLiveRegion(), this.addEventListeners();
@@ -83,7 +85,7 @@ var d = class extends n.Component {
 			return;
 		}
 		let { previousLatex: t, inputSource: n, isDeleteKeyPressed: r } = this.state, i = "Converted to math symbol";
-		if (n === "keyboard" && !r) if (u(e) > u(t)) this.announceMessage(i);
+		if (n === "keyboard" && !r) if (d(e) > d(t)) this.announceMessage(i);
 		else try {
 			this.mathField.parseLatex(t), this.mathField.parseLatex(e), e == t && this.announceMessage(i);
 		} catch (e) {
@@ -100,8 +102,8 @@ var d = class extends n.Component {
 		}, 500));
 	};
 	update = () => {
-		if (!t) throw Error("MQ is not defined - but component has mounted?");
-		this.mathField ||= t.StaticMath(this.inputRef?.current, { handlers: { edit: this.onInputEdit.bind(this) } });
+		if (!n) throw Error("MQ is not defined - but component has mounted?");
+		this.mathField ||= n.StaticMath(this.inputRef?.current, { handlers: { edit: this.onInputEdit.bind(this) } });
 		try {
 			this._isProgrammaticUpdate = !0, this.mathField.parseLatex(this.props.latex), this.mathField.latex(this.props.latex);
 		} catch {
@@ -109,17 +111,18 @@ var d = class extends n.Component {
 		} finally {
 			this._isProgrammaticUpdate = !1;
 		}
+		t(this.inputRef?.current, this.props.language);
 	};
 	blur = () => {
-		o("blur mathfield"), this.mathField.blur();
+		s("blur mathfield"), this.mathField.blur();
 	};
 	focus = () => {
-		o("focus mathfield..."), this.mathField.focus();
+		s("focus mathfield..."), this.mathField.focus();
 	};
 	shouldComponentUpdate(e) {
 		try {
-			let t = l(this.mathField.parseLatex(e.latex)), n = (e.latex.match(s) || []).length, r = t !== l(this.mathField.latex().trim()) || n !== Object.keys(this.mathField.innerFields).length / 2;
-			return o("[shouldComponentUpdate] ", r), r;
+			let t = u(this.mathField.parseLatex(e.latex)), n = (e.latex.match(c) || []).length, r = t !== u(this.mathField.latex().trim()) || n !== Object.keys(this.mathField.innerFields).length / 2;
+			return s("[shouldComponentUpdate] ", r), r;
 		} catch (e) {
 			return console.warn("Error parsing latex:", e.message, "skip update"), console.warn(e), !1;
 		}
@@ -139,7 +142,7 @@ var d = class extends n.Component {
 	};
 	render() {
 		let { onBlur: e, className: t } = this.props;
-		return /* @__PURE__ */ a("span", {
+		return /* @__PURE__ */ o("span", {
 			className: t,
 			onFocus: this.onFocus,
 			onBlur: e,
@@ -148,4 +151,4 @@ var d = class extends n.Component {
 	}
 };
 //#endregion
-export { d as default };
+export { f as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/math-input",
-  "version": "9.0.1-next.20261003161149",
+  "version": "9.0.1-next.20261004011201",
   "description": "React implementation of @pie-lib/math-input",
   "repository": {
     "type": "git",
@@ -16,7 +16,8 @@
     "debug": "^4.1.1",
     "prop-types": "^15.7.2",
     "@pie-element/shared-lodash": "0.1.2-next.20261002215153",
-    "@pie-lib/render-ui": "8.0.1-next.20261003161149"
+    "@pie-lib/render-ui": "8.0.1-next.20261003161149",
+    "@pie-lib/translator": "5.0.1-next.20261004011201"
   },
   "type": "module",
   "main": "./dist/index.js",