vccs 0.6.0 → 1.0.0-beta.2

package/dist/es/utils/scale/utils/utils.mjs

@@ -1,53 +1,18 @@
 //#region src/utils/scale/utils/utils.ts
-var identity = (i) => i;
-var PLACE_HOLDER = { "@@functional/placeholder": true };
-var isPlaceHolder = (val) => val === PLACE_HOLDER;
-function curry0(fn) {
-	return function _curried(...args) {
-		if (args.length === 0 || args.length === 1 && isPlaceHolder(args[0])) return _curried;
-		return fn(...args);
-	};
-}
-function curryN(n, fn) {
-	if (n === 1) return fn;
-	return curry0((...args) => {
-		const argsLength = args.filter((arg) => arg !== PLACE_HOLDER).length;
-		if (argsLength >= n) return fn(...args);
-		return curryN(n - argsLength, curry0((...restArgs) => {
-			return fn(...args.map((arg) => isPlaceHolder(arg) ? restArgs.shift() : arg), ...restArgs);
-		}));
-	});
-}
-var curry = (fn) => curryN(fn.length, fn);
 function range(begin, end) {
-	const arr = [];
-	for (let i = begin; i < end; ++i) arr[i - begin] = i;
-	return arr;
-}
-var map = curry((fn, arr) => {
-	if (Array.isArray(arr)) return arr.map(fn);
-	return Object.keys(arr).map((key) => arr[key]).map(fn);
-});
-function compose(...args) {
-	if (!args.length) return identity;
-	const fns = args.reverse();
-	const firstFn = fns[0];
-	const tailsFn = fns.slice(1);
-	return (...composeArgs) => tailsFn.reduce((res, fn) => fn(res), firstFn(...composeArgs));
-}
-function reverse(arr) {
-	if (Array.isArray(arr)) return arr.reverse();
-	return arr.split("").reverse().join("");
+	const values = [];
+	for (let value = begin; value < end; value++) values.push(value);
+	return values;
 }
 function memoize(fn) {
-	let lastArgs = null;
-	let lastResult = null;
-	return ((...args) => {
-		if (lastArgs && args.every((val, i) => val === lastArgs?.[i])) return lastResult;
+	let lastArgs;
+	let lastResult;
+	return (...args) => {
+		if (lastArgs && args.every((value, index) => value === lastArgs?.[index])) return lastResult;
 		lastArgs = args;
 		lastResult = fn(...args);
 		return lastResult;
-	});
+	};
 }
 //#endregion
-export { compose, curry, map, memoize, range, reverse };
+export { memoize, range };

package/dist/es/utils/style.mjs

@@ -27,4 +27,4 @@ function normalizeStyle(style = {}) {
 	};
 }
 //#endregion
-export { normalizeStyle };
+export { normalizeStyle, toPx };

package/dist/es/utils/svg.mjs

@@ -0,0 +1,320 @@
+//#region src/utils/svg.ts
+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",
+	"stroke-dashoffset",
+	"strokeLinecap",
+	"stroke-linecap",
+	"strokeLinejoin",
+	"stroke-linejoin",
+	"strokeMiterlimit",
+	"stroke-miterlimit",
+	"strokeOpacity",
+	"stroke-opacity",
+	"strokeWidth",
+	"stroke-width",
+	"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 { FilteredElementKeyMap, SVGElementPropKeys };

package/dist/es/utils/theme.mjs

