cx 24.7.1 → 24.7.3

package/src/svg/Rectangle.d.ts

@@ -2,23 +2,36 @@ import * as Cx from '../core';
 import {TextualBoundedObject, TextualBoundedObjectProps} from './TextualBoundedObject';
 
 interface RectangleProps extends TextualBoundedObjectProps {
-   
-   /** 
-    * Index of the color in the default color palette. Setting this property will set 
-    * both fill and stroke on the object. Use `style` or a CSS class to remove stroke or fill 
-    * if they are not necessary. 
+
+   /**
+    * Index of the color in the default color palette. Setting this property will set
+    * both fill and stroke on the object. Use `style` or a CSS class to remove stroke or fill
+    * if they are not necessary.
     */
    colorIndex?: Cx.NumberProp,
 
    /** A color used to paint the box. */
    fill?: Cx.StringProp,
-   
+
    /** A color used to paint the outline of the box. */
    stroke?: Cx.StringProp,
 
    /** Base CSS class to be applied to the element. Defaults to `rectangle`. */
-   baseClass?: string
+   baseClass?: string;
 
+   /**
+    * The horizontal corner radius of the rect. Defaults to ry if it is specified.
+    * Value type: <length>|<percentage>;
+    * If unit is not specified, it defaults to `px`.
+    */
+   rx?: Cx.StringProp | Cx.NumberProp;
+
+   /**
+    * The vertical corner radius of the rect. Defaults to rx if it is specified.
+    * Value type: <length>|<percentage>;
+    * If unit is not specified, it defaults to `px`.
+    */
+   ry?: Cx.StringProp | Cx.NumberProp;
 }
 
 export class Rectangle extends Cx.Widget<RectangleProps> {}

package/src/svg/Rectangle.js

