@pie-lib/graphing-solution-set 5.0.1-next.20261003161149 → 5.0.1-next.20261004005223

package/dist/__tests__/mark-label-name.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/tool-menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/graph-with-controls.js

@@ -145,7 +145,8 @@ var P = class extends s.Component {
 					tools: Q,
 					gssLineData: G,
 					onSolutionSetSelected: q,
-					disabled: !!g
+					disabled: !!g,
+					language: U
 				})
 			]
 		});

package/dist/graph.d.ts

@@ -42,6 +42,7 @@ export declare const graphPropTypes: {
     showTitle: PropTypes.Requireable<boolean>;
     title: PropTypes.Requireable<string>;
     tools: PropTypes.Requireable<any[]>;
+    language: PropTypes.Requireable<string>;
 };
 export declare const removeBuildingToolIfCurrentToolDiffers: ({ marks, currentTool }: {
     marks: any;
@@ -92,6 +93,7 @@ export declare class Graph extends React.Component {
         showTitle: PropTypes.Requireable<boolean>;
         title: PropTypes.Requireable<string>;
         tools: PropTypes.Requireable<any[]>;
+        language: PropTypes.Requireable<string>;
     };
     static defaultProps: {
         onChangeMarks: () => void;

package/dist/graph.js

@@ -35,7 +35,8 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 	showPixelGuides: c.bool,
 	showTitle: c.bool,
 	title: c.string,
-	tools: c.array
+	tools: c.array,
+	language: c.string
 }, y = (e) => ({
 	x: -23,
 	y: -23,
@@ -110,18 +111,19 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 		}, void 0), this.updateMarks(c, l, !0);
 	};
 	render() {
-		let { axesSettings: t, currentTool: r, coordinatesOnHover: a, size: s, disabledLabels: c, disabledTitle: l, domain: u, backgroundMarks: p, range: m, title: _, labels: v, labelModeEnabled: x, labelsPlaceholders: S, showLabels: C, showPixelGuides: w, showTitle: T, titlePlaceholder: E, onChangeLabels: D, onChangeTitle: O, mathMlOptions: k = {}, gssLineData: A, disabled: j } = this.props, { marks: M } = this.props, N = f(u, m, s, () => this.rootNode), P = y(s), F = {
-			graphProps: N,
+		let { axesSettings: t, currentTool: r, coordinatesOnHover: a, size: s, disabledLabels: c, disabledTitle: l, domain: u, backgroundMarks: p, range: m, title: _, labels: v, labelModeEnabled: x, labelsPlaceholders: S, showLabels: C, showPixelGuides: w, showTitle: T, titlePlaceholder: E, onChangeLabels: D, onChangeTitle: O, mathMlOptions: k = {}, gssLineData: A, disabled: j, language: M } = this.props, { marks: N } = this.props, P = f(u, m, s, () => this.rootNode), F = y(s), I = {
+			graphProps: P,
 			labelModeEnabled: x,
-			gssLineData: A
+			gssLineData: A,
+			language: M
 		};
-		M = b({
-			marks: M || [],
+		N = b({
+			marks: N || [],
 			currentTool: r
 		});
-		let I = M.filter((e) => e.type === "polygon");
+		let L = N.filter((e) => e.type === "polygon");
 		A && A.selectedTool === "solutionSet" && A.sections.forEach((t) => {
-			if (I.length === 0 || !e(t, I[0].points)) {
+			if (L.length === 0 || !e(t, L[0].points)) {
 				let e = {
 					type: "polygon",
 					building: !1,
@@ -129,11 +131,11 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 					points: t,
 					isSolution: !1
 				};
-				j || M.push(e);
+				j || N.push(e);
 			}
 		});
-		let L = [];
-		return L.push(...M.filter((e) => e.type === "polygon")), L.push(...M.filter((e) => e.type === "line")), /* @__PURE__ */ h(d, {
+		let R = [];
+		return R.push(...N.filter((e) => e.type === "polygon")), R.push(...N.filter((e) => e.type === "line")), /* @__PURE__ */ h(d, {
 			rootRef: (e) => this.rootNode = e,
 			disabledTitle: l,
 			disabledLabels: c,
@@ -147,24 +149,24 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 			onChangeTitle: O,
 			onChangeLabels: D,
 			mathMlOptions: k,
-			...F,
+			...I,
 			children: /* @__PURE__ */ g("g", {
 				transform: u && u.padding && u.range ? `translate(${u.padding}, ${m.padding})` : void 0,
 				children: [
-					/* @__PURE__ */ h(i, { ...F }),
+					/* @__PURE__ */ h(i, { ...I }),
 					/* @__PURE__ */ h(n, {
 						...t,
-						...F
+						...I
 					}),
 					/* @__PURE__ */ h(o, {
 						...s,
 						onClick: this.onBgClick,
-						...F
+						...I
 					}),
 					/* @__PURE__ */ g("mask", {
 						id: `${this.maskUid}`,
 						children: [/* @__PURE__ */ h("rect", {
-							...P,
+							...F,
 							fill: "white"
 						}), " "]
 					}),
@@ -182,10 +184,10 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 									},
 									labelNode: this.state.labelNode,
 									onClick: this.onBgClick,
-									...F
+									...I
 								}, `${r}-${t}-bg`);
 							}),
-							L.map((e, t) => {
+							R.map((e, t) => {
 								let n = this.getComponent(e), i = e.type;
 								return /* @__PURE__ */ h(n, {
 									mark: e,
@@ -197,7 +199,7 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 									onDragStop: this.stopDrag,
 									labelNode: this.state.labelNode,
 									isToolActive: r && i === r.type,
-									...F
+									...I
 								}, `${i}-${t}`);
 							}),
 							/* @__PURE__ */ h("foreignObject", {

package/dist/mark-label.d.ts

@@ -35,6 +35,7 @@ export declare const MarkLabel: {
             }>>>;
         }>>;
         inputRef: PropTypes.Requireable<(...args: any[]) => any>;
+        language: PropTypes.Requireable<string>;
         mark: PropTypes.Requireable<object>;
         theme: PropTypes.Requireable<object>;
     };

package/dist/mark-label.js

@@ -1,29 +1,31 @@
-import { AutosizeInput as e } from "./autosize-input.js";
-import { useDebounce as t } from "./use-debounce.js";
-import { useCallback as n, useEffect as r, useState as i } from "react";
-import a from "prop-types";
-import { types as o } from "@pie-lib/plot";
-import { jsx as s } from "react/jsx-runtime";
-import { styled as c } from "@mui/material/styles";
-import { color as l } from "@pie-lib/render-ui";
+import { roundNumber as e } from "./utils.js";
+import { AutosizeInput as t } from "./autosize-input.js";
+import { useDebounce as n } from "./use-debounce.js";
+import { useCallback as r, useEffect as i, useState as a } from "react";
+import o from "prop-types";
+import { types as s } from "@pie-lib/plot";
+import { jsx as c } from "react/jsx-runtime";
+import { styled as l } from "@mui/material/styles";
+import { color as u } from "@pie-lib/render-ui";
+import d from "@pie-lib/translator";
 //#region src/mark-label.tsx
-var u = c(e, { shouldForwardProp: (e) => !["disabled", "markDisabled"].includes(e) })(({ theme: e, disabled: t, markDisabled: n }) => ({ "& input": {
+var { translator: f } = d, p = l(t, { shouldForwardProp: (e) => !["disabled", "markDisabled"].includes(e) })(({ theme: e, disabled: t, markDisabled: n }) => ({ "& input": {
 	float: "right",
 	padding: e.spacing(.5),
 	fontFamily: e.typography.fontFamily,
 	fontSize: e.typography.fontSize,
-	border: `solid 1px ${t ? l.defaults.PRIMARY_DARK : n ? l.disabled() : l.defaults.SECONDARY}`,
+	border: `solid 1px ${t ? u.defaults.PRIMARY_DARK : n ? u.disabled() : u.defaults.SECONDARY}`,
 	borderRadius: "3px",
-	color: n ? l.disabled() : l.defaults.PRIMARY_DARK,
+	color: n ? u.disabled() : u.defaults.PRIMARY_DARK,
 	background: t || n ? e.palette.background.paper : "transparent"
-} })), d = (e, t, n) => {
+} })), m = (e, t, n) => {
 	n ||= {
 		width: 0,
 		height: 0
 	};
 	let { scale: r, domain: i, range: a } = e, o = r.x(t.x) + n.width + 10, s = r.y(t.y) + n.height + 10, c = o >= r.x(i.max) ? "left" : "right";
 	return `${s >= r.y(a.min) ? "top" : "bottom"}-${c}`;
-}, f = (e, t, n, r) => {
+}, h = (e, t, n, r) => {
 	let { scale: i } = e;
 	switch (n ||= {
 		width: 0,
@@ -46,39 +48,45 @@ var u = c(e, { shouldForwardProp: (e) => !["disabled", "markDisabled"].includes(
 			top: i.y(t.y) - 10 - n.height
 		};
 	}
-}, p = (e) => {
-	let [a, o] = i(null), c = n((e) => o(e)), { mark: l, graphProps: p, disabled: m, inputRef: h } = e, [g, _] = i(l.label), v = (e) => _(e.target.value), y = t(g, 200);
-	r(() => {
-		_(l.label);
-	}, [l.label]), r(() => {
-		typeof y == "string" && y !== l.label && e.onChange(y);
-	}, [y]);
-	let b = a ? a.getBoundingClientRect() : {
+}, g = (t) => {
+	let [o, s] = a(null), l = r((e) => s(e)), { mark: u, graphProps: d, disabled: g, inputRef: _, language: v } = t, [y, b] = a(u.label), x = (e) => b(e.target.value), S = n(y, 200);
+	i(() => {
+		b(u.label);
+	}, [u.label]), i(() => {
+		typeof S == "string" && S !== u.label && t.onChange(S);
+	}, [S]);
+	let C = o ? o.getBoundingClientRect() : {
 		width: 0,
 		height: 0
-	}, x = {
+	}, w = {
 		position: "fixed",
 		pointerEvents: "auto",
-		...f(p, l, b, d(p, l, b))
-	};
-	return /* @__PURE__ */ s(u, {
+		...h(d, u, C, m(d, u, C))
+	}, T = g || u.disabled;
+	return /* @__PURE__ */ c(p, {
 		inputRef: (e) => {
-			c(e), h(e);
+			l(e), _(e);
 		},
-		disabled: m || l.disabled,
-		markDisabled: l.disabled,
-		value: g,
-		style: x,
-		onChange: v
+		"aria-label": Number.isFinite(u.x) && Number.isFinite(u.y) ? f.t("graphing.markLabel", {
+			lng: v,
+			x: e(u.x),
+			y: e(u.y)
+		}) : f.t("graphing.label", { lng: v }),
+		disabled: T,
+		markDisabled: u.disabled,
+		value: y,
+		style: w,
+		onChange: x
 	});
 };
-p.propTypes = {
-	disabled: a.bool,
-	onChange: a.func,
-	graphProps: o.GraphPropsType,
-	inputRef: a.func,
-	mark: a.object,
-	theme: a.object
+g.propTypes = {
+	disabled: o.bool,
+	onChange: o.func,
+	graphProps: s.GraphPropsType,
+	inputRef: o.func,
+	language: o.string,
+	mark: o.object,
+	theme: o.object
 };
 //#endregion
-export { p as MarkLabel, p as default, f as coordinates, d as position };
+export { g as MarkLabel, g as default, h as coordinates, m as position };

package/dist/tool-menu.d.ts

@@ -6,6 +6,7 @@ export declare class ToolMenu extends React.Component {
         disabled: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
     };
+    idPrefix: string;
     onChangeRadioValue: any;
     lineTypeChange: any;
     render(): React.JSX.Element;

package/dist/tool-menu.js

@@ -1,15 +1,17 @@
 import e from "react";
 import t from "prop-types";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { styled as i } from "@mui/material/styles";
-import { Button as a, Radio as o, Typography as s } from "@mui/material";
+import { uniqueId as n } from "@pie-element/shared-lodash";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { styled as a } from "@mui/material/styles";
+import { Button as o, Radio as s, Typography as c } from "@mui/material";
 //#region src/tool-menu.tsx
-var c = class extends e.Component {
+var l = class extends e.Component {
 	static propTypes = {
 		gssLineData: t.object,
 		disabled: t.bool,
 		onChange: t.func
 	};
+	idPrefix = n("gss-tool-menu-");
 	onChangeRadioValue = (e) => {
 		let { gssLineData: t, onChange: n } = this.props, r = t.selectedTool;
 		t.selectedTool = e.target.value, n(t, r);
@@ -20,27 +22,29 @@ var c = class extends e.Component {
 	};
 	render() {
 		let { gssLineData: e, disabled: t } = this.props;
-		return /* @__PURE__ */ n(l, { children: /* @__PURE__ */ r("div", {
+		return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ i("div", {
 			className: "selectLineRadioGroup",
 			children: [
-				/* @__PURE__ */ r("div", {
+				/* @__PURE__ */ i("div", {
 					className: "radioFieldOuter",
-					children: [/* @__PURE__ */ r("div", {
+					children: [/* @__PURE__ */ i("div", {
 						className: "radioFieldInner",
-						children: [/* @__PURE__ */ n(o, {
+						children: [/* @__PURE__ */ r(s, {
 							name: "select-line-radio-buttons",
 							onChange: this.onChangeRadioValue,
 							value: "lineA",
 							disabled: !!t,
 							checked: e.selectedTool === "lineA",
-							className: "lineTypeRadio"
-						}), /* @__PURE__ */ n(s, {
+							className: "lineTypeRadio",
+							inputProps: { "aria-labelledby": `${this.idPrefix}-lineA` }
+						}), /* @__PURE__ */ r(c, {
+							id: `${this.idPrefix}-lineA`,
 							className: "lineNameFont",
 							children: "Line A"
 						})]
-					}), /* @__PURE__ */ r("div", {
+					}), /* @__PURE__ */ i("div", {
 						className: "radioFieldButtons",
-						children: [/* @__PURE__ */ r(a, {
+						children: [/* @__PURE__ */ i(o, {
 							size: "small",
 							variant: "contained",
 							color: e.lineA.lineType === "Solid" ? "primary" : "inherit",
@@ -48,7 +52,7 @@ var c = class extends e.Component {
 							onClick: () => this.lineTypeChange("A", "Solid"),
 							className: e.lineA.lineType === "Solid" ? t ? "lineTypeButtonLeftSelectedDisabled" : "lineTypeButtonLeftSelected" : t ? "lineTypeButtonLeftUnSelectedDisabled" : "lineTypeButtonLeftUnSelected",
 							children: [e.lineA.lineType === "Solid" && "✔", " Solid"]
-						}), /* @__PURE__ */ r(a, {
+						}), /* @__PURE__ */ i(o, {
 							size: "small",
 							variant: "contained",
 							color: e.lineA.lineType === "Dashed" ? "primary" : "inherit",
@@ -59,24 +63,26 @@ var c = class extends e.Component {
 						})]
 					})]
 				}),
-				e.numberOfLines === 2 && /* @__PURE__ */ r("div", {
+				e.numberOfLines === 2 && /* @__PURE__ */ i("div", {
 					className: "radioFieldOuter",
-					children: [/* @__PURE__ */ r("div", {
+					children: [/* @__PURE__ */ i("div", {
 						className: "radioFieldInner",
-						children: [/* @__PURE__ */ n(o, {
+						children: [/* @__PURE__ */ r(s, {
 							name: "select-line-radio-buttons",
 							onChange: this.onChangeRadioValue,
 							value: "lineB",
 							disabled: !!t,
 							checked: e.selectedTool === "lineB",
-							className: "lineTypeRadio"
-						}), /* @__PURE__ */ n(s, {
+							className: "lineTypeRadio",
+							inputProps: { "aria-labelledby": `${this.idPrefix}-lineB` }
+						}), /* @__PURE__ */ r(c, {
+							id: `${this.idPrefix}-lineB`,
 							className: "lineNameFont",
 							children: "Line B"
 						})]
-					}), /* @__PURE__ */ r("div", {
+					}), /* @__PURE__ */ i("div", {
 						className: "radioFieldButtons",
-						children: [/* @__PURE__ */ r(a, {
+						children: [/* @__PURE__ */ i(o, {
 							size: "small",
 							variant: "contained",
 							color: e.lineB.lineType === "Solid" ? "primary" : "inherit",
@@ -84,7 +90,7 @@ var c = class extends e.Component {
 							onClick: () => this.lineTypeChange("B", "Solid"),
 							className: e.lineB.lineType === "Solid" ? t ? "lineTypeButtonLeftSelectedDisabled" : "lineTypeButtonLeftSelected" : t ? "lineTypeButtonLeftUnSelectedDisabled" : "lineTypeButtonLeftUnSelected",
 							children: [e.lineB.lineType === "Solid" && "✔", " Solid"]
-						}), /* @__PURE__ */ r(a, {
+						}), /* @__PURE__ */ i(o, {
 							size: "small",
 							variant: "contained",
 							color: e.lineB.lineType === "Dashed" ? "primary" : "inherit",
@@ -95,18 +101,20 @@ var c = class extends e.Component {
 						})]
 					})]
 				}),
-				/* @__PURE__ */ n("div", {
+				/* @__PURE__ */ r("div", {
 					className: "radioFieldOuter",
-					children: /* @__PURE__ */ r("div", {
+					children: /* @__PURE__ */ i("div", {
 						className: "radioFieldInner",
-						children: [/* @__PURE__ */ n(o, {
+						children: [/* @__PURE__ */ r(s, {
 							name: "select-line-radio-buttons",
 							onChange: this.onChangeRadioValue,
 							value: "solutionSet",
 							disabled: !!t,
 							checked: e.selectedTool === "solutionSet",
-							className: "lineTypeRadio"
-						}), /* @__PURE__ */ n(s, {
+							className: "lineTypeRadio",
+							inputProps: { "aria-labelledby": `${this.idPrefix}-solutionSet` }
+						}), /* @__PURE__ */ r(c, {
+							id: `${this.idPrefix}-solutionSet`,
 							className: "lineNameFont",
 							children: "Solution Set"
 						})]
@@ -115,7 +123,7 @@ var c = class extends e.Component {
 			]
 		}) });
 	}
-}, l = i("div")(() => ({
+}, u = a("div")(() => ({
 	"& .selectLineRadioGroup": {
 		display: "flex",
 		flexWrap: "wrap",
@@ -185,4 +193,4 @@ var c = class extends e.Component {
 	}
 }));
 //#endregion
-export { c as ToolMenu, c as default };
+export { l as ToolMenu, l as default };

package/dist/tools/line/component.d.ts

@@ -95,6 +95,7 @@ declare const Component: {
                 height: PropTypes.Validator<number>;
             }>>>;
         }>>>;
+        language: PropTypes.Requireable<string>;
         mark: PropTypes.Requireable<object>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onDelete: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/tools/shared/line/index.d.ts

@@ -58,6 +58,7 @@ export declare const lineToolComponent: (Component: any) => {
                 height: PropTypes.Validator<number>;
             }>>>;
         }>>>;
+        language: PropTypes.Requireable<string>;
         mark: PropTypes.Requireable<object>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onDelete: PropTypes.Requireable<(...args: any[]) => any>;
@@ -181,6 +182,7 @@ export declare const lineBase: (Comp: any, opts: any) => {
         labelNode: PropTypes.Requireable<object>;
         labelModeEnabled: PropTypes.Requireable<boolean>;
         changeMarkProps: PropTypes.Requireable<(...args: any[]) => any>;
+        language: PropTypes.Requireable<string>;
     };
     contextType?: React.Context<any> | undefined;
 };

package/dist/tools/shared/line/index.js

@@ -25,7 +25,8 @@ var S = (t, n) => () => ({
 }), C = (e) => class extends l.Component {
 	static propTypes = {
 		...g.ToolPropTypeFields,
-		graphProps: g.GraphPropsType.isRequired
+		graphProps: g.GraphPropsType.isRequired,
+		language: u.string
 	};
 	constructor(e) {
 		super(e), this.state = {};
@@ -66,16 +67,16 @@ var S = (t, n) => () => ({
 		}), p(i, a) || r(i, a);
 	};
 	render() {
-		let { graphProps: t, onClick: n, labelNode: r, labelModeEnabled: i, coordinatesOnHover: a, gssLineData: o } = this.props, s = this.state.mark ? this.state.mark : this.props.mark, c = d(s.from), l = d(s.to), u = d(s.middle);
-		return c && s.isBackground && (c.disabled = !0), l && s.isBackground && (l.disabled = !0), u && s.isBackground && (u.disabled = !0), /* @__PURE__ */ v(e, {
-			disabled: s.disabled,
+		let { graphProps: t, onClick: n, labelNode: r, labelModeEnabled: i, coordinatesOnHover: a, gssLineData: o, language: s } = this.props, c = this.state.mark ? this.state.mark : this.props.mark, l = d(c.from), u = d(c.to), f = d(c.middle);
+		return l && c.isBackground && (l.disabled = !0), u && c.isBackground && (u.disabled = !0), f && c.isBackground && (f.disabled = !0), /* @__PURE__ */ v(e, {
+			disabled: c.disabled,
 			coordinatesOnHover: a,
-			correctness: s.correctness,
-			from: c,
-			to: l,
-			middle: u,
+			correctness: c.correctness,
+			from: l,
+			to: u,
+			middle: f,
 			graphProps: t,
-			fill: s && s.fill,
+			fill: c && c.fill,
 			gssLineData: o,
 			onChange: this.changeMark,
 			changeMarkProps: this.changeMarkProps,
@@ -83,7 +84,8 @@ var S = (t, n) => () => ({
 			onDragStart: this.startDrag,
 			onDragStop: this.stopDrag,
 			labelNode: r,
-			labelModeEnabled: i
+			labelModeEnabled: i,
+			language: s
 		});
 	}
 }, w = () => ({
@@ -121,7 +123,8 @@ var S = (t, n) => () => ({
 			disabled: u.bool,
 			labelNode: u.object,
 			labelModeEnabled: u.bool,
-			changeMarkProps: u.func
+			changeMarkProps: u.func,
+			language: u.string
 		};
 		onChangePoint = (n) => {
 			let { middle: r, onChange: i } = this.props, { from: a, to: o } = n;
@@ -180,7 +183,7 @@ var S = (t, n) => () => ({
 		};
 		input = {};
 		render() {
-			let { coordinatesOnHover: e, graphProps: t, fill: n, gssLineData: r, onDragStart: c, onDragStop: l, from: u, to: d, middle: f, disabled: p, correctness: m, onClick: g, labelNode: _, labelModeEnabled: b } = this.props, S = {
+			let { coordinatesOnHover: e, graphProps: t, fill: n, gssLineData: r, onDragStart: c, onDragStop: l, from: u, to: d, middle: f, disabled: p, correctness: m, onClick: g, labelNode: _, labelModeEnabled: b, language: S } = this.props, C = {
 				graphProps: t,
 				fill: n,
 				onDragStart: c,
@@ -189,37 +192,40 @@ var S = (t, n) => () => ({
 				correctness: m,
 				onClick: g
 			};
-			r && r.selectedTool === "solutionSet" && (S = {
+			r && r.selectedTool === "solutionSet" && (C = {
 				graphProps: t,
 				fill: n,
 				disabled: p,
 				correctness: m,
 				onClick: g
 			});
-			let C = d ? h.toDegrees(h.angle(u, d)) : 0, w = null, T = null, E = null;
-			return _ && (u && Object.prototype.hasOwnProperty.call(u, "label") && (w = x.createPortal(/* @__PURE__ */ v(s, {
+			let w = d ? h.toDegrees(h.angle(u, d)) : 0, T = null, E = null, D = null;
+			return _ && (u && Object.prototype.hasOwnProperty.call(u, "label") && (T = x.createPortal(/* @__PURE__ */ v(s, {
 				inputRef: (e) => this.input.from = e,
 				disabled: !b,
 				mark: u,
 				graphProps: t,
+				language: S,
 				onChange: (e) => this.labelChange({
 					...u,
 					label: e
 				}, "from")
-			}), _)), d && Object.prototype.hasOwnProperty.call(d, "label") && (T = x.createPortal(/* @__PURE__ */ v(s, {
+			}), _)), d && Object.prototype.hasOwnProperty.call(d, "label") && (E = x.createPortal(/* @__PURE__ */ v(s, {
 				inputRef: (e) => this.input.to = e,
 				disabled: !b,
 				mark: d,
 				graphProps: t,
+				language: S,
 				onChange: (e) => this.labelChange({
 					...d,
 					label: e
 				}, "to")
-			}), _)), f && Object.prototype.hasOwnProperty.call(f, "label") && (E = x.createPortal(/* @__PURE__ */ v(s, {
+			}), _)), f && Object.prototype.hasOwnProperty.call(f, "label") && (D = x.createPortal(/* @__PURE__ */ v(s, {
 				inputRef: (e) => this.input.middle = e,
 				disabled: !b,
 				mark: f,
 				graphProps: t,
+				language: S,
 				onChange: (e) => this.labelChange({
 					...f,
 					label: e
@@ -229,57 +235,57 @@ var S = (t, n) => () => ({
 					from: u,
 					to: d,
 					middle: f,
-					...S
+					...C
 				}),
-				E,
+				D,
 				/* @__PURE__ */ v(a, {
 					x: u.x,
 					y: u.y,
 					labelNode: _,
 					coordinatesOnHover: e,
-					...S
+					...C
 				}),
-				w,
+				T,
 				d && /* @__PURE__ */ v(o, {
 					x: d.x,
 					y: d.y,
-					angle: C,
+					angle: w,
 					labelNode: _,
 					coordinatesOnHover: e,
-					...S
+					...C
 				}),
-				T
+				E
 			] }) : /* @__PURE__ */ y("g", { children: [
 				d && /* @__PURE__ */ v(i, {
 					from: u,
 					to: d,
 					middle: f,
 					onDrag: this.dragComp,
-					...S,
+					...C,
 					onClick: (e) => this.clickPoint(f, "middle", e)
 				}),
-				E,
+				D,
 				/* @__PURE__ */ v(a, {
 					x: u.x,
 					y: u.y,
 					labelNode: _,
 					coordinatesOnHover: e,
 					onDrag: this.dragFrom,
-					...S,
+					...C,
 					onClick: (e) => this.clickPoint(u, "from", e)
 				}),
-				w,
+				T,
 				d && /* @__PURE__ */ v(o, {
 					x: d.x,
 					y: d.y,
-					angle: C,
+					angle: w,
 					labelNode: _,
 					coordinatesOnHover: e,
 					onDrag: this.dragTo,
-					...S,
+					...C,
 					onClick: (e) => this.clickPoint(d, "to", e)
 				}),
-				T
+				E
 			] });
 		}
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-solution-set",
-  "version": "5.0.1-next.20261003161149",
+  "version": "5.0.1-next.20261004005223",
   "description": "Graphing components",
   "repository": {
     "type": "git",
@@ -14,13 +14,13 @@
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "5.0.1-next.20261003161149",
-    "@pie-lib/editable-html-tip-tap": "3.0.1-next.20261003161149",
+    "@pie-lib/drag": "5.0.1-next.20261004003105",
+    "@pie-lib/editable-html-tip-tap": "3.0.1-next.20261004003105",
     "@pie-lib/graphing-utils": "4.0.1-next.20261002233132",
-    "@pie-lib/plot": "5.0.1-next.20261003161149",
+    "@pie-lib/plot": "5.0.1-next.20261004003105",
     "@pie-lib/render-ui": "8.0.1-next.20261003161149",
     "@pie-lib/tools": "3.0.1-next.20261002233132",
-    "@pie-lib/translator": "5.0.1-next.20261002215153",
+    "@pie-lib/translator": "5.0.1-next.20261004005223",
     "@visx/axis": "^4.0.0",
     "@visx/clip-path": "^4.0.0",
     "@visx/curve": "^4.0.0",
@@ -40,7 +40,7 @@
     "redux-undo": "^1.1.0",
     "@pie-element/shared-lodash": "0.1.2-next.20261002215153",
     "clsx": "^2.1.1",
-    "@pie-lib/config-ui": "14.0.1-next.20261003161149",
+    "@pie-lib/config-ui": "14.0.1-next.20261004003105",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/utilities": "^3.2.2",
     "d3-shape": "^3.2.0"