vccs 0.0.1 → 0.1.0

package/dist/es/shape/Sector.mjs

@@ -0,0 +1,128 @@
+import { RADIAN as e, polarToCartesian as t } from "../utils/polar.mjs";
+import { getPercentValue as n, mathSign as r } from "../utils/data.mjs";
+import { createVNode as i, defineComponent as a, mergeProps as o } from "vue";
+//#region src/shape/Sector.tsx
+var s = {
+	cx: {
+		type: Number,
+		default: 0
+	},
+	cy: {
+		type: Number,
+		default: 0
+	},
+	innerRadius: {
+		type: Number,
+		default: 0
+	},
+	outerRadius: {
+		type: Number,
+		default: 0
+	},
+	startAngle: {
+		type: Number,
+		default: 0
+	},
+	endAngle: {
+		type: Number,
+		default: 0
+	},
+	cornerRadius: {
+		type: [Number, String],
+		default: 0
+	},
+	forceCornerRadius: {
+		type: Boolean,
+		default: !1
+	},
+	cornerIsExternal: {
+		type: Boolean,
+		default: !1
+	},
+	className: {
+		type: String,
+		default: void 0
+	}
+};
+function c(e, t) {
+	return r(t - e) * Math.min(Math.abs(t - e), 359.999);
+}
+function l({ cx: n, cy: r, radius: i, angle: a, sign: o, isExternal: s, cornerRadius: c, cornerIsExternal: l }) {
+	let u = c * (s ? 1 : -1) + i, d = Math.asin(c / u) / e, f = l ? a : a + o * d, p = t(n, r, u, f), m = t(n, r, i, f), h = l ? a - o * d : a;
+	return {
+		center: p,
+		circleTangency: m,
+		lineTangency: t(n, r, u * Math.cos(d * e), h),
+		theta: d
+	};
+}
+function u(e, n, r, i, a, o) {
+	let s = c(a, o), l = a + s, u = t(e, n, i, a), d = t(e, n, i, l), f = +(Math.abs(s) > 180), p = +(a > l), m = `M ${u.x},${u.y} A ${i},${i},0,${f},${p},${d.x},${d.y}`;
+	if (r > 0) {
+		let i = t(e, n, r, a), o = t(e, n, r, l), s = +(a <= l);
+		m += ` L ${o.x},${o.y} A ${r},${r},0,${f},${s},${i.x},${i.y} Z`;
+	} else m += ` L ${e},${n} Z`;
+	return m;
+}
+function d(e, t, n, i, a, o, s, c, d) {
+	let f = r(d - c), { circleTangency: p, lineTangency: m, theta: h } = l({
+		cx: e,
+		cy: t,
+		radius: i,
+		angle: c,
+		sign: f,
+		cornerRadius: a,
+		cornerIsExternal: s
+	}), { circleTangency: g, lineTangency: _, theta: v } = l({
+		cx: e,
+		cy: t,
+		radius: i,
+		angle: d,
+		sign: -f,
+		cornerRadius: a,
+		cornerIsExternal: s
+	}), y = s ? Math.abs(c - d) : Math.abs(c - d) - h - v;
+	if (y < 0) return o ? `M ${m.x},${m.y} a${a},${a},0,0,1,${a * 2},0 a${a},${a},0,0,1,${-a * 2},0` : u(e, t, n, i, c, d);
+	let b = `M ${m.x},${m.y} A${a},${a},0,0,${+(f < 0)},${p.x},${p.y} A${i},${i},0,${+(y > 180)},${+(f < 0)},${g.x},${g.y} A${a},${a},0,0,${+(f < 0)},${_.x},${_.y}`;
+	if (n > 0) {
+		let { circleTangency: r, lineTangency: i, theta: o } = l({
+			cx: e,
+			cy: t,
+			radius: n,
+			angle: c,
+			sign: f,
+			isExternal: !0,
+			cornerRadius: a,
+			cornerIsExternal: s
+		}), { circleTangency: u, lineTangency: p, theta: m } = l({
+			cx: e,
+			cy: t,
+			radius: n,
+			angle: d,
+			sign: -f,
+			isExternal: !0,
+			cornerRadius: a,
+			cornerIsExternal: s
+		}), h = s ? Math.abs(c - d) : Math.abs(c - d) - o - m;
+		if (h < 0 && a === 0) return `${b}L${e},${t}Z`;
+		b += `L${p.x},${p.y} A${a},${a},0,0,${+(f < 0)},${u.x},${u.y} A${n},${n},0,${+(h > 180)},${+(f > 0)},${r.x},${r.y} A${a},${a},0,0,${+(f < 0)},${i.x},${i.y}Z`;
+	} else b += `L${e},${t}Z`;
+	return b;
+}
+var f = /* @__PURE__ */ a({
+	name: "Sector",
+	props: s,
+	setup(e, { attrs: t }) {
+		return () => {
+			let { cx: r, cy: a, innerRadius: s, outerRadius: c, startAngle: l, endAngle: f, cornerRadius: p, forceCornerRadius: m, cornerIsExternal: h, className: g } = e;
+			if (c <= 0 || c < s || l === f) return null;
+			let _ = c - s, v = n(p, _, 0, !0), y;
+			return y = v > 0 && Math.abs(l - f) < 360 ? d(r, a, s, c, Math.min(v, _ / 2), m, h, l, f) : u(r, a, s, c, l, f), i("path", o(t, {
+				class: ["v-charts-sector", g],
+				d: y
+			}), null);
+		};
+	}
+});
+//#endregion
+export { f as Sector };

