vccs 0.0.1 → 0.1.0

package/dist/es/polar/pie/type.mjs

@@ -0,0 +1,97 @@
+//#region src/polar/pie/type.ts
+var e = {
+	data: {
+		type: Array,
+		default: void 0
+	},
+	dataKey: {
+		type: [
+			String,
+			Number,
+			Function
+		],
+		required: !0
+	},
+	nameKey: {
+		type: [
+			String,
+			Number,
+			Function
+		],
+		default: "name"
+	},
+	cx: {
+		type: [Number, String],
+		default: "50%"
+	},
+	cy: {
+		type: [Number, String],
+		default: "50%"
+	},
+	innerRadius: {
+		type: [Number, String],
+		default: 0
+	},
+	outerRadius: {
+		type: [
+			Number,
+			String,
+			Function
+		],
+		default: "80%"
+	},
+	startAngle: {
+		type: Number,
+		default: 0
+	},
+	endAngle: {
+		type: Number,
+		default: 360
+	},
+	paddingAngle: {
+		type: Number,
+		default: 0
+	},
+	minAngle: {
+		type: Number,
+		default: 0
+	},
+	fill: {
+		type: String,
+		default: "#808080"
+	},
+	stroke: {
+		type: String,
+		default: "#fff"
+	},
+	legendType: {
+		type: String,
+		default: "rect"
+	},
+	tooltipType: {
+		type: String,
+		default: void 0
+	},
+	hide: {
+		type: Boolean,
+		default: !1
+	},
+	activeIndex: {
+		type: Number,
+		default: -1
+	},
+	isAnimationActive: {
+		type: Boolean,
+		default: !0
+	},
+	label: {
+		type: Boolean,
+		default: !1
+	},
+	className: {
+		type: String,
+		default: void 0
+	}
+};
+//#endregion
+export { e as PieVueProps };

package/dist/es/polar/radar/PolarAngleAxis.mjs

