cx 22.3.3 → 22.3.4

package/src/charts/axis/TimeAxis.scss

@@ -1,33 +1,33 @@
-
-@mixin cx-timeaxis(
-   $name: 'timeaxis',
-   $besm: $cx-besm
-) {
-   $block: map-get($besm, block);
-   $element: map-get($besm, element);
-   $state: map-get($besm, state);
-
-   .#{$block}#{$name} {
-      @include cxb-axis();
-   }
-
-   .#{$element}#{$name}-ticks {
-      @include cxe-axis-ticks();
-   }
-
-   .#{$element}#{$name}-line {
-      @include cxe-axis-line();
-   }
-
-   .#{$element}#{$name}-label {
-      @include cxe-axis-label();
-   }
-
-   .#{$element}#{$name}-label-offset {
-      @include cxe-axis-label-offset();
-   }
-}
-
-@if (cx-should-include('cx/charts/TimeAxis')) {
-   @include cx-timeaxis();
+
+@mixin cx-timeaxis(
+   $name: 'timeaxis',
+   $besm: $cx-besm
+) {
+   $block: map-get($besm, block);
+   $element: map-get($besm, element);
+   $state: map-get($besm, state);
+
+   .#{$block}#{$name} {
+      @include cxb-axis();
+   }
+
+   .#{$element}#{$name}-ticks {
+      @include cxe-axis-ticks();
+   }
+
+   .#{$element}#{$name}-line {
+      @include cxe-axis-line();
+   }
+
+   .#{$element}#{$name}-label {
+      @include cxe-axis-label();
+   }
+
+   .#{$element}#{$name}-label-offset {
+      @include cxe-axis-label-offset();
+   }
+}
+
+@if (cx-should-include('cx/charts/TimeAxis')) {
+   @include cx-timeaxis();
 }

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

@@ -1,4 +1,4 @@
-export * from './Axis';
-export * from './NumericAxis';
-export * from './CategoryAxis';
+export * from './Axis';
+export * from './NumericAxis';
+export * from './CategoryAxis';
 export * from './TimeAxis';

package/src/charts/axis/index.js

@@ -1,4 +1,4 @@
-export * from './Axis';
-export * from './NumericAxis';
-export * from './CategoryAxis';
+export * from './Axis';
+export * from './NumericAxis';
+export * from './CategoryAxis';
 export * from './TimeAxis';

package/src/charts/axis/index.scss

@@ -1,5 +1,5 @@
-
-@import 'Axis';
-@import "NumericAxis";
-@import "CategoryAxis";
-@import "TimeAxis";
+
+@import 'Axis';
+@import "NumericAxis";
+@import "CategoryAxis";
+@import "TimeAxis";

package/src/charts/axis/variables.scss

@@ -1,3 +1,3 @@
-
-$cx-axis-line-stroke: rgba(128, 128, 128, 0.2) !default;
+
+$cx-axis-line-stroke: rgba(128, 128, 128, 0.2) !default;
 $cx-axis-ticks-stroke: rgba(128, 128, 128, 0.3) !default;

package/src/charts/helpers/MinMaxFinder.js