package/dist/es/shape/Symbols.mjs

@@ -0,0 +1,41 @@
+import { isNumber as e } from "../utils/validate.mjs";
+import { createVNode as t, mergeProps as n } from "vue";
+import { symbol as r, symbolCircle as i, symbolCross as a, symbolDiamond as o, symbolSquare as s, symbolStar as c, symbolTriangle as l, symbolWye as u } from "victory-vendor/d3-shape";
+import { upperFirst as d } from "es-toolkit/compat";
+//#region src/shape/Symbols.tsx
+var f = {
+	symbolCircle: i,
+	symbolCross: a,
+	symbolDiamond: o,
+	symbolSquare: s,
+	symbolStar: c,
+	symbolTriangle: l,
+	symbolWye: u
+}, p = Math.PI / 180, m = (e) => f[`symbol${d(e)}`] || i, h = (e, t, n) => {
+	if (t === "area") return e;
+	switch (n) {
+		case "cross": return 5 * e * e / 9;
+		case "diamond": return .5 * e * e / Math.sqrt(3);
+		case "square": return e * e;
+		case "star": {
+			let t = 18 * p;
+			return 1.25 * e * e * (Math.tan(t) - Math.tan(t * 2) * Math.tan(t) ** 2);
+		}
+		case "triangle": return Math.sqrt(3) * e * e / 4;
+		case "wye": return (21 - 10 * Math.sqrt(3)) * e * e / 8;
+		default: return Math.PI * e * e / 4;
+	}
+};
+function g(i) {
+	let { type: a = "circle", size: o = 64, sizeType: s = "area", cx: c, cy: l, className: u, ...d } = i, f = "circle";
+	return typeof a == "string" && (f = a), e(c) && e(l) && e(o) ? t("path", n(d, {
+		class: ["v-charts-symbols", u].filter(Boolean).join(" "),
+		transform: `translate(${c}, ${l})`,
+		d: (() => {
+			let e = m(f), t = r().type(e).size(h(o, s, f))();
+			if (t !== null) return t;
+		})()
+	}), null) : null;
+}
+//#endregion
+export { g as Symbols };

package/dist/es/state/ReportChartProps.mjs

