cx 26.3.10 → 26.4.1

package/src/charts/helpers/SnapPointFinder.ts

@@ -1,136 +1,136 @@
-import { PointReducer, PointReducerConfig, PointReducerInstance, PointReducerAccumulator } from "./PointReducer";
-import { RenderingContext } from "../../ui/RenderingContext";
-import { NumberProp, Bind, Prop, DataRecord } from "../../ui/Prop";
-import { AccessorChain } from "../../data/createAccessorModelProxy";
-
-export interface SnapAccumulator extends PointReducerAccumulator {
-   cursor: {
-      x: number | null;
-      y: number | null;
-      mapped: boolean;
-      mappedX?: number | null;
-      mappedY?: number | null;
-   };
-   dist: number;
-   snapX: any;
-   snapY: any;
-   snapRecord?: any;
-   xAxis: any;
-   yAxis: any;
-}
-
-export interface SnapPointFinderInstance extends PointReducerInstance<SnapAccumulator> {
-   xAxis?: any;
-   yAxis?: any;
-}
-
-export interface SnapPointFinderConfig extends PointReducerConfig {
-   /** Cursor X value. */
-   cursorX?: NumberProp;
-
-   /** Cursor Y value */
-   cursorY?: NumberProp;
-
-   /** A binding used to receive the x value of the nearest point.*/
-   snapX?: Bind | AccessorChain<number | null | undefined> | AccessorChain<string | null | undefined>;
-
-   /** A binding used to receive the y value of the nearest point. */
-   snapY?: Bind | AccessorChain<number | null | undefined> | AccessorChain<string | null | undefined>;
-
-   /** A binding used to receive the record prop */
-   snapRecord?: Prop<DataRecord>;
-
-   /** Maximum distance between cursor and the snap point. Default value is 50. Adjust accordingly for large distances, e.g. set to Infinity when using TimeAxis */
-   maxDistance?: number;
-
-   /** A function used to convert x values into numeric format. Commonly used with dates. */
-   convertX?: (value: number | string) => number;
-
-   /** A function used to convert y values into numeric format. Commonly used with dates. */
-   convertY?: (value: number | string) => number;
-
-   /** Name of the x-axis. Default is 'x'. */
-   xAxis?: string;
-
-   /** Name of the y-axis. Default is 'y'. */
-   yAxis?: string;
-}
-
-export class SnapPointFinder extends PointReducer<SnapAccumulator> {
-   declare maxDistance: number;
-   declare convertX: (value: any) => number;
-   declare convertY: (value: any) => number;
-   declare xAxis: string;
-   declare yAxis: string;
-
-   constructor(config?: SnapPointFinderConfig) {
-      super(config);
-   }
-
-   declareData(...args: any[]) {
-      super.declareData(...args, {
-         cursorX: undefined,
-         cursorY: undefined,
-         snapX: undefined,
-         snapY: undefined,
-         snapRecord: undefined,
-         maxDistance: undefined,
-      });
-   }
-
-   explore(context: RenderingContext, instance: SnapPointFinderInstance) {
-      instance.xAxis = (context.axes as any)?.[this.xAxis];
-      instance.yAxis = (context.axes as any)?.[this.yAxis];
-      super.explore(context, instance);
-   }
-
-   onInitAccumulator = (acc: SnapAccumulator, { data, xAxis, yAxis }: SnapPointFinderInstance) => {
-      const d = data as any;
-      acc.cursor = {
-         x: d.cursorX,
-         y: d.cursorY,
-         mapped: false,
-      };
-      acc.dist = d.maxDistance > 0 ? Math.pow(d.maxDistance, 2) : Number.POSITIVE_INFINITY;
-      acc.snapX = null;
-      acc.snapY = null;
-      acc.xAxis = xAxis;
-      acc.yAxis = yAxis;
-   };
-
-   onMap = (acc: SnapAccumulator, x: any, y: any, name: string, p: any) => {
-      let { xAxis, yAxis, cursor } = acc;
-
-      if (!cursor.mapped) {
-         cursor.mappedX = cursor.x != null ? xAxis?.map(this.convertX(cursor.x)) : null;
-         cursor.mappedY = cursor.y != null ? yAxis?.map(this.convertY(cursor.y)) : null;
-         cursor.mapped = true;
-      }
-
-      let d: number | null = null;
-      let cx = x != null ? xAxis?.map(this.convertX(x)) : null;
-      let cy = y != null ? yAxis?.map(this.convertY(y)) : null;
-
-      if (cursor.mappedX != null && cx != null) d = (d || 0) + Math.pow(Math.abs(cx - cursor.mappedX), 2);
-      if (cursor.mappedY != null && cy != null) d = (d || 0) + Math.pow(Math.abs(cy - cursor.mappedY), 2);
-
-      if (d != null && d < acc.dist) {
-         acc.dist = d;
-         acc.snapX = x;
-         acc.snapY = y;
-         acc.snapRecord = p;
-      }
-   };
-
-   onReduce = (acc: SnapAccumulator, instance: PointReducerInstance<SnapAccumulator>) => {
-      instance.set("snapX", acc.snapX);
-      instance.set("snapY", acc.snapY);
-      instance.set("snapRecord", acc.snapRecord);
-   };
-}
-
-SnapPointFinder.prototype.maxDistance = 50;
-SnapPointFinder.prototype.convertX = (x) => x;
-SnapPointFinder.prototype.convertY = (y) => y;
-SnapPointFinder.prototype.xAxis = "x";
-SnapPointFinder.prototype.yAxis = "y";
+import { PointReducer, PointReducerConfig, PointReducerInstance, PointReducerAccumulator } from "./PointReducer";
+import { RenderingContext } from "../../ui/RenderingContext";
+import { NumberProp, Bind, Prop, DataRecord } from "../../ui/Prop";
+import { AccessorChain } from "../../data/createAccessorModelProxy";
+
+export interface SnapAccumulator extends PointReducerAccumulator {
+   cursor: {
+      x: number | null;
+      y: number | null;
+      mapped: boolean;
+      mappedX?: number | null;
+      mappedY?: number | null;
+   };
+   dist: number;
+   snapX: any;
+   snapY: any;
+   snapRecord?: any;
+   xAxis: any;
+   yAxis: any;
+}
+
+export interface SnapPointFinderInstance extends PointReducerInstance<SnapAccumulator> {
+   xAxis?: any;
+   yAxis?: any;
+}
+
+export interface SnapPointFinderConfig extends PointReducerConfig {
+   /** Cursor X value. */
+   cursorX?: NumberProp;
+
+   /** Cursor Y value */
+   cursorY?: NumberProp;
+
+   /** A binding used to receive the x value of the nearest point.*/
+   snapX?: Bind | AccessorChain<number | null | undefined> | AccessorChain<string | null | undefined>;
+
+   /** A binding used to receive the y value of the nearest point. */
+   snapY?: Bind | AccessorChain<number | null | undefined> | AccessorChain<string | null | undefined>;
+
+   /** A binding used to receive the record prop */
+   snapRecord?: Prop<DataRecord>;
+
+   /** Maximum distance between cursor and the snap point. Default value is 50. Adjust accordingly for large distances, e.g. set to Infinity when using TimeAxis */
+   maxDistance?: number;
+
+   /** A function used to convert x values into numeric format. Commonly used with dates. */
+   convertX?: (value: number | string) => number;
+
+   /** A function used to convert y values into numeric format. Commonly used with dates. */
+   convertY?: (value: number | string) => number;
+
+   /** Name of the x-axis. Default is 'x'. */
+   xAxis?: string;
+
+   /** Name of the y-axis. Default is 'y'. */
+   yAxis?: string;
+}
+
+export class SnapPointFinder extends PointReducer<SnapAccumulator> {
+   declare maxDistance: number;
+   declare convertX: (value: any) => number;
+   declare convertY: (value: any) => number;
+   declare xAxis: string;
+   declare yAxis: string;
+
+   constructor(config?: SnapPointFinderConfig) {
+      super(config);
+   }
+
+   declareData(...args: any[]) {
+      super.declareData(...args, {
+         cursorX: undefined,
+         cursorY: undefined,
+         snapX: undefined,
+         snapY: undefined,
+         snapRecord: undefined,
+         maxDistance: undefined,
+      });
+   }
+
+   explore(context: RenderingContext, instance: SnapPointFinderInstance) {
+      instance.xAxis = (context.axes as any)?.[this.xAxis];
+      instance.yAxis = (context.axes as any)?.[this.yAxis];
+      super.explore(context, instance);
+   }
+
+   onInitAccumulator = (acc: SnapAccumulator, { data, xAxis, yAxis }: SnapPointFinderInstance) => {
+      const d = data as any;
+      acc.cursor = {
+         x: d.cursorX,
+         y: d.cursorY,
+         mapped: false,
+      };
+      acc.dist = d.maxDistance > 0 ? Math.pow(d.maxDistance, 2) : Number.POSITIVE_INFINITY;
+      acc.snapX = null;
+      acc.snapY = null;
+      acc.xAxis = xAxis;
+      acc.yAxis = yAxis;
+   };
+
+   onMap = (acc: SnapAccumulator, x: any, y: any, name: string, p: any) => {
+      let { xAxis, yAxis, cursor } = acc;
+
+      if (!cursor.mapped) {
+         cursor.mappedX = cursor.x != null ? xAxis?.map(this.convertX(cursor.x)) : null;
+         cursor.mappedY = cursor.y != null ? yAxis?.map(this.convertY(cursor.y)) : null;
+         cursor.mapped = true;
+      }
+
+      let d: number | null = null;
+      let cx = x != null ? xAxis?.map(this.convertX(x)) : null;
+      let cy = y != null ? yAxis?.map(this.convertY(y)) : null;
+
+      if (cursor.mappedX != null && cx != null) d = (d || 0) + Math.pow(Math.abs(cx - cursor.mappedX), 2);
+      if (cursor.mappedY != null && cy != null) d = (d || 0) + Math.pow(Math.abs(cy - cursor.mappedY), 2);
+
+      if (d != null && d < acc.dist) {
+         acc.dist = d;
+         acc.snapX = x;
+         acc.snapY = y;
+         acc.snapRecord = p;
+      }
+   };
+
+   onReduce = (acc: SnapAccumulator, instance: PointReducerInstance<SnapAccumulator>) => {
+      instance.set("snapX", acc.snapX);
+      instance.set("snapY", acc.snapY);
+      instance.set("snapRecord", acc.snapRecord);
+   };
+}
+
+SnapPointFinder.prototype.maxDistance = 50;
+SnapPointFinder.prototype.convertX = (x) => x;
+SnapPointFinder.prototype.convertY = (y) => y;
+SnapPointFinder.prototype.xAxis = "x";
+SnapPointFinder.prototype.yAxis = "y";

