@pie-lib/graphing-solution-set 5.0.1-next.20261004003105 → 5.0.1-next.20261004011201

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

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

package/dist/__tests__/text-alternative.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

@@ -6,11 +6,12 @@ import o from "./bg.js";
 import s from "react";
 import c from "prop-types";
 import { cloneDeep as l, isEqual as u } from "@pie-element/shared-lodash";
-import { Root as d, createGraphProps as f, types as p } from "@pie-lib/plot";
-import m from "debug";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Root as d, createGraphProps as f, types as p, utils as m } from "@pie-lib/plot";
+import h from "@pie-lib/translator";
+import g from "debug";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/graph.tsx
-var _ = m("pie-lib:graphing-solution-set:graph"), v = {
+var { translator: y } = h, b = g("pie-lib:graphing-solution-set:graph"), x = {
 	axesSettings: c.shape(r),
 	backgroundMarks: c.array,
 	className: c.string,
@@ -35,25 +36,44 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 	showPixelGuides: c.bool,
 	showTitle: c.bool,
 	title: c.string,
-	tools: c.array
-}, y = (e) => ({
+	tools: c.array,
+	language: c.string
+}, S = (e) => ({
 	x: -23,
 	y: -23,
 	width: e.width + 46,
 	height: e.height + 46
-}), b = ({ marks: e, currentTool: t }) => {
+}), C = (e) => e ? m.extractTextFromHTML(e).trim() : "", w = ({ title: e, domain: t, range: n, marks: r, language: i }) => {
+	let a = {
+		lng: i,
+		interpolation: { escapeValue: !1 }
+	}, o = ({ axisLabel: e, min: t, max: n }, r) => y.t("graphing.axisRange", {
+		...a,
+		axis: C(e) || r,
+		min: t,
+		max: n
+	}), s = r.filter((e) => !e.building && (e.type !== "polygon" || e.isSolution)), c = y.t("graphing.plotted", {
+		...a,
+		count: s.length,
+		marks: s.map((e) => y.t(e.type === "polygon" ? "graphing.shadedRegion" : `graphing.${e.type}`, a).trim()).join(", ")
+	});
+	return {
+		ariaLabel: C(e) || y.t("graphing.graph", a),
+		ariaDescription: `${o(t, "x")} ${o(n, "y")} ${c}`
+	};
+}, T = ({ marks: e, currentTool: t }) => {
 	let n = e.filter((e) => e.building)[0], r = l(e);
 	if (n && t && n.type !== t.type) {
 		let e = r.findIndex((e) => u(e, n));
 		e >= 0 && r.splice(e, 1);
 	}
 	return r;
-}, x = class extends s.Component {
+}, E = class extends s.Component {
 	constructor(e) {
 		super(e), this.maskUid = this.generateMaskId();
 	}
 	static propTypes = {
-		...v,
+		...x,
 		currentTool: c.object
 	};
 	static defaultProps = {
@@ -99,7 +119,7 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 			if (o.numberOfLines === 1 && o.selectedTool === "lineA" && a.length === 1 && !a[0].building || o.numberOfLines === 2 && o.selectedTool === "lineA" && a.length === 2 || o.numberOfLines === 2 && o.selectedTool === "lineA" && a.length === 1 && !a[0].building || o.numberOfLines === 2 && o.selectedTool === "lineB" && a.length === 2 && !a[1].building) return;
 		}
 		if (r || !i || [null, void 0].includes(t) || [null, void 0].includes(n)) return;
-		_("[onBgClick] x,y: ", t, n);
+		b("[onBgClick] x,y: ", t, n);
 		let c = a.filter((e) => e.building)[0], l;
 		l = c && i && c.type === i.type ? i.addPoint({
 			x: t,
@@ -110,18 +130,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,
-			labelModeEnabled: x,
-			gssLineData: A
+		let { axesSettings: t, currentTool: r, coordinatesOnHover: a, size: s, disabledLabels: c, disabledTitle: l, domain: u, backgroundMarks: p, range: m, title: h, labels: g, labelModeEnabled: y, labelsPlaceholders: b, showLabels: x, showPixelGuides: C, showTitle: E, titlePlaceholder: D, onChangeLabels: O, onChangeTitle: k, mathMlOptions: A = {}, gssLineData: j, disabled: M, language: N } = this.props, { marks: P } = this.props, F = f(u, m, s, () => this.rootNode), I = S(s), L = {
+			graphProps: F,
+			labelModeEnabled: y,
+			gssLineData: j,
+			language: N
 		};
-		M = b({
-			marks: M || [],
+		P = T({
+			marks: P || [],
 			currentTool: r
 		});
-		let I = M.filter((e) => e.type === "polygon");
-		A && A.selectedTool === "solutionSet" && A.sections.forEach((t) => {
-			if (I.length === 0 || !e(t, I[0].points)) {
+		let R = P.filter((e) => e.type === "polygon");
+		j && j.selectedTool === "solutionSet" && j.sections.forEach((t) => {
+			if (R.length === 0 || !e(t, R[0].points)) {
 				let e = {
 					type: "polygon",
 					building: !1,
@@ -129,52 +150,62 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 					points: t,
 					isSolution: !1
 				};
-				j || M.push(e);
+				M || P.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 z = [];
+		z.push(...P.filter((e) => e.type === "polygon")), z.push(...P.filter((e) => e.type === "line"));
+		let { ariaLabel: B, ariaDescription: V } = w({
+			title: h,
+			domain: u,
+			range: m,
+			marks: [...p || [], ...z],
+			language: N
+		});
+		return /* @__PURE__ */ _(d, {
 			rootRef: (e) => this.rootNode = e,
 			disabledTitle: l,
 			disabledLabels: c,
-			labels: v,
-			labelsPlaceholders: S || {},
-			showPixelGuides: w,
-			showLabels: C,
-			showTitle: T,
-			title: _,
-			titlePlaceholder: E,
-			onChangeTitle: O,
-			onChangeLabels: D,
-			mathMlOptions: k,
-			...F,
-			children: /* @__PURE__ */ g("g", {
+			labels: g,
+			labelsPlaceholders: b || {},
+			showPixelGuides: C,
+			showLabels: x,
+			showTitle: E,
+			title: h,
+			titlePlaceholder: D,
+			onChangeTitle: k,
+			onChangeLabels: O,
+			mathMlOptions: A,
+			ariaLabel: B,
+			ariaDescription: V,
+			...L,
+			children: /* @__PURE__ */ v("g", {
 				transform: u && u.padding && u.range ? `translate(${u.padding}, ${m.padding})` : void 0,
 				children: [
-					/* @__PURE__ */ h(i, { ...F }),
-					/* @__PURE__ */ h(n, {
+					/* @__PURE__ */ _(i, { ...L }),
+					/* @__PURE__ */ _(n, {
 						...t,
-						...F
+						...L
 					}),
-					/* @__PURE__ */ h(o, {
+					/* @__PURE__ */ _(o, {
 						...s,
 						onClick: this.onBgClick,
-						...F
+						...L
 					}),
-					/* @__PURE__ */ g("mask", {
+					/* @__PURE__ */ v("mask", {
 						id: `${this.maskUid}`,
-						children: [/* @__PURE__ */ h("rect", {
-							...P,
+						children: [/* @__PURE__ */ _("rect", {
+							...I,
 							fill: "white"
 						}), " "]
 					}),
-					/* @__PURE__ */ g("g", {
+					/* @__PURE__ */ v("g", {
 						id: "marks",
 						mask: `url('#${this.maskUid}')`,
 						children: [
 							(p || []).map((e, t) => {
 								let n = this.getComponent(e), r = e.type;
-								return /* @__PURE__ */ h(n, {
+								return /* @__PURE__ */ _(n, {
 									mark: {
 										...e,
 										disabled: !0,
@@ -182,12 +213,12 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 									},
 									labelNode: this.state.labelNode,
 									onClick: this.onBgClick,
-									...F
+									...L
 								}, `${r}-${t}-bg`);
 							}),
-							L.map((e, t) => {
+							z.map((e, t) => {
 								let n = this.getComponent(e), i = e.type;
-								return /* @__PURE__ */ h(n, {
+								return /* @__PURE__ */ _(n, {
 									mark: e,
 									coordinatesOnHover: a,
 									onChange: this.changeMark,
@@ -197,10 +228,10 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 									onDragStop: this.stopDrag,
 									labelNode: this.state.labelNode,
 									isToolActive: r && i === r.type,
-									...F
+									...L
 								}, `${i}-${t}`);
 							}),
-							/* @__PURE__ */ h("foreignObject", {
+							/* @__PURE__ */ _("foreignObject", {
 								ref: (e) => this.labelNode = e,
 								x: "0",
 								y: "0",
@@ -218,4 +249,4 @@ var _ = m("pie-lib:graphing-solution-set:graph"), v = {
 	}
 };
 //#endregion
-export { x as Graph, x as default, v as graphPropTypes, b as removeBuildingToolIfCurrentToolDiffers };
+export { E as Graph, E as default, x as graphPropTypes, T as removeBuildingToolIfCurrentToolDiffers };

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 c from "@pie-lib/translator";
+import { jsx as l } from "react/jsx-runtime";
+import { styled as u } from "@mui/material/styles";
+import { color as d } from "@pie-lib/render-ui";
 //#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 } = c, p = u(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 ? d.defaults.PRIMARY_DARK : n ? d.disabled() : d.defaults.SECONDARY}`,
 	borderRadius: "3px",
-	color: n ? l.disabled() : l.defaults.PRIMARY_DARK,
+	color: n ? d.disabled() : d.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), c = 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__ */ l(p, {
 		inputRef: (e) => {
-			c(e), h(e);
+			c(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/dist/undo-redo.js

@@ -1,13 +1,13 @@
 import e from "react";
 import t from "prop-types";
-import { jsx as n } from "react/jsx-runtime";
-import { styled as r } from "@mui/material/styles";
-import { color as i } from "@pie-lib/render-ui";
-import a from "@mui/material/Button";
-import o from "@pie-lib/translator";
+import n from "@pie-lib/translator";
+import { jsx as r } from "react/jsx-runtime";
+import { styled as i } from "@mui/material/styles";
+import { color as a } from "@pie-lib/render-ui";
+import o from "@mui/material/Button";
 //#region src/undo-redo.tsx
-var { translator: s } = o, c = r(a)(({ theme: e }) => ({
-	color: i.text(),
+var { translator: s } = n, c = i(o)(({ theme: e }) => ({
+	color: a.text(),
 	fontWeight: "bold",
 	marginBottom: e.spacing(.5),
 	"&:not(:last-of-type)": { marginRight: e.spacing(.5) }
@@ -19,12 +19,12 @@ var { translator: s } = o, c = r(a)(({ theme: e }) => ({
 	};
 	static defaultProps = {};
 	render() {
-		let { className: e, onReset: t = !1, language: r } = this.props;
-		return /* @__PURE__ */ n("div", {
+		let { className: e, onReset: t = !1, language: n } = this.props;
+		return /* @__PURE__ */ r("div", {
 			className: e,
-			children: /* @__PURE__ */ n(c, {
+			children: /* @__PURE__ */ r(c, {
 				onClick: () => t(),
-				children: s.t("graphing.reset", { lng: r })
+				children: s.t("graphing.reset", { lng: n })
 			})
 		});
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-solution-set",
-  "version": "5.0.1-next.20261004003105",
+  "version": "5.0.1-next.20261004011201",
   "description": "Graphing components",
   "repository": {
     "type": "git",
@@ -15,12 +15,12 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-lib/drag": "5.0.1-next.20261004003105",
-    "@pie-lib/editable-html-tip-tap": "3.0.1-next.20261004003105",
+    "@pie-lib/editable-html-tip-tap": "3.0.1-next.20261004011201",
     "@pie-lib/graphing-utils": "4.0.1-next.20261002233132",
-    "@pie-lib/plot": "5.0.1-next.20261004003105",
+    "@pie-lib/plot": "5.0.1-next.20261004011201",
     "@pie-lib/render-ui": "8.0.1-next.20261003161149",
     "@pie-lib/tools": "3.0.1-next.20261002233132",
-    "@pie-lib/translator": "5.0.1-next.20261004003105",
+    "@pie-lib/translator": "5.0.1-next.20261004011201",
     "@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.20261004003105",
+    "@pie-lib/config-ui": "14.0.1-next.20261004011201",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/utilities": "^3.2.2",
     "d3-shape": "^3.2.0"