@@ -0,0 +1,63 @@
+import { useAppDispatch as e } from "./hooks.mjs";
+import { updateOptions as t } from "./rootPropsSlice.mjs";
+import { defineComponent as n, watchEffect as r } from "vue";
+//#region src/state/ReportChartProps.tsx
+var i = /* @__PURE__ */ n({
+	name: "ReportChartProps",
+	props: {
+		accessibilityLayer: {
+			type: Boolean,
+			default: !0
+		},
+		barCategoryGap: {
+			type: [Number, String],
+			default: "10%"
+		},
+		barGap: {
+			type: Number,
+			default: 4
+		},
+		barSize: {
+			type: [String, Number],
+			default: void 0
+		},
+		class: {
+			type: String,
+			default: void 0
+		},
+		maxBarSize: {
+			type: Number,
+			default: void 0
+		},
+		stackOffset: {
+			type: String,
+			default: "none"
+		},
+		syncId: {
+			type: [Number, String],
+			default: void 0
+		},
+		syncMethod: {
+			type: [String, Function],
+			default: "index"
+		}
+	},
+	setup(n) {
+		let i = e();
+		return r(() => {
+			i(t({
+				accessibilityLayer: n.accessibilityLayer,
+				barCategoryGap: n.barCategoryGap,
+				barGap: n.barGap,
+				barSize: n.barSize,
+				class: n.class,
+				maxBarSize: n.maxBarSize,
+				stackOffset: n.stackOffset,
+				syncId: n.syncId,
+				syncMethod: n.syncMethod
+			}));
+		}), () => null;
+	}
+});
+//#endregion
+export { i as default };

package/dist/es/state/ReportMainChartProps.mjs

@@ -0,0 +1,41 @@
+import { useAppDispatch as e } from "./hooks.mjs";
+import { setChartSize as t, setLayout as n, setMargin as r } from "./layoutSlice.mjs";
+import { defineComponent as i, watch as a } from "vue";
+//#region src/state/ReportMainChartProps.ts
+var o = i({
+	name: "ReportMainChartProps",
+	props: {
+		width: {
+			type: Number,
+			required: !0
+		},
+		height: {
+			type: Number,
+			required: !0
+		},
+		layout: {
+			type: String,
+			required: !0
+		},
+		margin: {
+			type: Object,
+			required: !0
+		}
+	},
+	setup(i) {
+		let o = e();
+		return a([
+			() => i.width,
+			() => i.height,
+			() => i.layout,
+			() => i.margin
+		], () => {
+			o(n(i.layout)), o(t({
+				width: i.width,
+				height: i.height
+			})), o(r(i.margin));
+		}, { immediate: !0 }), () => null;
+	}
+});
+//#endregion
+export { o as ReportMainChartProps };

package/dist/es/state/ReportPolarOptions.mjs

@@ -0,0 +1,55 @@
+import { useAppDispatch as e } from "./hooks.mjs";
+import { updatePolarOptions as t } from "./polarOptionsSlice.mjs";
+import { defineComponent as n, watch as r } from "vue";
+//#region src/state/ReportPolarOptions.tsx
+var i = /* @__PURE__ */ n({
+	name: "ReportPolarOptions",
+	props: {
+		cx: {
+			type: [Number, String],
+			default: "50%"
+		},
+		cy: {
+			type: [Number, String],
+			default: "50%"
+		},
+		startAngle: {
+			type: Number,
+			default: 90
+		},
+		endAngle: {
+			type: Number,
+			default: -270
+		},
+		innerRadius: {
+			type: [Number, String],
+			default: 0
+		},
+		outerRadius: {
+			type: [Number, String],
+			default: "80%"
+		}
+	},
+	setup(n) {
+		let i = e();
+		return r([
+			() => n.cx,
+			() => n.cy,
+			() => n.startAngle,
+			() => n.endAngle,
+			() => n.innerRadius,
+			() => n.outerRadius
+		], () => {
+			i(t({
+				cx: n.cx,
+				cy: n.cy,
+				startAngle: n.startAngle,
+				endAngle: n.endAngle,
+				innerRadius: n.innerRadius,
+				outerRadius: n.outerRadius
+			}));
+		}, { immediate: !0 }), () => null;
+	}
+});
+//#endregion
+export { i as ReportPolarOptions };