@@ -0,0 +1,161 @@
+import { RADIAN as e, polarToCartesian as t } from "../../utils/polar.mjs";
+import { selectPolarViewBox as n } from "../../state/selectors/polarAxisSelectors.mjs";
+import { useAppDispatch as r, useAppSelector as i } from "../../state/hooks.mjs";
+import a from "../../components/Text.mjs";
+import { addAngleAxis as o, removeAngleAxis as s } from "../../state/polarAxisSlice.mjs";
+import { selectPolarAxisTicks as c } from "../../state/selectors/polarScaleSelectors.mjs";
+import { createVNode as l, defineComponent as u, onUnmounted as d, watchEffect as f } from "vue";
+//#region src/polar/radar/PolarAngleAxis.tsx
+var p = 1e-5, m = Math.cos(45 * e);
+function h(t, n) {
+	let r = Math.cos(-t * e);
+	return r > p ? n === "outer" ? "start" : "end" : r < -p ? n === "outer" ? "end" : "start" : "middle";
+}
+function g(t) {
+	let n = Math.cos(-t * e), r = Math.sin(-t * e);
+	return Math.abs(n) <= m ? r > 0 ? "start" : "end" : "middle";
+}
+var _ = /* @__PURE__ */ u({
+	name: "PolarAngleAxis",
+	props: {
+		angleAxisId: {
+			type: [String, Number],
+			default: 0
+		},
+		dataKey: {
+			type: [
+				String,
+				Number,
+				Function
+			],
+			default: void 0
+		},
+		tick: {
+			type: Boolean,
+			default: !0
+		},
+		tickLine: {
+			type: Boolean,
+			default: !0
+		},
+		tickSize: {
+			type: Number,
+			default: 8
+		},
+		axisLine: {
+			type: Boolean,
+			default: !0
+		},
+		axisLineType: {
+			type: String,
+			default: "polygon"
+		},
+		orientation: {
+			type: String,
+			default: "outer"
+		},
+		tickFormatter: {
+			type: Function,
+			default: void 0
+		},
+		ticks: {
+			type: Array,
+			default: void 0
+		},
+		stroke: {
+			type: String,
+			default: void 0
+		},
+		type: {
+			type: String,
+			default: "category"
+		},
+		domain: {
+			type: Array,
+			default: void 0
+		},
+		tickCount: {
+			type: Number,
+			default: void 0
+		}
+	},
+	slots: Object,
+	setup(e, { slots: u }) {
+		let p = r(), m = null;
+		f(() => {
+			let t = {
+				id: e.angleAxisId,
+				type: e.type,
+				dataKey: e.dataKey,
+				scale: "auto",
+				allowDuplicatedCategory: !0,
+				allowDataOverflow: !1,
+				reversed: !1,
+				includeHidden: !1,
+				domain: e.domain,
+				unit: void 0,
+				name: void 0,
+				allowDecimals: !1,
+				tickCount: e.tickCount,
+				ticks: e.ticks,
+				tick: e.tick
+			};
+			p(o(t)), m = t;
+		}), d(() => {
+			m &&= (p(s(m)), null);
+		});
+		let _ = i((e) => n(e)), v = i((t) => c(t, "angleAxis", e.angleAxisId, !1));
+		return () => {
+			let n = _.value, r = v.value;
+			if (n == null || r == null || r.length === 0) return null;
+			let { cx: i, cy: o, outerRadius: s, startAngle: c, endAngle: d } = n, { orientation: f, tickSize: p, axisLine: m, axisLineType: y, tickLine: b, tick: x, tickFormatter: S, stroke: C } = e, w = Math.abs((d ?? 0) - (c ?? 0)) === 360 && r.length > 1 && Math.abs(r[r.length - 1].coordinate - r[0].coordinate) % 360 == 0 ? r.slice(0, -1) : r;
+			return l("g", { class: "v-charts-polar-angle-axis" }, [m && (y === "circle" ? l("circle", {
+				cx: i,
+				cy: o,
+				r: s,
+				fill: "none",
+				stroke: C
+			}, null) : l("polygon", {
+				points: w.map((e) => {
+					let n = t(i, o, s, e.coordinate);
+					return `${n.x},${n.y}`;
+				}).join(" "),
+				fill: "none",
+				stroke: C
+			}, null)), l("g", { class: "v-charts-polar-angle-axis-ticks" }, [w.map((e, n) => {
+				let r = t(i, o, s, e.coordinate), c = t(i, o, s + (f === "inner" ? -1 : 1) * p, e.coordinate), d = h(e.coordinate, f), m = g(e.coordinate), _ = S ? S(e.value, n) : e.value;
+				return l("g", {
+					key: `tick-${e.coordinate}`,
+					class: "v-charts-polar-angle-axis-tick"
+				}, [b && l("line", {
+					class: "v-charts-polar-angle-axis-tick-line",
+					x1: r.x,
+					y1: r.y,
+					x2: c.x,
+					y2: c.y,
+					stroke: C,
+					fill: "none"
+				}, null), x && (u.tick ? u.tick({
+					x: c.x,
+					y: c.y,
+					value: _,
+					index: n,
+					textAnchor: d,
+					payload: e,
+					cx: i,
+					cy: o
+				}) : l(a, {
+					class: "v-charts-polar-angle-axis-tick-value",
+					x: c.x,
+					y: c.y,
+					textAnchor: d,
+					verticalAnchor: m,
+					fill: C,
+					value: String(_)
+				}, null))]);
+			})])]);
+		};
+	}
+});
+//#endregion
+export { _ as PolarAngleAxis };

package/dist/es/polar/radar/PolarGrid.mjs

