vccs 0.1.0 → 0.2.0

package/dist/es/cartesian/cartesian-grid/const.mjs

@@ -1,5 +1,5 @@
 //#region src/cartesian/cartesian-grid/const.ts
-var e = {
+var CartesianAxisDefaultProps = {
 	x: 0,
 	y: 0,
 	width: 0,
@@ -13,17 +13,324 @@ var e = {
 	orientation: "bottom",
 	ticks: [],
 	stroke: "#666",
-	tickLine: !0,
-	axisLine: !0,
-	mirror: !1,
+	tickLine: true,
+	axisLine: true,
+	mirror: false,
 	minTickGap: 5,
 	tickSize: 6,
 	tickMargin: 2,
 	interval: "preserveEnd"
-}, t = ["viewBox"], n = ["points", "pathLength"], r = {
-	svg: t,
-	polygon: n,
-	polyline: n
-}, i = /* @__PURE__ */ "aria-activedescendant.aria-atomic.aria-autocomplete.aria-busy.aria-checked.aria-colcount.aria-colindex.aria-colspan.aria-controls.aria-current.aria-describedby.aria-details.aria-disabled.aria-errormessage.aria-expanded.aria-flowto.aria-haspopup.aria-hidden.aria-invalid.aria-keyshortcuts.aria-label.aria-labelledby.aria-level.aria-live.aria-modal.aria-multiline.aria-multiselectable.aria-orientation.aria-owns.aria-placeholder.aria-posinset.aria-pressed.aria-readonly.aria-relevant.aria-required.aria-roledescription.aria-rowcount.aria-rowindex.aria-rowspan.aria-selected.aria-setsize.aria-sort.aria-valuemax.aria-valuemin.aria-valuenow.aria-valuetext.class.color.height.id.lang.max.media.method.min.name.style.target.width.role.tabIndex.accentHeight.accumulate.additive.alignmentBaseline.allowReorder.alphabetic.amplitude.arabicForm.ascent.attributeName.attributeType.autoReverse.azimuth.baseFrequency.baselineShift.baseProfile.bbox.begin.bias.by.calcMode.capHeight.clip.clipPath.clipPathUnits.clipRule.colorInterpolation.colorInterpolationFilters.colorProfile.colorRendering.contentScriptType.contentStyleType.cursor.cx.cy.d.decelerate.descent.diffuseConstant.direction.display.divisor.dominantBaseline.dur.dx.dy.edgeMode.elevation.enableBackground.end.exponent.externalResourcesRequired.fill.fillOpacity.fillRule.filter.filterRes.filterUnits.floodColor.floodOpacity.focusable.fontFamily.fontSize.fontSizeAdjust.fontStretch.fontStyle.fontVariant.fontWeight.format.from.fx.fy.g1.g2.glyphName.glyphOrientationHorizontal.glyphOrientationVertical.glyphRef.gradientTransform.gradientUnits.hanging.horizAdvX.horizOriginX.href.ideographic.imageRendering.in2.in.intercept.k1.k2.k3.k4.k.kernelMatrix.kernelUnitLength.kerning.keyPoints.keySplines.keyTimes.lengthAdjust.letterSpacing.lightingColor.limitingConeAngle.local.markerEnd.markerHeight.markerMid.markerStart.markerUnits.markerWidth.mask.maskContentUnits.maskUnits.mathematical.mode.numOctaves.offset.opacity.operator.order.orient.orientation.origin.overflow.overlinePosition.overlineThickness.paintOrder.panose1.pathLength.patternContentUnits.patternTransform.patternUnits.pointerEvents.pointsAtX.pointsAtY.pointsAtZ.preserveAlpha.preserveAspectRatio.primitiveUnits.r.radius.refX.refY.renderingIntent.repeatCount.repeatDur.requiredExtensions.requiredFeatures.restart.result.rotate.rx.ry.seed.shapeRendering.slope.spacing.specularConstant.specularExponent.speed.spreadMethod.startOffset.stdDeviation.stemh.stemv.stitchTiles.stopColor.stopOpacity.strikethroughPosition.strikethroughThickness.string.stroke.stroke-dasharray.strokeDashoffset.strokeLinecap.strokeLinejoin.strokeMiterlimit.strokeOpacity.strokeWidth.surfaceScale.systemLanguage.tableValues.targetX.targetY.textAnchor.textDecoration.textLength.textRendering.to.transform.u1.u2.underlinePosition.underlineThickness.unicode.unicodeBidi.unicodeRange.unitsPerEm.vAlphabetic.values.vectorEffect.version.vertAdvY.vertOriginX.vertOriginY.vHanging.vIdeographic.viewTarget.visibility.vMathematical.widths.wordSpacing.writingMode.x1.x2.x.xChannelSelector.xHeight.xlinkActuate.xlinkArcrole.xlinkHref.xlinkRole.xlinkShow.xlinkTitle.xlinkType.xmlBase.xmlLang.xmlns.xmlnsXlink.xmlSpace.y1.y2.y.yChannelSelector.z.zoomAndPan.ref.key.angle".split(".");
+};
+var SVGContainerPropKeys = ["viewBox"];
+var PolyElementKeys = ["points", "pathLength"];
+/** map of svg element types to unique svg attributes that belong to that element */
+var FilteredElementKeyMap = {
+	svg: SVGContainerPropKeys,
+	polygon: PolyElementKeys,
+	polyline: PolyElementKeys
+};
+var SVGElementPropKeys = [
+	"aria-activedescendant",
+	"aria-atomic",
+	"aria-autocomplete",
+	"aria-busy",
+	"aria-checked",
+	"aria-colcount",
+	"aria-colindex",
+	"aria-colspan",
+	"aria-controls",
+	"aria-current",
+	"aria-describedby",
+	"aria-details",
+	"aria-disabled",
+	"aria-errormessage",
+	"aria-expanded",
+	"aria-flowto",
+	"aria-haspopup",
+	"aria-hidden",
+	"aria-invalid",
+	"aria-keyshortcuts",
+	"aria-label",
+	"aria-labelledby",
+	"aria-level",
+	"aria-live",
+	"aria-modal",
+	"aria-multiline",
+	"aria-multiselectable",
+	"aria-orientation",
+	"aria-owns",
+	"aria-placeholder",
+	"aria-posinset",
+	"aria-pressed",
+	"aria-readonly",
+	"aria-relevant",
+	"aria-required",
+	"aria-roledescription",
+	"aria-rowcount",
+	"aria-rowindex",
+	"aria-rowspan",
+	"aria-selected",
+	"aria-setsize",
+	"aria-sort",
+	"aria-valuemax",
+	"aria-valuemin",
+	"aria-valuenow",
+	"aria-valuetext",
+	"class",
+	"color",
+	"height",
+	"id",
+	"lang",
+	"max",
+	"media",
+	"method",
+	"min",
+	"name",
+	"style",
+	"target",
+	"width",
+	"role",
+	"tabIndex",
+	"accentHeight",
+	"accumulate",
+	"additive",
+	"alignmentBaseline",
+	"allowReorder",
+	"alphabetic",
+	"amplitude",
+	"arabicForm",
+	"ascent",
+	"attributeName",
+	"attributeType",
+	"autoReverse",
+	"azimuth",
+	"baseFrequency",
+	"baselineShift",
+	"baseProfile",
+	"bbox",
+	"begin",
+	"bias",
+	"by",
+	"calcMode",
+	"capHeight",
+	"clip",
+	"clipPath",
+	"clipPathUnits",
+	"clipRule",
+	"colorInterpolation",
+	"colorInterpolationFilters",
+	"colorProfile",
+	"colorRendering",
+	"contentScriptType",
+	"contentStyleType",
+	"cursor",
+	"cx",
+	"cy",
+	"d",
+	"decelerate",
+	"descent",
+	"diffuseConstant",
+	"direction",
+	"display",
+	"divisor",
+	"dominantBaseline",
+	"dur",
+	"dx",
+	"dy",
+	"edgeMode",
+	"elevation",
+	"enableBackground",
+	"end",
+	"exponent",
+	"externalResourcesRequired",
+	"fill",
+	"fillOpacity",
+	"fillRule",
+	"filter",
+	"filterRes",
+	"filterUnits",
+	"floodColor",
+	"floodOpacity",
+	"focusable",
+	"fontFamily",
+	"fontSize",
+	"fontSizeAdjust",
+	"fontStretch",
+	"fontStyle",
+	"fontVariant",
+	"fontWeight",
+	"format",
+	"from",
+	"fx",
+	"fy",
+	"g1",
+	"g2",
+	"glyphName",
+	"glyphOrientationHorizontal",
+	"glyphOrientationVertical",
+	"glyphRef",
+	"gradientTransform",
+	"gradientUnits",
+	"hanging",
+	"horizAdvX",
+	"horizOriginX",
+	"href",
+	"ideographic",
+	"imageRendering",
+	"in2",
+	"in",
+	"intercept",
+	"k1",
+	"k2",
+	"k3",
+	"k4",
+	"k",
+	"kernelMatrix",
+	"kernelUnitLength",
+	"kerning",
+	"keyPoints",
+	"keySplines",
+	"keyTimes",
+	"lengthAdjust",
+	"letterSpacing",
+	"lightingColor",
+	"limitingConeAngle",
+	"local",
+	"markerEnd",
+	"markerHeight",
+	"markerMid",
+	"markerStart",
+	"markerUnits",
+	"markerWidth",
+	"mask",
+	"maskContentUnits",
+	"maskUnits",
+	"mathematical",
+	"mode",
+	"numOctaves",
+	"offset",
+	"opacity",
+	"operator",
+	"order",
+	"orient",
+	"orientation",
+	"origin",
+	"overflow",
+	"overlinePosition",
+	"overlineThickness",
+	"paintOrder",
+	"panose1",
+	"pathLength",
+	"patternContentUnits",
+	"patternTransform",
+	"patternUnits",
+	"pointerEvents",
+	"pointsAtX",
+	"pointsAtY",
+	"pointsAtZ",
+	"preserveAlpha",
+	"preserveAspectRatio",
+	"primitiveUnits",
+	"r",
+	"radius",
+	"refX",
+	"refY",
+	"renderingIntent",
+	"repeatCount",
+	"repeatDur",
+	"requiredExtensions",
+	"requiredFeatures",
+	"restart",
+	"result",
+	"rotate",
+	"rx",
+	"ry",
+	"seed",
+	"shapeRendering",
+	"slope",
+	"spacing",
+	"specularConstant",
+	"specularExponent",
+	"speed",
+	"spreadMethod",
+	"startOffset",
+	"stdDeviation",
+	"stemh",
+	"stemv",
+	"stitchTiles",
+	"stopColor",
+	"stopOpacity",
+	"strikethroughPosition",
+	"strikethroughThickness",
+	"string",
+	"stroke",
+	"stroke-dasharray",
+	"strokeDashoffset",
+	"strokeLinecap",
+	"strokeLinejoin",
+	"strokeMiterlimit",
+	"strokeOpacity",
+	"strokeWidth",
+	"surfaceScale",
+	"systemLanguage",
+	"tableValues",
+	"targetX",
+	"targetY",
+	"textAnchor",
+	"textDecoration",
+	"textLength",
+	"textRendering",
+	"to",
+	"transform",
+	"u1",
+	"u2",
+	"underlinePosition",
+	"underlineThickness",
+	"unicode",
+	"unicodeBidi",
+	"unicodeRange",
+	"unitsPerEm",
+	"vAlphabetic",
+	"values",
+	"vectorEffect",
+	"version",
+	"vertAdvY",
+	"vertOriginX",
+	"vertOriginY",
+	"vHanging",
+	"vIdeographic",
+	"viewTarget",
+	"visibility",
+	"vMathematical",
+	"widths",
+	"wordSpacing",
+	"writingMode",
+	"x1",
+	"x2",
+	"x",
+	"xChannelSelector",
+	"xHeight",
+	"xlinkActuate",
+	"xlinkArcrole",
+	"xlinkHref",
+	"xlinkRole",
+	"xlinkShow",
+	"xlinkTitle",
+	"xlinkType",
+	"xmlBase",
+	"xmlLang",
+	"xmlns",
+	"xmlnsXlink",
+	"xmlSpace",
+	"y1",
+	"y2",
+	"y",
+	"yChannelSelector",
+	"z",
+	"zoomAndPan",
+	"ref",
+	"key",
+	"angle"
+];
 //#endregion
-export { e as CartesianAxisDefaultProps, r as FilteredElementKeyMap, i as SVGElementPropKeys };
+export { CartesianAxisDefaultProps, FilteredElementKeyMap, SVGElementPropKeys };

package/dist/es/cartesian/cartesian-grid/utils.mjs

@@ -1,17 +1,22 @@
-import { filterProps as e } from "../../utils/VueUtils.mjs";
-import { createVNode as t, mergeProps as n } from "vue";
+import { filterProps } from "../../utils/VueUtils.mjs";
+import { createVNode, mergeProps } from "vue";
 //#region src/cartesian/cartesian-grid/utils.tsx
-function r(r, i, a) {
-	if (r) return r(a);
-	let { x1: o, y1: s, x2: c, y2: l, key: u, ...d } = { ...a }, { offset: f, ...p } = e(d, !1);
-	return t("line", n(p, {
-		x1: o,
-		y1: s,
-		x2: c,
-		y2: l,
-		fill: "none",
-		key: u
+/**
+* Render a grid line item.
+* Priority: slot > default <line> with optional SVG attr overrides from `option`.
+*/
+function renderLineItem(slot, option, props) {
+	if (slot) return slot(props);
+	const { x1, y1, x2, y2, key, ...others } = { ...props };
+	const { offset: __, ...restOfFilteredProps } = filterProps(others, false);
+	return createVNode("line", mergeProps(restOfFilteredProps, {
+		"x1": x1,
+		"y1": y1,
+		"x2": x2,
+		"y2": y2,
+		"fill": "none",
+		"key": key
 	}), null);
 }
 //#endregion
-export { r as renderLineItem };
+export { renderLineItem };

package/dist/es/cartesian/error-bar/ErrorBar.mjs

@@ -1,21 +1,21 @@
-import { selectAxisWithScale as e } from "../../state/selectors/axisSelectors.mjs";
-import { useAppSelector as t } from "../../state/hooks.mjs";
-import { useChartLayout as n } from "../../context/chartLayoutContext.mjs";
-import { Layer as r } from "../../container/Layer.mjs";
-import { useErrorBarContext as i, useErrorBarRegistry as a } from "./ErrorBarContext.mjs";
-import { createVNode as o, defineComponent as s, isVNode as c, onUnmounted as l } from "vue";
+import { selectAxisWithScale } from "../../state/selectors/axisSelectors.mjs";
+import { useAppSelector } from "../../state/hooks.mjs";
+import { useChartLayout } from "../../context/chartLayoutContext.mjs";
+import { Layer } from "../../container/Layer.mjs";
+import { useErrorBarContext, useErrorBarRegistry } from "./ErrorBarContext.mjs";
+import { createVNode, defineComponent, isVNode, onUnmounted } from "vue";
 //#region src/cartesian/error-bar/ErrorBar.tsx
-function u(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var d = {
+var ErrorBarVueProps = {
 	dataKey: {
 		type: [
 			String,
 			Number,
 			Function
 		],
-		required: !0
+		required: true
 	},
 	width: {
 		type: Number,
@@ -30,86 +30,114 @@ var d = {
 		type: [Number, String],
 		default: 1.5
 	}
-}, f = /* @__PURE__ */ s({
+};
+var ErrorBar = /* @__PURE__ */ defineComponent({
 	name: "ErrorBar",
-	props: d,
-	setup(s) {
-		let c = n(), { data: d, dataPointFormatter: f, xAxisId: p, yAxisId: m, errorBarOffset: h } = i(), g = a(null);
-		if (g) {
-			let e = {
-				direction: s.direction ?? (c.value === "horizontal" ? "y" : "x"),
-				dataKey: s.dataKey
+	props: ErrorBarVueProps,
+	setup(props) {
+		const layout = useChartLayout();
+		const { data, dataPointFormatter, xAxisId, yAxisId, errorBarOffset } = useErrorBarContext();
+		const registry = useErrorBarRegistry(null);
+		if (registry) {
+			const settings = {
+				direction: props.direction ?? (layout.value === "horizontal" ? "y" : "x"),
+				dataKey: props.dataKey
 			};
-			g.register(e), l(() => g.unregister(e));
+			registry.register(settings);
+			onUnmounted(() => registry.unregister(settings));
 		}
-		let _ = t((t) => e(t, "xAxis", p, !1)), v = t((t) => e(t, "yAxis", m, !1));
+		const xAxis = useAppSelector((state) => selectAxisWithScale(state, "xAxis", xAxisId, false));
+		const yAxis = useAppSelector((state) => selectAxisWithScale(state, "yAxis", yAxisId, false));
 		return () => {
-			let e = _.value, t = v.value;
-			if (e?.scale == null || t?.scale == null || d.value == null) return null;
-			let n = s.direction ?? (c.value === "horizontal" ? "y" : "x");
-			if (n === "x" && e.type !== "number") return null;
-			let i = h.value, a = d.value.map((a, c) => {
-				let l, { x: d, y: p, value: m, errorVal: h } = f(a, s.dataKey, n);
-				if (!h || d == null || p == null) return null;
-				let g = [], _, v;
-				if (Array.isArray(h)) {
-					let [e, t] = h;
-					if (e == null || t == null) return null;
-					_ = e, v = t;
-				} else _ = v = h;
-				if (n === "x") {
-					let { scale: t } = e, n = p + i, r = n + s.width, a = n - s.width, o = t(m - _), c = t(m + v);
-					o != null && c != null && (g.push({
-						x1: c,
-						y1: r,
-						x2: c,
-						y2: a
-					}), g.push({
-						x1: o,
-						y1: n,
-						x2: c,
-						y2: n
-					}), g.push({
-						x1: o,
-						y1: r,
-						x2: o,
-						y2: a
-					}));
-				} else if (n === "y") {
-					let { scale: e } = t, n = d + i, r = n - s.width, a = n + s.width, o = e(m - _), c = e(m + v);
-					o != null && c != null && (g.push({
-						x1: r,
-						y1: c,
-						x2: a,
-						y2: c
-					}), g.push({
-						x1: n,
-						y1: o,
-						x2: n,
-						y2: c
-					}), g.push({
-						x1: r,
-						y1: o,
-						x2: a,
-						y2: o
-					}));
+			const xAxisVal = xAxis.value;
+			const yAxisVal = yAxis.value;
+			if (xAxisVal?.scale == null || yAxisVal?.scale == null || data.value == null) return null;
+			const direction = props.direction ?? (layout.value === "horizontal" ? "y" : "x");
+			if (direction === "x" && xAxisVal.type !== "number") return null;
+			const offset = errorBarOffset.value;
+			const errorBars = data.value.map((entry, dataIndex) => {
+				let _slot;
+				const { x, y, value, errorVal } = dataPointFormatter(entry, props.dataKey, direction);
+				if (!errorVal || x == null || y == null) return null;
+				const lineCoordinates = [];
+				let lowBound, highBound;
+				if (Array.isArray(errorVal)) {
+					const [low, high] = errorVal;
+					if (low == null || high == null) return null;
+					lowBound = low;
+					highBound = high;
+				} else lowBound = highBound = errorVal;
+				if (direction === "x") {
+					const { scale } = xAxisVal;
+					const yMid = y + offset;
+					const yMin = yMid + props.width;
+					const yMax = yMid - props.width;
+					const xMin = scale(value - lowBound);
+					const xMax = scale(value + highBound);
+					if (xMin != null && xMax != null) {
+						lineCoordinates.push({
+							x1: xMax,
+							y1: yMin,
+							x2: xMax,
+							y2: yMax
+						});
+						lineCoordinates.push({
+							x1: xMin,
+							y1: yMid,
+							x2: xMax,
+							y2: yMid
+						});
+						lineCoordinates.push({
+							x1: xMin,
+							y1: yMin,
+							x2: xMin,
+							y2: yMax
+						});
+					}
+				} else if (direction === "y") {
+					const { scale } = yAxisVal;
+					const xMid = x + offset;
+					const xMin = xMid - props.width;
+					const xMax = xMid + props.width;
+					const yMin = scale(value - lowBound);
+					const yMax = scale(value + highBound);
+					if (yMin != null && yMax != null) {
+						lineCoordinates.push({
+							x1: xMin,
+							y1: yMax,
+							x2: xMax,
+							y2: yMax
+						});
+						lineCoordinates.push({
+							x1: xMid,
+							y1: yMin,
+							x2: xMid,
+							y2: yMax
+						});
+						lineCoordinates.push({
+							x1: xMin,
+							y1: yMin,
+							x2: xMax,
+							y2: yMin
+						});
+					}
 				}
-				return o(r, {
-					class: "v-charts-errorBar",
-					key: `bar-${d}-${p}-${m}-${c}`
-				}, u(l = g.map((e, t) => o("line", {
-					key: `errorbar-${c}-${e.x1}-${e.y1}-${e.x2}-${e.y2}-${t}`,
-					x1: e.x1,
-					y1: e.y1,
-					x2: e.x2,
-					y2: e.y2,
-					stroke: s.stroke,
-					"stroke-width": s.strokeWidth
-				}, null))) ? l : { default: () => [l] });
+				return createVNode(Layer, {
+					"class": "v-charts-errorBar",
+					"key": `bar-${x}-${y}-${value}-${dataIndex}`
+				}, _isSlot(_slot = lineCoordinates.map((c, lineIndex) => createVNode("line", {
+					"key": `errorbar-${dataIndex}-${c.x1}-${c.y1}-${c.x2}-${c.y2}-${lineIndex}`,
+					"x1": c.x1,
+					"y1": c.y1,
+					"x2": c.x2,
+					"y2": c.y2,
+					"stroke": props.stroke,
+					"stroke-width": props.strokeWidth
+				}, null))) ? _slot : { default: () => [_slot] });
 			});
-			return o(r, { class: "v-charts-errorBars" }, u(a) ? a : { default: () => [a] });
+			return createVNode(Layer, { "class": "v-charts-errorBars" }, _isSlot(errorBars) ? errorBars : { default: () => [errorBars] });
 		};
 	}
 });
 //#endregion
-export { f as ErrorBar, d as ErrorBarVueProps };
+export { ErrorBar, ErrorBarVueProps };

package/dist/es/cartesian/error-bar/ErrorBarContext.mjs

@@ -1,19 +1,20 @@
-import { createContext as e } from "../../utils/createContext.mjs";
-import { shallowRef as t } from "vue";
-import { createContext as n } from "motion-v";
+import { createContext as createContext$1 } from "../../utils/createContext.mjs";
+import { shallowRef } from "vue";
+import { createContext } from "motion-v";
 //#region src/cartesian/error-bar/ErrorBarContext.ts
-var [r, i] = n("ErrorBarContext"), [a, o] = e("ErrorBarRegistry");
-function s() {
-	let e = t([]);
+var [useErrorBarContext, provideErrorBarContext] = createContext("ErrorBarContext");
+var [useErrorBarRegistry, provideErrorBarRegistry] = createContext$1("ErrorBarRegistry");
+function createErrorBarRegistry() {
+	const errorBars = shallowRef([]);
 	return {
-		errorBars: e,
-		register(t) {
-			e.value = [...e.value, t];
+		errorBars,
+		register(settings) {
+			errorBars.value = [...errorBars.value, settings];
 		},
-		unregister(t) {
-			e.value = e.value.filter((e) => e !== t);
+		unregister(settings) {
+			errorBars.value = errorBars.value.filter((s) => s !== settings);
 		}
 	};
 }
 //#endregion
-export { s as createErrorBarRegistry, i as provideErrorBarContext, o as provideErrorBarRegistry, r as useErrorBarContext, a as useErrorBarRegistry };
+export { createErrorBarRegistry, provideErrorBarContext, provideErrorBarRegistry, useErrorBarContext, useErrorBarRegistry };