@pie-lib/charting 8.0.1-next.20261004181842 → 8.0.1-next.20261004202944

package/dist/__tests__/page-unique-ids.test.d.ts

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

package/dist/actions-button.js

@@ -1,8 +1,8 @@
 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 { color as a } from "@pie-lib/render-ui";
+import { color as r } from "@pie-lib/render-ui";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import o from "@pie-lib/translator";
 import s from "@mui/material/Button";
 import c from "@mui/material/Popover";
@@ -11,7 +11,7 @@ import l from "@mui/material/Paper";
 var { translator: u } = o, d = n("div")(() => ({ alignSelf: "flex-end" })), f = n("div")(({ theme: e }) => ({
 	cursor: "pointer",
 	fontSize: e.typography.fontSize,
-	color: a.tertiary(),
+	color: r.tertiary(),
 	padding: e.spacing(1)
 })), p = n(l)(({ theme: e }) => ({
 	padding: e.spacing(1),
@@ -21,7 +21,7 @@ var { translator: u } = o, d = n("div")(() => ({ alignSelf: "flex-end" })), f =
 	"& button": {
 		textTransform: "none",
 		fontSize: e.typography.fontSize,
-		color: a.text(),
+		color: r.text(),
 		justifyContent: "flex-start"
 	}
 })), m = class extends e.Component {
@@ -53,12 +53,12 @@ var { translator: u } = o, d = n("div")(() => ({ alignSelf: "flex-end" })), f =
 	};
 	render() {
 		let { categories: e, language: t } = this.props, { actionsAnchorEl: n } = this.state;
-		return /* @__PURE__ */ i(d, { children: [/* @__PURE__ */ r(f, {
+		return /* @__PURE__ */ a(d, { children: [/* @__PURE__ */ i(f, {
 			role: "button",
 			tabIndex: 0,
 			onClick: this.handleActionsClick,
 			children: "Actions"
-		}), /* @__PURE__ */ r(c, {
+		}), /* @__PURE__ */ i(c, {
 			open: !!n,
 			anchorEl: n,
 			onClose: this.handleActionsClose,
@@ -70,10 +70,10 @@ var { translator: u } = o, d = n("div")(() => ({ alignSelf: "flex-end" })), f =
 				vertical: "top",
 				horizontal: "left"
 			},
-			children: /* @__PURE__ */ i(p, { children: [/* @__PURE__ */ i(s, {
+			children: /* @__PURE__ */ a(p, { children: [/* @__PURE__ */ a(s, {
 				onClick: () => this.handleAddCategory(),
 				children: ["+ ", u.t("charting.add", { lng: t })]
-			}), e.length > 0 && e.map((e, n) => e.deletable && !e.correctness && /* @__PURE__ */ r(s, {
+			}), e.length > 0 && e.map((e, n) => e.deletable && !e.correctness && /* @__PURE__ */ i(s, {
 				onClick: () => this.handleDeleteCategory(n),
 				children: `${u.t("charting.delete", { lng: t })} <${e.label || u.t("charting.newLabel", { lng: t })}>`
 			}, n))] })

package/dist/axes.js

@@ -8,8 +8,8 @@ import c from "prop-types";
 import { styled as l } from "@mui/material/styles";
 import { types as u } from "@pie-lib/plot";
 import { AlertDialog as d } from "@pie-lib/config-ui";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { color as m } from "@pie-lib/render-ui";
+import { color as f } from "@pie-lib/render-ui";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import h from "@mui/material/Checkbox";
 import { renderMath as g } from "@pie-element/shared-math-rendering-mathjax";
 import _ from "@pie-lib/translator";
@@ -29,15 +29,15 @@ function S(e) {
 var C = l("text")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	fill: e.palette.error.main
-})), w = l(h)(() => ({ color: `${m.tertiary()} !important` })), T = l("g")(({ theme: e }) => ({
+})), w = l(h)(() => ({ color: `${f.tertiary()} !important` })), T = l("g")(({ theme: e }) => ({
 	"& .vx-axis-line": {
-		stroke: m.visualElementsColors.AXIS_LINE_COLOR,
+		stroke: f.visualElementsColors.AXIS_LINE_COLOR,
 		strokeWidth: 2
 	},
 	"& .vx-axis-tick": {
-		fill: m.visualElementsColors.AXIS_TICK_COLOR,
+		fill: f.visualElementsColors.AXIS_TICK_COLOR,
 		"& line": {
-			stroke: m.visualElementsColors.AXIS_TICK_COLOR,
+			stroke: f.visualElementsColors.AXIS_TICK_COLOR,
 			strokeWidth: 2
 		},
 		fontFamily: e.typography.body1?.fontFamily,
@@ -46,14 +46,14 @@ var C = l("text")(({ theme: e }) => ({
 	}
 })), E = (e) => ({
 	borderRadius: e.spacing(2),
-	color: m.defaults.WHITE,
+	color: f.defaults.WHITE,
 	fontSize: "16px",
 	width: "16px",
 	height: "16px",
 	padding: "2px",
-	border: `1px solid ${m.defaults.WHITE}`,
+	border: `1px solid ${f.defaults.WHITE}`,
 	boxSizing: "unset"
-}), D = { backgroundColor: m.incorrectWithIcon() }, O = { backgroundColor: m.correct() }, k = class extends s.Component {
+}), D = { backgroundColor: f.incorrectWithIcon() }, O = { backgroundColor: f.correct() }, k = class extends s.Component {
 	static propTypes = {
 		defineChart: c.bool,
 		error: c.any
@@ -113,15 +113,15 @@ var C = l("text")(({ theme: e }) => ({
 		return n;
 	};
 	render() {
-		let { categories: e, xBand: t, bandWidth: i, barWidth: a, rotate: s, top: c, graphProps: l, defineChart: u, chartingOptions: m, x: h, y: g, formattedValue: _, changeInteractiveEnabled: y, changeEditableEnabled: b, error: x, autoFocus: S, hiddenLabelRef: T, showCorrectness: k, language: A } = this.props;
+		let { categories: e, xBand: t, bandWidth: i, barWidth: a, rotate: s, top: c, graphProps: l, defineChart: u, chartingOptions: f, x: h, y: g, formattedValue: _, changeInteractiveEnabled: y, changeEditableEnabled: b, error: x, autoFocus: S, hiddenLabelRef: T, showCorrectness: k, language: A } = this.props;
 		if (!_) return null;
 		let j = {
 			correctnessIcon: E,
 			incorrectIcon: D,
 			correctIcon: O
-		}, { dialog: M } = this.state, { changeEditable: N, changeInteractive: P } = m || {}, F = parseInt(_.split("-")[0], 10), I = e[F], { editable: L, interactive: R, label: z, correctness: B } = I || {}, V = t(r({ label: z }, F)), H = (e || []).reduce((e, t) => (e && e.label ? e.label.length : 0) > (t && t.label ? t.label.length : 0) ? e : t, { label: "" }), U = x ? [...new Set(Object.values(x))].join(" ") : "";
-		return /* @__PURE__ */ p("g", { children: [
-			/* @__PURE__ */ p("foreignObject", {
+		}, { dialog: M } = this.state, { changeEditable: N, changeInteractive: P } = f || {}, F = parseInt(_.split("-")[0], 10), I = e[F], { editable: L, interactive: R, label: z, correctness: B } = I || {}, V = t(r({ label: z }, F)), H = (e || []).reduce((e, t) => (e && e.label ? e.label.length : 0) > (t && t.label ? t.label.length : 0) ? e : t, { label: "" }), U = x ? [...new Set(Object.values(x))].join(" ") : "";
+		return /* @__PURE__ */ m("g", { children: [
+			/* @__PURE__ */ m("foreignObject", {
 				x: i ? V : h - a / 2,
 				y: 18,
 				width: a,
@@ -130,14 +130,14 @@ var C = l("text")(({ theme: e }) => ({
 					pointerEvents: "none",
 					overflow: "visible"
 				},
-				children: [F === 0 && /* @__PURE__ */ f(o, {
+				children: [F === 0 && /* @__PURE__ */ p(o, {
 					isHiddenLabel: !0,
 					inputRef: T,
 					disabled: !0,
 					mark: H,
 					graphProps: l,
 					barWidth: a
-				}), /* @__PURE__ */ f(o, {
+				}), /* @__PURE__ */ p(o, {
 					autoFocus: u && S,
 					inputRef: (e) => this.input = e,
 					disabled: !u && !L,
@@ -153,23 +153,23 @@ var C = l("text")(({ theme: e }) => ({
 						index: F + 1
 					}),
 					limitCharacters: !0,
-					correctnessIndicator: k && B && /* @__PURE__ */ f(n, {
+					correctnessIndicator: k && B && /* @__PURE__ */ p(n, {
 						correctness: B,
 						interactive: R,
 						classes: j
 					})
 				})]
 			}),
-			x && F === 0 && /* @__PURE__ */ f(C, {
+			x && F === 0 && /* @__PURE__ */ p(C, {
 				y: g + 23,
 				height: 6,
 				textAnchor: "start",
 				children: U
 			}),
-			u && F === 0 && /* @__PURE__ */ p("svg", {
+			u && F === 0 && /* @__PURE__ */ m("svg", {
 				x: -55,
 				style: { overflow: "visible" },
-				children: [y && /* @__PURE__ */ f("text", {
+				children: [y && /* @__PURE__ */ p("text", {
 					y: g + 90 + c,
 					width: a,
 					height: 4,
@@ -180,12 +180,12 @@ var C = l("text")(({ theme: e }) => ({
 						maxWidth: a,
 						display: "inline-block"
 					},
-					children: this.splitText(P?.authoringLabel, 20).map((e, t) => /* @__PURE__ */ f("tspan", {
+					children: this.splitText(P?.authoringLabel, 20).map((e, t) => /* @__PURE__ */ p("tspan", {
 						x: "0",
 						dy: `${t > 0 ? "1.2em" : ".6em"}`,
 						children: e
 					}, t))
-				}), b && /* @__PURE__ */ f("text", {
+				}), b && /* @__PURE__ */ p("text", {
 					y: g + 145 + c,
 					width: a,
 					height: 4,
@@ -196,14 +196,14 @@ var C = l("text")(({ theme: e }) => ({
 						maxWidth: a,
 						display: "inline-block"
 					},
-					children: this.splitText(N?.authoringLabel, 20).map((e, t) => /* @__PURE__ */ f("tspan", {
+					children: this.splitText(N?.authoringLabel, 20).map((e, t) => /* @__PURE__ */ p("tspan", {
 						x: "0",
 						dy: `${t > 0 ? "1.2em" : ".6em"}`,
 						children: e
 					}, t))
 				})]
 			}),
-			u && y && /* @__PURE__ */ f("foreignObject", {
+			u && y && /* @__PURE__ */ p("foreignObject", {
 				x: h - 24,
 				y: g + 80 + c,
 				width: a,
@@ -212,13 +212,13 @@ var C = l("text")(({ theme: e }) => ({
 					pointerEvents: "visible",
 					overflow: "visible"
 				},
-				children: /* @__PURE__ */ f(w, {
+				children: /* @__PURE__ */ p(w, {
 					style: { position: "fixed" },
 					checked: R,
 					onChange: (e) => this.changeInteractive(F, e.target.checked)
 				})
 			}),
-			u && b && /* @__PURE__ */ f("foreignObject", {
+			u && b && /* @__PURE__ */ p("foreignObject", {
 				x: h - 24,
 				y: g + 130 + c,
 				width: a,
@@ -227,13 +227,13 @@ var C = l("text")(({ theme: e }) => ({
 					pointerEvents: "visible",
 					overflow: "visible"
 				},
-				children: /* @__PURE__ */ f(w, {
+				children: /* @__PURE__ */ p(w, {
 					style: { position: "fixed" },
 					checked: L,
 					onChange: (e) => this.changeEditable(F, e.target.checked)
 				})
 			}),
-			/* @__PURE__ */ f("foreignObject", {
+			/* @__PURE__ */ p("foreignObject", {
 				x: h - 24,
 				y: g + 100 + c,
 				width: a,
@@ -242,7 +242,7 @@ var C = l("text")(({ theme: e }) => ({
 					pointerEvents: "visible",
 					overflow: "visible"
 				},
-				children: /* @__PURE__ */ f(d, {
+				children: /* @__PURE__ */ p(d, {
 					open: M.open,
 					title: M.title,
 					text: M.text,
@@ -332,11 +332,11 @@ var A = class extends s.Component {
 		e.categories !== this.props.categories && (this._updateTimer && clearTimeout(this._updateTimer), this._updateTimer = setTimeout(() => this.measureHiddenLabel(), 50));
 	}
 	render() {
-		let { graphProps: n, xBand: r, leftAxis: o, onChange: s, onChangeCategory: c, categories: l = [], top: u, defineChart: d, chartingOptions: m, changeInteractiveEnabled: h, changeEditableEnabled: g, theme: _, autoFocus: v, onAutoFocusUsed: y, error: b, showCorrectness: x, language: S } = this.props, { scale: C = {}, range: w = {}, domain: E = {}, size: D = {} } = n || {}, { height: O, width: A } = this.state, j = r && typeof r.rangeRound == "function" && r.rangeRound([0, D.width]), M = r && typeof r.bandwidth == "function" && r.bandwidth(), N = M || C.x && C.x(E.max) / l.length, P = a({
+		let { graphProps: n, xBand: r, leftAxis: o, onChange: s, onChangeCategory: c, categories: l = [], top: u, defineChart: d, chartingOptions: f, changeInteractiveEnabled: h, changeEditableEnabled: g, theme: _, autoFocus: v, onAutoFocusUsed: y, error: b, showCorrectness: x, language: S } = this.props, { scale: C = {}, range: w = {}, domain: E = {}, size: D = {} } = n || {}, { height: O, width: A } = this.state, j = r && typeof r.rangeRound == "function" && r.rangeRound([0, D.width]), M = r && typeof r.bandwidth == "function" && r.bandwidth(), N = M || C.x && C.x(E.max) / l.length, P = a({
 			...w,
 			step: w.labelStep
 		}), F = i(_ && _.typography ? _.typography.fontSize : 14, O), I = A > N ? 25 : 0;
-		return /* @__PURE__ */ p(T, { children: [o && /* @__PURE__ */ f(e, {
+		return /* @__PURE__ */ m(T, { children: [o && /* @__PURE__ */ p(e, {
 			scale: C.y,
 			tickLength: 10,
 			tickFormat: (e) => e,
@@ -345,13 +345,13 @@ var A = class extends s.Component {
 				dy: 4,
 				dx: -10 - (e.toLocaleString().length || 1) * 5
 			})
-		}), /* @__PURE__ */ f(t, {
+		}), /* @__PURE__ */ p(t, {
 			scale: j,
 			labelProps: { y: 60 + u },
 			top: C.y && C.y(w.min),
 			textLabelProps: () => ({ textAnchor: "middle" }),
 			tickFormat: (e) => e,
-			tickComponent: (e) => /* @__PURE__ */ f(k, {
+			tickComponent: (e) => /* @__PURE__ */ p(k, {
 				hiddenLabelRef: this.setHiddenLabelRef,
 				categories: l,
 				xBand: r,
@@ -360,7 +360,7 @@ var A = class extends s.Component {
 				rotate: F || I,
 				top: u,
 				defineChart: d,
-				chartingOptions: m,
+				chartingOptions: f,
 				autoFocus: v,
 				onAutoFocusUsed: y,
 				error: b,

package/dist/bars/common/bars.js

@@ -8,8 +8,8 @@ import s from "prop-types";
 import { styled as c } from "@mui/material/styles";
 import l from "debug";
 import { types as u } from "@pie-lib/plot";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { color as m } from "@pie-lib/render-ui";
+import { color as d } from "@pie-lib/render-ui";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/bars/common/bars.tsx
 var h = l("pie-lib:chart:bars"), g = [
 	"#006699",
@@ -37,7 +37,7 @@ var h = l("pie-lib:chart:bars"), g = [
 	"#167A7A",
 	"#91862D",
 	"#894A65"
-], v = (e, t, n, r, i) => e && t && i ? r[n % r.length] : e && i ? m.visualElementsColors.ROLLOVER_FILL_BAR_COLOR : t || null, y = c(t)(() => ({ fill: m.defaults.TERTIARY })), b = class extends o.Component {
+], v = (e, t, n, r, i) => e && t && i ? r[n % r.length] : e && i ? d.visualElementsColors.ROLLOVER_FILL_BAR_COLOR : t || null, y = c(t)(() => ({ fill: d.defaults.TERTIARY })), b = class extends o.Component {
 	static propTypes = {
 		barColor: s.string,
 		onChangeCategory: s.func,
@@ -90,14 +90,14 @@ var h = l("pie-lib:chart:bars"), g = [
 	};
 	render() {
 		let { graphProps: e, value: t, label: o, xBand: s, index: c, interactive: l, correctness: u, barColor: h, defineChart: g, correctData: b } = this.props, { scale: x, range: S } = e, { dragValue: C, isHovered: w } = this.state, T = v(w, h, c, _, l && !u), E = Number.isFinite(C) ? C : t, D = s.bandwidth(), O = x.y(S.max - E), k = s(n({ label: o }, c)), A = S.max - E, j = S.max - A, M = b ? b.find((e) => e.label === o) : null, N = l ? r : i, P = !!h;
-		return /* @__PURE__ */ p("g", {
+		return /* @__PURE__ */ m("g", {
 			ref: (e) => this.gRef = e,
 			onMouseEnter: this.handleMouseEnter,
 			onMouseLeave: this.handleMouseLeave,
 			onTouchStart: this.handleMouseEnter,
 			onTouchEnd: this.handleMouseLeave,
 			children: [
-				/* @__PURE__ */ f(y, {
+				/* @__PURE__ */ p(y, {
 					x: k,
 					y: x.y(j),
 					width: D,
@@ -107,8 +107,8 @@ var h = l("pie-lib:chart:bars"), g = [
 				u && u.value === "incorrect" && (() => {
 					let e = parseFloat(M && M.value);
 					if (isNaN(e)) return null;
-					let t = x.y(S.max - e), n = O, r = Math.abs(t - n), i = x.y(e), o = t > n ? m.borderGray() : m.defaults.WHITE, s = t > n ? i : i - r;
-					return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(y, {
+					let t = x.y(S.max - e), n = O, r = Math.abs(t - n), i = x.y(e), o = t > n ? d.borderGray() : d.defaults.WHITE, s = t > n ? i : i - r;
+					return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(y, {
 						x: k + 2,
 						y: s,
 						width: D - 4,
@@ -119,15 +119,15 @@ var h = l("pie-lib:chart:bars"), g = [
 							strokeDasharray: "5,2",
 							fill: "none"
 						}
-					}), /* @__PURE__ */ f("foreignObject", {
+					}), /* @__PURE__ */ p("foreignObject", {
 						x: k + D - (P ? 24 : 14),
 						y: i - 12,
 						width: 24,
 						height: 24,
-						children: /* @__PURE__ */ f(a, { dashColor: o })
+						children: /* @__PURE__ */ p(a, { dashColor: o })
 					})] });
 				})(),
-				/* @__PURE__ */ f(N, {
+				/* @__PURE__ */ p(N, {
 					x: k,
 					y: E,
 					defineChart: g,
@@ -155,7 +155,7 @@ var h = l("pie-lib:chart:bars"), g = [
 	};
 	render() {
 		let { data: t, graphProps: n, xBand: r, onChangeCategory: i, defineChart: a, histogram: o, correctData: s } = this.props;
-		return /* @__PURE__ */ f(e, { children: (t || []).map((e, t) => /* @__PURE__ */ f(x, {
+		return /* @__PURE__ */ p(e, { children: (t || []).map((e, t) => /* @__PURE__ */ p(x, {
 			value: e.value,
 			interactive: a || e.interactive,
 			defineChart: a,

package/dist/bars/common/correct-check-icon.js

@@ -1,50 +1,54 @@
 import "react";
 import e from "prop-types";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useUniqueId as t } from "@pie-lib/render-ui";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/bars/common/correct-check-icon.tsx
-var r = ({ dashColor: e }) => /* @__PURE__ */ n("svg", {
-	width: "24",
-	height: "24",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	children: [
-		/* @__PURE__ */ t("circle", {
-			cx: "12",
-			cy: "12",
-			r: "11",
-			fill: "white",
-			stroke: e || "#7E8494",
-			strokeWidth: "2",
-			strokeDasharray: "5 5"
-		}),
-		/* @__PURE__ */ n("mask", {
-			id: "path-2-outside-1_3089_3799",
-			maskUnits: "userSpaceOnUse",
-			x: "2",
-			y: "3",
-			width: "19",
-			height: "18",
-			fill: "black",
-			children: [/* @__PURE__ */ t("rect", {
+var i = ({ dashColor: e }) => {
+	let i = t("correct-check-mask");
+	return /* @__PURE__ */ r("svg", {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ n("circle", {
+				cx: "12",
+				cy: "12",
+				r: "11",
 				fill: "white",
+				stroke: e || "#7E8494",
+				strokeWidth: "2",
+				strokeDasharray: "5 5"
+			}),
+			/* @__PURE__ */ r("mask", {
+				id: i,
+				maskUnits: "userSpaceOnUse",
 				x: "2",
 				y: "3",
 				width: "19",
-				height: "18"
-			}), /* @__PURE__ */ t("path", { d: "M12 20C9.125 20 6.5 18.5 5.0625 16C3.625 13.5312 3.625 10.5 5.0625 8C6.5 5.53125 9.125 4 12 4C14.8438 4 17.4688 5.53125 18.9062 8C20.3438 10.5 20.3438 13.5312 18.9062 16C17.4688 18.5 14.8438 20 12 20ZM15.5312 10.5312H15.5C15.8125 10.25 15.8125 9.78125 15.5 9.46875C15.2188 9.1875 14.75 9.1875 14.4688 9.46875L11 12.9688L9.53125 11.5C9.21875 11.1875 8.75 11.1875 8.46875 11.5C8.15625 11.7812 8.15625 12.25 8.46875 12.5312L10.4688 14.5312C10.75 14.8438 11.2188 14.8438 11.5312 14.5312L15.5312 10.5312Z" })]
-		}),
-		/* @__PURE__ */ t("path", {
-			d: "M12 20C9.125 20 6.5 18.5 5.0625 16C3.625 13.5312 3.625 10.5 5.0625 8C6.5 5.53125 9.125 4 12 4C14.8438 4 17.4688 5.53125 18.9062 8C20.3438 10.5 20.3438 13.5312 18.9062 16C17.4688 18.5 14.8438 20 12 20ZM15.5312 10.5312H15.5C15.8125 10.25 15.8125 9.78125 15.5 9.46875C15.2188 9.1875 14.75 9.1875 14.4688 9.46875L11 12.9688L9.53125 11.5C9.21875 11.1875 8.75 11.1875 8.46875 11.5C8.15625 11.7812 8.15625 12.25 8.46875 12.5312L10.4688 14.5312C10.75 14.8438 11.2188 14.8438 11.5312 14.5312L15.5312 10.5312Z",
-			fill: "#0EA449"
-		}),
-		/* @__PURE__ */ t("path", {
-			d: "M5.0625 16L5.92942 15.5015L5.92668 15.4968L5.0625 16ZM5.0625 8L4.19831 7.4968L4.19559 7.50153L5.0625 8ZM18.9062 8L19.7732 7.50152L19.7704 7.49681L18.9062 8ZM18.9062 16L18.0421 15.4968L18.0393 15.5015L18.9062 16ZM15.5312 10.5312L16.2384 11.2384L17.9455 9.53125H15.5312V10.5312ZM15.5 10.5312L14.831 9.78796L12.894 11.5312H15.5V10.5312ZM14.4688 9.46875L13.7616 8.76164L13.7585 8.76482L14.4688 9.46875ZM11 12.9688L10.2929 13.6759L11.0032 14.3861L11.7103 13.6727L11 12.9688ZM8.46875 11.5L9.13771 12.2433L9.17684 12.2081L9.21204 12.169L8.46875 11.5ZM8.46875 12.5312L9.17586 11.8241L9.15726 11.8055L9.13771 11.788L8.46875 12.5312ZM10.4688 14.5312L11.212 13.8623L11.1945 13.8427L11.1759 13.8241L10.4688 14.5312ZM12 20V19C9.479 19 7.18657 17.6879 5.92941 15.5015L5.0625 16L4.19559 16.4985C5.81343 19.3121 8.771 21 12 21V20ZM5.0625 16L5.92668 15.4968C4.6714 13.341 4.66824 10.6918 5.92941 8.49847L5.0625 8L4.19559 7.50153C2.58176 10.3082 2.5786 13.7215 4.19832 16.5032L5.0625 16ZM5.0625 8L5.92668 8.50319C7.18712 6.33851 9.48502 5 12 5V4V3C8.76498 3 5.81288 4.72399 4.19832 7.49681L5.0625 8ZM12 4V5C14.4816 5 16.7805 6.33661 18.0421 8.50319L18.9062 8L19.7704 7.49681C18.157 4.72589 15.2059 3 12 3V4ZM18.9062 8L18.0393 8.49847C19.3005 10.6918 19.2973 13.341 18.0421 15.4968L18.9062 16L19.7704 16.5032C21.3902 13.7215 21.387 10.3082 19.7732 7.50153L18.9062 8ZM18.9062 16L18.0393 15.5015C16.7811 17.6898 14.4876 19 12 19V20V21C15.1999 21 18.1564 19.3102 19.7732 16.4985L18.9062 16ZM15.5312 10.5312V9.53125H15.5V10.5312V11.5312H15.5312V10.5312ZM15.5 10.5312L16.169 11.2745C16.9447 10.5764 16.8883 9.44281 16.2071 8.76164L15.5 9.46875L14.7929 10.1759C14.7696 10.1525 14.7344 10.0966 14.7344 10.0117C14.7344 9.92377 14.7735 9.83972 14.831 9.78796L15.5 10.5312ZM15.5 9.46875L16.2071 8.76164C15.5353 8.08987 14.4334 8.08987 13.7616 8.76164L14.4688 9.46875L15.1759 10.1759C15.1167 10.235 15.0442 10.2578 14.9844 10.2578C14.9245 10.2578 14.8521 10.235 14.7929 10.1759L15.5 9.46875ZM14.4688 9.46875L13.7585 8.76482L10.2897 12.2648L11 12.9688L11.7103 13.6727L15.179 10.1727L14.4688 9.46875ZM11 12.9688L11.7071 12.2616L10.2384 10.7929L9.53125 11.5L8.82414 12.2071L10.2929 13.6759L11 12.9688ZM9.53125 11.5L10.2384 10.7929C9.55719 10.1117 8.42362 10.0553 7.72546 10.831L8.46875 11.5L9.21204 12.169C9.16028 12.2265 9.07623 12.2656 8.98828 12.2656C8.90344 12.2656 8.84748 12.2304 8.82414 12.2071L9.53125 11.5ZM8.46875 11.5L7.79979 10.7567C7.04591 11.4352 7.04591 12.5961 7.79979 13.2745L8.46875 12.5312L9.13771 11.788C9.19301 11.8377 9.23438 11.9208 9.23438 12.0156C9.23438 12.1105 9.19301 12.1935 9.13771 12.2433L8.46875 11.5ZM8.46875 12.5312L7.76164 13.2384L9.76164 15.2384L10.4688 14.5312L11.1759 13.8241L9.17586 11.8241L8.46875 12.5312ZM10.4688 14.5312L9.72546 15.2002C10.4236 15.976 11.5572 15.9195 12.2384 15.2384L11.5312 14.5312L10.8241 13.8241C10.8475 13.8008 10.9034 13.7656 10.9883 13.7656C11.0762 13.7656 11.1603 13.8048 11.212 13.8623L10.4688 14.5312ZM11.5312 14.5312L12.2384 15.2384L16.2384 11.2384L15.5312 10.5312L14.8241 9.82414L10.8241 13.8241L11.5312 14.5312Z",
-			fill: "white",
-			mask: "url(#path-2-outside-1_3089_3799)"
-		})
-	]
-});
-r.propTypes = { dashColor: e.string };
+				height: "18",
+				fill: "black",
+				children: [/* @__PURE__ */ n("rect", {
+					fill: "white",
+					x: "2",
+					y: "3",
+					width: "19",
+					height: "18"
+				}), /* @__PURE__ */ n("path", { d: "M12 20C9.125 20 6.5 18.5 5.0625 16C3.625 13.5312 3.625 10.5 5.0625 8C6.5 5.53125 9.125 4 12 4C14.8438 4 17.4688 5.53125 18.9062 8C20.3438 10.5 20.3438 13.5312 18.9062 16C17.4688 18.5 14.8438 20 12 20ZM15.5312 10.5312H15.5C15.8125 10.25 15.8125 9.78125 15.5 9.46875C15.2188 9.1875 14.75 9.1875 14.4688 9.46875L11 12.9688L9.53125 11.5C9.21875 11.1875 8.75 11.1875 8.46875 11.5C8.15625 11.7812 8.15625 12.25 8.46875 12.5312L10.4688 14.5312C10.75 14.8438 11.2188 14.8438 11.5312 14.5312L15.5312 10.5312Z" })]
+			}),
+			/* @__PURE__ */ n("path", {
+				d: "M12 20C9.125 20 6.5 18.5 5.0625 16C3.625 13.5312 3.625 10.5 5.0625 8C6.5 5.53125 9.125 4 12 4C14.8438 4 17.4688 5.53125 18.9062 8C20.3438 10.5 20.3438 13.5312 18.9062 16C17.4688 18.5 14.8438 20 12 20ZM15.5312 10.5312H15.5C15.8125 10.25 15.8125 9.78125 15.5 9.46875C15.2188 9.1875 14.75 9.1875 14.4688 9.46875L11 12.9688L9.53125 11.5C9.21875 11.1875 8.75 11.1875 8.46875 11.5C8.15625 11.7812 8.15625 12.25 8.46875 12.5312L10.4688 14.5312C10.75 14.8438 11.2188 14.8438 11.5312 14.5312L15.5312 10.5312Z",
+				fill: "#0EA449"
+			}),
+			/* @__PURE__ */ n("path", {
+				d: "M5.0625 16L5.92942 15.5015L5.92668 15.4968L5.0625 16ZM5.0625 8L4.19831 7.4968L4.19559 7.50153L5.0625 8ZM18.9062 8L19.7732 7.50152L19.7704 7.49681L18.9062 8ZM18.9062 16L18.0421 15.4968L18.0393 15.5015L18.9062 16ZM15.5312 10.5312L16.2384 11.2384L17.9455 9.53125H15.5312V10.5312ZM15.5 10.5312L14.831 9.78796L12.894 11.5312H15.5V10.5312ZM14.4688 9.46875L13.7616 8.76164L13.7585 8.76482L14.4688 9.46875ZM11 12.9688L10.2929 13.6759L11.0032 14.3861L11.7103 13.6727L11 12.9688ZM8.46875 11.5L9.13771 12.2433L9.17684 12.2081L9.21204 12.169L8.46875 11.5ZM8.46875 12.5312L9.17586 11.8241L9.15726 11.8055L9.13771 11.788L8.46875 12.5312ZM10.4688 14.5312L11.212 13.8623L11.1945 13.8427L11.1759 13.8241L10.4688 14.5312ZM12 20V19C9.479 19 7.18657 17.6879 5.92941 15.5015L5.0625 16L4.19559 16.4985C5.81343 19.3121 8.771 21 12 21V20ZM5.0625 16L5.92668 15.4968C4.6714 13.341 4.66824 10.6918 5.92941 8.49847L5.0625 8L4.19559 7.50153C2.58176 10.3082 2.5786 13.7215 4.19832 16.5032L5.0625 16ZM5.0625 8L5.92668 8.50319C7.18712 6.33851 9.48502 5 12 5V4V3C8.76498 3 5.81288 4.72399 4.19832 7.49681L5.0625 8ZM12 4V5C14.4816 5 16.7805 6.33661 18.0421 8.50319L18.9062 8L19.7704 7.49681C18.157 4.72589 15.2059 3 12 3V4ZM18.9062 8L18.0393 8.49847C19.3005 10.6918 19.2973 13.341 18.0421 15.4968L18.9062 16L19.7704 16.5032C21.3902 13.7215 21.387 10.3082 19.7732 7.50153L18.9062 8ZM18.9062 16L18.0393 15.5015C16.7811 17.6898 14.4876 19 12 19V20V21C15.1999 21 18.1564 19.3102 19.7732 16.4985L18.9062 16ZM15.5312 10.5312V9.53125H15.5V10.5312V11.5312H15.5312V10.5312ZM15.5 10.5312L16.169 11.2745C16.9447 10.5764 16.8883 9.44281 16.2071 8.76164L15.5 9.46875L14.7929 10.1759C14.7696 10.1525 14.7344 10.0966 14.7344 10.0117C14.7344 9.92377 14.7735 9.83972 14.831 9.78796L15.5 10.5312ZM15.5 9.46875L16.2071 8.76164C15.5353 8.08987 14.4334 8.08987 13.7616 8.76164L14.4688 9.46875L15.1759 10.1759C15.1167 10.235 15.0442 10.2578 14.9844 10.2578C14.9245 10.2578 14.8521 10.235 14.7929 10.1759L15.5 9.46875ZM14.4688 9.46875L13.7585 8.76482L10.2897 12.2648L11 12.9688L11.7103 13.6727L15.179 10.1727L14.4688 9.46875ZM11 12.9688L11.7071 12.2616L10.2384 10.7929L9.53125 11.5L8.82414 12.2071L10.2929 13.6759L11 12.9688ZM9.53125 11.5L10.2384 10.7929C9.55719 10.1117 8.42362 10.0553 7.72546 10.831L8.46875 11.5L9.21204 12.169C9.16028 12.2265 9.07623 12.2656 8.98828 12.2656C8.90344 12.2656 8.84748 12.2304 8.82414 12.2071L9.53125 11.5ZM8.46875 11.5L7.79979 10.7567C7.04591 11.4352 7.04591 12.5961 7.79979 13.2745L8.46875 12.5312L9.13771 11.788C9.19301 11.8377 9.23438 11.9208 9.23438 12.0156C9.23438 12.1105 9.19301 12.1935 9.13771 12.2433L8.46875 11.5ZM8.46875 12.5312L7.76164 13.2384L9.76164 15.2384L10.4688 14.5312L11.1759 13.8241L9.17586 11.8241L8.46875 12.5312ZM10.4688 14.5312L9.72546 15.2002C10.4236 15.976 11.5572 15.9195 12.2384 15.2384L11.5312 14.5312L10.8241 13.8241C10.8475 13.8008 10.9034 13.7656 10.9883 13.7656C11.0762 13.7656 11.1603 13.8048 11.212 13.8623L10.4688 14.5312ZM11.5312 14.5312L12.2384 15.2384L16.2384 11.2384L15.5312 10.5312L14.8241 9.82414L10.8241 13.8241L11.5312 14.5312Z",
+				fill: "white",
+				mask: `url(#${i})`
+			})
+		]
+	});
+};
+i.propTypes = { dashColor: e.string };
 //#endregion
-export { r as CorrectCheckIcon };
+export { i as CorrectCheckIcon };

package/dist/chart-setup.js

@@ -3,8 +3,8 @@ import { useEffect as t, useState as n } from "react";
 import r from "prop-types";
 import { styled as i } from "@mui/material/styles";
 import { AlertDialog as a, NumberTextFieldCustom as o } from "@pie-lib/config-ui";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { color as l } from "@pie-lib/render-ui";
+import { color as s } from "@pie-lib/render-ui";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import u from "@mui/material/Typography";
 //#region src/chart-setup.tsx
 var d = (e, t, n, r, i) => {
@@ -39,14 +39,14 @@ var d = (e, t, n, r, i) => {
 	justifyContent: "space-between",
 	alignItems: "center",
 	margin: `${e.spacing(3)} 0`
-})), y = i(u)(() => ({ color: l.disabled() })), b = (r) => {
-	let { model: i, onChange: o, chartDimensions: l, gridValues: b = {}, labelValues: x = {}, studentNewCategoryDefaultLabel: S = {}, availableChartTypes: C = {}, chartTypeLabel: w } = r, [T, E] = n({
+})), y = i(u)(() => ({ color: s.disabled() })), b = (r) => {
+	let { model: i, onChange: o, chartDimensions: s, gridValues: b = {}, labelValues: x = {}, studentNewCategoryDefaultLabel: S = {}, availableChartTypes: C = {}, chartTypeLabel: w } = r, [T, E] = n({
 		open: !1,
 		title: "",
 		text: "",
 		onClose: null,
 		onConfirm: null
-	}), [D, O] = n(!1), [k, A] = n(""), [j, M] = n(0), { range: N = {}, correctAnswer: P, changeInteractiveEnabled: F, changeEditableEnabled: I } = i, L = i.graph, { showInConfigPanel: R, width: z, height: B } = l || {}, V = {
+	}), [D, O] = n(!1), [k, A] = n(""), [j, M] = n(0), { range: N = {}, correctAnswer: P, changeInteractiveEnabled: F, changeEditableEnabled: I } = i, L = i.graph, { showInConfigPanel: R, width: z, height: B } = s || {}, V = {
 		min: z?.min ? Math.max(50, z.min) : 50,
 		max: z?.max ? Math.min(700, z.max) : 700,
 		step: z?.step >= 1 ? Math.min(200, z.step) : 20
@@ -60,13 +60,13 @@ var d = (e, t, n, r, i) => {
 	}, W = x && x.range ? { customValues: x.range } : {
 		min: 0,
 		max: 1e4
-	}, G = /* @__PURE__ */ c(h, { children: [/* @__PURE__ */ s(_, {
+	}, G = /* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(_, {
 		label: "Grid Interval",
 		value: N.step,
 		variant: "outlined",
 		onChange: (e, t) => $("step", t, e),
 		...U
-	}), /* @__PURE__ */ s(_, {
+	}), /* @__PURE__ */ c(_, {
 		label: "Label Interval",
 		value: N.labelStep,
 		variant: "outlined",
@@ -162,18 +162,18 @@ var d = (e, t, n, r, i) => {
 			chartType: e
 		});
 	};
-	return /* @__PURE__ */ c(f, { children: [
-		/* @__PURE__ */ s(u, {
+	return /* @__PURE__ */ l(f, { children: [
+		/* @__PURE__ */ c(u, {
 			variant: "subtitle1",
 			children: "Configure Chart"
 		}),
-		/* @__PURE__ */ c(p, { children: [
-			/* @__PURE__ */ c(h, { children: [/* @__PURE__ */ s(e, {
+		/* @__PURE__ */ l(p, { children: [
+			/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(e, {
 				value: i.chartType,
 				onChange: (e) => ne(e.target.value),
 				availableChartTypes: C,
 				chartTypeLabel: w
-			}), /* @__PURE__ */ s(_, {
+			}), /* @__PURE__ */ c(_, {
 				label: "Max Value",
 				value: N.max,
 				min: X(i.chartType).min,
@@ -182,9 +182,9 @@ var d = (e, t, n, r, i) => {
 				onChange: (e, t) => $("max", t, e)
 			})] }),
 			!i.chartType.includes("Plot") && G,
-			R && /* @__PURE__ */ c(v, { children: [
-				/* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(u, { children: "Dimensions(px)" }) }),
-				/* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(g, {
+			R && /* @__PURE__ */ l(v, { children: [
+				/* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(u, { children: "Dimensions(px)" }) }),
+				/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(g, {
 					label: "Width",
 					value: L.width,
 					min: V.min,
@@ -192,8 +192,8 @@ var d = (e, t, n, r, i) => {
 					step: V.step,
 					variant: "outlined",
 					onChange: (e, t) => Z("width", t)
-				}), /* @__PURE__ */ s(y, { children: "Min 50, Max 700" })] }),
-				/* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(g, {
+				}), /* @__PURE__ */ c(y, { children: "Min 50, Max 700" })] }),
+				/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(g, {
 					label: "Height",
 					value: L.height,
 					min: H.min,
@@ -201,10 +201,10 @@ var d = (e, t, n, r, i) => {
 					step: H.step,
 					variant: "outlined",
 					onChange: (e, t) => Z("height", t)
-				}), /* @__PURE__ */ s(y, { children: "Min 400, Max 700" })] })
+				}), /* @__PURE__ */ c(y, { children: "Min 400, Max 700" })] })
 			] })
 		] }),
-		/* @__PURE__ */ s(a, {
+		/* @__PURE__ */ c(a, {
 			open: T.open,
 			title: T.title,
 			text: T.text,