package/dist/es/state/SetGraphicalItem.mjs

@@ -0,0 +1,34 @@
+import { getNormalizedStackId as e } from "../utils/chart.mjs";
+import { useAppDispatch as t } from "./hooks.mjs";
+import { addCartesianGraphicalItem as n, addPolarGraphicalItem as r, removeCartesianGraphicalItem as i, removePolarGraphicalItem as a, replaceCartesianGraphicalItem as o, replacePolarGraphicalItem as s } from "./graphicalItemsSlice.mjs";
+import { onUnmounted as c, unref as l, watchEffect as u } from "vue";
+//#region src/state/SetGraphicalItem.ts
+function d(r) {
+	let a = t(), s = null;
+	u(() => {
+		let t = l(r), i = {
+			...t,
+			stackId: e(t.stackId)
+		};
+		s === null ? a(n(i)) : s !== i && a(o({
+			prev: s,
+			next: i
+		})), s = i;
+	}), c(() => {
+		s &&= (a(i(s)), null);
+	});
+}
+function f(e) {
+	let n = t(), i = null;
+	u(() => {
+		let t = l(e);
+		i === null ? n(r(t)) : i !== t && n(s({
+			prev: i,
+			next: t
+		})), i = t;
+	}), c(() => {
+		i &&= (n(a(i)), null);
+	});
+}
+//#endregion
+export { d as SetCartesianGraphicalItem, f as SetPolarGraphicalItem };

package/dist/es/state/SetLegendPayload.mjs

@@ -0,0 +1,16 @@
+import { useIsPanorama as e } from "../context/PanoramaContextProvider.mjs";
+import { useAppDispatch as t } from "./hooks.mjs";
+import { addLegendPayload as n, removeLegendPayload as r } from "./legendSlice.mjs";
+import { unref as i, watchEffect as a } from "vue";
+//#region src/state/SetLegendPayload.ts
+function o(o) {
+	let s = t(), c = e();
+	return a((e) => {
+		let t = i(o);
+		c || (s(n(t)), e(() => {
+			s(r(t));
+		}));
+	}), null;
+}
+//#endregion
+export { o as SetLegendPayload };

package/dist/es/state/SetTooltipEntrySettings.mjs

@@ -0,0 +1,17 @@
+import { useIsPanorama as e } from "../context/PanoramaContextProvider.mjs";
+import { addTooltipEntrySettings as t, removeTooltipEntrySettings as n } from "./tooltipSlice.mjs";
+import { useAppDispatch as r } from "./hooks.mjs";
+import { watchEffect as i } from "vue";
+//#region src/state/SetTooltipEntrySettings.tsx
+function a({ fn: a, args: o }) {
+	let s = r(), c = e();
+	i((e) => {
+		if (c) return;
+		let r = a(o.value);
+		s(t(r)), e(() => {
+			s(n(r));
+		});
+	});
+}
+//#endregion
+export { a as SetTooltipEntrySettings };

package/dist/es/state/brushSlice.mjs

@@ -0,0 +1,22 @@
+import { createSlice as e } from "@reduxjs/toolkit";
+//#region src/state/brushSlice.ts
+var t = {
+	x: 0,
+	y: 0,
+	width: 0,
+	height: 0,
+	padding: {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	}
+}, n = e({
+	name: "brush",
+	initialState: t,
+	reducers: { setBrushSettings(e, n) {
+		return n.payload == null ? t : n.payload;
+	} }
+}), { setBrushSettings: r } = n.actions, i = n.reducer;
+//#endregion
+export { i as brushReducer };

