cx 24.5.1 → 24.5.2

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> {}

package/src/charts/MouseTracker.js

@@ -1,81 +1,81 @@
-import {BoundedObject} from "../svg/BoundedObject";
-import {VDOM} from '../ui/VDOM';
-import {tooltipMouseMove, tooltipMouseLeave} from '../widgets/overlay/tooltip-ops';
-import {closest} from '../util/DOM';
-import {getTopLevelBoundingClientRect} from "../util/getTopLevelBoundingClientRect";
-
-export class MouseTracker extends BoundedObject {
-   declareData() {
-      return super.declareData(...arguments, {
-         x: undefined,
-         y: undefined
-      });
-   }
-
-   explore(context, instance) {
-      instance.xAxis = context.axes[this.xAxis];
-      instance.yAxis = context.axes[this.yAxis];
-      super.explore(context, instance);
-   }
-
-   render(context, instance, key) {
-      let {data} = instance;
-      let {bounds} = data;
-      if (!bounds.valid())
-         return null;
-
-      return (
-         <g
-            key={key}
-            className={data.classNames}
-            onMouseMove={e => {
-               this.handleMouseMove(e, instance)
-            }}
-            onMouseLeave={e => {
-               this.handleMouseLeave(e, instance)
-            }}
-         >
-            <rect
-               x={bounds.l}
-               y={bounds.t}
-               width={bounds.width()}
-               height={bounds.height()}
-               fill="transparent"
-               strokeWidth="0"
-            />
-            {this.renderChildren(context, instance)}
-         </g>
-      )
-   }
-
-   handleMouseMove(e, instance) {
-      let {xAxis, yAxis} = instance;
-      let svgEl = closest(e.target, el => el.tagName == 'svg');
-      let bounds = getTopLevelBoundingClientRect(svgEl);
-
-      if (xAxis)
-         instance.set('x', xAxis.trackValue(e.clientX - bounds.left));
-
-      if (yAxis)
-         instance.set('y', yAxis.trackValue(e.clientY - bounds.top));
-
-      tooltipMouseMove(e, instance, instance.widget.tooltip);
-   }
-
-   handleMouseLeave(e, instance) {
-      let {xAxis, yAxis} = instance;
-
-      tooltipMouseLeave(e, instance, instance.widget.tooltip);
-
-      if (xAxis)
-         instance.set('x', null);
-
-      if (yAxis)
-         instance.set('y', null);
-   }
-}
-
-MouseTracker.prototype.xAxis = 'x';
-MouseTracker.prototype.yAxis = 'y';
-MouseTracker.prototype.anchors = '0 1 1 0';
+import {BoundedObject} from "../svg/BoundedObject";
+import {VDOM} from '../ui/VDOM';
+import {tooltipMouseMove, tooltipMouseLeave} from '../widgets/overlay/tooltip-ops';
+import {closest} from '../util/DOM';
+import {getTopLevelBoundingClientRect} from "../util/getTopLevelBoundingClientRect";
+
+export class MouseTracker extends BoundedObject {
+   declareData() {
+      return super.declareData(...arguments, {
+         x: undefined,
+         y: undefined
+      });
+   }
+
+   explore(context, instance) {
+      instance.xAxis = context.axes[this.xAxis];
+      instance.yAxis = context.axes[this.yAxis];
+      super.explore(context, instance);
+   }
+
+   render(context, instance, key) {
+      let {data} = instance;
+      let {bounds} = data;
+      if (!bounds.valid())
+         return null;
+
+      return (
+         <g
+            key={key}
+            className={data.classNames}
+            onMouseMove={e => {
+               this.handleMouseMove(e, instance)
+            }}
+            onMouseLeave={e => {
+               this.handleMouseLeave(e, instance)
+            }}
+         >
+            <rect
+               x={bounds.l}
+               y={bounds.t}
+               width={bounds.width()}
+               height={bounds.height()}
+               fill="transparent"
+               strokeWidth="0"
+            />
+            {this.renderChildren(context, instance)}
+         </g>
+      )
+   }
+
+   handleMouseMove(e, instance) {
+      let {xAxis, yAxis} = instance;
+      let svgEl = closest(e.target, el => el.tagName == 'svg');
+      let bounds = getTopLevelBoundingClientRect(svgEl);
+
+      if (xAxis)
+         instance.set('x', xAxis.trackValue(e.clientX - bounds.left));
+
+      if (yAxis)
+         instance.set('y', yAxis.trackValue(e.clientY - bounds.top));
+
+      tooltipMouseMove(e, instance, instance.widget.tooltip);
+   }
+
+   handleMouseLeave(e, instance) {
+      let {xAxis, yAxis} = instance;
+
+      tooltipMouseLeave(e, instance, instance.widget.tooltip);
+
+      if (xAxis)
+         instance.set('x', null);
+
+      if (yAxis)
+         instance.set('y', null);
+   }
+}
+
+MouseTracker.prototype.xAxis = 'x';
+MouseTracker.prototype.yAxis = 'y';
+MouseTracker.prototype.anchors = '0 1 1 0';
 MouseTracker.prototype.baseClass = "mousetracker";

