cx 25.10.1 → 26.0.1

package/src/charts/Swimlane.d.ts

@@ -1,24 +0,0 @@
-import * as Cx from "../core";
-import { BoundedObjectProps } from "../svg";
-
-interface SwimlaneProps extends BoundedObjectProps {
-   /** The `x` value binding or expression. */
-   x?: Cx.Prop<string | number>;
-
-   /** The `y` value binding or expression. */
-   y?: Cx.Prop<string | number>;
-
-   /** Represents a swimlane size. */
-   size?: Cx.NumberProp;
-
-   /** Switch to vertical swimlanes. */
-   vertical?: boolean;
-
-   /**The laneOffset property adjusts the positioning of lane elements, enhancing their alignment and readability. */
-   laneOffset?: Cx.NumberProp;
-
-   /** Style object applied to the swimlanes. */
-   laneStyle?: StyleProp;
-}
-
-export class Swimlane extends Cx.Widget<SwimlaneProps> {}

package/src/charts/Swimlane.js

@@ -1,140 +0,0 @@
-import { BoundedObject } from "../svg/BoundedObject";
-import { parseStyle } from "../util/parseStyle";
-import { VDOM } from "../ui/Widget";
-import { Rect } from "../svg/util/Rect";
-
-export class Swimlane extends BoundedObject {
-   init() {
-      this.laneStyle = parseStyle(this.laneStyle);
-      super.init();
-   }
-
-   declareData(...args) {
-      super.declareData(...args, {
-         size: undefined,
-         laneOffset: undefined,
-         laneStyle: { structured: true },
-         vertical: undefined,
-         x: undefined,
-         y: undefined,
-      });
-   }
-
-   explore(context, instance) {
-      let { data } = instance;
-      super.explore(context, instance);
-      instance.xAxis = context.axes[this.xAxis];
-      instance.yAxis = context.axes[this.yAxis];
-
-      if (data.vertical) {
-         instance.xAxis.acknowledge(data.x, data.size, data.laneOffset);
-      } else {
-         instance.yAxis.acknowledge(data.y, data.size, data.laneOffset);
-      }
-   }
-
-   prepare(context, instance) {
-      super.prepare(context, instance);
-      instance.bounds = this.calculateRect(instance);
-      instance.cache("bounds", instance.bounds);
-      if (!instance.bounds.isEqual(instance.cached.bounds)) instance.markShouldUpdate(context);
-
-      context.push("parentRect", instance.bounds);
-   }
-
-   calculateRect(instance) {
-      var { data } = instance;
-      var { size, laneOffset } = data;
-
-      if (data.vertical) {
-         var x1 = instance.xAxis.map(data.x, laneOffset - size / 2);
-         var x2 = instance.xAxis.map(data.x, laneOffset + size / 2);
-         var bounds = new Rect({
-            l: Math.min(x1, x2),
-            r: Math.max(x1, x2),
-            t: data.bounds.t,
-            b: data.bounds.b,
-         });
-      } else {
-         var y1 = instance.yAxis.map(data.y, laneOffset - size / 2);
-         var y2 = instance.yAxis.map(data.y, laneOffset + size / 2);
-         var bounds = new Rect({
-            l: data.bounds.l,
-            r: data.bounds.r,
-            t: Math.min(y1, y2),
-            b: Math.max(y1, y2),
-         });
-      }
-
-      return bounds;
-   }
-
-   render(context, instance, key) {
-      let { data, xAxis, yAxis, bounds } = instance;
-      let { CSS, baseClass } = this;
-
-      let axis = this.vertical ? xAxis : yAxis;
-      if (!axis) return null;
-
-      let min, max, valueFunction;
-      if (axis.scale) {
-         min = axis.scale.min;
-         max = axis.scale.max;
-         let clamp = (value) => [Math.max(min, Math.min(max, value)), 0];
-         valueFunction = (value, offset) => clamp(value + offset);
-      } else if (axis.valueList) {
-         min = 0;
-         max = axis.valueList.length;
-         valueFunction = (value, offset) => [axis.valueList[value], offset];
-      }
-      if (!(min < max)) return null;
-
-      let rectClass = CSS.element(baseClass, "lane");
-
-      if (this.vertical) {
-         let c1 = axis.map(...valueFunction(data.x, -data.size / 2 + data.laneOffset));
-         let c2 = axis.map(...valueFunction(data.x, +data.size / 2 + data.laneOffset));
-         return (
-            <g key={key} className={data.classNames}>
-               <rect
-                  key={key}
-                  x={bounds.l}
-                  y={bounds.t}
-                  height={bounds.b - bounds.t}
-                  width={Math.abs(c1 - c2)}
-                  className={rectClass}
-                  style={data.laneStyle}
-               />
-               {this.renderChildren(context, instance)};
-            </g>
-         );
-      } else {
-         let c1 = axis.map(...valueFunction(data.y, -data.size / 2 + data.laneOffset));
-         let c2 = axis.map(...valueFunction(data.y, +data.size / 2 + data.laneOffset));
-         return (
-            <g key={key} className={data.classNames}>
-               <rect
-                  key={key}
-                  x={bounds.l}
-                  y={bounds.t}
-                  width={bounds.r - bounds.l}
-                  height={Math.abs(c1 - c2)}
-                  className={rectClass}
-                  style={data.laneStyle}
-               />
-               {this.renderChildren(context, instance)};
-            </g>
-         );
-      }
-   }
-}
-
-Swimlane.prototype.xAxis = "x";
-Swimlane.prototype.yAxis = "y";
-Swimlane.prototype.anchors = "0 1 1 0";
-Swimlane.prototype.baseClass = "swimlane";
-Swimlane.prototype.size = 0.5;
-Swimlane.prototype.laneOffset = 0;
-Swimlane.prototype.vertical = false;
-
-BoundedObject.alias("swimlane", Swimlane);

