cx 24.3.2 → 24.3.3

package/dist/charts.css

@@ -134,6 +134,11 @@
   stroke-width: 1;
 }
 
+.cxe-swimlanes-lane {
+  fill: #f1f1f1;
+  stroke: none;
+}
+
 .cxe-column-rect {
   stroke-width: 1px;
   fill: #eee;

package/dist/charts.js

@@ -2588,6 +2588,135 @@ Gridlines.prototype.anchors = "0 1 1 0";
 Gridlines.prototype.baseClass = "gridlines";
 BoundedObject.alias("gridlines", Gridlines);
 
+var Swimlanes = /*#__PURE__*/ (function (_BoundedObject) {
+	_inheritsLoose(Swimlanes, _BoundedObject);
+	function Swimlanes() {
+		return _BoundedObject.apply(this, arguments) || this;
+	}
+	var _proto = Swimlanes.prototype;
+	_proto.init = function init() {
+		this.laneStyle = parseStyle(this.laneStyle);
+		_BoundedObject.prototype.init.call(this);
+	};
+	_proto.declareData = function declareData() {
+		var _BoundedObject$protot;
+		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+			args[_key] = arguments[_key];
+		}
+		(_BoundedObject$protot = _BoundedObject.prototype.declareData).call.apply(
+			_BoundedObject$protot,
+			[this].concat(args, [
+				{
+					size: undefined,
+					step: undefined,
+					laneOffset: undefined,
+					laneStyle: {
+						structured: true,
+					},
+				},
+			]),
+		);
+	};
+	_proto.explore = function explore(context, instance) {
+		_BoundedObject.prototype.explore.call(this, context, instance);
+		instance.xAxis = context.axes[this.xAxis];
+		instance.yAxis = context.axes[this.yAxis];
+	};
+	_proto.prepare = function prepare(context, instance) {
+		_BoundedObject.prototype.prepare.call(this, context, instance);
+		var xAxis = instance.xAxis,
+			yAxis = instance.yAxis;
+		if ((xAxis && xAxis.shouldUpdate) || (yAxis && yAxis.shouldUpdate)) instance.markShouldUpdate(context);
+	};
+	_proto.render = function render(context, instance, key) {
+		var data = instance.data,
+			xAxis = instance.xAxis,
+			yAxis = instance.yAxis;
+		var bounds = data.bounds;
+		var CSS = this.CSS,
+			baseClass = this.baseClass;
+		var axis = this.vertical ? xAxis : yAxis;
+		if (!axis) return null;
+		var min, max, valueFunction;
+		if (axis.scale) {
+			min = axis.scale.min;
+			max = axis.scale.max;
+			var clamp = function clamp(value) {
+				return [Math.max(min, Math.min(max, value)), 0];
+			};
+			valueFunction = function valueFunction(value, offset) {
+				return clamp(value + offset);
+			};
+		} else if (axis.valueList) {
+			min = 0;
+			max = axis.valueList.length;
+			valueFunction = function valueFunction(value, offset) {
+				return [axis.valueList[value], offset];
+			};
+		}
+		if (!(min < max)) return null;
+		var rects = [];
+		var at = Math.ceil(min / data.step) * data.step;
+		var index = 0;
+		var rectClass = CSS.element(baseClass, "lane");
+		while (at - data.size / 2 < max) {
+			var c1 = axis.map.apply(axis, valueFunction(at, -data.size / 2 + data.laneOffset));
+			var c2 = axis.map.apply(axis, valueFunction(at, +data.size / 2 + data.laneOffset));
+			if (this.vertical) {
+				rects.push(
+					/*#__PURE__*/ jsx(
+						"rect",
+						{
+							y: bounds.t,
+							x: Math.min(c1, c2),
+							height: bounds.b - bounds.t,
+							width: Math.abs(c1 - c2),
+							className: rectClass,
+							style: data.laneStyle,
+						},
+						index++,
+					),
+				);
+			} else {
+				rects.push(
+					/*#__PURE__*/ jsx(
+						"rect",
+						{
+							x: bounds.l,
+							y: Math.min(c1, c2),
+							width: bounds.r - bounds.l,
+							height: Math.abs(c1 - c2),
+							className: rectClass,
+							style: data.laneStyle,
+						},
+						index++,
+					),
+				);
+			}
+			at += data.step;
+		}
+		return /*#__PURE__*/ jsx(
+			"g",
+			{
+				className: data.classNames,
+				children: rects,
+			},
+			key,
+		);
+	};
+	return Swimlanes;
+})(BoundedObject);
+Swimlanes.prototype.xAxis = "x";
+Swimlanes.prototype.yAxis = "y";
+Swimlanes.prototype.anchors = "0 1 1 0";
+Swimlanes.prototype.baseClass = "swimlanes";
+Swimlanes.prototype.size = 0.5;
+Swimlanes.prototype.laneOffset = 0;
+Swimlanes.prototype.step = 1;
+Swimlanes.prototype.vertical = false;
+Swimlanes.prototype.styled = true;
+BoundedObject.alias("swimlanes", Swimlanes);
+
 var LineGraph = /*#__PURE__*/ (function (_Widget) {
 	_inheritsLoose(LineGraph, _Widget);
 	function LineGraph() {
@@ -4840,6 +4969,7 @@ export {
 	Range,
 	ScatterGraph,
 	SnapPointFinder,
+	Swimlanes,
 	TimeAxis,
 	ValueAtFinder,
 	bar,