@@ -0,0 +1,50 @@
+import { labelColor } from "./labelColor.mjs";
+//#region src/utils/theme.ts
+var chartThemeTokens = [
+	"--v-charts-focus",
+	"--v-charts-background",
+	"--v-charts-grid",
+	"--v-charts-axis",
+	"--v-charts-text",
+	"--v-charts-muted",
+	"--v-charts-cursor",
+	"--v-charts-tooltip-background",
+	"--v-charts-tooltip-border",
+	"--v-charts-tooltip-foreground",
+	"--v-charts-inactive",
+	"--v-charts-label-foreground",
+	"--v-charts-series",
+	"--v-charts-series-1",
+	"--v-charts-series-2",
+	"--v-charts-series-3",
+	"--v-charts-series-4",
+	"--v-charts-series-5",
+	"--v-charts-series-6",
+	"--v-charts-series-7",
+	"--v-charts-series-8",
+	"--v-charts-status-up",
+	"--v-charts-status-degraded",
+	"--v-charts-status-down",
+	"--v-charts-status-maintenance"
+];
+var seriesPalette = [
+	"#2563eb",
+	"#f97316",
+	"#14b8a6",
+	"#a855f7",
+	"#f59e0b",
+	"#ec4899",
+	"#06b6d4",
+	"#84cc16"
+];
+function seriesColor(index) {
+	const position = Math.max(0, index) % seriesPalette.length;
+	return `var(--v-charts-series-${position + 1}, var(--v-charts-series, ${seriesPalette[position]}))`;
+}
+/** Default palette labels; themes that replace the palette must set the label token. */
+function seriesForeground(index) {
+	const position = Math.max(0, index) % seriesPalette.length;
+	return labelColor(seriesPalette[position]);
+}
+//#endregion
+export { chartThemeTokens, seriesColor, seriesForeground };

package/dist/es/utils/tick.mjs