package/dist/es/state/cartesianAxisSlice.mjs

@@ -0,0 +1,33 @@
+import { createSlice as e } from "@reduxjs/toolkit";
+import { castDraft as t } from "immer";
+//#region src/state/cartesianAxisSlice.ts
+var n = e({
+	name: "cartesianAxis",
+	initialState: {
+		xAxis: {},
+		yAxis: {},
+		zAxis: {}
+	},
+	reducers: {
+		addXAxis(e, n) {
+			e.xAxis[n.payload.id] = t(n.payload);
+		},
+		removeXAxis(e, t) {
+			delete e.xAxis[t.payload.id];
+		},
+		addYAxis(e, n) {
+			e.yAxis[n.payload.id] = t(n.payload);
+		},
+		removeYAxis(e, t) {
+			delete e.yAxis[t.payload.id];
+		},
+		addZAxis(e, n) {
+			e.zAxis[n.payload.id] = t(n.payload);
+		},
+		removeZAxis(e, t) {
+			delete e.zAxis[t.payload.id];
+		}
+	}
+}), { addXAxis: r, removeXAxis: i, addYAxis: a, removeYAxis: o, addZAxis: s, removeZAxis: c } = n.actions, l = n.reducer;
+//#endregion
+export { r as addXAxis, a as addYAxis, s as addZAxis, l as cartesianAxisReducer, i as removeXAxis, o as removeYAxis, c as removeZAxis };

package/dist/es/state/chartDataSlice.mjs

@@ -0,0 +1,28 @@
+import { createSlice as e } from "@reduxjs/toolkit";
+var t = e({
+	name: "chartData",
+	initialState: {
+		chartData: void 0,
+		computedData: void 0,
+		dataStartIndex: 0,
+		dataEndIndex: 0
+	},
+	reducers: {
+		setChartData(e, t) {
+			if (e.chartData = t.payload, t.payload == null) {
+				e.dataStartIndex = 0, e.dataEndIndex = 0;
+				return;
+			}
+			t.payload.length > 0 && e.dataEndIndex !== t.payload.length - 1 && (e.dataEndIndex = t.payload.length - 1);
+		},
+		setComputedData(e, t) {
+			e.computedData = t.payload;
+		},
+		setDataStartEndIndexes(e, t) {
+			let { startIndex: n, endIndex: r } = t.payload;
+			n != null && (e.dataStartIndex = n), r != null && (e.dataEndIndex = r);
+		}
+	}
+}), { setChartData: n, setDataStartEndIndexes: r, setComputedData: i } = t.actions, a = t.reducer;
+//#endregion
+export { a as chartDataReducer, n as setChartData, r as setDataStartEndIndexes };

package/dist/es/state/externalEventsMiddleware.mjs

@@ -0,0 +1,20 @@
+import { selectActiveLabel as e, selectActiveTooltipCoordinate as t, selectActiveTooltipDataKey as n, selectActiveTooltipIndex as r, selectIsTooltipActive as i } from "./selectors/tooltipSelectors.mjs";
+import { createAction as a } from "@reduxjs/toolkit";
+//#region src/state/externalEventsMiddleware.ts
+var o = a("externalEvent"), s = (a) => (s) => (c) => {
+	let l = s(c);
+	if (o.match(c) && c.payload.handler != null) {
+		let o = a.getState(), s = {
+			activeCoordinate: t(o),
+			activeDataKey: n(o),
+			activeIndex: r(o),
+			activeLabel: e(o),
+			activeTooltipIndex: r(o),
+			isTooltipActive: i(o)
+		};
+		c.payload.handler(s, c.payload.event);
+	}
+	return l;
+};
+//#endregion
+export { o as externalEventAction, s as externalEventsMiddleware };

package/dist/es/state/graphicalItemsSlice.mjs