package/src/charts/Swimlanes.d.ts

@@ -1,41 +0,0 @@
-import * as Cx from "../core";
-import { BoundedObject, BoundedObjectProps } from "../svg/BoundedObject";
-
-interface SwimlanesProps extends BoundedObjectProps {
-   /**
-    * Name of the horizontal axis. The value should match one of the horizontal axes set
-    * in the `axes` configuration of the parent `Chart` component. Default value is `x`.
-    * Set to `false` to hide the grid lines in x direction.
-    */
-   xAxis?: string | boolean;
-
-   /**
-    * Name of the vertical axis. The value should match one of the vertical axes set
-    * in the `axes` configuration if the parent `Chart` component. Default value is `y`.
-    * Set to `false` to hide the grid lines in y direction.
-    */
-   yAxis?: string | boolean;
-
-   /** Base CSS class to be applied to the element. Defaults to `swimlanes`. */
-   baseClass?: string;
-
-   /** Represents a swimlane size. */
-   size?: Cx.NumberProp;
-
-   /**
-    * Represents a swimlane step. Define a step on which a swimlane will be rendered. (eg. step 2 will render
-    * every second swimlane in the chart.)
-    */
-   step?: Cx.NumberProp;
-
-   /** Switch to vertical swimlanes. */
-   vertical?: boolean;
-
-   /**The laneOffset property adjusts the positioning of lane elements, enhancing their alignment and readability. */
-   laneOffset?: Cx.NumberProp;
-
-   /** Style object applied to the swimlanes. */
-   laneStyle?: StyleProp;
-}
-
-export class Swimlanes extends Cx.Widget<SwimlanesProps> {}

package/src/charts/Swimlanes.js

@@ -1,114 +0,0 @@
-import { BoundedObject } from "../svg/BoundedObject";
-import { parseStyle } from "../util/parseStyle";
-import { VDOM } from "../ui/Widget";
-
-export class Swimlanes extends BoundedObject {
-   init() {
-      this.laneStyle = parseStyle(this.laneStyle);
-      super.init();
-   }
-   declareData(...args) {
-      super.declareData(...args, {
-         size: undefined,
-         step: undefined,
-         laneOffset: undefined,
-         laneStyle: { structured: true },
-      });
-   }
-
-   explore(context, instance) {
-      super.explore(context, instance);
-      instance.xAxis = context.axes[this.xAxis];
-      instance.yAxis = context.axes[this.yAxis];
-   }
-
-   prepare(context, instance) {
-      super.prepare(context, instance);
-      let { xAxis, yAxis } = instance;
-      if ((xAxis && xAxis.shouldUpdate) || (yAxis && yAxis.shouldUpdate)) instance.markShouldUpdate(context);
-   }
-
-   render(context, instance, key) {
-      let { data, xAxis, yAxis } = instance;
-      let { bounds } = data;
-      let { CSS, baseClass } = this;
-
-      if (data.step <= 0 || data.size <= 0) return;
-
-      let axis = this.vertical ? xAxis : yAxis;
-
-      if (!axis) return null;
-
-      let min, max, valueFunction;
-
-      if (axis.scale) {
-         min = axis.scale.min;
-         max = axis.scale.max;
-         let clamp = (value) => [Math.max(min, Math.min(max, value)), 0];
-         valueFunction = (value, offset) => clamp(value + offset);
-      } else if (axis.valueList) {
-         min = 0;
-         max = axis.valueList.length;
-         valueFunction = (value, offset) => [axis.valueList[value], offset];
-      }
-
-      if (!(min < max)) return null;
-
-      let rects = [];
-
-      let at = Math.ceil(min / data.step) * data.step;
-      let index = 0;
-
-      let rectClass = CSS.element(baseClass, "lane");
-
-      while (at - data.size / 2 < max) {
-         let c1 = axis.map(...valueFunction(at, -data.size / 2 + data.laneOffset));
-         let c2 = axis.map(...valueFunction(at, +data.size / 2 + data.laneOffset));
-         if (this.vertical) {
-            rects.push(
-               <rect
-                  key={index++}
-                  y={bounds.t}
-                  x={Math.min(c1, c2)}
-                  height={bounds.b - bounds.t}
-                  width={Math.abs(c1 - c2)}
-                  className={rectClass}
-                  style={data.laneStyle}
-               />,
-            );
-         } else {
-            rects.push(
-               <rect
-                  key={index++}
-                  x={bounds.l}
-                  y={Math.min(c1, c2)}
-                  width={bounds.r - bounds.l}
-                  height={Math.abs(c1 - c2)}
-                  className={rectClass}
-                  style={data.laneStyle}
-               />,
-            );
-         }
-
-         at += data.step;
-      }
-
-      return (
-         <g key={key} className={data.classNames}>
-            {rects}
-         </g>
-      );
-   }
-}
-
-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);

