cx 24.6.2 → 24.6.3

package/src/charts/Marker.scss

@@ -1,42 +1,42 @@
-
-@mixin cx-marker(
-   $name: 'marker',
-   $besm: $cx-besm
-) {
-   $block: map-get($besm, block);
-   $element: map-get($besm, element);
-   $state: map-get($besm, state);
-
-   .#{$element}#{$name}-shape {
-      fill: rgb(128, 128, 128);
-      stroke: rgb(128, 128, 128);
-      stroke-width: 1px;
-
-      .#{$state}draggable-x > & {
-         cursor: ew-resize;
-         touch-action: none;
-      }
-
-      .#{$state}draggable-y > & {
-         cursor: ns-resize;
-         touch-action: none;
-      }
-
-      .#{$state}draggable-xy > & {
-         cursor: move;
-         touch-action: none;
-      }
-
-      .#{$state}selectable > & {
-         cursor: pointer;
-      }
-
-      &.#{$state}hidden {
-         visibility: hidden;
-      }
-   }
-}
-
-@if (cx-should-include('cx/charts/Marker')) {
-   @include cx-marker();
+
+@mixin cx-marker(
+   $name: 'marker',
+   $besm: $cx-besm
+) {
+   $block: map-get($besm, block);
+   $element: map-get($besm, element);
+   $state: map-get($besm, state);
+
+   .#{$element}#{$name}-shape {
+      fill: rgb(128, 128, 128);
+      stroke: rgb(128, 128, 128);
+      stroke-width: 1px;
+
+      .#{$state}draggable-x > & {
+         cursor: ew-resize;
+         touch-action: none;
+      }
+
+      .#{$state}draggable-y > & {
+         cursor: ns-resize;
+         touch-action: none;
+      }
+
+      .#{$state}draggable-xy > & {
+         cursor: move;
+         touch-action: none;
+      }
+
+      .#{$state}selectable > & {
+         cursor: pointer;
+      }
+
+      &.#{$state}hidden {
+         visibility: hidden;
+      }
+   }
+}
+
+@if (cx-should-include('cx/charts/Marker')) {
+   @include cx-marker();
 }

package/src/charts/MarkerLine.d.ts

@@ -1,58 +1,58 @@
-import * as Cx from '../core';
-import { BoundedObject, BoundedObjectProps } from '../svg/BoundedObject';
-
-interface MarkerLineProps extends BoundedObjectProps {
-   
-   /** The `x1` value binding or expression. */
-   x1?: Cx.NumberProp,
-
-   /** The `y1` value binding or expression. */
-   y1?: Cx.NumberProp,
-
-   /** The `x2` value binding or expression. */
-   x2?: Cx.NumberProp,
-
-   /** The `y2` value binding or expression. */
-   y2?: Cx.NumberProp,
-
-   /** Used to indicate if the data should affect axis span. */
-   affectsAxes?: Cx.BooleanProp,
-
-   /** Index of a color from the standard palette of colors. 0-15. */
-   colorIndex?: Cx.NumberProp,
-
-   /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
-   active?: Cx.BooleanProp,
-
-   /** Name of the item as it will appear in the legend. */
-   name?: Cx.StringProp,
-
-   /** Name of the legend to be used. Default is `legend`. */
-   legend?: Cx.StringProp,
-
-   /** Shared `x1` and `x2` value binding or expression. */
-   x?: Cx.NumberProp,
-
-   /** Shared `y1` and `y2` value binding or expression. */
-   y?: Cx.NumberProp,
-
-   /** 
-    * 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`. 
-    */
-   xAxis?: string,
-   
-   /** 
-    * 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. 
-    */
-   yAxis?: string,
-   
-   /** Base CSS class to be applied to the element. Defaults to `markerline`. */
-   baseClass?: string,
-
-   legendAction?: string
-
-}
-
+import * as Cx from '../core';
+import { BoundedObject, BoundedObjectProps } from '../svg/BoundedObject';
+
+interface MarkerLineProps extends BoundedObjectProps {
+   
+   /** The `x1` value binding or expression. */
+   x1?: Cx.NumberProp,
+
+   /** The `y1` value binding or expression. */
+   y1?: Cx.NumberProp,
+
+   /** The `x2` value binding or expression. */
+   x2?: Cx.NumberProp,
+
+   /** The `y2` value binding or expression. */
+   y2?: Cx.NumberProp,
+
+   /** Used to indicate if the data should affect axis span. */
+   affectsAxes?: Cx.BooleanProp,
+
+   /** Index of a color from the standard palette of colors. 0-15. */
+   colorIndex?: Cx.NumberProp,
+
+   /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
+   active?: Cx.BooleanProp,
+
+   /** Name of the item as it will appear in the legend. */
+   name?: Cx.StringProp,
+
+   /** Name of the legend to be used. Default is `legend`. */
+   legend?: Cx.StringProp,
+
+   /** Shared `x1` and `x2` value binding or expression. */
+   x?: Cx.NumberProp,
+
+   /** Shared `y1` and `y2` value binding or expression. */
+   y?: Cx.NumberProp,
+
+   /** 
+    * 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`. 
+    */
+   xAxis?: string,
+   
+   /** 
+    * 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. 
+    */
+   yAxis?: string,
+   
+   /** Base CSS class to be applied to the element. Defaults to `markerline`. */
+   baseClass?: string,
+
+   legendAction?: string
+
+}
+
 export class MarkerLine extends Cx.Widget<MarkerLineProps> {}

