@pie-lib/charting 8.0.1-next.20261005143122 → 8.0.1-next.20261005184705

package/dist/bars/common/bars.d.ts

@@ -33,6 +33,7 @@ export declare class RawBar extends React.Component {
             }>>>;
         }>>>;
         interactive: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
         correctness: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;

package/dist/bars/common/bars.js

@@ -47,6 +47,7 @@ var h = l("pie-lib:chart:bars"), g = [
 		index: s.number.isRequired,
 		graphProps: u.GraphPropsType.isRequired,
 		interactive: s.bool,
+		disabled: s.bool,
 		correctness: s.shape({
 			value: s.string,
 			label: s.string
@@ -89,7 +90,7 @@ var h = l("pie-lib:chart:bars"), g = [
 		h("[dragValue] next:", t), this.setDragValue(t);
 	};
 	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;
+		let { graphProps: e, value: t, label: o, xBand: s, index: c, interactive: l, disabled: u, correctness: h, barColor: g, defineChart: b, correctData: x } = this.props, { scale: S, range: C } = e, { dragValue: w, isHovered: T } = this.state, E = v(T, g, c, _, l && !h), D = Number.isFinite(w) ? w : t, O = s.bandwidth(), k = S.y(C.max - D), A = s(n({ label: o }, c)), j = C.max - D, M = C.max - j, N = x ? x.find((e) => e.label === o) : null, P = l ? r : i, F = !!g;
 		return /* @__PURE__ */ m("g", {
 			ref: (e) => this.gRef = e,
 			onMouseEnter: this.handleMouseEnter,
@@ -98,20 +99,20 @@ var h = l("pie-lib:chart:bars"), g = [
 			onTouchEnd: this.handleMouseLeave,
 			children: [
 				/* @__PURE__ */ p(y, {
-					x: k,
-					y: x.y(j),
-					width: D,
-					height: O,
-					style: { fill: T }
+					x: A,
+					y: S.y(M),
+					width: O,
+					height: k,
+					style: { fill: E }
 				}),
-				u && u.value === "incorrect" && (() => {
-					let e = parseFloat(M && M.value);
+				h && h.value === "incorrect" && (() => {
+					let e = parseFloat(N && N.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 ? d.borderGray() : d.defaults.WHITE, s = t > n ? i : i - r;
+					let t = S.y(C.max - e), n = k, r = Math.abs(t - n), i = S.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,
+						x: A + 2,
 						y: s,
-						width: D - 4,
+						width: O - 4,
 						height: r,
 						style: {
 							stroke: o,
@@ -120,25 +121,26 @@ var h = l("pie-lib:chart:bars"), g = [
 							fill: "none"
 						}
 					}), /* @__PURE__ */ p("foreignObject", {
-						x: k + D - (P ? 24 : 14),
+						x: A + O - (F ? 24 : 14),
 						y: i - 12,
 						width: 24,
 						height: 24,
 						children: /* @__PURE__ */ p(a, { dashColor: o })
 					})] });
 				})(),
-				/* @__PURE__ */ p(N, {
-					x: k,
-					y: E,
-					defineChart: g,
+				/* @__PURE__ */ p(P, {
+					x: A,
+					y: D,
+					defineChart: b,
 					interactive: l,
-					width: D,
+					disabled: u,
+					width: O,
 					onDrag: (e) => this.dragValue(t, e),
 					onDragStop: this.dragStop,
 					graphProps: e,
-					correctness: u,
-					isHovered: w,
-					color: T
+					correctness: h,
+					isHovered: T,
+					color: E
 				})
 			]
 		});
@@ -154,11 +156,12 @@ var h = l("pie-lib:chart:bars"), g = [
 		histogram: s.bool
 	};
 	render() {
-		let { data: t, graphProps: n, xBand: r, onChangeCategory: i, defineChart: a, histogram: o, correctData: s } = this.props;
+		let { data: t, graphProps: n, xBand: r, onChangeCategory: i, defineChart: a, histogram: o, correctData: s, disabled: c } = this.props;
 		return /* @__PURE__ */ p(e, { children: (t || []).map((e, t) => /* @__PURE__ */ p(x, {
 			value: e.value,
 			interactive: a || e.interactive,
 			defineChart: a,
+			disabled: c,
 			label: e.label,
 			xBand: r,
 			index: t,

package/dist/chart.d.ts

@@ -50,6 +50,7 @@ export declare class Chart extends React.Component {
         categoryDefaultLabel: PropTypes.Requireable<string>;
         categoryDefaults: PropTypes.Requireable<object>;
         defineChart: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
         theme: PropTypes.Requireable<object>;
         chartingOptions: PropTypes.Requireable<object>;
         changeInteractiveEnabled: PropTypes.Requireable<boolean>;

package/dist/chart.js

@@ -7,36 +7,36 @@ import c from "react";
 import l from "prop-types";
 import { styled as u } from "@mui/material/styles";
 import d from "debug";
-import { cloneDeep as f } from "@pie-element/shared-lodash";
-import { Root as ee, createGraphProps as p, utils as m } from "@pie-lib/plot";
-import { AlertDialog as h } from "@pie-lib/config-ui";
-import { createUniqueId as g } from "@pie-lib/render-ui";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import y from "@pie-lib/translator";
+import { cloneDeep as ee } from "@pie-element/shared-lodash";
+import { Root as f, createGraphProps as te, utils as p } from "@pie-lib/plot";
+import { AlertDialog as m } from "@pie-lib/config-ui";
+import { createUniqueId as h } from "@pie-lib/render-ui";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v from "@pie-lib/translator";
 //#region src/chart.tsx
-var { translator: b } = y, x = d("pie-lib:charts:chart"), S = u("div")(() => ({ width: "min-content" })), C = (e) => e ? m.extractTextFromHTML(e).trim() : "", w = ({ title: e, chartType: t, categories: n, range: r, language: i }) => {
+var { translator: y } = v, b = d("pie-lib:charts:chart"), x = u("div")(() => ({ width: "min-content" })), S = (e) => e ? p.extractTextFromHTML(e).trim() : "", C = ({ title: e, chartType: t, categories: n, range: r, language: i }) => {
 	let a = {
 		lng: i,
 		interpolation: { escapeValue: !1 }
-	}, o = b.t(`charting.chartTypes.${t}`, a), s = C(r.label), c = s ? b.t("charting.labelledValueRange", {
+	}, o = y.t(`charting.chartTypes.${t}`, a), s = S(r.label), c = s ? y.t("charting.labelledValueRange", {
 		...a,
 		label: s,
 		min: r.min,
 		max: r.max
-	}) : b.t("charting.valueRange", {
+	}) : y.t("charting.valueRange", {
 		...a,
 		min: r.min,
 		max: r.max
-	}), l = b.t("charting.categories", {
+	}), l = y.t("charting.categories", {
 		...a,
 		count: n.length,
-		categories: n.map((e) => C(e.label)).join(", ")
+		categories: n.map((e) => S(e.label)).join(", ")
 	});
 	return {
-		ariaLabel: C(e) || o,
+		ariaLabel: S(e) || o,
 		ariaDescription: `${o}. ${l} ${c}`
 	};
-}, T = class extends c.Component {
+}, w = class extends c.Component {
 	constructor(e) {
 		super(e), this.state = {
 			dialog: { open: !1 },
@@ -82,6 +82,7 @@ var { translator: b } = y, x = d("pie-lib:charts:chart"), S = u("div")(() => ({
 		categoryDefaultLabel: l.string,
 		categoryDefaults: l.object,
 		defineChart: l.bool,
+		disabled: l.bool,
 		theme: l.object,
 		chartingOptions: l.object,
 		changeInteractiveEnabled: l.bool,
@@ -110,7 +111,7 @@ var { translator: b } = y, x = d("pie-lib:charts:chart"), S = u("div")(() => ({
 		autoFocus: !1
 	};
 	generateMaskId() {
-		return g("chart");
+		return h("chart");
 	}
 	setLabelOverhang = (e) => this.setState({ labelOverhang: e });
 	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
@@ -139,15 +140,15 @@ var { translator: b } = y, x = d("pie-lib:charts:chart"), S = u("div")(() => ({
 		let { onDataChange: e, data: t, categoryDefaultLabel: n, defineChart: r, categoryDefaults: i, language: a } = this.props;
 		(t || []).length > 19 ? this.setState({ dialog: {
 			open: !0,
-			title: b.t("common:warning", { lng: a }),
-			text: b.t("charting.reachedLimit_other", {
+			title: y.t("common:warning", { lng: a }),
+			text: y.t("charting.reachedLimit_other", {
 				count: 20,
 				lng: a
 			}),
 			onConfirm: () => this.handleAlertDialog(!1)
 		} }) : (this.setState({ autoFocus: !0 }), e([...t, {
 			inDefineChart: r,
-			label: n || b.t("charting.newLabel", { lng: a }),
+			label: n || y.t("charting.newLabel", { lng: a }),
 			value: 0,
 			deletable: !0,
 			editable: !i || i?.editable,
@@ -169,10 +170,10 @@ var { translator: b } = y, x = d("pie-lib:charts:chart"), S = u("div")(() => ({
 		this.setState({ autoFocus: !1 });
 	};
 	render() {
-		let { domain: o = {}, range: c = {}, chartingOptions: l, size: u, title: d, onChangeTitle: m, onChangeLabels: g, labelsPlaceholders: y, titlePlaceholder: b, addCategoryEnabled: C, changeInteractiveEnabled: T, changeEditableEnabled: E, showPixelGuides: D, error: O, mathMlOptions: k = {}, language: A, labelsCharactersLimit: j, correctData: M } = this.props, { chartType: N } = this.props, { dialog: P } = this.state, F = this.props.defineChart || !1, { width: I, height: L } = u || {}, R = {
+		let { domain: o = {}, range: c = {}, chartingOptions: l, size: u, title: d, onChangeTitle: p, onChangeLabels: h, labelsPlaceholders: v, titlePlaceholder: y, addCategoryEnabled: S, changeInteractiveEnabled: w, changeEditableEnabled: T, showPixelGuides: E, error: D, mathMlOptions: O = {}, language: k, labelsCharactersLimit: A, correctData: j, disabled: M } = this.props, { chartType: N } = this.props, { dialog: P } = this.state, F = this.props.defineChart || !1, { width: I, height: L } = u || {}, R = {
 			left: c?.label || "",
 			bottom: o?.label || ""
-		}, { type: z, ChartComponent: B } = this.getChart(), V = this.getFilteredCategories(), H = n(o, c, N), { ariaLabel: U, ariaDescription: W } = w({
+		}, { type: z, ChartComponent: B } = this.getChart(), V = this.getFilteredCategories(), H = n(o, c, N), { ariaLabel: U, ariaDescription: W } = C({
 			title: d,
 			chartType: z,
 			categories: V,
@@ -180,43 +181,43 @@ var { translator: b } = y, x = d("pie-lib:charts:chart"), S = u("div")(() => ({
 				...H.range,
 				label: c.label
 			},
-			language: A
-		}), { verticalLines: G, horizontalLines: K, leftAxis: q } = r(H.range, N), J = { graphProps: p(H.domain, H.range, u, () => this.rootNode) };
-		x("[render] common:", J);
+			language: k
+		}), { verticalLines: G, horizontalLines: K, leftAxis: q } = r(H.range, N), J = { graphProps: te(H.domain, H.range, u, () => this.rootNode) };
+		b("[render] common:", J);
 		let Y = {
 			x: -10,
 			y: -75,
 			width: I + 20,
 			height: L + 130
-		}, { scale: X } = J.graphProps, Z = t(X.x, V, I, N), te = Z.bandwidth() || X.x(H.domain.max) / V.length, ne = F ? 160 : 60, Q = Math.max(i(te), this.state.labelOverhang), $ = f(J);
-		return $.graphProps.size.height += Q + ne, (N === "dotPlot" || N === "linePlot") && M?.length && R.bottom && ($.graphProps.size.height += 25), /* @__PURE__ */ v(S, { children: [/* @__PURE__ */ v(ee, {
+		}, { scale: X } = J.graphProps, Z = t(X.x, V, I, N), ne = Z.bandwidth() || X.x(H.domain.max) / V.length, re = F ? 160 : 60, Q = Math.max(i(ne), this.state.labelOverhang), $ = ee(J);
+		return $.graphProps.size.height += Q + re, (N === "dotPlot" || N === "linePlot") && j?.length && R.bottom && ($.graphProps.size.height += 25), /* @__PURE__ */ _(x, { children: [/* @__PURE__ */ _(f, {
 			title: d,
-			onChangeTitle: m,
+			onChangeTitle: p,
 			disabledTitle: !F,
 			showTitle: !0,
 			showLabels: !0,
 			labels: R,
-			onChangeLabels: g,
-			labelsPlaceholders: y,
-			titlePlaceholder: b,
+			onChangeLabels: h,
+			labelsPlaceholders: v,
+			titlePlaceholder: y,
 			defineChart: F,
 			disabledLabels: !F,
 			isChart: !0,
-			showPixelGuides: D,
+			showPixelGuides: E,
 			rootRef: (e) => this.rootNode = e,
-			mathMlOptions: k,
-			labelsCharactersLimit: j,
+			mathMlOptions: O,
+			labelsCharactersLimit: A,
 			ariaLabel: U,
 			ariaDescription: W,
 			...$,
 			children: [
-				/* @__PURE__ */ _(e, {
+				/* @__PURE__ */ g(e, {
 					...J,
 					xBand: Z,
 					rowTickValues: K,
 					columnTickValues: G
 				}),
-				/* @__PURE__ */ _(a, {
+				/* @__PURE__ */ g(a, {
 					autoFocus: this.state.autoFocus,
 					onAutoFocusUsed: this.resetAutoFocus,
 					...J,
@@ -227,54 +228,55 @@ var { translator: b } = y, x = d("pie-lib:charts:chart"), S = u("div")(() => ({
 					onChange: this.changeData,
 					onChangeCategory: this.changeCategory,
 					chartingOptions: l,
-					changeInteractiveEnabled: T,
-					changeEditableEnabled: E,
+					changeInteractiveEnabled: w,
+					changeEditableEnabled: T,
 					top: Q,
-					error: O,
+					error: D,
 					showCorrectness: N === "linePlot" || N === "dotPlot",
-					language: A,
+					language: k,
 					onLabelOverhang: this.setLabelOverhang
 				}),
-				C ? /* @__PURE__ */ _("foreignObject", {
+				S ? /* @__PURE__ */ g("foreignObject", {
 					x: I,
 					y: L - 16,
 					width: I,
 					height: L,
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ g("div", {
 						xmlns: "http://www.w3.org/1999/xhtml",
 						style: {
 							display: "flex",
 							justifyContent: "flex-start"
 						},
-						children: /* @__PURE__ */ _(s, {
+						children: /* @__PURE__ */ g(s, {
 							categories: V,
 							addCategory: this.addCategory,
 							deleteCategory: this.deleteCategory,
-							language: A
+							language: k
 						})
 					})
 				}) : null,
-				/* @__PURE__ */ _("mask", {
+				/* @__PURE__ */ g("mask", {
 					id: `${this.maskUid}`,
-					children: /* @__PURE__ */ _("rect", {
+					children: /* @__PURE__ */ g("rect", {
 						...Y,
 						fill: "white"
 					})
 				}),
-				/* @__PURE__ */ _("g", {
+				/* @__PURE__ */ g("g", {
 					mask: `url('#${this.maskUid}')`,
-					children: B && /* @__PURE__ */ _(B, {
+					children: B && /* @__PURE__ */ g(B, {
 						...J,
 						data: V,
 						height: $.graphProps.size.height,
 						defineChart: F,
 						onChange: this.changeData,
 						onChangeCategory: this.changeCategory,
-						correctData: M
+						correctData: j,
+						disabled: M
 					})
 				})
 			]
-		}), /* @__PURE__ */ _(h, {
+		}), /* @__PURE__ */ g(m, {
 			open: P.open,
 			title: P.title,
 			text: P.text,
@@ -284,4 +286,4 @@ var { translator: b } = y, x = d("pie-lib:charts:chart"), S = u("div")(() => ({
 	}
 };
 //#endregion
-export { T as Chart, T as default, w as chartAlternative };
+export { w as Chart, w as default, C as chartAlternative };

package/dist/line/common/line.d.ts

@@ -32,6 +32,7 @@ export declare class RawLine extends React.Component {
             }>>>;
         }>>>;
         defineChart: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
         data: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;

package/dist/line/common/line.js

@@ -30,6 +30,7 @@ var f = (e, t) => {
 		index: a.number.isRequired,
 		graphProps: c.GraphPropsType.isRequired,
 		defineChart: a.bool,
+		disabled: a.bool,
 		data: a.arrayOf(a.shape({
 			label: a.string,
 			value: a.number
@@ -59,18 +60,19 @@ var f = (e, t) => {
 		r[e].dragValue = n, this.setDragValue(r);
 	};
 	render() {
-		let { graphProps: e, data: t, CustomDraggableComponent: a, defineChart: o, correctData: s } = this.props, { line: c, dragging: l } = this.state, { scale: m } = e, h = l ? c : f(t, e.domain);
+		let { graphProps: e, data: t, CustomDraggableComponent: a, defineChart: o, correctData: s, disabled: c } = this.props, { line: l, dragging: m } = this.state, { scale: h } = e, g = m ? l : f(t, e.domain);
 		return /* @__PURE__ */ d(i.Fragment, { children: [/* @__PURE__ */ u(p, {
-			data: h,
-			x: (e) => m.x(e.x),
-			y: (e) => m.y(e.dragValue === void 0 ? e.y : e.dragValue),
+			data: g,
+			x: (e) => h.x(e.x),
+			y: (e) => h.y(e.dragValue === void 0 ? e.y : e.dragValue),
 			className: "line"
-		}), h && h.map((t, i) => {
-			let c = o || t.interactive;
-			return /* @__PURE__ */ u(c ? n : r, {
+		}), g && g.map((t, i) => {
+			let l = o || t.interactive;
+			return /* @__PURE__ */ u(l ? n : r, {
 				x: t.x,
 				y: t.dragValue === void 0 ? t.y : t.dragValue,
-				interactive: c,
+				interactive: l,
+				disabled: c,
 				r: 6,
 				onDragStart: () => this.setState({ dragging: !0 }),
 				onDrag: (e) => this.dragValue(i, t.dragValue === void 0 ? t.y : t.dragValue, e),

package/dist/plot/common/plot.d.ts

@@ -33,6 +33,7 @@ export declare class RawPlot extends React.Component {
         }>>>;
         CustomBarElement: PropTypes.Requireable<(...args: any[]) => any>;
         interactive: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
         correctness: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;

package/dist/plot/common/plot.js

@@ -21,6 +21,7 @@ var g = l("pie-lib:chart:bars"), _ = 16, v = class extends o.Component {
 		graphProps: u.GraphPropsType.isRequired,
 		CustomBarElement: s.func,
 		interactive: s.bool,
+		disabled: s.bool,
 		correctness: s.shape({
 			value: s.string,
 			label: s.string
@@ -74,83 +75,84 @@ var g = l("pie-lib:chart:bars"), _ = 16, v = class extends o.Component {
 		});
 	};
 	render() {
-		let { graphProps: e, value: n, label: r, xBand: s, index: c, CustomBarElement: l, interactive: u, correctness: h, defineChart: _, correctData: v, className: y } = this.props, { scale: b, range: x, size: S } = e, { max: C } = x || {}, { dragValue: w, isHovered: T } = this.state, E = Number.isFinite(w) ? w : n, D = s.bandwidth(), O = b.y(x.max - E), k = s(t({ label: r }, c));
-		g("label:", r, "barX:", k, "v: ", E, "barHeight:", O, "barWidth: ", D);
-		let A = [];
-		for (let e = 0; e < E; e++) A.push(e);
-		let j = S.height / C, M = (j > D ? D : j) * .8, N = u ? i : a, P = u && !h;
+		let { graphProps: e, value: n, label: r, xBand: s, index: c, CustomBarElement: l, interactive: u, disabled: h, correctness: _, defineChart: v, correctData: y, className: b } = this.props, { scale: x, range: S, size: C } = e, { max: w } = S || {}, { dragValue: T, isHovered: E } = this.state, D = Number.isFinite(T) ? T : n, O = s.bandwidth(), k = x.y(S.max - D), A = s(t({ label: r }, c));
+		g("label:", r, "barX:", A, "v: ", D, "barHeight:", k, "barWidth: ", O);
+		let j = [];
+		for (let e = 0; e < D; e++) j.push(e);
+		let M = C.height / w, N = (M > O ? O : M) * .8, P = u ? i : a, F = u && !_;
 		return /* @__PURE__ */ p(o.Fragment, { children: /* @__PURE__ */ m("g", {
-			className: y,
+			className: b,
 			onMouseEnter: this.handleMouseEnter,
 			onMouseLeave: this.handleMouseLeave,
 			onTouchStart: this.handleMouseEnter,
 			onTouchEnd: this.handleMouseLeave,
 			children: [
-				T && P && /* @__PURE__ */ p("rect", {
-					x: k,
-					y: b.y(E),
-					width: D,
-					height: A?.length ? j * A.length : 0,
+				E && F && /* @__PURE__ */ p("rect", {
+					x: A,
+					y: x.y(D),
+					width: O,
+					height: j?.length ? M * j.length : 0,
 					stroke: d.defaults.BORDER_GRAY,
 					strokeWidth: "4px",
 					fill: "transparent"
 				}),
-				A.map((e) => l({
+				j.map((e) => l({
 					index: e,
-					pointDiameter: M,
-					barX: k,
-					barWidth: D,
-					pointHeight: j,
+					pointDiameter: N,
+					barX: A,
+					barWidth: O,
+					pointHeight: M,
 					label: r,
 					value: n,
-					scale: b
+					scale: x
 				})),
-				h && h.value === "incorrect" && (() => {
-					let e = parseFloat(v[c] && v[c].value);
+				_ && _.value === "incorrect" && (() => {
+					let e = parseFloat(y[c] && y[c].value);
 					if (isNaN(e)) return null;
-					let i = E;
-					if (e === 0) return this.renderCorrectnessIcon(k, D, e, h, b, j, M);
+					let i = D;
+					if (e === 0) return this.renderCorrectnessIcon(A, O, e, _, x, M, N);
 					if (i > e) {
 						let i = [];
 						for (let t = 0; t < e; t++) i.push(t);
-						let a = i[i.length - 1], o = s(t({ label: r }, c)), u = s.bandwidth(), d = S.height / C, g = (d > u ? u : d) * .8;
+						let a = i[i.length - 1], o = s(t({ label: r }, c)), u = s.bandwidth(), d = C.height / w, h = (d > u ? u : d) * .8;
 						return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(l, {
 							index: a,
-							pointDiameter: g + 10,
+							pointDiameter: h + 10,
 							barX: o,
 							barWidth: u,
 							pointHeight: d,
 							label: r,
 							value: n,
-							scale: b,
+							scale: x,
 							dottedOverline: !0
-						}), this.renderCorrectnessIcon(o, u, e, h, b, d, g)] });
+						}), this.renderCorrectnessIcon(o, u, e, _, x, d, h)] });
 					}
 					let a = [];
 					for (let t = i; t < e; t++) a.push(t);
 					return /* @__PURE__ */ m(f, { children: [a.map((e) => l({
 						index: e,
-						pointDiameter: M,
-						barX: k,
-						barWidth: D,
-						pointHeight: j,
+						pointDiameter: N,
+						barX: A,
+						barWidth: O,
+						pointHeight: M,
 						label: r,
 						value: n,
-						scale: b,
+						scale: x,
 						dottedOverline: !0
-					})), this.renderCorrectnessIcon(k, D, e, h, b, j, M)] });
+					})), this.renderCorrectnessIcon(A, O, e, _, x, M, N)] });
 				})(),
-				/* @__PURE__ */ p(N, {
-					x: k,
-					y: E,
+				/* @__PURE__ */ p(P, {
+					x: A,
+					y: D,
 					interactive: u,
-					width: D,
+					disabled: h,
+					width: O,
 					onDrag: (e) => this.dragValue(n, e),
 					onDragStop: this.dragStop,
 					graphProps: e,
-					correctness: h,
-					isHovered: T,
-					defineChart: _,
+					correctness: _,
+					isHovered: E,
+					defineChart: v,
 					color: d.primaryDark(),
 					isPlot: !0
 				})
@@ -207,12 +209,13 @@ var g = l("pie-lib:chart:bars"), _ = 16, v = class extends o.Component {
 		className: s.string
 	};
 	render() {
-		let { data: t, graphProps: n, xBand: r, CustomBarElement: i, onChangeCategory: a, defineChart: o, correctData: s } = this.props;
+		let { data: t, graphProps: n, xBand: r, CustomBarElement: i, onChangeCategory: a, defineChart: o, correctData: s, disabled: c } = this.props;
 		return /* @__PURE__ */ p(e, { children: (t || []).map((e, t) => /* @__PURE__ */ p(y, {
 			value: e.value,
 			label: e.label,
 			interactive: o || e.interactive,
 			defineChart: o,
+			disabled: c,
 			xBand: r,
 			index: t,
 			onChangeCategory: (e) => a(t, e),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/charting",
-  "version": "8.0.1-next.20261005143122",
+  "version": "8.0.1-next.20261005184705",
   "description": "charting",
   "repository": {
     "type": "git",
@@ -13,8 +13,8 @@
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/plot": "5.0.1-next.20261005143122",
-    "@pie-lib/render-ui": "8.0.1-next.20261005143122",
+    "@pie-lib/plot": "5.0.1-next.20261005184705",
+    "@pie-lib/render-ui": "8.0.1-next.20261005184705",
     "@pie-lib/translator": "5.0.1-next.20261005075357",
     "@visx/axis": "^4.0.0",
     "@visx/event": "^4.0.0",
@@ -29,9 +29,9 @@
     "invariant": "^2.2.4",
     "react-draggable": "^4.7.1",
     "prop-types": "^15.8.1",
-    "@pie-lib/config-ui": "14.0.1-next.20261005143122",
+    "@pie-lib/config-ui": "14.0.1-next.20261005184705",
     "@pie-element/shared-math-rendering-mathjax": "0.1.2-next.20261003161149",
-    "@pie-element/shared-lodash": "0.1.2-next.20261002215153",
+    "@pie-element/shared-lodash": "0.1.2-next.20261005182602",
     "clsx": "^2.1.1",
     "d3-time": "^3.1.0",
     "d3-interpolate": "^3.0.1",