@@ -0,0 +1,102 @@
+import { polarToCartesian as e } from "../../utils/polar.mjs";
+import { selectPolarViewBox as t } from "../../state/selectors/polarAxisSelectors.mjs";
+import { useAppSelector as n } from "../../state/hooks.mjs";
+import { selectPolarGridAngles as r, selectPolarGridRadii as i } from "../../state/selectors/polarGridSelectors.mjs";
+import { computed as a, createVNode as o, defineComponent as s } from "vue";
+//#region src/polar/radar/PolarGrid.tsx
+function c(t, n, r, i) {
+	let a = "";
+	return i.forEach((i, o) => {
+		let s = e(n, r, t, i);
+		a += o === 0 ? `M ${s.x},${s.y}` : `L ${s.x},${s.y}`;
+	}), `${a}Z`;
+}
+var l = /* @__PURE__ */ s({
+	name: "PolarGrid",
+	props: {
+		angleAxisId: {
+			type: [String, Number],
+			default: 0
+		},
+		radiusAxisId: {
+			type: [String, Number],
+			default: 0
+		},
+		gridType: {
+			type: String,
+			default: "polygon"
+		},
+		radialLines: {
+			type: Boolean,
+			default: !0
+		},
+		stroke: {
+			type: String,
+			default: "#ccc"
+		},
+		fill: {
+			type: String,
+			default: "none"
+		},
+		polarRadius: {
+			type: Array,
+			default: void 0
+		},
+		strokeWidth: {
+			type: Number,
+			default: void 0
+		}
+	},
+	inheritAttrs: !1,
+	setup(s, { attrs: l }) {
+		let u = n((e) => t(e)), d = n((e) => r(e, s.angleAxisId)), f = n((e) => i(e, s.radiusAxisId)), p = a(() => Array.isArray(s.polarRadius) ? s.polarRadius : f.value);
+		return () => {
+			let t = u.value, n = d.value, r = p.value;
+			if (t == null || n == null || r == null || t.outerRadius <= 0) return null;
+			let { cx: i, cy: a, innerRadius: f } = t, { stroke: m, gridType: h, fill: g, strokeWidth: _ } = s, v = l.class;
+			return o("g", { class: "v-charts-polar-grid" }, [o("g", { class: "v-charts-polar-grid-concentric" }, [g && g !== "none" && (h === "circle" ? o("circle", {
+				class: ["v-charts-polar-grid-concentric-circle", v],
+				cx: i,
+				cy: a,
+				r: Math.max(...r),
+				stroke: m,
+				fill: g,
+				"stroke-width": _
+			}, null) : o("path", {
+				class: ["v-charts-polar-grid-concentric-polygon", v],
+				d: c(Math.max(...r), i, a, n),
+				stroke: m,
+				fill: g,
+				"stroke-width": _
+			}, null)), r.map((e, t) => h === "circle" ? o("circle", {
+				key: `circle-${t}`,
+				class: ["v-charts-polar-grid-concentric-circle", v],
+				cx: i,
+				cy: a,
+				r: e,
+				stroke: m,
+				fill: "none",
+				"stroke-width": _
+			}, null) : o("path", {
+				key: `polygon-${t}`,
+				class: ["v-charts-polar-grid-concentric-polygon", v],
+				d: c(e, i, a, n),
+				stroke: m,
+				fill: "none",
+				"stroke-width": _
+			}, null))]), s.radialLines && n.length > 0 && o("g", { class: "v-charts-polar-grid-angle" }, [n.map((n) => {
+				let r = e(i, a, f, n), s = e(i, a, t.outerRadius, n);
+				return o("line", {
+					key: `line-${n}`,
+					x1: r.x,
+					y1: r.y,
+					x2: s.x,
+					y2: s.y,
+					stroke: m
+				}, null);
+			})])]);
+		};
+	}
+});
+//#endregion
+export { l as PolarGrid };

package/dist/es/polar/radar/PolarRadiusAxis.mjs