@@ -2,12 +2,13 @@ import {Widget, VDOM} from '../ui/Widget';
 import {TextualBoundedObject} from './TextualBoundedObject';
 
 export class Rectangle extends TextualBoundedObject {
-
    declareData() {
       super.declareData(...arguments, {
          colorIndex: undefined,
          fill: undefined,
-         stroke: undefined
+         stroke: undefined,
+         rx: undefined,
+         ry: undefined,
       })
    }
 
@@ -25,6 +26,8 @@ export class Rectangle extends TextualBoundedObject {
                style={data.style}
                fill={data.fill}
                stroke={data.stroke}
+               rx={data.rx}
+               ry={data.ry}
          />
          {this.renderChildren(context, instance)}
       </g>;
@@ -33,5 +36,7 @@ export class Rectangle extends TextualBoundedObject {
 
 Rectangle.prototype.baseClass = 'rectangle';
 Rectangle.prototype.anchors = '0 1 1 0';
+Rectangle.prototype.rx = undefined;
+Rectangle.prototype.ry = undefined;
 
 Widget.alias('rectangle', Rectangle);

package/src/svg/Text.d.ts

@@ -1,40 +1,40 @@
-import * as Cx from "../core";
-import { BoundedObject, BoundedObjectProps } from "./BoundedObject";
-
-interface TextProps extends BoundedObjectProps {
-   /** Text to be displayed. */
-   value?: Cx.StringProp;
-
-   bind?: string;
-   tpl?: string;
-   expr?: string;
-
-   /** Offset along the x-axis. */
-   dx?: Cx.Prop<string | number>;
-
-   /**
-    * Offset along the y-axis. This property is commonly used for vertical text alignment.
-    * Set dy="0.8em" to align the text with the top and dy="0.4em" to center it vertically.
-    */
-   dy?: Cx.Prop<string | number>;
-
-   /** Used for horizontal text alignment. Accepted values are `start`, `middle` and `end`. */
-   textAnchor?: Cx.StringProp;
-
-   /** Used for horizontal text alignment. Accepted values are `start`, `middle` and `end`. */
-   ta?: Cx.StringProp;
-
-   /** Sets text-body color. */
-   fill?: Cx.StringProp;
-
-   /** Sets text-outline color. */
-   stroke?: Cx.StringProp;
-
-   /** Base CSS class to be applied to the element. Defaults to `text`. */
-   baseClass?: string;
-
-   /** Set to true for the text to set the text anchor based on the direction of the parent element. See PieLabels example.  */
-   autoTextAnchor?: boolean;
-}
-
-export class Text extends Cx.Widget<TextProps> {}
+import * as Cx from "../core";
+import { BoundedObject, BoundedObjectProps } from "./BoundedObject";
+
+interface TextProps extends BoundedObjectProps {
+   /** Text to be displayed. */
+   value?: Cx.StringProp;
+
+   bind?: string;
+   tpl?: string;
+   expr?: string;
+
+   /** Offset along the x-axis. */
+   dx?: Cx.Prop<string | number>;
+
+   /**
+    * Offset along the y-axis. This property is commonly used for vertical text alignment.
+    * Set dy="0.8em" to align the text with the top and dy="0.4em" to center it vertically.
+    */
+   dy?: Cx.Prop<string | number>;
+
+   /** Used for horizontal text alignment. Accepted values are `start`, `middle` and `end`. */
+   textAnchor?: Cx.StringProp;
+
+   /** Used for horizontal text alignment. Accepted values are `start`, `middle` and `end`. */
+   ta?: Cx.StringProp;
+
+   /** Sets text-body color. */
+   fill?: Cx.StringProp;
+
+   /** Sets text-outline color. */
+   stroke?: Cx.StringProp;
+
+   /** Base CSS class to be applied to the element. Defaults to `text`. */
+   baseClass?: string;
+
+   /** Set to true for the text to set the text anchor based on the direction of the parent element. See PieLabels example.  */
+   autoTextAnchor?: boolean;
+}
+
+export class Text extends Cx.Widget<TextProps> {}

package/src/ui/Controller.d.ts

@@ -1,182 +1,182 @@
-import * as Cx from "../core";
-
-import { View } from "../data/View";
-import { Instance } from "./Instance";
-
-export class Controller<D = any> {
-   onInit?(): void;
-
-   onExplore?(context?): void;
-
-   onPrepare?(context?): void;
-
-   onCleanup?(context?): void;
-
-   onDestroy?(): void;
-
-   init?(): void;
-
-   store: View<D>;
-   widget: any;
-   instance: Instance<D, Controller<D>>;
-
-   addTrigger<V1>(name: string, args: [Cx.AccessorChain<V1>], callback: (v1: V1) => void, autoRun?: boolean): void;
-   addTrigger<V1, V2>(
-      name: string,
-      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>],
-      callback: (v1: V1, v2: V2) => void,
-      autoRun?: boolean
-   ): void;
-   addTrigger<V1, V2, V3>(
-      name: string,
-      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>, Cx.AccessorChain<V3>],
-      callback: (v1: V1, v2: V2, v3: V3) => void,
-      autoRun?: boolean
-   ): void;
-   addTrigger<V1, V2, V3, V4>(
-      name: string,
-      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>, Cx.AccessorChain<V3>, Cx.AccessorChain<V4>],
-      callback: (v1: V1, v2: V2, v3: V3, v4: V4) => void,
-      autoRun?: boolean
-   ): void;
-   addTrigger<V1, V2, V3, V4, V5>(
-      name: string,
-      args: [
-         Cx.AccessorChain<V1>,
-         Cx.AccessorChain<V2>,
-         Cx.AccessorChain<V3>,
-         Cx.AccessorChain<V4>,
-         Cx.AccessorChain<V5>
-      ],
-      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5) => void,
-      autoRun?: boolean
-   ): void;
-   addTrigger<V1, V2, V3, V4, V5, V6>(
-      name: string,
-      args: [
-         Cx.AccessorChain<V1>,
-         Cx.AccessorChain<V2>,
-         Cx.AccessorChain<V3>,
-         Cx.AccessorChain<V4>,
-         Cx.AccessorChain<V5>,
-         Cx.AccessorChain<V6>
-      ],
-      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6) => void,
-      autoRun?: boolean
-   ): void;
-   addTrigger<V1, V2, V3, V4, V5, V6, V7>(
-      name: string,
-      args: [
-         Cx.AccessorChain<V1>,
-         Cx.AccessorChain<V2>,
-         Cx.AccessorChain<V3>,
-         Cx.AccessorChain<V4>,
-         Cx.AccessorChain<V5>,
-         Cx.AccessorChain<V6>,
-         Cx.AccessorChain<V7>
-      ],
-      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7) => void,
-      autoRun?: boolean
-   ): void;
-   addTrigger<V1, V2, V3, V4, V5, V6, V7, V8>(
-      name: string,
-      args: [
-         Cx.AccessorChain<V1>,
-         Cx.AccessorChain<V2>,
-         Cx.AccessorChain<V3>,
-         Cx.AccessorChain<V4>,
-         Cx.AccessorChain<V5>,
-         Cx.AccessorChain<V6>,
-         Cx.AccessorChain<V7>,
-         Cx.AccessorChain<V8>
-      ],
-      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7, v8: v8) => void,
-      autoRun?: boolean
-   ): void;
-
-   addTrigger(
-      name: string,
-      args: (string | Cx.AccessorChain<any>)[],
-      callback: (...args) => void,
-      autoRun?: boolean
-   ): void;
-
-   addComputable<V1, R>(path: Cx.AccessorChain<R>, args: [Cx.AccessorChain<V1>], callback: (v1: V1) => R): void;
-   addComputable<V1, V2, R>(
-      path: Cx.AccessorChain<R>,
-      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>],
-      callback: (v1: V1, v2: V2) => R
-   ): void;
-   addComputable<V1, V2, V3, R>(
-      path: Cx.AccessorChain<R>,
-      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>, Cx.AccessorChain<V3>],
-      callback: (v1: V1, v2: V2, v3: V3) => R
-   ): void;
-   addComputable<V1, V2, V3, V4, R>(
-      path: Cx.AccessorChain<R>,
-      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>, Cx.AccessorChain<V3>, Cx.AccessorChain<V4>],
-      callback: (v1: V1, v2: V2, v3: V3, v4: V4) => R
-   ): void;
-   addComputable<V1, V2, V3, V4, V5, R>(
-      path: Cx.AccessorChain<R>,
-      args: [
-         Cx.AccessorChain<V1>,
-         Cx.AccessorChain<V2>,
-         Cx.AccessorChain<V3>,
-         Cx.AccessorChain<V4>,
-         Cx.AccessorChain<V5>
-      ],
-      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5) => R
-   ): void;
-   addComputable<V1, V2, V3, V4, V5, V6, R>(
-      path: Cx.AccessorChain<R>,
-      args: [
-         Cx.AccessorChain<V1>,
-         Cx.AccessorChain<V2>,
-         Cx.AccessorChain<V3>,
-         Cx.AccessorChain<V4>,
-         Cx.AccessorChain<V5>,
-         Cx.AccessorChain<V6>
-      ],
-      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6) => R
-   ): void;
-   addComputable<V1, V2, V3, V4, V5, V6, V7, R>(
-      path: Cx.AccessorChain<R>,
-      args: [
-         Cx.AccessorChain<V1>,
-         Cx.AccessorChain<V2>,
-         Cx.AccessorChain<V3>,
-         Cx.AccessorChain<V4>,
-         Cx.AccessorChain<V5>,
-         Cx.AccessorChain<V6>,
-         Cx.AccessorChain<V7>
-      ],
-      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7) => R
-   ): void;
-   addComputable<V1, V2, V3, V4, V5, V6, V7, V8, R>(
-      path: Cx.AccessorChain<R>,
-      args: [
-         Cx.AccessorChain<V1>,
-         Cx.AccessorChain<V2>,
-         Cx.AccessorChain<V3>,
-         Cx.AccessorChain<V4>,
-         Cx.AccessorChain<V5>,
-         Cx.AccessorChain<V6>,
-         Cx.AccessorChain<V7>,
-         Cx.AccessorChain<V8>
-      ],
-      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7, v8: V8) => R
-   ): void;
-
-   addComputable(path: string, args: (string | Cx.AccessorChain<any>)[], callback: (...args) => any): void;
-
-   removeTrigger(name: string): void;
-
-   removeComputable(name: string): void;
-
-   /** Invoke a method found on a parent controller. */
-   invokeParentMethod(methodName: string, ...args: any[]);
-
-   /** Invoke a method of this controller. */
-   invokeMethod(methodName: string, ...args: any[]);
-}
+import * as Cx from "../core";
+
+import { View } from "../data/View";
+import { Instance } from "./Instance";
+
+export class Controller<D = any> {
+   onInit?(): void;
+
+   onExplore?(context?): void;
+
+   onPrepare?(context?): void;
+
+   onCleanup?(context?): void;
+
+   onDestroy?(): void;
+
+   init?(): void;
+
+   store: View<D>;
+   widget: any;
+   instance: Instance<D, Controller<D>>;
+
+   addTrigger<V1>(name: string, args: [Cx.AccessorChain<V1>], callback: (v1: V1) => void, autoRun?: boolean): void;
+   addTrigger<V1, V2>(
+      name: string,
+      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>],
+      callback: (v1: V1, v2: V2) => void,
+      autoRun?: boolean
+   ): void;
+   addTrigger<V1, V2, V3>(
+      name: string,
+      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>, Cx.AccessorChain<V3>],
+      callback: (v1: V1, v2: V2, v3: V3) => void,
+      autoRun?: boolean
+   ): void;
+   addTrigger<V1, V2, V3, V4>(
+      name: string,
+      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>, Cx.AccessorChain<V3>, Cx.AccessorChain<V4>],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4) => void,
+      autoRun?: boolean
+   ): void;
+   addTrigger<V1, V2, V3, V4, V5>(
+      name: string,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5) => void,
+      autoRun?: boolean
+   ): void;
+   addTrigger<V1, V2, V3, V4, V5, V6>(
+      name: string,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6) => void,
+      autoRun?: boolean
+   ): void;
+   addTrigger<V1, V2, V3, V4, V5, V6, V7>(
+      name: string,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>,
+         Cx.AccessorChain<V7>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7) => void,
+      autoRun?: boolean
+   ): void;
+   addTrigger<V1, V2, V3, V4, V5, V6, V7, V8>(
+      name: string,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>,
+         Cx.AccessorChain<V7>,
+         Cx.AccessorChain<V8>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7, v8: v8) => void,
+      autoRun?: boolean
+   ): void;
+
+   addTrigger(
+      name: string,
+      args: (string | Cx.AccessorChain<any>)[],
+      callback: (...args) => void,
+      autoRun?: boolean
+   ): void;
+
+   addComputable<V1, R>(path: Cx.AccessorChain<R>, args: [Cx.AccessorChain<V1>], callback: (v1: V1) => R): void;
+   addComputable<V1, V2, R>(
+      path: Cx.AccessorChain<R>,
+      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>],
+      callback: (v1: V1, v2: V2) => R
+   ): void;
+   addComputable<V1, V2, V3, R>(
+      path: Cx.AccessorChain<R>,
+      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>, Cx.AccessorChain<V3>],
+      callback: (v1: V1, v2: V2, v3: V3) => R
+   ): void;
+   addComputable<V1, V2, V3, V4, R>(
+      path: Cx.AccessorChain<R>,
+      args: [Cx.AccessorChain<V1>, Cx.AccessorChain<V2>, Cx.AccessorChain<V3>, Cx.AccessorChain<V4>],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4) => R
+   ): void;
+   addComputable<V1, V2, V3, V4, V5, R>(
+      path: Cx.AccessorChain<R>,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5) => R
+   ): void;
+   addComputable<V1, V2, V3, V4, V5, V6, R>(
+      path: Cx.AccessorChain<R>,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6) => R
+   ): void;
+   addComputable<V1, V2, V3, V4, V5, V6, V7, R>(
+      path: Cx.AccessorChain<R>,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>,
+         Cx.AccessorChain<V7>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7) => R
+   ): void;
+   addComputable<V1, V2, V3, V4, V5, V6, V7, V8, R>(
+      path: Cx.AccessorChain<R>,
+      args: [
+         Cx.AccessorChain<V1>,
+         Cx.AccessorChain<V2>,
+         Cx.AccessorChain<V3>,
+         Cx.AccessorChain<V4>,
+         Cx.AccessorChain<V5>,
+         Cx.AccessorChain<V6>,
+         Cx.AccessorChain<V7>,
+         Cx.AccessorChain<V8>
+      ],
+      callback: (v1: V1, v2: V2, v3: V3, v4: V4, v5: V5, v6: V6, v7: V7, v8: V8) => R
+   ): void;
+
+   addComputable(path: string, args: (string | Cx.AccessorChain<any>)[], callback: (...args) => any): void;
+
+   removeTrigger(name: string): void;
+
+   removeComputable(name: string): void;
+
+   /** Invoke a method found on a parent controller. */
+   invokeParentMethod(methodName: string, ...args: any[]);
+
+   /** Invoke a method of this controller. */
+   invokeMethod(methodName: string, ...args: any[]);
+}