package/src/charts/helpers/ValueAtFinder.ts

@@ -1,72 +1,72 @@
-import { AccessorChain } from "../../data/createAccessorModelProxy";
-import { Bind, Prop } from "../../ui/Prop";
-import { PointReducer, PointReducerAccumulator, PointReducerConfig, PointReducerInstance } from "./PointReducer";
-
-export interface ValueAtAccumulator extends PointReducerAccumulator {
-   at: number;
-   left?: { x: number; y: number; d: number };
-   right?: { x: number; y: number; d: number };
-}
-
-export interface ValueAtFinderConfig extends PointReducerConfig {
-   /** X axis probe value. */
-   at?: Prop<string | number | null | undefined>;
-
-   /** A binding used to receive the measured y axis value */
-   value?: Bind | AccessorChain<number | null | undefined>;
-
-   /** A function used to convert x values into numeric format. Commonly used with dates. */
-   convert?: (value: number | string) => number;
-}
-
-/** Calculate value at a given point on the graph */
-export class ValueAtFinder extends PointReducer<ValueAtAccumulator> {
-   declare convert: (value: any) => number;
-
-   constructor(config?: ValueAtFinderConfig) {
-      super(config);
-   }
-
-   declareData(...args: any[]) {
-      super.declareData(...args, {
-         at: undefined,
-         value: undefined,
-      });
-   }
-
-   onInitAccumulator = (acc: ValueAtAccumulator, { data }: PointReducerInstance<ValueAtAccumulator>) => {
-      acc.at = this.convert((data as any).at);
-   };
-
-   onMap = (acc: ValueAtAccumulator, x: any, y: any, name: string) => {
-      let cx = this.convert(x);
-      let d = cx - acc.at;
-      if (d <= 0 && (!acc.left || acc.left.d < d)) {
-         acc.left = {
-            x: cx,
-            y,
-            d,
-         };
-      }
-      if (d >= 0 && (!acc.right || acc.right.d > d)) {
-         acc.right = {
-            x: cx,
-            y,
-            d,
-         };
-      }
-   };
-
-   onReduce = (acc: ValueAtAccumulator, instance: PointReducerInstance<ValueAtAccumulator>) => {
-      let y: number | null = null;
-      if (acc.left && acc.right) {
-         if (acc.left.x == acc.right.x) y = acc.left.y;
-         else if (acc.left.y != null && acc.right.y != null) {
-            y = acc.left.y + ((acc.right.y - acc.left.y) * (acc.at - acc.left.x)) / (acc.right.x - acc.left.x);
-         }
-      }
-      instance.set("value", y);
-   };
-}
-
-ValueAtFinder.prototype.convert = (x) => x;
+import { AccessorChain } from "../../data/createAccessorModelProxy";
+import { Bind, Prop } from "../../ui/Prop";
+import { PointReducer, PointReducerAccumulator, PointReducerConfig, PointReducerInstance } from "./PointReducer";
+
+export interface ValueAtAccumulator extends PointReducerAccumulator {
+   at: number;
+   left?: { x: number; y: number; d: number };
+   right?: { x: number; y: number; d: number };
+}
+
+export interface ValueAtFinderConfig extends PointReducerConfig {
+   /** X axis probe value. */
+   at?: Prop<string | number | null | undefined>;
+
+   /** A binding used to receive the measured y axis value */
+   value?: Bind | AccessorChain<number | null | undefined>;
+
+   /** A function used to convert x values into numeric format. Commonly used with dates. */
+   convert?: (value: number | string) => number;
+}
+
+/** Calculate value at a given point on the graph */
+export class ValueAtFinder extends PointReducer<ValueAtAccumulator> {
+   declare convert: (value: any) => number;
+
+   constructor(config?: ValueAtFinderConfig) {
+      super(config);
+   }
+
+   declareData(...args: any[]) {
+      super.declareData(...args, {
+         at: undefined,
+         value: undefined,
+      });
+   }
+
+   onInitAccumulator = (acc: ValueAtAccumulator, { data }: PointReducerInstance<ValueAtAccumulator>) => {
+      acc.at = this.convert((data as any).at);
+   };
+
+   onMap = (acc: ValueAtAccumulator, x: any, y: any, name: string) => {
+      let cx = this.convert(x);
+      let d = cx - acc.at;
+      if (d <= 0 && (!acc.left || acc.left.d < d)) {
+         acc.left = {
+            x: cx,
+            y,
+            d,
+         };
+      }
+      if (d >= 0 && (!acc.right || acc.right.d > d)) {
+         acc.right = {
+            x: cx,
+            y,
+            d,
+         };
+      }
+   };
+
+   onReduce = (acc: ValueAtAccumulator, instance: PointReducerInstance<ValueAtAccumulator>) => {
+      let y: number | null = null;
+      if (acc.left && acc.right) {
+         if (acc.left.x == acc.right.x) y = acc.left.y;
+         else if (acc.left.y != null && acc.right.y != null) {
+            y = acc.left.y + ((acc.right.y - acc.left.y) * (acc.at - acc.left.x)) / (acc.right.x - acc.left.x);
+         }
+      }
+      instance.set("value", y);
+   };
+}
+
+ValueAtFinder.prototype.convert = (x) => x;