package/src/charts/Pie.js

@@ -1,8 +1,8 @@
-import {PieChart, PieSlice} from './PieChart';
-
-import {debug} from '../util/Debug';
-
-debug('The Pie class is deprecated. Please use PieChart instead.')
-
-export const Pie = PieChart;
-Pie.Slice = PieSlice;
+import {PieChart, PieSlice} from './PieChart';
+
+import {debug} from '../util/Debug';
+
+debug('The Pie class is deprecated. Please use PieChart instead.')
+
+export const Pie = PieChart;
+Pie.Slice = PieSlice;

package/src/charts/PieChart.d.ts

@@ -1,89 +1,89 @@
-import * as Cx from "../core";
-import { BoundedObject, BoundedObjectProps } from "../svg/BoundedObject";
-import { PropertySelection, KeySelection } from "../ui/selection";
-
-interface PieChartProps extends BoundedObjectProps {
-   /** Angle in degrees. Default is `360` which represents the full circle. */
-   angle?: Cx.NumberProp;
-
-   /** Start angle in degrees. Indicates the starting point of the first stack. Default is `0`. */
-   startAngle?: Cx.NumberProp;
-
-   /** When set to `true`, stacks are rendered in clock wise direction. */
-   clockwise?: Cx.BooleanProp;
-
-   /** Gap between slices in pixels. Default is `0` which means there is no gap. */
-   gap?: Cx.NumberProp;
-}
-
-export class PieChart extends Cx.Widget<PieChartProps> {}
-
-interface PieSliceProps extends Cx.StyledContainerProps {
-   /** Used to indicate whether an item is active or not. Inactive items are shown only in the legend. */
-   active?: Cx.BooleanProp;
-
-   /**
-    * Inner pie radius in percents of the maximum available radius.
-    *  If `percentageRadius` flag is set to false, then the value represents the radius in pixels. Default is 0.
-    */
-   r0?: Cx.NumberProp;
-
-   /**
-    * Outer pie radius in percents of the maximum available radius.
-    * If `percentageRadius` flag is set to false, then the value represents the radius in pixels. Default is 50.
-    */
-   r?: Cx.NumberProp;
-
-   /** Index of a color from the standard palette of colors. 0-15. */
-   colorIndex?: Cx.NumberProp;
-
-   /** Used to automatically assign a color based on the `name` and the contextual `ColorMap` widget. */
-   colorMap?: Cx.StringProp;
-
-   /** Name used to resolve the color. If not provided, `name` is used instead. */
-   colorName?: Cx.StringProp;
-
-   /** Value in pixels to be used to explode the pie. */
-   offset?: Cx.NumberProp;
-
-   value?: Cx.NumberProp;
-   disabled?: Cx.BooleanProp;
-   innerPointRadius?: Cx.NumberProp;
-   outerPointRadius?: Cx.NumberProp;
-
-   /** Name of the item as it will appear in the legend. */
-   name?: Cx.StringProp;
-
-   /** Multi-level pie charts consist of multiple stacks. Assign a unique name to each level. Default is `stack`. */
-   stack?: Cx.StringProp;
-
-   /** Name of the legend to be used. Default is `legend`. */
-   legend?: Cx.StringProp;
-
-   percentageRaidus?: boolean;
-
-   /** Base CSS class to be applied to the element. Defaults to `pieslice`. */
-   baseClass?: string;
-
-   legendAction?: string;
-
-   /** Tooltip configuration. For more info see Tooltips. */
-   tooltip?: Cx.StringProp | Cx.StructuredProp;
-
-   /** Selection configuration. */
-   selection?: { type: typeof PropertySelection | typeof KeySelection; [prop: string]: any };
-
-   /** A value used to identify the group of components participating in hover effect synchronization. */
-   hoverChannel?: string;
-
-   /** A value used to uniquely identify the record within the hover sync group. */
-   hoverId?: Cx.StringProp;
-
-   /** Border radius of the slice. Default is 0. */
-   borderRadius?: Cx.NumberProp;
-
-   /** Border radius of the slice. Default is 0. */
-   br?: Cx.NumberProp;
-}
-
-export class PieSlice extends Cx.Widget<PieSliceProps> {}
+import * as Cx from "../core";
+import { BoundedObject, BoundedObjectProps } from "../svg/BoundedObject";
+import { PropertySelection, KeySelection } from "../ui/selection";
+
+interface PieChartProps extends BoundedObjectProps {
+   /** Angle in degrees. Default is `360` which represents the full circle. */
+   angle?: Cx.NumberProp;
+
+   /** Start angle in degrees. Indicates the starting point of the first stack. Default is `0`. */
+   startAngle?: Cx.NumberProp;
+
+   /** When set to `true`, stacks are rendered in clock wise direction. */
+   clockwise?: Cx.BooleanProp;
+
+   /** Gap between slices in pixels. Default is `0` which means there is no gap. */
+   gap?: Cx.NumberProp;
+}
+
+export class PieChart extends Cx.Widget<PieChartProps> {}
+
+interface PieSliceProps extends Cx.StyledContainerProps {
+   /** Used to indicate whether an item is active or not. Inactive items are shown only in the legend. */
+   active?: Cx.BooleanProp;
+
+   /**
+    * Inner pie radius in percents of the maximum available radius.
+    *  If `percentageRadius` flag is set to false, then the value represents the radius in pixels. Default is 0.
+    */
+   r0?: Cx.NumberProp;
+
+   /**
+    * Outer pie radius in percents of the maximum available radius.
+    * If `percentageRadius` flag is set to false, then the value represents the radius in pixels. Default is 50.
+    */
+   r?: Cx.NumberProp;
+
+   /** Index of a color from the standard palette of colors. 0-15. */
+   colorIndex?: Cx.NumberProp;
+
+   /** Used to automatically assign a color based on the `name` and the contextual `ColorMap` widget. */
+   colorMap?: Cx.StringProp;
+
+   /** Name used to resolve the color. If not provided, `name` is used instead. */
+   colorName?: Cx.StringProp;
+
+   /** Value in pixels to be used to explode the pie. */
+   offset?: Cx.NumberProp;
+
+   value?: Cx.NumberProp;
+   disabled?: Cx.BooleanProp;
+   innerPointRadius?: Cx.NumberProp;
+   outerPointRadius?: Cx.NumberProp;
+
+   /** Name of the item as it will appear in the legend. */
+   name?: Cx.StringProp;
+
+   /** Multi-level pie charts consist of multiple stacks. Assign a unique name to each level. Default is `stack`. */
+   stack?: Cx.StringProp;
+
+   /** Name of the legend to be used. Default is `legend`. */
+   legend?: Cx.StringProp;
+
+   percentageRaidus?: boolean;
+
+   /** Base CSS class to be applied to the element. Defaults to `pieslice`. */
+   baseClass?: string;
+
+   legendAction?: string;
+
+   /** Tooltip configuration. For more info see Tooltips. */
+   tooltip?: Cx.StringProp | Cx.StructuredProp;
+
+   /** Selection configuration. */
+   selection?: { type: typeof PropertySelection | typeof KeySelection; [prop: string]: any };
+
+   /** A value used to identify the group of components participating in hover effect synchronization. */
+   hoverChannel?: string;
+
+   /** A value used to uniquely identify the record within the hover sync group. */
+   hoverId?: Cx.StringProp;
+
+   /** Border radius of the slice. Default is 0. */
+   borderRadius?: Cx.NumberProp;
+
+   /** Border radius of the slice. Default is 0. */
+   br?: Cx.NumberProp;
+}
+
+export class PieSlice extends Cx.Widget<PieSliceProps> {}