cx 24.7.2 → 24.7.3

package/dist/svg.js

@@ -523,6 +523,8 @@ var Rectangle = /*#__PURE__*/ (function (_TextualBoundedObject) {
 					colorIndex: undefined,
 					fill: undefined,
 					stroke: undefined,
+					rx: undefined,
+					ry: undefined,
 				},
 			]),
 		);
@@ -546,6 +548,8 @@ var Rectangle = /*#__PURE__*/ (function (_TextualBoundedObject) {
 						style: data.style,
 						fill: data.fill,
 						stroke: data.stroke,
+						rx: data.rx,
+						ry: data.ry,
 					}),
 					this.renderChildren(context, instance),
 				],
@@ -557,6 +561,8 @@ var Rectangle = /*#__PURE__*/ (function (_TextualBoundedObject) {
 })(TextualBoundedObject);
 Rectangle.prototype.baseClass = "rectangle";
 Rectangle.prototype.anchors = "0 1 1 0";
+Rectangle.prototype.rx = undefined;
+Rectangle.prototype.ry = undefined;
 Widget.alias("rectangle", Rectangle);
 
 var ClipRect = /*#__PURE__*/ (function (_BoundedObject) {

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "24.7.2",
+   "version": "24.7.3",
    "description": "Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.",
    "main": "index.js",
    "jsnext:main": "src/index.js",

package/src/charts/LegendEntry.d.ts

@@ -1,7 +1,7 @@
 import * as Cx from '../core';
 
 interface LegendEntryProps extends Cx.HtmlElementProps {
-   
+
    /** Indicate that entry is selected. */
    selected?: Cx.BooleanProp,
 
@@ -28,11 +28,25 @@ interface LegendEntryProps extends Cx.HtmlElementProps {
 
    /** Base CSS class to be applied to the element. No class is applied by default. */
    baseClass?: string,
-   
+
    legendAction?: string,
 
    /** Size of the svg shape container in pixels. Default value is 20. */
-   svgSize?: number
+   svgSize?: number;
+
+   /**
+    * Applies to rectangular shapes. The horizontal corner radius of the rect. Defaults to ry if ry is specified.
+    * Value type: <length>|<percentage>;
+    * If unit is not specified, it defaults to `px`.
+    */
+   rx?: Cx.StringProp | Cx.NumberProp;
+
+   /**
+    * Applies to rectangular shapes. The vertical corner radius of the rect. Defaults to rx if rx is specified.
+    * Value type: <length>|<percentage>;
+    * If unit is not specified, it defaults to `px`.
+    */
+   ry?: Cx.StringProp | Cx.NumberProp;
 }
 
 export class LegendEntry extends Cx.Widget<LegendEntryProps> {}

package/src/charts/LegendEntry.js

@@ -23,6 +23,8 @@ export class LegendEntry extends HtmlElement {
          name: undefined,
          active: true,
          size: undefined,
+         rx: undefined,
+         ry: undefined
       });
    }
 
@@ -102,6 +104,8 @@ export class LegendEntry extends HtmlElement {
             {shape(this.svgSize / 2, this.svgSize / 2, entry.size, {
                style: entry.style,
                className: className,
+               rx: entry.rx,
+               ry: entry.ry
             })}
          </svg>
       );

package/src/charts/Marker.d.ts

@@ -1,96 +1,110 @@
-import * as Cx from "../core";
-import { BoundedObject, BoundedObjectProps } from "../svg/BoundedObject";
-
-interface MarkerProps extends BoundedObjectProps {
-   /** The `x` value binding or expression. */
-   x?: Cx.Prop<string | number>;
-
-   /** The `y` value binding or expression. */
-   y?: Cx.Prop<string | number>;
-
-   /** Used to indicate if the data should affect axis span. */
-   affectsAxes?: Cx.BooleanProp;
-
-   /** Shape kind. `circle`, `square`, `triangle`, etc. */
-   shape?: Cx.StringProp;
-
-   disabled?: Cx.BooleanProp;
-
-   /** Index of a color from the standard palette of colors. 0-15. */
-   colorIndex?: Cx.Prop<string | number>;
-
-   /** 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;
-
-   legendColorIndex?: Cx.NumberProp;
-
-   /** Name of the item as it will appear in the legend. */
-   name?: Cx.StringProp;
-
-   /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
-   active?: Cx.BooleanProp;
-
-   xOffset?: number;
-   yOffset?: number;
-
-   /** Size of the shape in pixels. */
-   size?: 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 `marker`. */
-   baseClass?: string;
-
-   /** Set to `true` to make the shape draggable along the X axis. */
-   draggableX?: boolean;
-
-   /** Set to `true` to make the shape draggable along the Y axis. */
-   draggableY?: boolean;
-
-   /** Set to `true` to make the shape draggable along the X and Y axis. */
-   draggable?: boolean;
-
-   /** Constrain the marker position to min/max values of the X axis during drag operations. */
-   constrainX?: boolean;
-
-   /** Constrain the marker position to min/max values of the Y axis during drag operations. */
-   constrainY?: boolean;
-
-   /** When set to `true`, it is equivalent to setting `constrainX` and `constrainY` to true. */
-   constrain?: boolean;
-
-   /** Name of the legend to be used. Default is `legend`. */
-   legend?: string;
-
-   legendAction?: string;
-
-   /** Tooltip configuration. For more info see Tooltips. */
-   tooltip?: Cx.StringProp | Cx.StructuredProp;
-
-   /** Set to true to hide the marker. The marker will still participate in axis range calculations. */
-   hidden?: boolean;
-
-   /** Indicate that markers should be stacked horizontally. Default value is `false`. */
-   stackedX?: Cx.BooleanProp;
-
-   /** Indicate that markers should be stacked vertically. Default value is `false`. */
-   stackedY?: Cx.BooleanProp;
-
-   /** Name of the stack. If multiple stacks are used, each should have a unique name. Default value is `stack`. */
-   stack?: Cx.StringProp;
-}
-
-export class Marker extends Cx.Widget<MarkerProps> {}
+import * as Cx from "../core";
+import { BoundedObject, BoundedObjectProps } from "../svg/BoundedObject";
+
+interface MarkerProps extends BoundedObjectProps {
+   /** The `x` value binding or expression. */
+   x?: Cx.Prop<string | number>;
+
+   /** The `y` value binding or expression. */
+   y?: Cx.Prop<string | number>;
+
+   /** Used to indicate if the data should affect axis span. */
+   affectsAxes?: Cx.BooleanProp;
+
+   /** Shape kind. `circle`, `square`, `triangle`, etc. */
+   shape?: Cx.StringProp;
+
+   disabled?: Cx.BooleanProp;
+
+   /** Index of a color from the standard palette of colors. 0-15. */
+   colorIndex?: Cx.Prop<string | number>;
+
+   /** 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;
+
+   legendColorIndex?: Cx.NumberProp;
+
+   /** Name of the item as it will appear in the legend. */
+   name?: Cx.StringProp;
+
+   /** Used to indicate if an item is active or not. Inactive items are shown only in the legend. */
+   active?: Cx.BooleanProp;
+
+   xOffset?: number;
+   yOffset?: number;
+
+   /** Size of the shape in pixels. */
+   size?: 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 `marker`. */
+   baseClass?: string;
+
+   /** Set to `true` to make the shape draggable along the X axis. */
+   draggableX?: boolean;
+
+   /** Set to `true` to make the shape draggable along the Y axis. */
+   draggableY?: boolean;
+
+   /** Set to `true` to make the shape draggable along the X and Y axis. */
+   draggable?: boolean;
+
+   /** Constrain the marker position to min/max values of the X axis during drag operations. */
+   constrainX?: boolean;
+
+   /** Constrain the marker position to min/max values of the Y axis during drag operations. */
+   constrainY?: boolean;
+
+   /** When set to `true`, it is equivalent to setting `constrainX` and `constrainY` to true. */
+   constrain?: boolean;
+
+   /** Name of the legend to be used. Default is `legend`. */
+   legend?: string;
+
+   legendAction?: string;
+
+   /** Tooltip configuration. For more info see Tooltips. */
+   tooltip?: Cx.StringProp | Cx.StructuredProp;
+
+   /** Set to true to hide the marker. The marker will still participate in axis range calculations. */
+   hidden?: boolean;
+
+   /** Indicate that markers should be stacked horizontally. Default value is `false`. */
+   stackedX?: Cx.BooleanProp;
+
+   /** Indicate that markers should be stacked vertically. Default value is `false`. */
+   stackedY?: Cx.BooleanProp;
+
+   /** Name of the stack. If multiple stacks are used, each should have a unique name. Default value is `stack`. */
+   stack?: Cx.StringProp;
+
+   /**
+    * Applies to rectangular shapes. The horizontal corner radius of the rect. Defaults to ry if ry is specified.
+    * Value type: <length>|<percentage>;
+    * If unit is not specified, it defaults to `px`.
+    */
+   rx?: Cx.StringProp | Cx.NumberProp;
+
+   /**
+    * Applies to rectangular shapes. The vertical corner radius of the rect. Defaults to rx if rx is specified.
+    * Value type: <length>|<percentage>;
+    * If unit is not specified, it defaults to `px`.
+    */
+   ry?: Cx.StringProp | Cx.NumberProp;
+}
+
+export class Marker extends Cx.Widget<MarkerProps> {}