package/src/charts/index.scss

@@ -14,6 +14,8 @@
 @use "Marker";
 @use "MarkerLine";
 @use "Range";
+@use "Swimlane";
+@use "Swimlanes";
 
 //define last for higher priority
 @use "palette";

package/src/data/createAccessorModelProxy.ts

@@ -1,66 +1,66 @@
-// Homomorphic mapped type preserves Go-to-Definition in IDEs
-// -? strips optionality, as clause filters conflicting method names
-type AccessorChainMap<M> = {
-   [K in keyof M as Exclude<K, "toString" | "valueOf" | "nameOf">]-?: AccessorChain<M[K]>;
-};
-
-// Check if a type is `any` using the intersection trick
-type IsAny<T> = 0 extends 1 & T ? true : false;
-
-export type AccessorChain<M> = (IsAny<M> extends true
-   ? { [key: string]: any } // Allow any property access for `any` type
-   : [M] extends [object]
-     ? AccessorChainMap<M> // Direct mapping preserves IDE navigation
-     : [NonNullable<M>] extends [object]
-       ? AccessorChainMap<NonNullable<M>> // Fallback for nullable types (e.g. optional properties)
-       : {}) & {
-   toString(): string;
-   valueOf(): M | undefined;
-   nameOf(): string;
-};
-
-const emptyFn = () => {};
-
-export function createAccessorModelProxy<M>(chain: string = ""): AccessorChain<M> {
-   let lastOp: string | null = null;
-
-   const proxy = new Proxy(emptyFn, {
-      get: (_, name: string | symbol) => {
-         if (typeof name !== "string") return proxy;
-
-         switch (name) {
-            case "isAccessorChain":
-               return true;
-
-            case "toString":
-            case "valueOf":
-            case "nameOf":
-               lastOp = name;
-               return proxy;
-         }
-
-         let newChain = chain;
-         if (newChain.length > 0) newChain += ".";
-         newChain += name;
-         return createAccessorModelProxy(newChain);
-      },
-
-      apply(): string {
-         switch (lastOp) {
-            case "nameOf":
-               const lastDotIndex = chain.lastIndexOf(".");
-               return lastDotIndex > 0 ? chain.substring(lastDotIndex + 1) : chain;
-
-            default:
-               return chain;
-         }
-      },
-   });
-   return proxy as unknown as AccessorChain<M>;
-}
-
-export const createModel = createAccessorModelProxy;
-
-export function isAccessorChain<M>(value: unknown): value is AccessorChain<M> {
-   return value != null && !!(value as any).isAccessorChain;
-}
+// Homomorphic mapped type preserves Go-to-Definition in IDEs
+// -? strips optionality, as clause filters conflicting method names
+type AccessorChainMap<M> = {
+   [K in keyof M as Exclude<K, "toString" | "valueOf" | "nameOf">]-?: AccessorChain<M[K]>;
+};
+
+// Check if a type is `any` using the intersection trick
+type IsAny<T> = 0 extends 1 & T ? true : false;
+
+export type AccessorChain<M> = (IsAny<M> extends true
+   ? { [key: string]: any } // Allow any property access for `any` type
+   : [M] extends [object]
+     ? AccessorChainMap<M> // Direct mapping preserves IDE navigation
+     : [NonNullable<M>] extends [object]
+       ? AccessorChainMap<NonNullable<M>> // Fallback for nullable types (e.g. optional properties)
+       : {}) & {
+   toString(): string;
+   valueOf(): M | undefined;
+   nameOf(): string;
+};
+
+const emptyFn = () => {};
+
+export function createAccessorModelProxy<M>(chain: string = ""): AccessorChain<M> {
+   let lastOp: string | null = null;
+
+   const proxy = new Proxy(emptyFn, {
+      get: (_, name: string | symbol) => {
+         if (typeof name !== "string") return proxy;
+
+         switch (name) {
+            case "isAccessorChain":
+               return true;
+
+            case "toString":
+            case "valueOf":
+            case "nameOf":
+               lastOp = name;
+               return proxy;
+         }
+
+         let newChain = chain;
+         if (newChain.length > 0) newChain += ".";
+         newChain += name;
+         return createAccessorModelProxy(newChain);
+      },
+
+      apply(): string {
+         switch (lastOp) {
+            case "nameOf":
+               const lastDotIndex = chain.lastIndexOf(".");
+               return lastDotIndex > 0 ? chain.substring(lastDotIndex + 1) : chain;
+
+            default:
+               return chain;
+         }
+      },
+   });
+   return proxy as unknown as AccessorChain<M>;
+}
+
+export const createModel = createAccessorModelProxy;
+
+export function isAccessorChain<M>(value: unknown): value is AccessorChain<M> {
+   return value != null && !!(value as any).isAccessorChain;
+}