@@ -1,38 +1,38 @@
-import {PointReducer} from "./PointReducer";
-
-export class MinMaxFinder extends PointReducer {
-   declareData() {
-      return super.declareData(...arguments, {
-         minX: undefined,
-         minY: undefined,
-         maxX: undefined,
-         maxY: undefined,
-         params: {
-            structured: true
-         }
-      })
-   }
-
-   onInitAccumulator(acc, {data}) {
-      acc.params = data.params;
-      acc.min = {x: null, y: null};
-      acc.max = {x: null, y: null};
-   }
-
-   onMap(acc, x, y, name, p) {
-      if (y != null && (acc.max.y == null || acc.max.y < y))
-         acc.max = {x, y, p};
-
-      if (y != null && (acc.min.y == null || acc.min.y > y))
-         acc.min = {x, y, p};
-   }
-
-   onReduce(acc, instance) {
-      instance.set('minX', acc.min.x);
-      instance.set('minY', acc.min.y);
-      instance.set('minRecord', acc.min.p);
-      instance.set('maxX', acc.max.x);
-      instance.set('maxY', acc.max.y);
-      instance.set('maxRecord', acc.max.p);
-   }
+import {PointReducer} from "./PointReducer";
+
+export class MinMaxFinder extends PointReducer {
+   declareData() {
+      return super.declareData(...arguments, {
+         minX: undefined,
+         minY: undefined,
+         maxX: undefined,
+         maxY: undefined,
+         params: {
+            structured: true
+         }
+      })
+   }
+
+   onInitAccumulator(acc, {data}) {
+      acc.params = data.params;
+      acc.min = {x: null, y: null};
+      acc.max = {x: null, y: null};
+   }
+
+   onMap(acc, x, y, name, p) {
+      if (y != null && (acc.max.y == null || acc.max.y < y))
+         acc.max = {x, y, p};
+
+      if (y != null && (acc.min.y == null || acc.min.y > y))
+         acc.min = {x, y, p};
+   }
+
+   onReduce(acc, instance) {
+      instance.set('minX', acc.min.x);
+      instance.set('minY', acc.min.y);
+      instance.set('minRecord', acc.min.p);
+      instance.set('maxX', acc.max.x);
+      instance.set('maxY', acc.max.y);
+      instance.set('maxRecord', acc.max.p);
+   }
 }

package/src/charts/helpers/MinMaxReducer.d.ts

@@ -1,23 +1,23 @@
-import * as Cx from '../../core';
-import {PointReducerProps} from './PointReducer';
-
-interface MinMaxFinderProps extends PointReducerProps {
-
-   /* A binding used to receive the x value of the point with the minimum value */
-   minX?: Cx.Bind,
-
-   /* A binding used to receive the y value of the point with the minimum value */
-   minY?: Cx.Bind,
-
-   /* A binding used to receive the x value of the point with the maximum value */
-   maxX?: Cx.Bind,
-
-   /* A binding used to receive the x value of the point with the maximum value */
-   maxY?: Cx.Bind,
-
-   /* An object used for filtering data points. Available as accumulator.params inside the onMap function. */
-   params: Cx.StructuredProp
-}
-
-/** Find minimum and maximum points of a point serie */
+import * as Cx from '../../core';
+import {PointReducerProps} from './PointReducer';
+
+interface MinMaxFinderProps extends PointReducerProps {
+
+   /* A binding used to receive the x value of the point with the minimum value */
+   minX?: Cx.Bind,
+
+   /* A binding used to receive the y value of the point with the minimum value */
+   minY?: Cx.Bind,
+
+   /* A binding used to receive the x value of the point with the maximum value */
+   maxX?: Cx.Bind,
+
+   /* A binding used to receive the x value of the point with the maximum value */
+   maxY?: Cx.Bind,
+
+   /* An object used for filtering data points. Available as accumulator.params inside the onMap function. */
+   params: Cx.StructuredProp
+}
+
+/** Find minimum and maximum points of a point serie */
 export class MinMaxFinder extends Cx.Widget<MinMaxFinderProps> {}

package/src/charts/helpers/PointReducer.d.ts

@@ -1,16 +1,16 @@
-import * as Cx from '../../core';
-import {Instance} from '../../ui/Instance';
-
-interface PointReducerProps extends Cx.PureContainerProps {
-
-   /** A callback function used to initialize the accumulator. */
-   onInitAccumulator?: (accumulator: Cx.Record, instance?: Instance) => void;
-
-   /** A callback function used to collect information about all data points. */
-   onMap?: (accumulator: Cx.Record, x?: number, y?: number, name?: string) => void;
-
-   /** A callback function used to process accumulated information and write results. */
-   onReduce?: (accumulator: Cx.Record, instance?: Instance) => void;
-}
-
+import * as Cx from '../../core';
+import {Instance} from '../../ui/Instance';
+
+interface PointReducerProps extends Cx.PureContainerProps {
+
+   /** A callback function used to initialize the accumulator. */
+   onInitAccumulator?: (accumulator: Cx.Record, instance?: Instance) => void;
+
+   /** A callback function used to collect information about all data points. */
+   onMap?: (accumulator: Cx.Record, x?: number, y?: number, name?: string) => void;
+
+   /** A callback function used to process accumulated information and write results. */
+   onReduce?: (accumulator: Cx.Record, instance?: Instance) => void;
+}
+
 export class PointReducer extends Cx.Widget<PointReducerProps> {}

package/src/charts/helpers/PointReducer.js

@@ -1,39 +1,39 @@
-import {PureContainer} from '../../ui/PureContainer';
-
-export class PointReducer extends PureContainer {
-   explore(context, instance) {
-      let pointReducer = context.pointReducer;
-      instance.parentPointTracker = pointReducer;
-
-      if (!instance.pointReducer) {
-         let onMap = this.onMap && instance.getCallback("onMap");
-         let accumulator = {};
-         instance.resetAccumulator = () => {
-            accumulator = {};
-            if (this.onInitAccumulator)
-               instance.invoke('onInitAccumulator', accumulator, instance);
-         };
-
-         instance.pointReducer = (x, y, name, data, array, index) => {
-            onMap(accumulator, x, y, name, data, array, index);
-            if (pointReducer)
-               pointReducer(x, y, name, data, array, index);
-         };
-
-         instance.write = () => {
-            if (this.onReduce)
-               instance.invoke('onReduce', accumulator, instance);
-         }
-      }
-
-      instance.resetAccumulator();
-      context.push('pointReducer', instance.pointReducer);
-
-      super.explore(context, instance);
-   }
-
-   exploreCleanup(context, instance) {
-      instance.write();
-      context.pop('pointReducer');
-   }
-}
+import {PureContainer} from '../../ui/PureContainer';
+
+export class PointReducer extends PureContainer {
+   explore(context, instance) {
+      let pointReducer = context.pointReducer;
+      instance.parentPointTracker = pointReducer;
+
+      if (!instance.pointReducer) {
+         let onMap = this.onMap && instance.getCallback("onMap");
+         let accumulator = {};
+         instance.resetAccumulator = () => {
+            accumulator = {};
+            if (this.onInitAccumulator)
+               instance.invoke('onInitAccumulator', accumulator, instance);
+         };
+
+         instance.pointReducer = (x, y, name, data, array, index) => {
+            onMap(accumulator, x, y, name, data, array, index);
+            if (pointReducer)
+               pointReducer(x, y, name, data, array, index);
+         };
+
+         instance.write = () => {
+            if (this.onReduce)
+               instance.invoke('onReduce', accumulator, instance);
+         }
+      }
+
+      instance.resetAccumulator();
+      context.push('pointReducer', instance.pointReducer);
+
+      super.explore(context, instance);
+   }
+
+   exploreCleanup(context, instance) {
+      instance.write();
+      context.pop('pointReducer');
+   }
+}

package/src/charts/helpers/SnapPointFinder.d.ts

@@ -1,19 +1,19 @@
-import * as Cx from '../../core';
-import {PointReducerProps} from './PointReducer';
-
-interface SnapPointFinderProps extends PointReducerProps {
-
-   /* Cursor X value. */
-   cursorX?: Cx.NumberProp,
-
-   /* Cursor Y value */
-   cursorY?: Cx.NumberProp,
-
-   /* A binding used to receive the x value of the nearest point.*/
-   snapX?: Cx.Bind,
-
-   /* A binding used to receive the y value of the nearest point. */
-   snapY?: Cx.Bind
-}
-
+import * as Cx from '../../core';
+import {PointReducerProps} from './PointReducer';
+
+interface SnapPointFinderProps extends PointReducerProps {
+
+   /* Cursor X value. */
+   cursorX?: Cx.NumberProp,
+
+   /* Cursor Y value */
+   cursorY?: Cx.NumberProp,
+
+   /* A binding used to receive the x value of the nearest point.*/
+   snapX?: Cx.Bind,
+
+   /* A binding used to receive the y value of the nearest point. */
+   snapY?: Cx.Bind
+}
+
 export class SnapPointFinder extends Cx.Widget<SnapPointFinderProps> {}

package/src/charts/helpers/SnapPointFinder.js

@@ -1,47 +1,47 @@
-import {PointReducer} from "./PointReducer";
-
-export class SnapPointFinder extends PointReducer {
-   declareData() {
-      return super.declareData(...arguments, {
-         cursorX: undefined,
-         cursorY: undefined,
-         snapX: undefined,
-         snapY: undefined,
-         snapRecord: undefined,
-         maxDistance: undefined
-      })
-   }
-
-   onInitAccumulator(acc, {data}) {
-      acc.cursorX = data.cursorX;
-      acc.cursorY = data.cursorY;
-      acc.dist = data.maxDistance > 0 ? Math.pow(data.maxDistance, 2) : Number.POSITIVE_INFINITY;
-      acc.snapX = null;
-      acc.snapY = null;
-   }
-
-   onMap(acc, x, y, name, p) {
-      let d = null;
-
-      if (acc.cursorX != null && x != null)
-         d = (d || 0) + Math.pow(Math.abs(x - acc.cursorX), 2);
-
-      if (acc.cursorY != null && y != null)
-         d = (d || 0) + Math.pow(Math.abs(y - acc.cursorY), 2);
-
-      if (d != null && d < acc.dist) {
-         acc.dist = d;
-         acc.snapX = x;
-         acc.snapY = y;
-         acc.snapRecord = p;
-      }
-   }
-
-   onReduce(acc, instance) {
-      instance.set('snapX', acc.snapX);
-      instance.set('snapY', acc.snapY);
-      instance.set('snapRecord', acc.snapRecord);
-   }
-}
-
+import {PointReducer} from "./PointReducer";
+
+export class SnapPointFinder extends PointReducer {
+   declareData() {
+      return super.declareData(...arguments, {
+         cursorX: undefined,
+         cursorY: undefined,
+         snapX: undefined,
+         snapY: undefined,
+         snapRecord: undefined,
+         maxDistance: undefined
+      })
+   }
+
+   onInitAccumulator(acc, {data}) {
+      acc.cursorX = data.cursorX;
+      acc.cursorY = data.cursorY;
+      acc.dist = data.maxDistance > 0 ? Math.pow(data.maxDistance, 2) : Number.POSITIVE_INFINITY;
+      acc.snapX = null;
+      acc.snapY = null;
+   }
+
+   onMap(acc, x, y, name, p) {
+      let d = null;
+
+      if (acc.cursorX != null && x != null)
+         d = (d || 0) + Math.pow(Math.abs(x - acc.cursorX), 2);
+
+      if (acc.cursorY != null && y != null)
+         d = (d || 0) + Math.pow(Math.abs(y - acc.cursorY), 2);
+
+      if (d != null && d < acc.dist) {
+         acc.dist = d;
+         acc.snapX = x;
+         acc.snapY = y;
+         acc.snapRecord = p;
+      }
+   }
+
+   onReduce(acc, instance) {
+      instance.set('snapX', acc.snapX);
+      instance.set('snapY', acc.snapY);
+      instance.set('snapRecord', acc.snapRecord);
+   }
+}
+
 SnapPointFinder.prototype.maxDistance = 50;

package/src/charts/helpers/ValueAtFinder.d.ts

@@ -1,17 +1,17 @@
-import * as Cx from '../../core';
-import {PointReducerProps} from './PointReducer';
-
-interface ValueAtFinderProps extends PointReducerProps {
-
-   /* Probe value. */
-   at?: Cx.NumberProp,
-
-   /* A binding used to receive the measured value */
-   value?: Cx.Bind,
-
-   /* A function used to convert x values into numeric format. Commonly used with dates. */
-   convert?: (value: any) => number
-}
-
-/** Calculate value at a given point on the graph */
+import * as Cx from '../../core';
+import {PointReducerProps} from './PointReducer';
+
+interface ValueAtFinderProps extends PointReducerProps {
+
+   /* Probe value. */
+   at?: Cx.NumberProp,
+
+   /* A binding used to receive the measured value */
+   value?: Cx.Bind,
+
+   /* A function used to convert x values into numeric format. Commonly used with dates. */
+   convert?: (value: any) => number
+}
+
+/** Calculate value at a given point on the graph */
 export class ValueAtFinder extends Cx.Widget<ValueAtFinderProps> {}

package/src/charts/helpers/ValueAtFinder.js

@@ -1,42 +1,42 @@
-import {PointReducer} from "./PointReducer";
-
-export class ValueAtFinder extends PointReducer {
-   declareData() {
-      return super.declareData(...arguments, {
-         at: undefined,
-         value: undefined
-      })
-   }
-
-   onInitAccumulator(acc, {data}) {
-      acc.at = this.convert(data.at);
-   }
-
-   onMap(acc, x, y, name) {
-      let d = this.convert(x) - acc.at;
-      if (d <= 0 && (!acc.left || acc.left.d < d)) {
-         acc.left = {
-            x, y, d
-         }
-      }
-      if (d >= 0 && (!acc.right || acc.right.d > d)) {
-         acc.right = {
-            x, y, d
-         }
-      }
-   }
-
-   onReduce(acc, instance) {
-      let y = 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);
-   }
-}
-
+import {PointReducer} from "./PointReducer";
+
+export class ValueAtFinder extends PointReducer {
+   declareData() {
+      return super.declareData(...arguments, {
+         at: undefined,
+         value: undefined
+      })
+   }
+
+   onInitAccumulator(acc, {data}) {
+      acc.at = this.convert(data.at);
+   }
+
+   onMap(acc, x, y, name) {
+      let d = this.convert(x) - acc.at;
+      if (d <= 0 && (!acc.left || acc.left.d < d)) {
+         acc.left = {
+            x, y, d
+         }
+      }
+      if (d >= 0 && (!acc.right || acc.right.d > d)) {
+         acc.right = {
+            x, y, d
+         }
+      }
+   }
+
+   onReduce(acc, instance) {
+      let y = 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/helpers/index.d.ts

@@ -1,4 +1,4 @@
-export * from './PointReducer';
-export * from './MinMaxFinder';
-export * from './SnapPointFinder';
-export * from './ValueAtFinder';
+export * from './PointReducer';
+export * from './MinMaxFinder';
+export * from './SnapPointFinder';
+export * from './ValueAtFinder';

package/src/charts/helpers/index.js

@@ -1,4 +1,4 @@
-export * from './PointReducer';
-export * from './MinMaxFinder';
-export * from './SnapPointFinder';
-export * from './ValueAtFinder';
+export * from './PointReducer';
+export * from './MinMaxFinder';
+export * from './SnapPointFinder';
+export * from './ValueAtFinder';

package/src/charts/index.d.ts

@@ -1,24 +1,24 @@
-export * from './Chart';
-export * from './PieChart';
-export * from './Pie';
-export * from './PieLabel';
-export * from './PieLabelsContainer';
-export * from './Column';
-export * from './Bar';
-export * from './Legend';
-export * from './LegendEntry';
-export * from './ColorMap';
-export * from './Marker';
-export * from './MarkerLine';
-export * from './Range';
-export * from './Gridlines';
-export * from './LineGraph';
-export * from './ColumnGraph';
-export * from './BarGraph';
-export * from './ScatterGraph';
-export * from './BubbleGraph';
-export * from './shapes';
-export * from './MouseTracker';
-
-export * from './axis/index';
+export * from './Chart';
+export * from './PieChart';
+export * from './Pie';
+export * from './PieLabel';
+export * from './PieLabelsContainer';
+export * from './Column';
+export * from './Bar';
+export * from './Legend';
+export * from './LegendEntry';
+export * from './ColorMap';
+export * from './Marker';
+export * from './MarkerLine';
+export * from './Range';
+export * from './Gridlines';
+export * from './LineGraph';
+export * from './ColumnGraph';
+export * from './BarGraph';
+export * from './ScatterGraph';
+export * from './BubbleGraph';
+export * from './shapes';
+export * from './MouseTracker';
+
+export * from './axis/index';
 export * from './helpers/index';