@@ -1,4 +1,4 @@
-import { getAngledRectangleWidth } from "./cartesian.mjs";
+import { getAngledRectangleWidth } from "../core/rectangle.mjs";
 //#region src/utils/tick.ts
 function getNumberIntervalTicks(ticks, interval) {
 	return getEveryNthWithCondition(ticks, interval + 1);
@@ -21,10 +21,11 @@ function getEveryNthWithCondition(array, n, isValid) {
 	return result;
 }
 function getAngledTickWidth(contentSize, unitSize, angle) {
-	return getAngledRectangleWidth({
+	const size = {
 		width: contentSize.width + unitSize.width,
 		height: contentSize.height + unitSize.height
-	}, angle);
+	};
+	return getAngledRectangleWidth(size, angle);
 }
 function getTickBoundaries(viewBox, sign, sizeKey) {
 	const isWidth = sizeKey === "width";

package/dist/es/utils/validate.mjs

@@ -3,11 +3,30 @@ function isNan(value) {
 	return typeof value == "number" && value != +value;
 }
 function isNumber(value) {
-	return (typeof value === "number" || value instanceof Number) && !isNan(value);
+	return (typeof value === "number" || value instanceof Number) && Number.isFinite(Number(value));
+}
+/** Coerce finite numeric data while keeping missing and malformed values missing. */
+function toFiniteNumber(value) {
+	if (typeof value !== "number" && typeof value !== "string") return;
+	if (typeof value === "string" && value.trim() === "") return;
+	const number = Number(value);
+	if (!Number.isFinite(number)) return void 0;
+	return flushTiny(number);
+}
+/** Below this magnitude a value counts as zero; see flushTiny. */
+var TINY = 1e-300;
+/**
+* A value smaller than 1e-300 as zero. No chart can show such a value apart from zero, and a
+* domain that narrow overflows tick and pixel arithmetic (Infinity, division by zero).
+*/
+function flushTiny(value) {
+	return Math.abs(value) < TINY ? 0 : value;
 }
 /**
 * validate the width and height props of a chart element
 * @param  {object} el A chart element
+* @param {number} el.width Chart width
+* @param {number} el.height Chart height
 * @return {boolean}   true If the props width and height are number, and greater than 0
 */
 function validateWidthHeight({ width, height }) {
@@ -30,7 +49,6 @@ function isVisible(sign, tickPosition, getSize, start, end) {
 }
 /**
 * Checks if the value is null or undefined
-* @param {any} value The value to check
 * @returns {boolean} true if the value is null or undefined
 */
 function isNullish(value) {
@@ -38,4 +56,4 @@ function isNullish(value) {
 }
 var isNumOrStr = (value) => isNumber(value) || typeof value === "string";
 //#endregion
-export { isCategoricalAxis, isNan, isNullish, isNumOrStr, isNumber, isPercent, isVisible, isWellBehavedNumber, validateWidthHeight };
+export { flushTiny, isCategoricalAxis, isNan, isNullish, isNumOrStr, isNumber, isPercent, isVisible, isWellBehavedNumber, toFiniteNumber, validateWidthHeight };

package/dist/events/componentEvents.d.ts

@@ -0,0 +1,60 @@
+import { EmitFn } from 'vue';
+import { MouseHandlerDataParam } from '../types/common.js';
+export type ChartPointerState = MouseHandlerDataParam;
+export declare const chartEmits: {
+    click: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseenter: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mousemove: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseleave: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mousedown: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseup: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    contextmenu: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    dblclick: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchstart: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchmove: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchend: (_state: ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+};
+export declare function chartListeners(emit: EmitFn<typeof chartEmits>): {
+    onClick: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+    onMouseenter: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+    onMousemove: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+    onMouseleave: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+    onMousedown: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+    onMouseup: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+    onContextmenu: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+    onDblclick: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+    onTouchstart: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+    onTouchmove: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+    onTouchend: (state: ChartPointerState, event: MouseEvent | TouchEvent) => void;
+};
+export declare const cellGridEmits: {
+    'update:activeIndex': (_index: number | null) => boolean;
+    'cell-click': (_payload: unknown, _index: number, _event: MouseEvent | KeyboardEvent) => boolean;
+    'cell-mouseenter': (_payload: unknown, _index: number, _event: MouseEvent) => boolean;
+    'cell-mouseleave': (_payload: unknown, _index: number, _event: MouseEvent) => boolean;
+    'animation-start': () => boolean;
+    'animation-end': () => boolean;
+};
+type CellListener<Payload, E extends Event = MouseEvent> = (cell: Payload, index: number, event: E) => void;
+/** Typed cell events of a cell chart, in both spellings Vue accepts. Enter on the active cell also clicks it. */
+export interface CellEvents<Payload> {
+    'onCell-click'?: CellListener<Payload, MouseEvent | KeyboardEvent>;
+    'onCellClick'?: CellListener<Payload, MouseEvent | KeyboardEvent>;
+    'onCell-mouseenter'?: CellListener<Payload>;
+    'onCellMouseenter'?: CellListener<Payload>;
+    'onCell-mouseleave'?: CellListener<Payload>;
+    'onCellMouseleave'?: CellListener<Payload>;
+}
+/**
+ * Forwards the cell events of an inner cell grid once. `map` turns the inner payload into the
+ * outer one; cells it maps to `undefined` emit nothing.
+ */
+export declare function cellGridListeners<In = unknown>(emit: EmitFn<typeof cellGridEmits>, map?: (payload: In) => unknown): {
+    'onUpdate:activeIndex': (index: number | null) => void;
+    'onCell-click': (payload: In, index: number, event: KeyboardEvent | MouseEvent) => void;
+    'onCell-mouseenter': (payload: In, index: number, event: MouseEvent) => void;
+    'onCell-mouseleave': (payload: In, index: number, event: MouseEvent) => void;
+    'onAnimation-start': () => void;
+    'onAnimation-end': () => void;
+};
+export {};

package/dist/events/delegateItemEvents.d.ts

@@ -0,0 +1,12 @@
+type ItemEvents<Item> = {
+    click: (item: Item, index: number, event: MouseEvent) => void;
+    mouseenter: (item: Item, index: number, event: MouseEvent) => void;
+    mouseleave: (item: Item, index: number, event: MouseEvent) => void;
+};
+export declare function itemEventIndex(event: MouseEvent, boundary?: boolean): number | undefined;
+export declare function delegateItemEvents<Item>(itemAt: (index: number) => Item | undefined, events: ItemEvents<Item>): {
+    onClick: (event: MouseEvent) => void;
+    onMouseenterCapture: (event: MouseEvent) => void;
+    onMouseleaveCapture: (event: MouseEvent) => void;
+};
+export {};