package/src/charts/MarkerLine.js

@@ -1,128 +1,128 @@
-import {BoundedObject} from '../svg/BoundedObject';
-import {VDOM} from '../ui/Widget';
-import {isDefined} from '../util/isDefined';
-import {Rect} from '../svg/util/Rect';
-
-export class MarkerLine extends BoundedObject {
-
-   init() {
-      if (isDefined(this.x))
-         this.x1 = this.x2 = this.x;
-         
-      if (isDefined(this.y))
-         this.y1 = this.y2 = this.y;
-
-      super.init()
-   }
-
-   declareData() {
-      super.declareData(...arguments, {
-         x1: undefined,
-         y1: undefined,
-         x2: undefined,
-         y2: undefined,
-         colorIndex: undefined,
-         active: true,
-         name: undefined,
-         legend: undefined
-      })
-   }
-
-   explore(context, instance) {
-      let { data } = instance;
-
-      let xAxis = (instance.xAxis = context.axes[this.xAxis]);
-      let yAxis = (instance.yAxis = context.axes[this.yAxis]);
-
-      if (data.active) {
-         if (this.affectsAxes) {
-            if (data.x1 != null) xAxis.acknowledge(data.x1);
-
-            if (data.x2 != null) xAxis.acknowledge(data.x2);
-
-            if (data.y1 != null) yAxis.acknowledge(data.y1);
-
-            if (data.y2 != null) yAxis.acknowledge(data.y2);
-         }
-
-         super.explore(context, instance);
-      }
-   }
-
-   prepare(context, instance) {
-      let {data, xAxis, yAxis} = instance;
-
-      if ((xAxis && xAxis.shouldUpdate) || (yAxis && yAxis.shouldUpdate))
-         instance.markShouldUpdate(context);
-
-      super.prepare(context, instance);
-
-      if (data.name && data.legend && context.addLegendEntry)
-         context.addLegendEntry(data.legend, {
-            name: data.name,
-            active: data.active,
-            colorIndex: data.colorIndex,
-            style: data.style,
-            shape: 'line',
-            onClick: e=> { this.onLegendClick(e, instance) }
-         });
-   }
-
-   calculateBounds(context, instance) {
-      let {data, xAxis, yAxis} = instance;
-      let bounds = super.calculateBounds(context, instance);
-
-      let x1 = bounds.l, x2 = bounds.r, y1 = bounds.t, y2 = bounds.b;
-
-      if (data.x1 != null)
-         x1 = xAxis.map(data.x1);
-
-      if (data.x2 != null)
-         x2 = xAxis.map(data.x2);
-
-      if (data.y1 != null)
-         y1 = yAxis.map(data.y1);
-
-      if (data.y2 != null)
-         y2 = yAxis.map(data.y2);
-
-      bounds.l = Math.min(x1, x2);
-      bounds.t = Math.min(y1, y2);
-      bounds.r = Math.max(x1, x2);
-      bounds.b = Math.max(y1, y2);
-
-      instance.x1 = x1;
-      instance.x2 = x2;
-      instance.y1 = y1;
-      instance.y2 = y2;
-
-      return bounds;
-   }
-
-   render(context, instance, key) {
-      let {data, x1, x2, y1, y2} = instance;
-
-      if (!data.active || data.x1 === null || data.x2 === null || data.y1 === null || data.y2 === null)
-         return null;
-
-      let stateMods = {
-         ['color-' + data.colorIndex]: data.colorIndex != null
-      };
-
-      return <g key={key} className={data.classNames}>
-         <line className={this.CSS.element(this.baseClass, 'line', stateMods)} style={data.style} x1={x1} y1={y1} x2={x2} y2={y2} />
-         {this.renderChildren(context, instance)}
-      </g>
-   }
-}
-
-MarkerLine.prototype.xAxis = 'x';
-MarkerLine.prototype.yAxis = 'y';
-MarkerLine.prototype.anchors = '0 1 1 0';
-MarkerLine.prototype.baseClass = 'markerline';
-MarkerLine.prototype.legend = 'legend';
-MarkerLine.prototype.legendAction = 'auto';
-MarkerLine.prototype.affectsAxes = true;
-
-BoundedObject.alias('marker-line', MarkerLine);
-
+import {BoundedObject} from '../svg/BoundedObject';
+import {VDOM} from '../ui/Widget';
+import {isDefined} from '../util/isDefined';
+import {Rect} from '../svg/util/Rect';
+
+export class MarkerLine extends BoundedObject {
+
+   init() {
+      if (isDefined(this.x))
+         this.x1 = this.x2 = this.x;
+         
+      if (isDefined(this.y))
+         this.y1 = this.y2 = this.y;
+
+      super.init()
+   }
+
+   declareData() {
+      super.declareData(...arguments, {
+         x1: undefined,
+         y1: undefined,
+         x2: undefined,
+         y2: undefined,
+         colorIndex: undefined,
+         active: true,
+         name: undefined,
+         legend: undefined
+      })
+   }
+
+   explore(context, instance) {
+      let { data } = instance;
+
+      let xAxis = (instance.xAxis = context.axes[this.xAxis]);
+      let yAxis = (instance.yAxis = context.axes[this.yAxis]);
+
+      if (data.active) {
+         if (this.affectsAxes) {
+            if (data.x1 != null) xAxis.acknowledge(data.x1);
+
+            if (data.x2 != null) xAxis.acknowledge(data.x2);
+
+            if (data.y1 != null) yAxis.acknowledge(data.y1);
+
+            if (data.y2 != null) yAxis.acknowledge(data.y2);
+         }
+
+         super.explore(context, instance);
+      }
+   }
+
+   prepare(context, instance) {
+      let {data, xAxis, yAxis} = instance;
+
+      if ((xAxis && xAxis.shouldUpdate) || (yAxis && yAxis.shouldUpdate))
+         instance.markShouldUpdate(context);
+
+      super.prepare(context, instance);
+
+      if (data.name && data.legend && context.addLegendEntry)
+         context.addLegendEntry(data.legend, {
+            name: data.name,
+            active: data.active,
+            colorIndex: data.colorIndex,
+            style: data.style,
+            shape: 'line',
+            onClick: e=> { this.onLegendClick(e, instance) }
+         });
+   }
+
+   calculateBounds(context, instance) {
+      let {data, xAxis, yAxis} = instance;
+      let bounds = super.calculateBounds(context, instance);
+
+      let x1 = bounds.l, x2 = bounds.r, y1 = bounds.t, y2 = bounds.b;
+
+      if (data.x1 != null)
+         x1 = xAxis.map(data.x1);
+
+      if (data.x2 != null)
+         x2 = xAxis.map(data.x2);
+
+      if (data.y1 != null)
+         y1 = yAxis.map(data.y1);
+
+      if (data.y2 != null)
+         y2 = yAxis.map(data.y2);
+
+      bounds.l = Math.min(x1, x2);
+      bounds.t = Math.min(y1, y2);
+      bounds.r = Math.max(x1, x2);
+      bounds.b = Math.max(y1, y2);
+
+      instance.x1 = x1;
+      instance.x2 = x2;
+      instance.y1 = y1;
+      instance.y2 = y2;
+
+      return bounds;
+   }
+
+   render(context, instance, key) {
+      let {data, x1, x2, y1, y2} = instance;
+
+      if (!data.active || data.x1 === null || data.x2 === null || data.y1 === null || data.y2 === null)
+         return null;
+
+      let stateMods = {
+         ['color-' + data.colorIndex]: data.colorIndex != null
+      };
+
+      return <g key={key} className={data.classNames}>
+         <line className={this.CSS.element(this.baseClass, 'line', stateMods)} style={data.style} x1={x1} y1={y1} x2={x2} y2={y2} />
+         {this.renderChildren(context, instance)}
+      </g>
+   }
+}
+
+MarkerLine.prototype.xAxis = 'x';
+MarkerLine.prototype.yAxis = 'y';
+MarkerLine.prototype.anchors = '0 1 1 0';
+MarkerLine.prototype.baseClass = 'markerline';
+MarkerLine.prototype.legend = 'legend';
+MarkerLine.prototype.legendAction = 'auto';
+MarkerLine.prototype.affectsAxes = true;
+
+BoundedObject.alias('marker-line', MarkerLine);
+