@@ -0,0 +1,137 @@
+import { isCategoricalAxis as e } from "../../utils/validate.mjs";
+import { polarToCartesian as t } from "../../utils/polar.mjs";
+import { selectPolarViewBox as n } from "../../state/selectors/polarAxisSelectors.mjs";
+import { useAppDispatch as r, useAppSelector as i } from "../../state/hooks.mjs";
+import { useChartLayout as a } from "../../context/chartLayoutContext.mjs";
+import { POLAR_LABEL_VIEW_BOX_KEY as o } from "../../context/polarLabelViewBoxContext.mjs";
+import s from "../../components/Text.mjs";
+import { addRadiusAxis as c, removeRadiusAxis as l } from "../../state/polarAxisSlice.mjs";
+import { selectPolarAxisTicks as u } from "../../state/selectors/polarScaleSelectors.mjs";
+import { computed as d, createVNode as f, defineComponent as p, onUnmounted as m, provide as h, watchEffect as g } from "vue";
+//#region src/polar/radar/PolarRadiusAxis.tsx
+function _(t, n, r) {
+	return t === "auto" ? e(n, r) ? "category" : "number" : t;
+}
+var v = /* @__PURE__ */ p({
+	name: "PolarRadiusAxis",
+	props: {
+		radiusAxisId: {
+			type: [String, Number],
+			default: 0
+		},
+		dataKey: {
+			type: [
+				String,
+				Number,
+				Function
+			],
+			default: void 0
+		},
+		angle: {
+			type: Number,
+			default: 0
+		},
+		tick: {
+			type: Boolean,
+			default: !0
+		},
+		axisLine: {
+			type: Boolean,
+			default: !0
+		},
+		orientation: {
+			type: String,
+			default: "right"
+		},
+		tickFormatter: {
+			type: Function,
+			default: void 0
+		},
+		ticks: {
+			type: Array,
+			default: void 0
+		},
+		tickCount: {
+			type: Number,
+			default: 5
+		},
+		domain: {
+			type: Array,
+			default: void 0
+		},
+		type: {
+			type: String,
+			default: "auto"
+		},
+		stroke: {
+			type: String,
+			default: "#ccc"
+		},
+		allowDecimals: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e, { slots: p }) {
+		let v = r(), y = a(), b = null;
+		g(() => {
+			let t = _(e.type, y.value, "radiusAxis"), n = {
+				id: e.radiusAxisId,
+				type: t,
+				dataKey: e.dataKey,
+				scale: "auto",
+				allowDuplicatedCategory: !0,
+				allowDataOverflow: e.domain != null,
+				reversed: !1,
+				includeHidden: !1,
+				domain: e.domain ?? [0, "auto"],
+				unit: void 0,
+				name: void 0,
+				allowDecimals: e.allowDecimals,
+				tickCount: e.tickCount,
+				ticks: e.ticks,
+				tick: e.tick
+			};
+			v(c(n)), b = n;
+		}), m(() => {
+			b &&= (v(l(b)), null);
+		});
+		let x = i((e) => n(e)), S = i((t) => u(t, "radiusAxis", e.radiusAxisId, !1));
+		return h(o, d(() => x.value)), () => {
+			let n = x.value, r = S.value, i = !!p.default, a = e.tick && r != null && r.length > 0;
+			if (n == null || !a && !e.axisLine && !i) return null;
+			let { cx: o, cy: c } = n, { angle: l, orientation: u, axisLine: d, tickFormatter: m, stroke: h } = e, g = u === "left" ? "end" : u === "right" ? "start" : "middle";
+			return f("g", { class: "v-charts-polar-radius-axis" }, [
+				d && a && (() => {
+					let e = r.map((e) => e.coordinate), n = Math.min(...e), i = Math.max(...e), a = t(o, c, n, l), s = t(o, c, i, l);
+					return f("line", {
+						class: "v-charts-polar-radius-axis-line",
+						x1: a.x,
+						y1: a.y,
+						x2: s.x,
+						y2: s.y,
+						stroke: h,
+						fill: "none"
+					}, null);
+				})(),
+				a && f("g", { class: "v-charts-polar-radius-axis-ticks" }, [r.map((e, n) => {
+					let r = t(o, c, e.coordinate, l), i = m ? m(e.value, n) : e.value;
+					return f(s, {
+						key: `tick-${e.coordinate}`,
+						class: "v-charts-polar-radius-axis-tick-value",
+						x: r.x,
+						y: r.y,
+						textAnchor: g,
+						verticalAnchor: "middle",
+						fill: h,
+						angle: 90 - l,
+						value: String(i)
+					}, null);
+				})]),
+				p.default?.()
+			]);
+		};
+	}
+});
+//#endregion
+export { v as PolarRadiusAxis };