@pie-lib/math-input-mathlive 2.0.1-next.20261109082044 → 2.0.1-next.20261109091947

package/dist/i18n/ar.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/ar.js

@@ -0,0 +1,4 @@
+//#region src/i18n/ar.ts
+var e = { enterAnswerA11y: "إدخال الإجابة" };
+//#endregion
+export { e as default };

package/dist/i18n/cy.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/cy.js

@@ -0,0 +1,4 @@
+//#region src/i18n/cy.ts
+var e = { enterAnswerA11y: "Rhowch ateb" };
+//#endregion
+export { e as default };

package/dist/i18n/en-AU.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/en-AU.js

@@ -0,0 +1,4 @@
+//#region src/i18n/en-AU.ts
+var e = { enterAnswerA11y: "Enter answer" };
+//#endregion
+export { e as default };

package/dist/i18n/en-GB.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/en-GB.js

@@ -0,0 +1,4 @@
+//#region src/i18n/en-GB.ts
+var e = { enterAnswerA11y: "Enter answer" };
+//#endregion
+export { e as default };

package/dist/i18n/en-US.d.ts

@@ -0,0 +1,6 @@
+/** The interface strings `@pie-lib/math-input-mathlive` renders; the source for every other locale. */
+declare const _default: {
+    /** Accessible name of a `<math-field>` and of the keyboard input inside it. */
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/en-US.js

@@ -0,0 +1,4 @@
+//#region src/i18n/en-US.ts
+var e = { enterAnswerA11y: "Enter answer" };
+//#endregion
+export { e as default };

package/dist/i18n/es.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/es.js

@@ -0,0 +1,4 @@
+//#region src/i18n/es.ts
+var e = { enterAnswerA11y: "Escribe la respuesta" };
+//#endregion
+export { e as default };

package/dist/i18n/fr.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/fr.js

@@ -0,0 +1,4 @@
+//#region src/i18n/fr.ts
+var e = { enterAnswerA11y: "Saisir la réponse" };
+//#endregion
+export { e as default };

package/dist/i18n/index.d.ts

@@ -0,0 +1,3 @@
+export declare const catalogs: import("@pie-element/shared-i18n").Catalogs<{
+    enterAnswerA11y: string;
+}>;

package/dist/i18n/index.js

@@ -0,0 +1,67 @@
+import e from "./en-US.js";
+import { defineCatalogs as t } from "@pie-element/shared-i18n";
+//#region src/i18n/index.ts
+var n = t({
+	packageName: "@pie-lib/math-input-mathlive",
+	source: e,
+	loaders: {
+		es: () => import(
+			/* webpackMode: "eager" */
+			"./es.js"
+),
+		"th-TH": () => import(
+			/* webpackMode: "eager" */
+			"./th-TH.js"
+),
+		"en-GB": () => import(
+			/* webpackMode: "eager" */
+			"./en-GB.js"
+),
+		"en-AU": () => import(
+			/* webpackMode: "eager" */
+			"./en-AU.js"
+),
+		fr: () => import(
+			/* webpackMode: "eager" */
+			"./fr.js"
+),
+		ar: () => import(
+			/* webpackMode: "eager" */
+			"./ar.js"
+),
+		pt: () => import(
+			/* webpackMode: "eager" */
+			"./pt.js"
+),
+		ko: () => import(
+			/* webpackMode: "eager" */
+			"./ko.js"
+),
+		ja: () => import(
+			/* webpackMode: "eager" */
+			"./ja.js"
+),
+		zh: () => import(
+			/* webpackMode: "eager" */
+			"./zh.js"
+),
+		cy: () => import(
+			/* webpackMode: "eager" */
+			"./cy.js"
+),
+		sv: () => import(
+			/* webpackMode: "eager" */
+			"./sv.js"
+),
+		"nl-NL": () => import(
+			/* webpackMode: "eager" */
+			"./nl-NL.js"
+),
+		ro: () => import(
+			/* webpackMode: "eager" */
+			"./ro.js"
+)
+	}
+});
+//#endregion
+export { n as catalogs };

package/dist/i18n/ja.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/ja.js

@@ -0,0 +1,4 @@
+//#region src/i18n/ja.ts
+var e = { enterAnswerA11y: "解答を入力" };
+//#endregion
+export { e as default };

package/dist/i18n/ko.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/ko.js

@@ -0,0 +1,4 @@
+//#region src/i18n/ko.ts
+var e = { enterAnswerA11y: "답 입력" };
+//#endregion
+export { e as default };

package/dist/i18n/nl-NL.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/nl-NL.js

@@ -0,0 +1,4 @@
+//#region src/i18n/nl-NL.ts
+var e = { enterAnswerA11y: "Antwoord invoeren" };
+//#endregion
+export { e as default };

package/dist/i18n/pt.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/pt.js

@@ -0,0 +1,4 @@
+//#region src/i18n/pt.ts
+var e = { enterAnswerA11y: "Inserir resposta" };
+//#endregion
+export { e as default };

package/dist/i18n/ro.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/ro.js

@@ -0,0 +1,4 @@
+//#region src/i18n/ro.ts
+var e = { enterAnswerA11y: "Introdu răspunsul" };
+//#endregion
+export { e as default };

package/dist/i18n/sv.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/sv.js

@@ -0,0 +1,4 @@
+//#region src/i18n/sv.ts
+var e = { enterAnswerA11y: "Ange svar" };
+//#endregion
+export { e as default };

package/dist/i18n/th-TH.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/th-TH.js

@@ -0,0 +1,4 @@
+//#region src/i18n/th-TH.ts
+var e = { enterAnswerA11y: "ป้อนคำตอบ" };
+//#endregion
+export { e as default };

package/dist/i18n/zh.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    enterAnswerA11y: string;
+};
+export default _default;