package/src/charts/MarkerLine.scss

@@ -1,18 +1,18 @@
-
-@mixin cx-markerline(
-   $name: 'markerline',
-   $besm: $cx-besm
-) {
-   $block: map-get($besm, block);
-   $element: map-get($besm, element);
-   $state: map-get($besm, state);
-
-   .#{$element}#{$name}-line {
-      stroke: rgb(128, 128, 128);
-      stroke-width: 1px;
-   }
-}
-
-@if (cx-should-include('cx/charts/MarkerLine')) {
-   @include cx-markerline();
+
+@mixin cx-markerline(
+   $name: 'markerline',
+   $besm: $cx-besm
+) {
+   $block: map-get($besm, block);
+   $element: map-get($besm, element);
+   $state: map-get($besm, state);
+
+   .#{$element}#{$name}-line {
+      stroke: rgb(128, 128, 128);
+      stroke-width: 1px;
+   }
+}
+
+@if (cx-should-include('cx/charts/MarkerLine')) {
+   @include cx-markerline();
 }

package/src/charts/MouseTracker.d.ts

@@ -1,17 +1,17 @@
-import * as Cx from '../core';
-import { BoundedObjectProps } from '../svg/BoundedObject';
-
-interface MouseTrackerProps extends BoundedObjectProps {
-   
-   /** The binding that is used to store the mouse x coordinate. */
-   x?: Cx.NumberProp,
-
-   /** The binding that is used to store the mouse y coordinate. */
-   y?: Cx.NumberProp,
-   
-   /** Base CSS class to be applied to the element. Defaults to `mousetracker`. */
-   baseClass?: string
-
-}
-
+import * as Cx from '../core';
+import { BoundedObjectProps } from '../svg/BoundedObject';
+
+interface MouseTrackerProps extends BoundedObjectProps {
+   
+   /** The binding that is used to store the mouse x coordinate. */
+   x?: Cx.NumberProp,
+
+   /** The binding that is used to store the mouse y coordinate. */
+   y?: Cx.NumberProp,
+   
+   /** Base CSS class to be applied to the element. Defaults to `mousetracker`. */
+   baseClass?: string
+
+}
+
 export class MouseTracker extends Cx.Widget<MouseTrackerProps> {}