package/src/ui/DataProxy.ts

@@ -1,55 +1,55 @@
-import { AccessorChain } from "../data";
-import { NestedDataView } from "../data/NestedDataView";
-import { StructuredProp, WritableProp } from "./Prop";
-import { PureContainerBase, PureContainerConfig } from "./PureContainer";
-import { StructuredInstanceDataAccessor } from "./StructuredInstanceDataAccessor";
-
-export interface DataProxyConfig extends PureContainerConfig {
-   /** Data object with computed values to be exposed in the local store. */
-   data?: StructuredProp;
-
-   /** Binding to a value to be exposed under the `alias` name. */
-   value?: WritableProp<any>;
-
-   /** Alias name under which `value` is exposed in the local store. */
-   alias?: string | AccessorChain<any>;
-
-   /** Indicate that parent store data should not be mutated. */
-   immutable?: boolean;
-
-   /** Indicate that local store data should not be mutated. */
-   sealed?: boolean;
-}
-
-export class DataProxy extends PureContainerBase<DataProxyConfig> {
-   declare data?: any;
-   declare alias?: string;
-   declare value?: any;
-   declare immutable: boolean;
-   declare sealed: boolean;
-
-   init() {
-      if (!this.data) this.data = {};
-
-      if (this.alias) this.data[this.alias] = this.value;
-
-      super.init();
-   }
-
-   initInstance(context: any, instance: any) {
-      instance.store = new NestedDataView({
-         store: instance.parentStore,
-         nestedData: new StructuredInstanceDataAccessor({ instance, data: this.data, useParentStore: true }),
-         immutable: this.immutable,
-         sealed: this.sealed,
-      });
-      super.initInstance(context, instance);
-   }
-
-   applyParentStore(instance: any) {
-      instance.store.setStore(instance.parentStore);
-   }
-}
-
-DataProxy.prototype.immutable = false;
-DataProxy.prototype.sealed = false;
+import { AccessorChain } from "../data";
+import { NestedDataView } from "../data/NestedDataView";
+import { StructuredProp, WritableProp } from "./Prop";
+import { PureContainerBase, PureContainerConfig } from "./PureContainer";
+import { StructuredInstanceDataAccessor } from "./StructuredInstanceDataAccessor";
+
+export interface DataProxyConfig extends PureContainerConfig {
+   /** Data object with computed values to be exposed in the local store. */
+   data?: StructuredProp;
+
+   /** Binding to a value to be exposed under the `alias` name. */
+   value?: WritableProp<any>;
+
+   /** Alias name under which `value` is exposed in the local store. */
+   alias?: string | AccessorChain<any>;
+
+   /** Indicate that parent store data should not be mutated. */
+   immutable?: boolean;
+
+   /** Indicate that local store data should not be mutated. */
+   sealed?: boolean;
+}
+
+export class DataProxy extends PureContainerBase<DataProxyConfig> {
+   declare data?: any;
+   declare alias?: string;
+   declare value?: any;
+   declare immutable: boolean;
+   declare sealed: boolean;
+
+   init() {
+      if (!this.data) this.data = {};
+
+      if (this.alias) this.data[this.alias] = this.value;
+
+      super.init();
+   }
+
+   initInstance(context: any, instance: any) {
+      instance.store = new NestedDataView({
+         store: instance.parentStore,
+         nestedData: new StructuredInstanceDataAccessor({ instance, data: this.data, useParentStore: true }),
+         immutable: this.immutable,
+         sealed: this.sealed,
+      });
+      super.initInstance(context, instance);
+   }
+
+   applyParentStore(instance: any) {
+      instance.store.setStore(instance.parentStore);
+   }
+}
+
+DataProxy.prototype.immutable = false;
+DataProxy.prototype.sealed = false;