package/dist/i18n/zh.js

@@ -0,0 +1,4 @@
+//#region src/i18n/zh.ts
+var e = { enterAnswerA11y: "输入答案" };
+//#endregion
+export { e as default };

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

@@ -10,7 +10,10 @@
  * The field is a group around that textbox. With MathLive's own `math` role, which it sets
  * through ElementInternals, a focusable field holding a focusable textbox is a nested
  * interactive control.
+ *
+ * The name follows `language`. A locale that is not resident names the field in English and
+ * starts loading; `onLoad` runs once it settles, so a component passes its own relabel there.
  */
-export declare function labelMathField(mathField: Element | null | undefined, language?: string): void;
+export declare function labelMathField(mathField: Element | null | undefined, language?: string, onLoad?: () => void): void;
 /** Points a `<math-field>` at the element that describes it, or drops the reference. */
 export declare function describeMathField(mathField: Element | null | undefined, describedBy?: string): void;

package/dist/mf/field-label.js

@@ -1,13 +1,12 @@
-import e from "@pie-lib/translator";
+import { catalogs as e } from "../i18n/index.js";
 //#region src/mf/field-label.ts
-var { translator: t } = e;
-function n(e, n) {
-	if (!e) return;
-	let r = t.t("mathInput.enterAnswer", { lng: n });
-	e.setAttribute("role", "group"), e.setAttribute("aria-label", r), e.shadowRoot?.querySelector(".ML__keyboard-sink")?.setAttribute("aria-label", r);
+function t(t, n, r) {
+	if (!t) return;
+	let i = e.forLocale(n, r).t("enterAnswerA11y");
+	t.setAttribute("role", "group"), t.setAttribute("aria-label", i), t.shadowRoot?.querySelector(".ML__keyboard-sink")?.setAttribute("aria-label", i);
 }
-function r(e, t) {
+function n(e, t) {
 	e && (t ? e.setAttribute("aria-describedby", t) : e.removeAttribute("aria-describedby"));
 }
 //#endregion
-export { r as describeMathField, n as labelMathField };
+export { n as describeMathField, t as labelMathField };

package/dist/mf/input.d.ts

@@ -20,6 +20,8 @@ export declare class Input extends React.Component {
         readOnly: PropTypes.Requireable<boolean>;
         innerRef: PropTypes.Requireable<(...args: any[]) => any>;
     };
+    /** Renames the field once the language's catalog lands, for an element that did not preload it. */
+    relabel: () => void;
     constructor(props: any);
     componentDidMount(): Promise<void>;
     componentDidUpdate(prevProps: any): void;

package/dist/mf/input.js

@@ -30,17 +30,18 @@ var _ = h("pie-lib:math-input-mathlive:input"), v = /([0-9])\\ (\\frac\{[^{}]*\}
 		readOnly: p.bool,
 		innerRef: p.func
 	};
+	relabel = () => u(this.mathField, this.props.language);
 	constructor(e) {
 		super(e), this.holderRef = f.createRef(), this.lastEmitted = void 0;
 	}
 	async componentDidMount() {
 		let e = this.mountGeneration = (this.mountGeneration || 0) + 1, t = await s();
-		e === this.mountGeneration && t?.MathfieldElement && this.holderRef.current && !this.mathField && (this.mathField = o(t), u(this.mathField, this.props.language), l(this.mathField, this.props.ariaDescribedBy), this.mathField.value = r(this.props.latex || ""), this.props.readOnly && (this.mathField.readOnly = !0), this.mathField.mathVirtualKeyboardPolicy = "manual", this.mathField.mathModeSpace = "\\ ", this.mathField.smartSuperscript = !1, a(this.mathField), this.untrackCaret = c(this.mathField), this.untrackSelection = d(this.mathField), this.untrackLongDivision = i(this.mathField), this.mathField.addEventListener("input", this.onInputEdit), this.holderRef.current.replaceChildren(this.mathField), u(this.mathField, this.props.language), this.props.innerRef && this.props.innerRef(this), this.pendingFocus && (this.pendingFocus = !1, this.mathField.focus()));
+		e === this.mountGeneration && t?.MathfieldElement && this.holderRef.current && !this.mathField && (this.mathField = o(t), u(this.mathField, this.props.language, this.relabel), l(this.mathField, this.props.ariaDescribedBy), this.mathField.value = r(this.props.latex || ""), this.props.readOnly && (this.mathField.readOnly = !0), this.mathField.mathVirtualKeyboardPolicy = "manual", this.mathField.mathModeSpace = "\\ ", this.mathField.smartSuperscript = !1, a(this.mathField), this.untrackCaret = c(this.mathField), this.untrackSelection = d(this.mathField), this.untrackLongDivision = i(this.mathField), this.mathField.addEventListener("input", this.onInputEdit), this.holderRef.current.replaceChildren(this.mathField), u(this.mathField, this.props.language, this.relabel), this.props.innerRef && this.props.innerRef(this), this.pendingFocus && (this.pendingFocus = !1, this.mathField.focus()));
 	}
 	componentDidUpdate(e) {
 		if (!this.mathField) return;
 		let { latex: t, readOnly: n, language: i } = this.props;
-		if (i !== e.language && u(this.mathField, i), this.props.ariaDescribedBy !== e.ariaDescribedBy && l(this.mathField, this.props.ariaDescribedBy), n !== e.readOnly && (this.mathField.readOnly = !!n), t != null && t !== this.lastEmitted) {
+		if (i !== e.language && u(this.mathField, i, this.relabel), this.props.ariaDescribedBy !== e.ariaDescribedBy && l(this.mathField, this.props.ariaDescribedBy), n !== e.readOnly && (this.mathField.readOnly = !!n), t != null && t !== this.lastEmitted) {
 			let e = r(t);
 			e !== this.mathField.value && (this.mathField.value = e);
 		}

package/dist/mf/static.d.ts

@@ -31,6 +31,8 @@ export default class Static extends React.Component {
     static defaultProps: {
         getFieldName: () => void;
     };
+    /** Renames the field once the language's catalog lands, for an element that did not preload it. */
+    relabel: () => void;
     constructor(props: any);
     componentDidMount(): void;
     /** Render display markup, or mount a live field when the latex has answer blocks. */

package/dist/mf/static.js

@@ -35,6 +35,7 @@ var E = w("pie-lib:math-input-mathlive:static"), D = "position:absolute;width:1p
 		setInput: S.func
 	};
 	static defaultProps = { getFieldName: () => {} };
+	relabel = () => b(this.mathField, this.props.language);
 	constructor(e) {
 		super(e), this.holderRef = x.createRef(), this.state = { markup: "" }, this.promptValues = {};
 	}
@@ -48,10 +49,10 @@ var E = w("pie-lib:math-input-mathlive:static"), D = "position:absolute;width:1p
 			return;
 		}
 		let t = await _();
-		e === this.mountGeneration && t?.MathfieldElement && this.holderRef.current && !this.mathField && (this.mathField = m(t), b(this.mathField, this.props.language), y(this.mathField, this.props.ariaDescribedBy), this.mathField.readOnly = !0, this.mathField.mathVirtualKeyboardPolicy = "manual", this.mathField.mathModeSpace = "\\ ", this.mathField.smartSuperscript = !1, this.mathField.value = s(this.props.latex), p(this.mathField), this.untrackCaret = v(this.mathField), this.untrackLongDivision = f(this.mathField), this.mathField.addEventListener("input", this.onPromptInput), this.mathField.addEventListener("pointerdown", this.onPointerDown, !0), this.mathField.addEventListener("focusin", this.onPromptFocus), this.mathField.addEventListener("selection-change", this.onSelectionChange), this.mathField.addEventListener("keydown", this.onKeyDown), this.holderRef.current.replaceChildren(this.mathField), b(this.mathField, this.props.language), this.parkCaret(), this.createLiveRegion());
+		e === this.mountGeneration && t?.MathfieldElement && this.holderRef.current && !this.mathField && (this.mathField = m(t), b(this.mathField, this.props.language, this.relabel), y(this.mathField, this.props.ariaDescribedBy), this.mathField.readOnly = !0, this.mathField.mathVirtualKeyboardPolicy = "manual", this.mathField.mathModeSpace = "\\ ", this.mathField.smartSuperscript = !1, this.mathField.value = s(this.props.latex), p(this.mathField), this.untrackCaret = v(this.mathField), this.untrackLongDivision = f(this.mathField), this.mathField.addEventListener("input", this.onPromptInput), this.mathField.addEventListener("pointerdown", this.onPointerDown, !0), this.mathField.addEventListener("focusin", this.onPromptFocus), this.mathField.addEventListener("selection-change", this.onSelectionChange), this.mathField.addEventListener("keydown", this.onKeyDown), this.holderRef.current.replaceChildren(this.mathField), b(this.mathField, this.props.language, this.relabel), this.parkCaret(), this.createLiveRegion());
 	}
 	componentDidUpdate(e, t) {
-		!this.mathField && this.state.markup !== (t && t.markup) && d(this.holderRef.current), this.mathField && e.language !== this.props.language && b(this.mathField, this.props.language), this.mathField && e.ariaDescribedBy !== this.props.ariaDescribedBy && y(this.mathField, this.props.ariaDescribedBy), e.latex !== this.props.latex && (this.isInteractive() === this.interactive ? this.mathField ? n(this.props.latex) === n(e.latex) ? this.syncPrompts() : (this.mathField.value = s(this.props.latex), this.parkCaret()) : this.renderMarkup() : (this.unmountField(), this.setState({ markup: "" }), this.mount()));
+		!this.mathField && this.state.markup !== (t && t.markup) && d(this.holderRef.current), this.mathField && e.language !== this.props.language && b(this.mathField, this.props.language, this.relabel), this.mathField && e.ariaDescribedBy !== this.props.ariaDescribedBy && y(this.mathField, this.props.ariaDescribedBy), e.latex !== this.props.latex && (this.isInteractive() === this.interactive ? this.mathField ? n(this.props.latex) === n(e.latex) ? this.syncPrompts() : (this.mathField.value = s(this.props.latex), this.parkCaret()) : this.renderMarkup() : (this.unmountField(), this.setState({ markup: "" }), this.mount()));
 	}
 	parkCaret() {
 		if (!this.mathField || this.mathField.hasFocus?.()) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/math-input-mathlive",
-  "version": "2.0.1-next.20261109082044",
+  "version": "2.0.1-next.20261109091947",
   "description": "MathLive-based math input (drop-in alternative to @pie-lib/math-input)",
   "license": "MIT",
   "repository": {
@@ -17,8 +17,8 @@
     "mathlive": "0.110.0",
     "prop-types": "^15.7.2",
     "@pie-element/shared-lodash": "0.1.4-next.20261026212738",
-    "@pie-lib/render-ui": "8.0.8-next.20261109082044",
-    "@pie-lib/translator": "5.0.3-next.20261109072207"
+    "@pie-lib/render-ui": "8.0.8-next.20261109091947",
+    "@pie-element/shared-i18n": "0.1.3-next.20261109082044"
   },
   "type": "module",
   "main": "./dist/index.js",