@@ -0,0 +1,43 @@
+import { createSlice as e, current as t } from "@reduxjs/toolkit";
+import { castDraft as n } from "immer";
+//#region src/state/graphicalItemsSlice.ts
+var r = e({
+	name: "graphicalItems",
+	initialState: {
+		countOfBars: 0,
+		cartesianItems: [],
+		polarItems: []
+	},
+	reducers: {
+		addBar(e) {
+			e.countOfBars += 1;
+		},
+		removeBar(e) {
+			--e.countOfBars;
+		},
+		addCartesianGraphicalItem(e, t) {
+			e.cartesianItems.push(n(t.payload));
+		},
+		replaceCartesianGraphicalItem(e, r) {
+			let { prev: i, next: a } = r.payload, o = t(e).cartesianItems.indexOf(n(i));
+			o > -1 && (e.cartesianItems[o] = n(a));
+		},
+		removeCartesianGraphicalItem(e, r) {
+			let i = t(e).cartesianItems.indexOf(n(r.payload));
+			i > -1 && e.cartesianItems.splice(i, 1);
+		},
+		addPolarGraphicalItem(e, t) {
+			e.polarItems.push(n(t.payload));
+		},
+		removePolarGraphicalItem(e, r) {
+			let i = t(e).polarItems.indexOf(n(r.payload));
+			i > -1 && e.polarItems.splice(i, 1);
+		},
+		replacePolarGraphicalItem(e, r) {
+			let { prev: i, next: a } = r.payload, o = t(e).polarItems.indexOf(n(i));
+			o > -1 && (e.polarItems[o] = n(a));
+		}
+	}
+}), { addBar: i, removeBar: a, addCartesianGraphicalItem: o, removeCartesianGraphicalItem: s, addPolarGraphicalItem: c, replaceCartesianGraphicalItem: l, removePolarGraphicalItem: u, replacePolarGraphicalItem: d } = r.actions, f = r.reducer;
+//#endregion
+export { o as addCartesianGraphicalItem, c as addPolarGraphicalItem, f as graphicalItemsReducer, s as removeCartesianGraphicalItem, u as removePolarGraphicalItem, l as replaceCartesianGraphicalItem, d as replacePolarGraphicalItem };

package/dist/es/state/hooks.mjs

@@ -0,0 +1,5 @@
+import { useDispatch as e, useSelector as t } from "@reduxjs/vue-redux";
+//#region src/state/hooks.ts
+var n = e.withTypes(), r = t.withTypes();
+//#endregion
+export { n as useAppDispatch, r as useAppSelector };

package/dist/es/state/keyboardEventsMiddleware.mjs

@@ -0,0 +1,55 @@
+import { selectChartDirection as e } from "./selectors/axisSelectors.mjs";
+import { setKeyboardInteraction as t } from "./tooltipSlice.mjs";
+import { combineActiveTooltipIndex as n } from "./selectors/combiners/combineActiveTooltipIndex.mjs";
+import { selectTooltipAxisTicks as r, selectTooltipDisplayedData as i } from "./selectors/tooltipSelectors.mjs";
+import { selectCoordinateForDefaultIndex as a } from "./selectors/selectors.mjs";
+import { createAction as o, createListenerMiddleware as s } from "@reduxjs/toolkit";
+//#region src/state/keyboardEventsMiddleware.ts
+var c = o("keyDown"), l = o("focus"), u = s();
+u.startListening({
+	actionCreator: c,
+	effect: (o, s) => {
+		let c = s.getState();
+		if (c.rootProps.accessibilityLayer === !1) return;
+		let { keyboardInteraction: l } = c.tooltip, u = o.payload;
+		if (u !== "ArrowRight" && u !== "ArrowLeft" && u !== "Enter") return;
+		let d = Number(n(l, i(c))), f = r(c);
+		if (u === "Enter") {
+			let e = a(c, "axis", "hover", String(l.index));
+			s.dispatch(t({
+				active: !l.active,
+				activeIndex: l.index,
+				activeDataKey: l.dataKey,
+				activeCoordinate: e
+			}));
+			return;
+		}
+		let p = e(c) === "left-to-right" ? 1 : -1, m = d + (u === "ArrowRight" ? 1 : -1) * p;
+		if (m >= f.length || m < 0) return;
+		let h = a(c, "axis", "hover", String(m));
+		s.dispatch(t({
+			active: !0,
+			activeIndex: m.toString(),
+			activeDataKey: void 0,
+			activeCoordinate: h
+		}));
+	}
+}), u.startListening({
+	actionCreator: l,
+	effect: (e, n) => {
+		let r = n.getState();
+		if (r.rootProps.accessibilityLayer === !1) return;
+		let { keyboardInteraction: i } = r.tooltip;
+		if (!i.active && i.index == null) {
+			let e = a(r, "axis", "hover", "0");
+			n.dispatch(t({
+				activeDataKey: void 0,
+				active: !0,
+				activeIndex: "0",
+				activeCoordinate: e
+			}));
+		}
+	}
+});
+//#endregion
+export { l as focusAction, c as keyDownAction, u as keyboardEventsMiddleware };