package/src/charts/axis/Axis.d.ts

@@ -1,113 +0,0 @@
-import { Instance } from "./../../ui/Instance.d";
-import * as Cx from "../../core";
-import { BoundedObject, BoundedObjectProps } from "../../svg/BoundedObject";
-
-export interface AxisProps extends BoundedObjectProps {
-   /** Set to `true` for vertical axes. */
-   vertical?: boolean;
-
-   /** Used as a secondary axis. Displayed at the top/right. */
-   secondary?: boolean;
-
-   /** When set to `true`, the values are displayed in descending order. */
-   inverted?: Cx.BooleanProp;
-
-   /** When set to `true`, rendering of visual elements of the axis, such as ticks and labels, is skipped, but their function is preserved. */
-   hidden?: boolean;
-
-   /** Size of the axis tick line. Defaults to 3. */
-   tickSize?: number;
-
-   /** Distance between ticks and the axis. Default is 0. Use negative values for offset to make ticks appear on both sides of the axis. */
-   tickOffset?: number;
-
-   /** The smallest distance between two ticks on the axis. Defaults to 25. */
-   minTickDistance?: number;
-
-   /** The smallest distance between two labels on the vertical axis. Defaults to 40. */
-   minLabelDistanceVertical?: number;
-
-   /** The smallest distance between two labels on the horizontal axis. Defaults to 50.  */
-   minLabelDistanceHorizontal?: number;
-
-   /** Distance between labels and the axis. Defaults to 10. */
-   labelOffset?: number | string;
-
-   /** Label rotation angle in degrees. */
-   labelRotation?: Cx.Prop<number | string>;
-
-   /** Label text-anchor value. Allowed values are start, end and middle. Default value is set based on the value of vertical and secondary flags. */
-   labelAnchor?: "start" | "end" | "middle" | "auto";
-
-   /** Horizontal text offset. */
-   labelDx?: number | string;
-
-   /** Vertical text offset which can be used for vertical alignment. */
-   labelDy?: number | string;
-
-   /** Set to `true` to break long labels into multiple lines. Default value is `false`. Text is split at space characters. See also `labelMaxLineLength` and `labelLineCountDyFactor`. */
-   labelWrap?: boolean;
-
-   /**
-    * Used for vertical adjustment of multi-line labels. Default value is `auto` which means
-    * that value is initialized based on axis configuration. Value `0` means that label will grow towards
-    * the bottom of the screen. Value `-1` will make labels to grow towards the top of the screen.
-    * `-0.5` will make labels vertically centered.
-    */
-   labelLineCountDyFactor?: number | string;
-
-   /**
-    * Used for vertical adjustment of multi-line labels. Default value is 1 which means
-    * that labels are stacked without any space between them. Value of 1.4 will add 40% of the label height as a space between labels.
-    */
-   labelLineHeight?: number | string;
-
-   /** If `labelWrap` is on, this number is used as a measure to split labels into multiple lines. Default value is `10`. */
-   labelMaxLineLength?: number;
-
-   /** Set to true to hide the axis labels. */
-   hideLabels?: boolean;
-
-   /** Set to true to hide the axis line. */
-   hideLine?: boolean;
-
-   /** Set to true to hide the axis ticks. */
-   hideTicks?: boolean;
-
-   /** Additional CSS style to be applied to the axis line. */
-   lineStyle?: Cx.StyleProp;
-
-   /** Additional CSS style to be applied to the axis ticks. */
-   tickStyle?: Cx.StyleProp;
-
-   /** Additional CSS style to be applied to the axis labels. */
-   labelStyle?: Cx.StyleProp;
-
-   /** Additional CSS class to be applied to the axis line. */
-   lineClass?: Cx.ClassProp;
-
-   /** Additional CSS class to be applied to the axis ticks. */
-   tickClass?: Cx.ClassProp;
-
-   /** Additional CSS class to be applied to the axis labels. */
-   labelClass?: Cx.ClassProp;
-
-   onMeasured?: (info: any, instance: Instance) => void;
-
-   /** A function used to create a formatter function for axis labels. See Complex Labels example in the CxJS documentation for more info. */
-   onCreateLabelFormatter?:
-      | string
-      | ((
-           context: any,
-           instance: Instance,
-        ) => (
-           formattedValue: string,
-           value: any,
-           { tickIndex, serieIndex }: { tickIndex: number; serieIndex: number },
-        ) => { text: string; style?: any; className?: string }[]);
-
-   /** Distance between the even labels and the axis. */
-   alternateLabelOffset?: number | string;
-}
-
-export class Axis extends BoundedObject {}