cx 24.0.3 → 24.2.1

package/dist/charts.js

@@ -21,6 +21,7 @@ import {
 	closest,
 	getTopLevelBoundingClientRect,
 	Format,
+	parseDateInvariant,
 	zeroTime,
 } from "cx/util";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,34 +37,31 @@ import {
 } from "cx/widgets";
 
 function _extends() {
-	_extends = Object.assign
-		? Object.assign.bind()
-		: function (target) {
-				for (var i = 1; i < arguments.length; i++) {
-					var source = arguments[i];
-					for (var key in source) {
-						if (Object.prototype.hasOwnProperty.call(source, key)) {
-							target[key] = source[key];
-						}
+	return (
+		(_extends = Object.assign
+			? Object.assign.bind()
+			: function (n) {
+					for (var e = 1; e < arguments.length; e++) {
+						var t = arguments[e];
+						for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
 					}
-				}
-				return target;
-			};
-	return _extends.apply(this, arguments);
+					return n;
+				}),
+		_extends.apply(null, arguments)
+	);
 }
-function _inheritsLoose(subClass, superClass) {
-	subClass.prototype = Object.create(superClass.prototype);
-	subClass.prototype.constructor = subClass;
-	_setPrototypeOf(subClass, superClass);
+function _inheritsLoose(t, o) {
+	(t.prototype = Object.create(o.prototype)), (t.prototype.constructor = t), _setPrototypeOf(t, o);
 }
-function _setPrototypeOf(o, p) {
-	_setPrototypeOf = Object.setPrototypeOf
-		? Object.setPrototypeOf.bind()
-		: function _setPrototypeOf(o, p) {
-				o.__proto__ = p;
-				return o;
-			};
-	return _setPrototypeOf(o, p);
+function _setPrototypeOf(t, e) {
+	return (
+		(_setPrototypeOf = Object.setPrototypeOf
+			? Object.setPrototypeOf.bind()
+			: function (t, e) {
+					return (t.__proto__ = e), t;
+				}),
+		_setPrototypeOf(t, e)
+	);
 }
 
 var Rect = /*#__PURE__*/ (function () {
@@ -156,10 +154,10 @@ Rect.prototype.t = 0; //top
 Rect.prototype.b = 0; //bottom
 
 var BoundedObject = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(BoundedObject, _PureContainer);
 	function BoundedObject() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(BoundedObject, _PureContainer);
 	var _proto = BoundedObject.prototype;
 	_proto.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -221,10 +219,10 @@ BoundedObject.prototype.isPureContainer = false;
 BoundedObject.prototype.styled = true;
 
 var Axis = /*#__PURE__*/ (function (_BoundedObject) {
-	_inheritsLoose(Axis, _BoundedObject);
 	function Axis() {
 		return _BoundedObject.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Axis, _BoundedObject);
 	var _proto = Axis.prototype;
 	_proto.init = function init() {
 		if (this.labelAnchor == "auto") this.labelAnchor = this.vertical ? (this.secondary ? "start" : "end") : "middle";
@@ -474,10 +472,10 @@ Axis.prototype.labelMaxLineLength = 10;
 Axis.namespace = "ui.svg.chart.axis";
 
 var Chart = /*#__PURE__*/ (function (_BoundedObject) {
-	_inheritsLoose(Chart, _BoundedObject);
 	function Chart() {
 		return _BoundedObject.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Chart, _BoundedObject);
 	var _proto = Chart.prototype;
 	_proto.init = function init() {
 		_BoundedObject.prototype.init.call(this);
@@ -532,10 +530,10 @@ Chart.prototype.axesOnTop = false;
 Widget.alias("chart", Chart);
 
 var PieChart = /*#__PURE__*/ (function (_BoundedObject) {
-	_inheritsLoose(PieChart, _BoundedObject);
 	function PieChart() {
 		return _BoundedObject.apply(this, arguments) || this;
 	}
+	_inheritsLoose(PieChart, _BoundedObject);
 	var _proto = PieChart.prototype;
 	_proto.declareData = function declareData() {
 		var _BoundedObject$protot;
@@ -676,10 +674,10 @@ PieChart.prototype.anchors = "0 1 1 0";
 PieChart.prototype.angle = 360;
 Widget.alias("pie-slice");
 var PieSlice = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(PieSlice, _Container);
 	function PieSlice() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(PieSlice, _Container);
 	var _proto3 = PieSlice.prototype;
 	_proto3.init = function init() {
 		this.selection = Selection.create(this.selection);
@@ -888,10 +886,10 @@ var Pie = PieChart;
 Pie.Slice = PieSlice;
 
 var PieLabel = /*#__PURE__*/ (function (_BoundedObject) {
-	_inheritsLoose(PieLabel, _BoundedObject);
 	function PieLabel() {
 		return _BoundedObject.apply(this, arguments) || this;
 	}
+	_inheritsLoose(PieLabel, _BoundedObject);
 	var _proto = PieLabel.prototype;
 	_proto.init = function init() {
 		this.lineStyle = parseStyle(this.lineStyle);
@@ -980,10 +978,10 @@ PieLabel.prototype.baseClass = "pielabel";
 PieLabel.prototype.styled = true;
 
 var PieLabelsContainer = /*#__PURE__*/ (function (_BoundedObject) {
-	_inheritsLoose(PieLabelsContainer, _BoundedObject);
 	function PieLabelsContainer() {
 		return _BoundedObject.apply(this, arguments) || this;
 	}
+	_inheritsLoose(PieLabelsContainer, _BoundedObject);
 	var _proto = PieLabelsContainer.prototype;
 	_proto.prepare = function prepare(context, instance) {
 		_BoundedObject.prototype.prepare.call(this, context, instance);
@@ -1037,10 +1035,10 @@ var PieLabelsContainer = /*#__PURE__*/ (function (_BoundedObject) {
 PieLabelsContainer.prototype.anchors = "0 1 1 0";
 
 var ColumnBarBase = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(ColumnBarBase, _PureContainer);
 	function ColumnBarBase() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ColumnBarBase, _PureContainer);
 	var _proto = ColumnBarBase.prototype;
 	_proto.init = function init() {
 		this.selection = Selection.create(this.selection);
@@ -1213,10 +1211,10 @@ ColumnBarBase.prototype.hoverChannel = "default";
 ColumnBarBase.prototype.borderRadius = 0;
 
 var Column = /*#__PURE__*/ (function (_ColumnBarBase) {
-	_inheritsLoose(Column, _ColumnBarBase);
 	function Column() {
 		return _ColumnBarBase.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Column, _ColumnBarBase);
 	var _proto = Column.prototype;
 	_proto.init = function init() {
 		if (isDefined(this.width)) this.size = this.width;
@@ -1297,10 +1295,10 @@ Column.prototype.minPixelHeight = 0.5;
 Widget.alias("column", Column);
 
 var Bar = /*#__PURE__*/ (function (_ColumnBarBase) {
-	_inheritsLoose(Bar, _ColumnBarBase);
 	function Bar() {
 		return _ColumnBarBase.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Bar, _ColumnBarBase);
 	var _proto = Bar.prototype;
 	_proto.init = function init() {
 		if (isDefined(this.height)) this.size = this.height;
@@ -1488,10 +1486,10 @@ function triangle(cx, cy, size, props, options) {
 registerShape("triangle", triangle);
 
 var Legend = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(Legend, _HtmlElement);
 	function Legend() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Legend, _HtmlElement);
 	var _proto = Legend.prototype;
 	_proto.prepareData = function prepareData(context, instance) {
 		var data = instance.data;
@@ -1613,10 +1611,10 @@ Legend.prototype.shape = null;
 Legend.prototype.svgSize = 20;
 Widget.alias("legend", Legend);
 Legend.Scope = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(_class, _PureContainer);
 	function _class() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(_class, _PureContainer);
 	var _proto2 = _class.prototype;
 	_proto2.explore = function explore(context, instance) {
 		context.push("legends", (instance.legends = {}));
@@ -1636,10 +1634,10 @@ Legend.Scope = /*#__PURE__*/ (function (_PureContainer) {
 var LegendScope = Legend.Scope;
 
 var LegendEntry = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(LegendEntry, _HtmlElement);
 	function LegendEntry() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(LegendEntry, _HtmlElement);
 	var _proto = LegendEntry.prototype;
 	_proto.init = function init() {
 		this.selection = Selection.create(this.selection);
@@ -1750,10 +1748,10 @@ LegendEntry.prototype.svgSize = 20;
 Widget.alias("legend-entry", LegendEntry);
 
 var ColorMap = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(ColorMap, _Widget);
 	function ColorMap() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ColorMap, _Widget);
 	var _proto = ColorMap.prototype;
 	_proto.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -1805,10 +1803,10 @@ ColorMap.prototype.offset = 0;
 ColorMap.prototype.step = null;
 ColorMap.prototype.size = 16;
 var ColorMapScope = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(ColorMapScope, _PureContainer);
 	function ColorMapScope() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ColorMapScope, _PureContainer);
 	var _proto2 = ColorMapScope.prototype;
 	_proto2.explore = function explore(context, instance) {
 		context.push("colorMaps", (instance.colorMaps = {}));
@@ -1860,10 +1858,10 @@ var ColorIndex = /*#__PURE__*/ (function () {
 })();
 
 var Marker = /*#__PURE__*/ (function (_BoundedObject) {
-	_inheritsLoose(Marker, _BoundedObject);
 	function Marker() {
 		return _BoundedObject.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Marker, _BoundedObject);
 	var _proto = Marker.prototype;
 	_proto.init = function init() {
 		this.selection = Selection.create(this.selection);
@@ -2068,10 +2066,10 @@ Marker.prototype.hidden = false;
 Marker.prototype.affectsAxes = true;
 BoundedObject.alias("marker", Marker);
 var MarkerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(MarkerComponent, _VDOM$Component);
 	function MarkerComponent() {
 		return _VDOM$Component.apply(this, arguments) || this;
 	}
+	_inheritsLoose(MarkerComponent, _VDOM$Component);
 	var _proto2 = MarkerComponent.prototype;
 	_proto2.shouldComponentUpdate = function shouldComponentUpdate(props) {
 		return props.shouldUpdate;
@@ -2144,10 +2142,10 @@ var MarkerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var MarkerLine = /*#__PURE__*/ (function (_BoundedObject) {
-	_inheritsLoose(MarkerLine, _BoundedObject);
 	function MarkerLine() {
 		return _BoundedObject.apply(this, arguments) || this;
 	}
+	_inheritsLoose(MarkerLine, _BoundedObject);
 	var _proto = MarkerLine.prototype;
 	_proto.init = function init() {
 		if (isDefined(this.x)) this.x1 = this.x2 = this.x;
@@ -2268,10 +2266,10 @@ MarkerLine.prototype.affectsAxes = true;
 BoundedObject.alias("marker-line", MarkerLine);
 
 var Range = /*#__PURE__*/ (function (_BoundedObject) {
-	_inheritsLoose(Range, _BoundedObject);
 	function Range() {
 		return _BoundedObject.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Range, _BoundedObject);
 	var _proto = Range.prototype;
 	_proto.declareData = function declareData() {
 		var _BoundedObject$protot;
@@ -2462,10 +2460,10 @@ Range.prototype.legendAction = "auto";
 BoundedObject.alias("range", Range);
 
 var Gridlines = /*#__PURE__*/ (function (_BoundedObject) {
-	_inheritsLoose(Gridlines, _BoundedObject);
 	function Gridlines() {
 		return _BoundedObject.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Gridlines, _BoundedObject);
 	var _proto = Gridlines.prototype;
 	_proto.explore = function explore(context, instance) {
 		_BoundedObject.prototype.explore.call(this, context, instance);
@@ -2519,10 +2517,10 @@ Gridlines.prototype.baseClass = "gridlines";
 BoundedObject.alias("gridlines", Gridlines);
 
 var LineGraph = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(LineGraph, _Widget);
 	function LineGraph() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(LineGraph, _Widget);
 	var _proto = LineGraph.prototype;
 	_proto.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -2719,10 +2717,10 @@ LineGraph.prototype.hiddenBase = false;
 Widget.alias("line-graph", LineGraph);
 
 var ColumnBarGraphBase = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(ColumnBarGraphBase, _Widget);
 	function ColumnBarGraphBase() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ColumnBarGraphBase, _Widget);
 	var _proto = ColumnBarGraphBase.prototype;
 	_proto.init = function init() {
 		this.selection = Selection.create(this.selection, {
@@ -2835,10 +2833,10 @@ ColumnBarGraphBase.prototype.styled = true;
 ColumnBarGraphBase.prototype.borderRadius = 0;
 
 var ColumnGraph = /*#__PURE__*/ (function (_ColumnBarGraphBase) {
-	_inheritsLoose(ColumnGraph, _ColumnBarGraphBase);
 	function ColumnGraph() {
 		return _ColumnBarGraphBase.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ColumnGraph, _ColumnBarGraphBase);
 	var _proto = ColumnGraph.prototype;
 	_proto.explore = function explore(context, instance) {
 		var _this = this;
@@ -2947,10 +2945,10 @@ ColumnGraph.prototype.hiddenBase = false;
 Widget.alias("columngraph", ColumnGraph);
 
 var BarGraph = /*#__PURE__*/ (function (_ColumnBarGraphBase) {
-	_inheritsLoose(BarGraph, _ColumnBarGraphBase);
 	function BarGraph() {
 		return _ColumnBarGraphBase.apply(this, arguments) || this;
 	}
+	_inheritsLoose(BarGraph, _ColumnBarGraphBase);
 	var _proto = BarGraph.prototype;
 	_proto.explore = function explore(context, instance) {
 		var _this = this;
@@ -3059,10 +3057,10 @@ BarGraph.prototype.borderRadius = 0;
 Widget.alias("bargraph", BarGraph);
 
 var ScatterGraph = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(ScatterGraph, _Widget);
 	function ScatterGraph() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ScatterGraph, _Widget);
 	var _proto = ScatterGraph.prototype;
 	_proto.init = function init() {
 		this.selection = Selection.create(this.selection, {
@@ -3211,10 +3209,10 @@ ScatterGraph.prototype.styled = true;
 Widget.alias("scatter-graph", ScatterGraph);
 
 var BubbleGraph = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(BubbleGraph, _Widget);
 	function BubbleGraph() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(BubbleGraph, _Widget);
 	var _proto = BubbleGraph.prototype;
 	_proto.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -3318,10 +3316,10 @@ BubbleGraph.prototype.bubbleRadius = 10;
 Widget.alias("bubble-graph", BubbleGraph);
 
 var MouseTracker = /*#__PURE__*/ (function (_BoundedObject) {
-	_inheritsLoose(MouseTracker, _BoundedObject);
 	function MouseTracker() {
 		return _BoundedObject.apply(this, arguments) || this;
 	}
+	_inheritsLoose(MouseTracker, _BoundedObject);
 	var _proto = MouseTracker.prototype;
 	_proto.declareData = function declareData() {
 		var _BoundedObject$protot;
@@ -3440,10 +3438,10 @@ var Stack = /*#__PURE__*/ (function () {
 })();
 
 var NumericAxis = /*#__PURE__*/ (function (_Axis) {
-	_inheritsLoose(NumericAxis, _Axis);
 	function NumericAxis() {
 		return _Axis.apply(this, arguments) || this;
 	}
+	_inheritsLoose(NumericAxis, _Axis);
 	var _proto = NumericAxis.prototype;
 	_proto.init = function init() {
 		if (this.deadZone) {
@@ -3806,10 +3804,10 @@ var NumericScale = /*#__PURE__*/ (function () {
 })();
 
 var CategoryAxis = /*#__PURE__*/ (function (_Axis) {
-	_inheritsLoose(CategoryAxis, _Axis);
 	function CategoryAxis() {
 		return _Axis.apply(this, arguments) || this;
 	}
+	_inheritsLoose(CategoryAxis, _Axis);
 	var _proto = CategoryAxis.prototype;
 	_proto.declareData = function declareData() {
 		var _Axis$prototype$decla;
@@ -4030,7 +4028,7 @@ Format$1.registerFactory("yearOrMonth", function (format) {
 	var year = Format$1.parse("datetime;yyyy");
 	var month = Format$1.parse("datetime;MMM");
 	return function (date) {
-		var d = new Date(date);
+		var d = parseDateInvariant(date);
 		if (d.getMonth() == 0) return year(d);
 		else return month(d);
 	};
@@ -4039,16 +4037,16 @@ Format$1.registerFactory("monthOrDay", function (format) {
 	var month = Format$1.parse("datetime;MMM");
 	var day = Format$1.parse("datetime;dd");
 	return function (date) {
-		var d = new Date(date);
+		var d = parseDateInvariant(date);
 		if (d.getDate() == 1) return month(d);
 		else return day(d);
 	};
 });
 var TimeAxis = /*#__PURE__*/ (function (_Axis) {
-	_inheritsLoose(TimeAxis, _Axis);
 	function TimeAxis() {
 		return _Axis.apply(this, arguments) || this;
 	}
+	_inheritsLoose(TimeAxis, _Axis);
 	var _proto = TimeAxis.prototype;
 	_proto.init = function init() {
 		if (this.labelAnchor == "auto") this.labelAnchor = this.vertical ? (this.secondary ? "start" : "end") : "start";
@@ -4205,11 +4203,11 @@ var TimeScale = /*#__PURE__*/ (function () {
 				var v = this.dateCache[date];
 				if (!v) {
 					if (this.decode) date = this.decode(date);
-					v = this.dateCache[date] = Date.parse(date);
+					v = this.dateCache[date] = parseDateInvariant(date).getTime();
 				}
 				return v;
 			case "number":
-				return date;
+				return parseDateInvariant(date).getTime();
 		}
 	};
 	_proto2.encodeValue = function encodeValue(v) {
@@ -4539,10 +4537,10 @@ var TimeScale = /*#__PURE__*/ (function () {
 })();
 
 var PointReducer = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(PointReducer, _PureContainer);
 	function PointReducer() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(PointReducer, _PureContainer);
 	var _proto = PointReducer.prototype;
 	_proto.explore = function explore(context, instance) {
 		var _this = this;
@@ -4575,10 +4573,10 @@ var PointReducer = /*#__PURE__*/ (function (_PureContainer) {
 })(PureContainer);
 
 var MinMaxFinder = /*#__PURE__*/ (function (_PointReducer) {
-	_inheritsLoose(MinMaxFinder, _PointReducer);
 	function MinMaxFinder() {
 		return _PointReducer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(MinMaxFinder, _PointReducer);
 	var _proto = MinMaxFinder.prototype;
 	_proto.declareData = function declareData() {
 		var _PointReducer$prototy;
@@ -4635,10 +4633,10 @@ var MinMaxFinder = /*#__PURE__*/ (function (_PointReducer) {
 })(PointReducer);
 
 var SnapPointFinder = /*#__PURE__*/ (function (_PointReducer) {
-	_inheritsLoose(SnapPointFinder, _PointReducer);
 	function SnapPointFinder() {
 		return _PointReducer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(SnapPointFinder, _PointReducer);
 	var _proto = SnapPointFinder.prototype;
 	_proto.declareData = function declareData() {
 		var _PointReducer$prototy;
@@ -4685,10 +4683,10 @@ var SnapPointFinder = /*#__PURE__*/ (function (_PointReducer) {
 SnapPointFinder.prototype.maxDistance = 50;
 
 var ValueAtFinder = /*#__PURE__*/ (function (_PointReducer) {
-	_inheritsLoose(ValueAtFinder, _PointReducer);
 	function ValueAtFinder() {
 		return _PointReducer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ValueAtFinder, _PointReducer);
 	var _proto = ValueAtFinder.prototype;
 	_proto.declareData = function declareData() {
 		var _PointReducer$prototy;