package/dist/es/state/layoutSlice.mjs

@@ -0,0 +1,33 @@
+import { createSlice as e } from "@reduxjs/toolkit";
+//#region src/state/layoutSlice.ts
+var t = e({
+	name: "chartLayout",
+	initialState: {
+		layoutType: "horizontal",
+		width: 0,
+		height: 0,
+		margin: {
+			top: 5,
+			right: 5,
+			bottom: 5,
+			left: 5
+		},
+		scale: 1
+	},
+	reducers: {
+		setLayout(e, t) {
+			e.layoutType = t.payload;
+		},
+		setChartSize(e, t) {
+			e.width = t.payload.width, e.height = t.payload.height;
+		},
+		setMargin(e, t) {
+			e.margin.top = t.payload.top, e.margin.right = t.payload.right, e.margin.bottom = t.payload.bottom, e.margin.left = t.payload.left;
+		},
+		setScale(e, t) {
+			e.scale = t.payload;
+		}
+	}
+}), { setMargin: n, setLayout: r, setChartSize: i, setScale: a } = t.actions, o = t.reducer;
+//#endregion
+export { o as chartLayoutReducer, i as setChartSize, r as setLayout, n as setMargin, a as setScale };

package/dist/es/state/legendSlice.mjs

@@ -0,0 +1,35 @@
+import { createSlice as e, current as t } from "@reduxjs/toolkit";
+import { castDraft as n } from "immer";
+//#region src/state/legendSlice.ts
+var r = e({
+	name: "legend",
+	initialState: {
+		settings: {
+			layout: "horizontal",
+			align: "center",
+			verticalAlign: "middle"
+		},
+		size: {
+			width: 0,
+			height: 0
+		},
+		payload: []
+	},
+	reducers: {
+		setLegendSize(e, t) {
+			e.size.width = t.payload.width, e.size.height = t.payload.height;
+		},
+		setLegendSettings(e, t) {
+			e.settings.align = t.payload.align, e.settings.layout = t.payload.layout, e.settings.verticalAlign = t.payload.verticalAlign;
+		},
+		addLegendPayload(e, t) {
+			e.payload.push(n(t.payload));
+		},
+		removeLegendPayload(e, r) {
+			let i = t(e).payload.indexOf(n(r.payload));
+			i > -1 && e.payload.splice(i, 1);
+		}
+	}
+}), { setLegendSize: i, setLegendSettings: a, addLegendPayload: o, removeLegendPayload: s } = r.actions, c = r.reducer;
+//#endregion
+export { o as addLegendPayload, c as legendReducer, s as removeLegendPayload, a as setLegendSettings, i as setLegendSize };