@oliasoft-open-source/charts-library 5.7.2 → 5.8.0-beta-1

package/dist/index.js

@@ -4,7 +4,7 @@ import { DndProvider, useDrag, useDrop } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { displayNumber, isCloseTo, round, roundByMagnitude } from "@oliasoft-open-source/units";
 import cx from "classnames";
-import { cloneDeep, debounce, defaultTo, find, findIndex, get, has, isArray, isEmpty, isNil, map, noop, set, some, startCase } from "es-toolkit/compat";
+import { cloneDeep, debounce, defaultTo, find, findIndex, get, has, isArray, isEmpty, isNil, isNumber, isObject, map, noop, set, some, startCase } from "es-toolkit/compat";
 import { produce } from "immer";
 import { Button, ButtonGroup, Field, Flex, Icon, InputGroup, InputGroupAddon, Menu, NumberInput, Popover, Portal, Select, Spacer, Text, Tooltip } from "@oliasoft-open-source/react-ui-library";
 import { useMeasure } from "react-use";
@@ -632,7 +632,7 @@ function isArray$1(value) {
 	if (type.slice(0, 7) === "[object" && type.slice(-6) === "Array]") return true;
 	return false;
 }
-function isObject(value) {
+function isObject$1(value) {
 	return value !== null && Object.prototype.toString.call(value) === "[object Object]";
 }
 function isNumberFinite(value) {
@@ -655,7 +655,7 @@ function each(loopable, fn, thisArg, reverse) {
 		len = loopable.length;
 		if (reverse) for (i = len - 1; i >= 0; i--) fn.call(thisArg, loopable[i], i);
 		else for (i = 0; i < len; i++) fn.call(thisArg, loopable[i], i);
-	} else if (isObject(loopable)) {
+	} else if (isObject$1(loopable)) {
 		keys = Object.keys(loopable);
 		len = keys.length;
 		for (i = 0; i < len; i++) fn.call(thisArg, loopable[keys[i]], keys[i]);
@@ -673,7 +673,7 @@ function _elementsEqual(a0, a1) {
 }
 function clone(source) {
 	if (isArray$1(source)) return source.map(clone);
-	if (isObject(source)) {
+	if (isObject$1(source)) {
 		const target = Object.create(null);
 		const keys = Object.keys(source);
 		const klen = keys.length;
@@ -694,19 +694,19 @@ function _merger(key, target, source, options) {
 	if (!isValidKey(key)) return;
 	const tval = target[key];
 	const sval = source[key];
-	if (isObject(tval) && isObject(sval)) merge(tval, sval, options);
+	if (isObject$1(tval) && isObject$1(sval)) merge(tval, sval, options);
 	else target[key] = clone(sval);
 }
 function merge(target, source, options) {
 	const sources = isArray$1(source) ? source : [source];
 	const ilen = sources.length;
-	if (!isObject(target)) return target;
+	if (!isObject$1(target)) return target;
 	options = options || {};
 	const merger = options.merger || _merger;
 	let current;
 	for (let i = 0; i < ilen; ++i) {
 		current = sources[i];
-		if (!isObject(current)) continue;
+		if (!isObject$1(current)) continue;
 		const keys = Object.keys(current);
 		for (let k = 0, klen = keys.length; k < klen; ++k) merger(keys[k], target, current, options);
 	}
@@ -719,7 +719,7 @@ function _mergerIf(key, target, source) {
 	if (!isValidKey(key)) return;
 	const tval = target[key];
 	const sval = source[key];
-	if (isObject(tval) && isObject(sval)) mergeIf(tval, sval);
+	if (isObject$1(tval) && isObject$1(sval)) mergeIf(tval, sval);
 	else if (!Object.prototype.hasOwnProperty.call(target, key)) target[key] = clone(sval);
 }
 var keyResolvers = {
@@ -802,7 +802,7 @@ function _factorize(value) {
 function isNonPrimitive(n) {
 	return typeof n === "symbol" || typeof n === "object" && n !== null && !(Symbol.toPrimitive in n || "toString" in n || "valueOf" in n);
 }
-function isNumber(n) {
+function isNumber$1(n) {
 	return !isNonPrimitive(n) && !isNaN(parseFloat(n)) && isFinite(n);
 }
 function almostWhole(x, epsilon) {
@@ -1387,7 +1387,7 @@ var Defaults = class {
 				get() {
 					const local = this[privateName];
 					const target = targetScopeObject[targetName];
-					if (isObject(local)) return Object.assign({}, target, local);
+					if (isObject$1(local)) return Object.assign({}, target, local);
 					return valueOrDefault(local, target);
 				},
 				set(value) {
@@ -1690,9 +1690,9 @@ function toLineHeight(value, size) {
 var numberOrZero = (v) => +v || 0;
 function _readValueToProps(value, props) {
 	const ret = {};
-	const objProps = isObject(props);
+	const objProps = isObject$1(props);
 	const keys = objProps ? Object.keys(props) : props;
-	const read = isObject(value) ? objProps ? (prop) => valueOrDefault(value[prop], value[props[prop]]) : (prop) => value[prop] : () => value;
+	const read = isObject$1(value) ? objProps ? (prop) => valueOrDefault(value[prop], value[props[prop]]) : (prop) => value[prop] : () => value;
 	for (const prop of keys) ret[prop] = numberOrZero(read(prop));
 	return ret;
 }
@@ -1869,7 +1869,7 @@ function _descriptors(proxy, defaults = {
 	};
 }
 var readKey = (prefix, name) => prefix ? prefix + _capitalize(name) : name;
-var needsSubResolver = (prop, value) => isObject(value) && prop !== "adapters" && (Object.getPrototypeOf(value) === null || value.constructor === Object);
+var needsSubResolver = (prop, value) => isObject$1(value) && prop !== "adapters" && (Object.getPrototypeOf(value) === null || value.constructor === Object);
 function _cached(target, prop, resolve) {
 	if (Object.prototype.hasOwnProperty.call(target, prop) || prop === "constructor") return target[prop];
 	const value = resolve();
@@ -1896,7 +1896,7 @@ function _resolveScriptable(prop, getValue, target, receiver) {
 function _resolveArray(prop, value, target, isIndexable) {
 	const { _proxy, _context, _subProxy, _descriptors: descriptors } = target;
 	if (typeof _context.index !== "undefined" && isIndexable(prop)) return value[_context.index % value.length];
-	else if (isObject(value[0])) {
+	else if (isObject$1(value[0])) {
 		const arr = value;
 		const scopes = _proxy._scopes.filter((s) => s !== arr);
 		value = [];
@@ -1944,7 +1944,7 @@ function subGetTarget(resolver, prop, value) {
 	const parent = resolver._getTarget();
 	if (!(prop in parent)) parent[prop] = {};
 	const target = parent[prop];
-	if (isArray$1(target) && isObject(value)) return value;
+	if (isArray$1(target) && isObject$1(value)) return value;
 	return target || {};
 }
 function _resolveWithPrefixes(prop, prefixes, scopes, proxy) {
@@ -2840,12 +2840,12 @@ var Animations = class {
 		this.configure(config);
 	}
 	configure(config) {
-		if (!isObject(config)) return;
+		if (!isObject$1(config)) return;
 		const animationOptions = Object.keys(defaults$1.animation);
 		const animatedProps = this._properties;
 		Object.getOwnPropertyNames(config).forEach((key) => {
 			const cfg = config[key];
-			if (!isObject(cfg)) return;
+			if (!isObject$1(cfg)) return;
 			const resolved = {};
 			for (const option of animationOptions) resolved[option] = cfg[option];
 			(isArray$1(cfg.properties) && cfg.properties || [key]).forEach((prop) => {
@@ -2950,7 +2950,7 @@ function defaultClip(xScale, yScale, allowedOverflow) {
 }
 function toClip(value) {
 	let t, r, b, l;
-	if (isObject(value)) {
+	if (isObject$1(value)) {
 		t = value.top;
 		r = value.right;
 		b = value.bottom;
@@ -3176,7 +3176,7 @@ var DatasetController = class {
 		const dataset = this.getDataset();
 		const data = dataset.data || (dataset.data = []);
 		const _data = this._data;
-		if (isObject(data)) {
+		if (isObject$1(data)) {
 			const meta = this._cachedMeta;
 			this._data = convertObjectDataToArray(data, meta);
 		} else if (_data !== data) {
@@ -3235,7 +3235,7 @@ var DatasetController = class {
 			parsed = data;
 		} else {
 			if (isArray$1(data[start])) parsed = this.parseArrayData(meta, data, start, count);
-			else if (isObject(data[start])) parsed = this.parseObjectData(meta, data, start, count);
+			else if (isObject$1(data[start])) parsed = this.parseObjectData(meta, data, start, count);
 			else parsed = this.parsePrimitiveData(meta, data, start, count);
 			const isNotInOrderComparedToPrev = () => cur[iAxis] === null || prev && cur[iAxis] < prev[iAxis];
 			for (i = 0; i < count; ++i) {
@@ -4150,7 +4150,7 @@ var DoughnutController = class extends DatasetController {
 		if (this._parsing === false) meta._parsed = data;
 		else {
 			let getter = (i) => +data[i];
-			if (isObject(data[start])) {
+			if (isObject$1(data[start])) {
 				const { key = "value" } = this._parsing;
 				getter = (i) => +resolveObjectKey(data[i], key);
 			}
@@ -4352,7 +4352,7 @@ var LineController = class extends DatasetController {
 		const iAxis = iScale.axis;
 		const vAxis = vScale.axis;
 		const { spanGaps, segment } = this.options;
-		const maxGapLength = isNumber(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;
+		const maxGapLength = isNumber$1(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;
 		const directUpdate = this.chart._animationsDisabled || reset || mode === "none";
 		const end = start + count;
 		const pointsCount = points.length;
@@ -4475,7 +4475,7 @@ var ScatterController = class extends DatasetController {
 		const iAxis = iScale.axis;
 		const vAxis = vScale.axis;
 		const { spanGaps, segment } = this.options;
-		const maxGapLength = isNumber(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;
+		const maxGapLength = isNumber$1(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;
 		const directUpdate = this.chart._animationsDisabled || reset || mode === "none";
 		let prevParsed = start > 0 && this.getParsed(start - 1);
 		for (let i = start; i < start + count; ++i) {
@@ -4838,7 +4838,7 @@ function updateMaxPadding(maxPadding, boxPadding) {
 function updateDims(chartArea, params, layout, stacks) {
 	const { pos, box } = layout;
 	const maxPadding = chartArea.maxPadding;
-	if (!isObject(pos)) {
+	if (!isObject$1(pos)) {
 		if (layout.size) chartArea[pos] -= layout.size;
 		const stack = stacks[layout.stack] || {
 			size: 0,
@@ -5281,7 +5281,7 @@ var Element = class {
 		};
 	}
 	hasValue() {
-		return isNumber(this.x) && isNumber(this.y);
+		return isNumber$1(this.x) && isNumber$1(this.y);
 	}
 	getProps(props, final) {
 		const anims = this.$animations;
@@ -5456,7 +5456,7 @@ function titleArgs(scale, offset, position, align) {
 	const width = right - left;
 	if (scale.isHorizontal()) {
 		titleX = _alignStartEnd(align, left, right);
-		if (isObject(position)) {
+		if (isObject$1(position)) {
 			const positionAxisID = Object.keys(position)[0];
 			const value = position[positionAxisID];
 			titleY = scales[positionAxisID].getPixelForValue(value) + height - offset;
@@ -5464,7 +5464,7 @@ function titleArgs(scale, offset, position, align) {
 		else titleY = offsetFromEdge(scale, position, offset);
 		maxWidth = right - left;
 	} else {
-		if (isObject(position)) {
+		if (isObject$1(position)) {
 			const positionAxisID = Object.keys(position)[0];
 			const value = position[positionAxisID];
 			titleX = scales[positionAxisID].getPixelForValue(value) - width + offset;
@@ -6026,7 +6026,7 @@ var Scale = class Scale extends Element {
 			tx2 = this.left + tl;
 		} else if (axis === "x") {
 			if (position === "center") borderValue = alignBorderValue((chartArea.top + chartArea.bottom) / 2 + .5);
-			else if (isObject(position)) {
+			else if (isObject$1(position)) {
 				const positionAxisID = Object.keys(position)[0];
 				const value = position[positionAxisID];
 				borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
@@ -6037,7 +6037,7 @@ var Scale = class Scale extends Element {
 			ty2 = ty1 + tl;
 		} else if (axis === "y") {
 			if (position === "center") borderValue = alignBorderValue((chartArea.left + chartArea.right) / 2);
-			else if (isObject(position)) {
+			else if (isObject$1(position)) {
 				const positionAxisID = Object.keys(position)[0];
 				const value = position[positionAxisID];
 				borderValue = alignBorderValue(this.chart.scales[positionAxisID].getPixelForValue(value));
@@ -6119,7 +6119,7 @@ var Scale = class Scale extends Element {
 			x = ret.x;
 		} else if (axis === "x") {
 			if (position === "center") y = (chartArea.top + chartArea.bottom) / 2 + tickAndPadding;
-			else if (isObject(position)) {
+			else if (isObject$1(position)) {
 				const positionAxisID = Object.keys(position)[0];
 				const value = position[positionAxisID];
 				y = this.chart.scales[positionAxisID].getPixelForValue(value) + tickAndPadding;
@@ -6127,7 +6127,7 @@ var Scale = class Scale extends Element {
 			textAlign = this._getXAxisLabelAlignment();
 		} else if (axis === "y") {
 			if (position === "center") x = (chartArea.left + chartArea.right) / 2 - tickAndPadding;
-			else if (isObject(position)) {
+			else if (isObject$1(position)) {
 				const positionAxisID = Object.keys(position)[0];
 				const value = position[positionAxisID];
 				x = this.chart.scales[positionAxisID].getPixelForValue(value);
@@ -6408,7 +6408,7 @@ var Scale = class Scale extends Element {
 		const padding = toPadding(title.padding);
 		const align = title.align;
 		let offset = font.lineHeight / 2;
-		if (position === "bottom" || position === "center" || isObject(position)) {
+		if (position === "bottom" || position === "center" || isObject$1(position)) {
 			offset += padding.bottom;
 			if (isArray$1(title.text)) offset += font.lineHeight * (title.text.length - 1);
 		} else offset += padding.top;
@@ -6782,7 +6782,7 @@ function mergeScaleConfig(config, options) {
 	const scales = Object.create(null);
 	Object.keys(configScales).forEach((id) => {
 		const scaleConf = configScales[id];
-		if (!isObject(scaleConf)) return console.error(`Invalid scale configuration for scale: ${id}`);
+		if (!isObject$1(scaleConf)) return console.error(`Invalid scale configuration for scale: ${id}`);
 		if (scaleConf._proxy) return console.warn(`Ignoring resolver passed as options for scale: ${id}`);
 		const axis = determineAxis(id, scaleConf, retrieveAxisFromDatasets(id, config), defaults$1.scales[scaleConf.type]);
 		const defaultId = getDefaultScaleIDFromAxis(axis, chartIndexAxis);
@@ -6961,7 +6961,7 @@ var Config = class {
 	}
 	createResolver(scopes, context, prefixes = [""], descriptorDefaults) {
 		const { resolver } = getResolver(this._resolverCache, scopes, prefixes);
-		return isObject(context) ? _attachContext(resolver, context, void 0, descriptorDefaults) : resolver;
+		return isObject$1(context) ? _attachContext(resolver, context, void 0, descriptorDefaults) : resolver;
 	}
 };
 function getResolver(resolverCache, scopes, prefixes) {
@@ -6981,7 +6981,7 @@ function getResolver(resolverCache, scopes, prefixes) {
 	}
 	return cached;
 }
-var hasFunction = (value) => isObject(value) && Object.getOwnPropertyNames(value).some((key) => isFunction(value[key]));
+var hasFunction = (value) => isObject$1(value) && Object.getOwnPropertyNames(value).some((key) => isFunction(value[key]));
 function needContext(proxy, names) {
 	const { isScriptable, isIndexable } = _descriptors(proxy);
 	for (const prop of names) {
@@ -8355,7 +8355,7 @@ function parseBorderRadius(bar, maxW, maxH) {
 	const o = toTRBLCorners(value);
 	const maxR = Math.min(maxW, maxH);
 	const skip = bar.borderSkipped;
-	const enableBorder = enableBorderRadius || isObject(value);
+	const enableBorder = enableBorderRadius || isObject$1(value);
 	return {
 		topLeft: skipOrLimit(!enableBorder || skip.top || skip.left, o.topLeft, 0, maxR),
 		topRight: skipOrLimit(!enableBorder || skip.top || skip.right, o.topRight, 0, maxR),
@@ -8604,7 +8604,7 @@ function _resolveTarget(sources, index, propagate) {
 }
 function _decodeFill(line, index, count) {
 	const fill = parseFillOption(line);
-	if (isObject(fill)) return isNaN(fill.value) ? false : fill;
+	if (isObject$1(fill)) return isNaN(fill.value) ? false : fill;
 	let target = parseFloat(fill);
 	if (isNumberFinite(target) && Math.floor(target) === target) return decodeTargetIndex(fill[0], index, target, count);
 	return [
@@ -8624,7 +8624,7 @@ function _getTargetPixel(fill, scale) {
 	let pixel = null;
 	if (fill === "start") pixel = scale.bottom;
 	else if (fill === "end") pixel = scale.top;
-	else if (isObject(fill)) pixel = scale.getPixelForValue(fill.value);
+	else if (isObject$1(fill)) pixel = scale.getPixelForValue(fill.value);
 	else if (scale.getBasePixel) pixel = scale.getBasePixel();
 	return pixel;
 }
@@ -8632,7 +8632,7 @@ function _getTargetValue(fill, scale, startValue) {
 	let value;
 	if (fill === "start") value = startValue;
 	else if (fill === "end") value = scale.options.reverse ? scale.min : scale.max;
-	else if (isObject(fill)) value = fill.value;
+	else if (isObject$1(fill)) value = fill.value;
 	else value = scale.getBaseValue();
 	return value;
 }
@@ -10141,7 +10141,7 @@ var Tooltip$1 = class extends Element {
 			ctx.fillStyle = labelColor.backgroundColor;
 			drawPoint$1(ctx, drawOptions, centerX, centerY);
 		} else {
-			ctx.lineWidth = isObject(labelColor.borderWidth) ? Math.max(...Object.values(labelColor.borderWidth)) : labelColor.borderWidth || 1;
+			ctx.lineWidth = isObject$1(labelColor.borderWidth) ? Math.max(...Object.values(labelColor.borderWidth)) : labelColor.borderWidth || 1;
 			ctx.strokeStyle = labelColor.borderColor;
 			ctx.setLineDash(labelColor.borderDash || []);
 			ctx.lineDashOffset = labelColor.borderDashOffset || 0;
@@ -11390,7 +11390,7 @@ function parse(scale, input) {
 	if (typeof parser === "function") value = parser(value);
 	if (!isNumberFinite(value)) value = typeof parser === "string" ? adapter.parse(value, parser) : adapter.parse(value);
 	if (value === null) return null;
-	if (round) value = round === "week" && (isNumber(isoWeekday) || isoWeekday === true) ? adapter.startOf(value, "isoWeek", isoWeekday) : adapter.startOf(value, round);
+	if (round) value = round === "week" && (isNumber$1(isoWeekday) || isoWeekday === true) ? adapter.startOf(value, "isoWeek", isoWeekday) : adapter.startOf(value, round);
 	return +value;
 }
 function determineUnitForAutoTicks(minUnit, min, max, capacity) {
@@ -11585,7 +11585,7 @@ var TimeScale = class extends Scale {
 		const minor = timeOpts.unit || determineUnitForAutoTicks(timeOpts.minUnit, min, max, this._getLabelCapacity(min));
 		const stepSize = valueOrDefault(options.ticks.stepSize, 1);
 		const weekday = minor === "week" ? timeOpts.isoWeekday : false;
-		const hasWeekday = isNumber(weekday) || weekday === true;
+		const hasWeekday = isNumber$1(weekday) || weekday === true;
 		const ticks = {};
 		let first = min;
 		let time, count;
@@ -13597,7 +13597,7 @@ function isZoomingOrPanning(chart) {
 	const state = getState(chart);
 	return state.panning || state.dragging;
 }
-var clamp$1 = (x, from, to) => Math.min(to, Math.max(from, x));
+var clamp$2 = (x, from, to) => Math.min(to, Math.max(from, x));
 function removeHandler(chart, type) {
 	const { handlers } = getState(chart);
 	const handler = handlers[type];
@@ -13683,8 +13683,8 @@ function applyAspectRatio({ begin, end }, aspectRatio) {
 	end.y = begin.y + height;
 }
 function applyMinMaxProps(rect, chartArea, points, { min, max, prop }) {
-	rect[min] = clamp$1(Math.min(points.begin[prop], points.end[prop]), chartArea[min], chartArea[max]);
-	rect[max] = clamp$1(Math.max(points.begin[prop], points.end[prop]), chartArea[min], chartArea[max]);
+	rect[min] = clamp$2(Math.min(points.begin[prop], points.end[prop]), chartArea[min], chartArea[max]);
+	rect[max] = clamp$2(Math.max(points.begin[prop], points.end[prop]), chartArea[min], chartArea[max]);
 }
 function getRelativePoints(chart, pointEvents, maintainAspectRatio) {
 	const points = {
@@ -14793,7 +14793,7 @@ var formatter = function(value) {
 	if (isNullOrUndef(value)) return null;
 	var label = value;
 	var keys, klen, k;
-	if (isObject(value)) if (!isNullOrUndef(value.label)) label = value.label;
+	if (isObject$1(value)) if (!isNullOrUndef(value.label)) label = value.label;
 	else if (!isNullOrUndef(value.r)) label = value.r;
 	else {
 		label = "";
@@ -15073,10 +15073,10 @@ function rotated(point, center, angle) {
 }
 var isOlderPart = (act, req) => req > act || act.length > req.length && act.slice(0, req.length) === req;
 var EPSILON = .001;
-var clamp = (x, from, to) => Math.min(to, Math.max(from, x));
+var clamp$1 = (x, from, to) => Math.min(to, Math.max(from, x));
 var inLimit = (limit, hitSize) => limit.value >= limit.start - hitSize && limit.value <= limit.end + hitSize;
 function clampAll(obj, from, to) {
-	for (const key of Object.keys(obj)) obj[key] = clamp(obj[key], from, to);
+	for (const key of Object.keys(obj)) obj[key] = clamp$1(obj[key], from, to);
 	return obj;
 }
 function inPointRange(point, center, radius, hitSize) {
@@ -15117,7 +15117,7 @@ function requireVersion(pkg, min, ver, strict = true) {
 }
 var isPercentString = (s) => typeof s === "string" && s.endsWith("%");
 var toPercent = (s) => parseFloat(s) / 100;
-var toPositivePercent = (s) => clamp(toPercent(s), 0, 1);
+var toPositivePercent = (s) => clamp$1(toPercent(s), 0, 1);
 var boxAppering = (x, y) => ({
 	x,
 	y,
@@ -15166,7 +15166,7 @@ function calculateTextAlignment(size, options) {
 	return x;
 }
 function measureLabelRectangle(point, labelSize, { borderWidth, position, xAdjust, yAdjust }, padding) {
-	const hasPadding = isObject(padding);
+	const hasPadding = isObject$1(padding);
 	const width = labelSize.width + (hasPadding ? padding.width : 0) + borderWidth;
 	const height = labelSize.height + (hasPadding ? padding.height : 0) + borderWidth;
 	const positionObj = toPosition(position);
@@ -15184,7 +15184,7 @@ function measureLabelRectangle(point, labelSize, { borderWidth, position, xAdjus
 	};
 }
 function toPosition(value, defaultValue = "center") {
-	if (isObject(value)) return {
+	if (isObject$1(value)) return {
 		x: valueOrDefault(value.x, defaultValue),
 		y: valueOrDefault(value.y, defaultValue)
 	};
@@ -15238,7 +15238,7 @@ function execCallback(chart, properties, options) {
 		options
 	}]);
 	if (result === true) return applyDefault(properties, options);
-	else if (isObject(result)) return result;
+	else if (isObject$1(result)) return result;
 }
 var widthCache = /* @__PURE__ */ new Map();
 var notRadius = (radius) => isNaN(radius) || radius <= 0;
@@ -15499,8 +15499,8 @@ function applyLabelContent(ctx, { x, y }, labels, { fonts, colors }) {
 	});
 }
 function getOpacity(value, elementValue) {
-	const opacity = isNumber(value) ? value : elementValue;
-	return isNumber(opacity) ? clamp(opacity, 0, 1) : 1;
+	const opacity = isNumber$1(value) ? value : elementValue;
+	return isNumber$1(opacity) ? clamp$1(opacity, 0, 1) : 1;
 }
 var positions = [
 	"left",
@@ -16834,7 +16834,7 @@ function calculateTAdjust(lineSize, sizes, label, space) {
 	const lineH = lineSize.h * space.dy;
 	const x = lineW > 0 && (labelSize.w / 2 + padding.left - space.x) / lineW;
 	const y = lineH > 0 && (labelSize.h / 2 + padding.top - space.y) / lineH;
-	return clamp(Math.max(x, y), 0, .25);
+	return clamp$1(Math.max(x, y), 0, .25);
 }
 function spaceAround(properties, chartArea) {
 	const { x, x2, y, y2 } = properties;
@@ -17264,7 +17264,7 @@ Object.keys(annotationTypes).forEach((key) => {
 });
 var directUpdater = { update: Object.assign };
 var hooks$1 = eventHooks.concat(elementHooks);
-var resolve = (value, optDefs) => isObject(optDefs) ? resolveObj(value, optDefs) : value;
+var resolve = (value, optDefs) => isObject$1(optDefs) ? resolveObj(value, optDefs) : value;
 var isIndexable = (prop) => prop === "color" || prop === "font";
 function resolveType(type = "line") {
 	if (annotationTypes[type]) return type;
@@ -17390,9 +17390,9 @@ var annotation = {
 		const state = chartStates.get(chart);
 		const annotations = state.annotations = [];
 		let annotationOptions = options.annotations;
-		if (isObject(annotationOptions)) Object.keys(annotationOptions).forEach((key) => {
+		if (isObject$1(annotationOptions)) Object.keys(annotationOptions).forEach((key) => {
 			const value = annotationOptions[key];
-			if (isObject(value)) {
+			if (isObject$1(value)) {
 				value.id = key;
 				annotations.push(value);
 			}
@@ -18805,6 +18805,21 @@ var defaultAnnotations$2 = (annotations) => ({
 	controlAnnotation: annotations?.controlAnnotation ?? false,
 	enableDragAnnotation: annotations?.enableDragAnnotation ?? false,
 	enableCalloutAnnotation: annotations?.enableCalloutAnnotation ?? false,
+	verticalMarkersAnnotation: {
+		enabled: annotations?.verticalMarkersAnnotation?.enabled ?? false,
+		itemGapPx: annotations?.verticalMarkersAnnotation?.itemGapPx ?? 4,
+		edgePaddingPx: annotations?.verticalMarkersAnnotation?.edgePaddingPx ?? 8,
+		stickToEdge: annotations?.verticalMarkersAnnotation?.stickToEdge ?? true,
+		stickSide: annotations?.verticalMarkersAnnotation?.stickSide ?? "right",
+		reverse: annotations?.verticalMarkersAnnotation?.reverse ?? false,
+		xValue: annotations?.verticalMarkersAnnotation?.xValue,
+		yStartValue: annotations?.verticalMarkersAnnotation?.yStartValue,
+		color: annotations?.verticalMarkersAnnotation?.color ?? "rgba(20,20,20,0.9)",
+		opacity: annotations?.verticalMarkersAnnotation?.opacity ?? 1,
+		lineWidth: annotations?.verticalMarkersAnnotation?.lineWidth ?? 1,
+		lineDash: annotations?.verticalMarkersAnnotation?.lineDash ?? [],
+		items: annotations?.verticalMarkersAnnotation?.items ?? []
+	},
 	annotationsData: defaultAnnotationsData$2(annotations?.annotationsData)
 });
 var defaultLegend$3 = (legend) => ({
@@ -19947,10 +19962,13 @@ const useChartOptions = ({ chartRef, state, options, dispatch, generatedDatasets
 			onUpdateEdited(true);
 		}
 	}), [zoomEnabled]);
+	const verticalMarkersAnnotation = options?.annotations?.verticalMarkersAnnotation ?? {};
+	const verticalMarkersPluginEnabled = Boolean(options?.plugins?.verticalMarkersPlugin?.enabled ?? verticalMarkersAnnotation?.enabled);
 	const plugins = {
 		datalabels,
 		annotationDraggerPlugin: { enabled: state?.enableDragAnnotation },
 		calloutConnectorPlugin: { enableCalloutAnnotation: options?.annotations.enableCalloutAnnotation },
+		verticalMarkersPlugin: { enabled: verticalMarkersPluginEnabled },
 		annotation: toAnnotationObject(annotation),
 		zoom: {
 			pan: panOptions,
@@ -19996,6 +20014,7 @@ const useChartOptions = ({ chartRef, state, options, dispatch, generatedDatasets
 			tension: 0
 		} },
 		scales,
+		annotations: options?.annotations,
 		plugins,
 		events: Object.values(Events)
 	}), [
@@ -20544,6 +20563,187 @@ const calloutConnectorPlugin = {
 		});
 	}
 };
+const isFiniteNumber = (v) => {
+	return isNumber(v) && Number.isFinite(v);
+};
+const asArray = (v) => {
+	return isArray(v) ? v : [];
+};
+const asObject = (v) => {
+	if (!isObject(v) || isArray(v)) return void 0;
+	return v;
+};
+const getFirstScaleByAxis = (chart, axis) => {
+	return asArray(Object.values(chart.scales)).find((s) => s?.axis === axis);
+};
+const resolveScale = (chart, scaleID, axis) => {
+	return (scaleID ? (chart?.scales)?.[scaleID] : void 0) ?? getFirstScaleByAxis(chart, axis);
+};
+const getPixelForValueSafe = (scale, value) => {
+	return scale && isFiniteNumber(value) ? scale.getPixelForValue(value) : void 0;
+};
+const clamp = (v, min, max) => {
+	return Math.max(min, Math.min(max, v));
+};
+const crispLinePx = (v) => {
+	return Math.round(v) + .5;
+};
+const drawVerticalLine = ({ chart, xPx, y1, y2, color, opacity, lineWidth, lineDash }) => {
+	const { ctx } = chart ?? {};
+	const x = crispLinePx(xPx);
+	ctx?.save?.();
+	ctx.globalAlpha = opacity;
+	ctx?.beginPath?.();
+	ctx.lineWidth = lineWidth;
+	ctx.strokeStyle = color;
+	ctx?.setLineDash?.(lineDash);
+	ctx.lineCap = "round";
+	ctx?.moveTo?.(x, y1);
+	ctx?.lineTo?.(x, y2);
+	ctx?.stroke?.();
+	ctx?.restore?.();
+	return x;
+};
+const drawTick = (args) => {
+	const { ctx, x, y, side, tick, defaultColor, defaultFont } = args ?? {};
+	const reverse = Boolean(args?.reverse);
+	const color = tick?.color ?? defaultColor;
+	const font = tick?.font ?? defaultFont;
+	const labelOffset = tick?.labelOffsetPx ?? 6;
+	const bootSize = 6;
+	const dir = side === "left" ? 1 : -1;
+	const xTickEnd = x;
+	ctx?.save?.();
+	ctx.strokeStyle = color;
+	ctx.fillStyle = color;
+	ctx.lineWidth = 1;
+	const xOuter = xTickEnd + dir * bootSize;
+	ctx?.beginPath?.();
+	ctx?.moveTo?.(xTickEnd, y);
+	ctx?.lineTo?.(xOuter, y);
+	ctx?.lineTo?.(xTickEnd, reverse ? y + bootSize : y - bootSize);
+	ctx?.closePath?.();
+	ctx?.fill?.();
+	const label = tick.label;
+	if (label) {
+		ctx.font = font;
+		ctx.textBaseline = "middle";
+		ctx.textAlign = side === "left" ? "left" : "right";
+		const tx = xOuter + dir * labelOffset;
+		if (Array.isArray(label)) {
+			const lineH = 12;
+			const startY = y - (label.length - 1) * lineH / 2;
+			label?.forEach((line, i) => ctx?.fillText?.(String(line), tx, startY + i * lineH));
+		} else ctx?.fillText?.(String(label), tx, y);
+	}
+	ctx?.restore?.();
+};
+var readPluginEnable = (chart) => {
+	const { verticalMarkersPlugin } = chart?.options?.plugins ?? {};
+	return asObject(verticalMarkersPlugin)?.enabled === true;
+};
+var readAnnotationConfig = (chart) => {
+	const optionsWithAnnotations = chart?.options;
+	const configWithAnnotations = chart?.config?.options;
+	return asObject(configWithAnnotations?.annotations?.verticalMarkersAnnotation) ?? asObject(optionsWithAnnotations?.annotations?.verticalMarkersAnnotation);
+};
+var readOwnBoolean = (obj, key) => {
+	if (!obj || typeof obj !== "object") return void 0;
+	const descriptor = Object.getOwnPropertyDescriptor(obj, key);
+	if (!descriptor || !("value" in descriptor)) return void 0;
+	return typeof descriptor?.value === "boolean" ? descriptor?.value : void 0;
+};
+var computeXPxBase = (args) => {
+	const { chart, chartArea, item, global } = args ?? {};
+	const stickToEdge = item?.stickToEdge ?? global?.stickToEdge ?? true;
+	const stickSide = item?.stickSide ?? global?.stickSide ?? "right";
+	const edgePaddingPx = global?.edgePaddingPx ?? 0;
+	const xValue = item?.xValue ?? global?.xValue;
+	if (isFiniteNumber(xValue)) return getPixelForValueSafe(resolveScale(chart, item?.xScaleID, "x"), xValue);
+	if (stickToEdge) return clamp(stickSide === "left" ? chartArea?.left + edgePaddingPx : chartArea?.right - edgePaddingPx, chartArea?.left, chartArea?.right);
+};
+var computeYSpan = (args) => {
+	const { chart, chartArea, item, global } = args ?? {};
+	const yScale = resolveScale(chart, item?.yScaleID, "y");
+	if (!yScale) return void 0;
+	const yStartValue = item?.yStartValue ?? global?.yStartValue;
+	const reverse = readOwnBoolean(item, "reverse") ?? readOwnBoolean(global, "reverse") ?? false;
+	const itemValue = item?.value;
+	if (!isFiniteNumber(itemValue)) return void 0;
+	const yStartPx = isFiniteNumber(yStartValue) ? clamp(yScale.getPixelForValue(yStartValue), chartArea?.top, chartArea?.bottom) : reverse ? chartArea?.bottom : chartArea?.top;
+	const yEndPxRaw = clamp(yScale.getPixelForValue(itemValue), chartArea?.top, chartArea?.bottom);
+	return {
+		yStartPx,
+		yEndPx: reverse ? Math.min(yStartPx, yEndPxRaw) : Math.max(yStartPx, yEndPxRaw),
+		endTick: {
+			label: item.label,
+			color: item.color,
+			font: item.font,
+			labelOffsetPx: item.labelOffsetPx
+		},
+		reverse
+	};
+};
+const verticalMarkersPlugin = {
+	id: "verticalMarkers",
+	afterDraw: (chart) => {
+		if (!readPluginEnable(chart)) return;
+		const cfg = readAnnotationConfig(chart);
+		if (!cfg?.enabled) return;
+		const ctx = chart?.ctx;
+		const chartArea = chart?.chartArea;
+		if (!ctx || !chartArea) return;
+		const items = asArray(cfg?.items);
+		if (!items.length) return;
+		const itemGapPx = cfg?.itemGapPx ?? 0;
+		const globalStickSide = cfg?.stickSide ?? "right";
+		let visibleIndex = 0;
+		items?.forEach((item) => {
+			if (!item || item?.display === false) return;
+			const baseXPx = computeXPxBase({
+				chart,
+				chartArea,
+				item,
+				global: cfg
+			});
+			if (!isFiniteNumber(baseXPx)) return;
+			const side = item?.stickSide ?? globalStickSide;
+			const xPx = baseXPx + (side === "left" ? 1 : -1) * visibleIndex * itemGapPx;
+			visibleIndex += 1;
+			const ySpan = computeYSpan({
+				chart,
+				chartArea,
+				item,
+				global: cfg
+			});
+			if (!ySpan) return;
+			const color = item?.color ?? cfg?.color;
+			const opacity = item?.opacity ?? cfg?.opacity;
+			const lineWidth = item?.lineWidth ?? cfg?.lineWidth;
+			const lineDash = asArray(item?.lineDash ?? cfg?.lineDash);
+			if (!color || !isFiniteNumber(opacity) || !isFiniteNumber(lineWidth)) return;
+			drawTick({
+				ctx,
+				x: drawVerticalLine({
+					chart,
+					xPx,
+					y1: ySpan?.yStartPx,
+					y2: ySpan?.yEndPx,
+					color,
+					opacity,
+					lineWidth,
+					lineDash
+				}),
+				y: ySpan?.yEndPx,
+				side,
+				reverse: ySpan?.reverse,
+				tick: ySpan?.endTick,
+				defaultColor: color,
+				defaultFont: "12px sans-serif"
+			});
+		});
+	}
+};
 let defaultTranslations = /* @__PURE__ */ function(defaultTranslations) {
 	defaultTranslations["label"] = "Label";
 	defaultTranslations["pointsLines"] = "Points & lines";
@@ -20973,7 +21173,7 @@ var Legend = ({ chartRef, legendConfig }) => {
 		}, measureRect.width)
 	] });
 };
-Chart$1.register(LinearScale, PointElement, LineElement, CategoryScale, LogarithmicScale, plugin_legend, plugin_tooltip, plugin_title, index, plugin$1, plugin, annotation, chartAreaTextPlugin, annotationDraggerPlugin, ellipsisAnnotationPlugin, calloutConnectorPlugin);
+Chart$1.register(LinearScale, PointElement, LineElement, CategoryScale, LogarithmicScale, plugin_legend, plugin_tooltip, plugin_title, index, plugin$1, plugin, annotation, chartAreaTextPlugin, annotationDraggerPlugin, ellipsisAnnotationPlugin, calloutConnectorPlugin, verticalMarkersPlugin);
 var LineChart = (props) => {
 	setDefaultTheme();
 	const chartRef = useRef(null);