jpf 4.2.18 → 5.0.6

package/dist/controls/svg/Circle/Circle.js

@@ -1,21 +1,21 @@
-import { View } from "../../../framework/View";
-import { extendProperties } from "../../../framework/ViewModel";
-export class CircleView extends View {
-    constructor(properties) {
-        super({
-            tagName: "circle",
-            properties: extendProperties({
-                viewType: "Circle",
-                attributes: {
-                    cx: properties.cx,
-                    cy: properties.cy,
-                    r: properties.r
-                }
-            }, properties)
-        });
-    }
-}
-export function circleView(properties) {
-    return new CircleView(properties);
-}
+import { Element } from "../../../framework/element";
+import { extendProperties } from "../../../framework/properties";
+export class CircleElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "circle",
+            properties: extendProperties(properties, {
+                elementType: "Circle",
+                attributes: {
+                    cx: properties.cx,
+                    cy: properties.cy,
+                    r: properties.r
+                }
+            })
+        });
+    }
+}
+export function createCircle(properties) {
+    return new CircleElement(properties);
+}
 //# sourceMappingURL=Circle.js.map

package/dist/controls/svg/Circle/Circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../../../src/controls/svg/Circle/Circle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAc,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAS3E,MAAM,OAAO,UAAW,SAAQ,IAAsB;IAClD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,QAAQ;YACjB,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE;oBACR,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,CAAC,EAAE,UAAU,CAAC,CAAC;iBAClB;aACJ,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,UAAU,CAAC,UAA4B;IACnD,OAAO,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC"}
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../../../src/controls/svg/Circle/Circle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAe,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAS7E,MAAM,OAAO,aAAc,SAAQ,OAA0B;IACzD,YAAY,UAA6B;QACrC,KAAK,CACD;YACI,OAAO,EAAE,QAAQ;YACjB,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,QAAQ;gBACrB,UAAU,EAAE;oBACR,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,CAAC,EAAE,UAAU,CAAC,CAAC;iBAClB;aACJ,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,YAAY,CAAC,UAA6B;IACtD,OAAO,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC;AACzC,CAAC"}

package/dist/controls/svg/Ellipse/Ellipse.d.ts

@@ -1,13 +1,13 @@
-import { View } from "../../../framework/View";
-import { Properties } from "../../../framework/ViewModel";
-import { Subscribable } from "knockout";
-export interface EllipseProperties extends Properties {
-    cx: number | string | Subscribable<number | string>;
-    cy: number | string | Subscribable<number | string>;
-    rx: number | string | Subscribable<number | string>;
-    ry: number | string | Subscribable<number | string>;
-}
-export declare class EllipseView extends View<EllipseProperties> {
-    constructor(properties: EllipseProperties);
-}
-export declare function ellipseView(properties: EllipseProperties): EllipseView;
+import { Element } from "../../../framework/element";
+import { IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+export interface IEllipseProperties extends IProperties {
+    cx: number | string | ISubscribable<number | string>;
+    cy: number | string | ISubscribable<number | string>;
+    rx: number | string | ISubscribable<number | string>;
+    ry: number | string | ISubscribable<number | string>;
+}
+export declare class EllipseElement extends Element<IEllipseProperties> {
+    constructor(properties: IEllipseProperties);
+}
+export declare function createEllipse(properties: IEllipseProperties): EllipseElement;

package/dist/controls/svg/Ellipse/Ellipse.js

@@ -1,22 +1,22 @@
-import { View } from "../../../framework/View";
-import { extendProperties } from "../../../framework/ViewModel";
-export class EllipseView extends View {
-    constructor(properties) {
-        super({
-            tagName: "ellipse",
-            properties: extendProperties({
-                viewType: "Ellipse",
-                attributes: {
-                    cx: properties.cx,
-                    cy: properties.cy,
-                    rx: properties.rx,
-                    ry: properties.ry
-                }
-            }, properties)
-        });
-    }
-}
-export function ellipseView(properties) {
-    return new EllipseView(properties);
-}
+import { Element } from "../../../framework/element";
+import { extendProperties } from "../../../framework/properties";
+export class EllipseElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "ellipse",
+            properties: extendProperties(properties, {
+                elementType: "Ellipse",
+                attributes: {
+                    cx: properties.cx,
+                    cy: properties.cy,
+                    rx: properties.rx,
+                    ry: properties.ry
+                }
+            })
+        });
+    }
+}
+export function createEllipse(properties) {
+    return new EllipseElement(properties);
+}
 //# sourceMappingURL=Ellipse.js.map

package/dist/controls/svg/Ellipse/Ellipse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ellipse.js","sourceRoot":"","sources":["../../../../src/controls/svg/Ellipse/Ellipse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAc,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAU3E,MAAM,OAAO,WAAY,SAAQ,IAAuB;IACpD,YAAY,UAA6B;QACrC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,SAAS;gBACnB,UAAU,EAAE;oBACR,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;iBACpB;aACJ,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,WAAW,CAAC,UAA6B;IACrD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC"}
+{"version":3,"file":"Ellipse.js","sourceRoot":"","sources":["../../../../src/controls/svg/Ellipse/Ellipse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAe,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAU7E,MAAM,OAAO,cAAe,SAAQ,OAA2B;IAC3D,YAAY,UAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,SAAS;gBACtB,UAAU,EAAE;oBACR,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;iBACpB;aACJ,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,aAAa,CAAC,UAA8B;IACxD,OAAO,IAAI,cAAc,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC"}

package/dist/controls/svg/ForeignObject/ForeignObject.d.ts

@@ -1,14 +1,15 @@
-import { View, IView } from "../../../framework/View";
-import { Properties } from "../../../framework/ViewModel";
-import { Computed, ObservableArray, Subscribable } from "knockout";
-export interface ForeignObjectProperties extends Properties {
-    height?: number | string | Subscribable<number | string>;
-    width?: number | string | Subscribable<number | string>;
-    x?: number | string | Subscribable<number | string>;
-    y?: number | string | Subscribable<number | string>;
-    children?: Array<IView> | ObservableArray<IView> | Computed<Array<IView>>;
-}
-export declare class ForeignObjectView extends View<ForeignObjectProperties> {
-    constructor(properties: ForeignObjectProperties);
-}
-export declare function foreignObjectView(properties: ForeignObjectProperties): ForeignObjectView;
+import { Element, IElement } from "../../../framework/element";
+import { IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+export interface IForeignObjectProperties extends IProperties {
+    height?: number | string | ISubscribable<number | string>;
+    width?: number | string | ISubscribable<number | string>;
+    x?: number | string | ISubscribable<number | string>;
+    y?: number | string | ISubscribable<number | string>;
+    children?: Array<IElement> | ISubscribable<Array<IElement>>;
+}
+declare class ForeignObjectElement extends Element<IForeignObjectProperties> {
+    constructor(properties: IForeignObjectProperties);
+}
+export declare function createForeignObject(properties: IForeignObjectProperties): ForeignObjectElement;
+export {};

package/dist/controls/svg/ForeignObject/ForeignObject.js

@@ -1,23 +1,22 @@
-import { View } from "../../../framework/View";
-import { extendProperties } from "../../../framework/ViewModel";
-export class ForeignObjectView extends View {
-    constructor(properties) {
-        super({
-            tagName: "foreignObject",
-            properties: extendProperties({
-                viewType: "ForeignObject",
-                attributes: {
-                    height: properties.height,
-                    width: properties.width,
-                    x: properties.x,
-                    y: properties.y
-                }
-            }, properties),
-            children: properties.children
-        });
-    }
-}
-export function foreignObjectView(properties) {
-    return new ForeignObjectView(properties);
-}
+import { Element } from "../../../framework/element";
+import { extendProperties } from "../../../framework/properties";
+class ForeignObjectElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "foreignObject",
+            properties: extendProperties(properties, {
+                elementType: "ForeignObject",
+                attributes: {
+                    height: properties.height,
+                    width: properties.width,
+                    x: properties.x,
+                    y: properties.y
+                }
+            })
+        }, properties.children);
+    }
+}
+export function createForeignObject(properties) {
+    return new ForeignObjectElement(properties);
+}
 //# sourceMappingURL=ForeignObject.js.map

package/dist/controls/svg/ForeignObject/ForeignObject.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForeignObject.js","sourceRoot":"","sources":["../../../../src/controls/svg/ForeignObject/ForeignObject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAS,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAW5E,MAAM,OAAO,iBAAkB,SAAQ,IAA6B;IAChE,YAAY,UAAmC;QAC3C,KAAK,CACD;YACI,OAAO,EAAE,eAAe;YACxB,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,eAAe;gBACzB,UAAU,EAAE;oBACR,MAAM,EAAE,UAAU,CAAC,MAAM;oBACzB,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,CAAC,EAAE,UAAU,CAAC,CAAC;oBACf,CAAC,EAAE,UAAU,CAAC,CAAC;iBAClB;aACJ,EACD,UAAU,CACb;YACD,QAAQ,EAAE,UAAU,CAAC,QAAQ;SAChC,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,iBAAiB,CAAC,UAAmC;IACjE,OAAO,IAAI,iBAAiB,CAAC,UAAU,CAAC,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"ForeignObject.js","sourceRoot":"","sources":["../../../../src/controls/svg/ForeignObject/ForeignObject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAY,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAU9E,MAAM,oBAAqB,SAAQ,OAAiC;IAChE,YAAY,UAAoC;QAC5C,KAAK,CACD;YACI,OAAO,EAAE,eAAe;YACxB,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,eAAe;gBAC5B,UAAU,EAAE;oBACR,MAAM,EAAE,UAAU,CAAC,MAAM;oBACzB,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,CAAC,EAAE,UAAU,CAAC,CAAC;oBACf,CAAC,EAAE,UAAU,CAAC,CAAC;iBAClB;aACJ,CACJ;SACJ,EACD,UAAU,CAAC,QAAQ,CACtB,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,mBAAmB,CAAC,UAAoC;IACpE,OAAO,IAAI,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAChD,CAAC"}

package/dist/controls/svg/Group/Group.d.ts

@@ -1,14 +1,15 @@
-import { View, IView } from "../../../framework/View";
-import { Properties } from "../../../framework/ViewModel";
-import { Computed, ObservableArray, Subscribable } from "knockout";
-export interface GroupProperties extends Properties {
-    x1?: number | string | Subscribable<number | string>;
-    x2?: number | string | Subscribable<number | string>;
-    y1?: number | string | Subscribable<number | string>;
-    y2?: number | string | Subscribable<number | string>;
-    children?: Array<IView> | ObservableArray<IView> | Computed<Array<IView>>;
-}
-export declare class GroupView extends View<GroupProperties> {
-    constructor(properties: GroupProperties);
-}
-export declare function groupView(properties: GroupProperties): GroupView;
+import { Element, IElement } from "../../../framework/element";
+import { IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+export interface IGroupProperties extends IProperties {
+    x1?: number | string | ISubscribable<number | string>;
+    x2?: number | string | ISubscribable<number | string>;
+    y1?: number | string | ISubscribable<number | string>;
+    y2?: number | string | ISubscribable<number | string>;
+    children?: Array<IElement> | ISubscribable<Array<IElement>>;
+}
+declare class GroupElement extends Element<IGroupProperties> {
+    constructor(properties: IGroupProperties);
+}
+export declare function createGroup(properties: IGroupProperties): GroupElement;
+export {};

package/dist/controls/svg/Group/Group.js

@@ -1,23 +1,22 @@
-import { View } from "../../../framework/View";
-import { extendProperties } from "../../../framework/ViewModel";
-export class GroupView extends View {
-    constructor(properties) {
-        super({
-            tagName: "g",
-            properties: extendProperties({
-                viewType: "Group",
-                attributes: {
-                    x1: properties.x1,
-                    x2: properties.x2,
-                    y1: properties.y1,
-                    y2: properties.y2
-                }
-            }, properties),
-            children: properties.children
-        });
-    }
-}
-export function groupView(properties) {
-    return new GroupView(properties);
-}
+import { Element } from "../../../framework/element";
+import { extendProperties } from "../../../framework/properties";
+class GroupElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "g",
+            properties: extendProperties(properties, {
+                elementType: "Group",
+                attributes: {
+                    x1: properties.x1,
+                    x2: properties.x2,
+                    y1: properties.y1,
+                    y2: properties.y2
+                }
+            })
+        }, properties.children);
+    }
+}
+export function createGroup(properties) {
+    return new GroupElement(properties);
+}
 //# sourceMappingURL=Group.js.map

package/dist/controls/svg/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../src/controls/svg/Group/Group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAS,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAW5E,MAAM,OAAO,SAAU,SAAQ,IAAqB;IAChD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,OAAO;gBACjB,UAAU,EAAE;oBACR,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;iBACpB;aACJ,EACD,UAAU,CACb;YACD,QAAQ,EAAE,UAAU,CAAC,QAAQ;SAChC,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,SAAS,CAAC,UAA2B;IACjD,OAAO,IAAI,SAAS,CAAC,UAAU,CAAC,CAAC;AACrC,CAAC"}
+{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../src/controls/svg/Group/Group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAY,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAW9E,MAAM,YAAa,SAAQ,OAAyB;IAChD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,OAAO;gBACpB,UAAU,EAAE;oBACR,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;iBACpB;aACJ,CACJ;SACJ,EACD,UAAU,CAAC,QAAQ,CACtB,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,WAAW,CAAC,UAA4B;IACpD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC"}

package/dist/controls/svg/Line/Line.d.ts

@@ -1,13 +1,13 @@
-import { View } from "../../../framework/View";
-import { Properties } from "../../../framework/ViewModel";
-import { Subscribable } from "knockout";
-export interface LineProperties extends Properties {
-    x1: number | string | Subscribable<number | string>;
-    x2: number | string | Subscribable<number | string>;
-    y1: number | string | Subscribable<number | string>;
-    y2: number | string | Subscribable<number | string>;
-}
-export declare class LineView extends View<LineProperties> {
-    constructor(properties: LineProperties);
-}
-export declare function lineView(properties: LineProperties): LineView;
+import { Element } from "../../../framework/element";
+import { IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+export interface ILineProperties extends IProperties {
+    x1: number | string | ISubscribable<number | string>;
+    x2: number | string | ISubscribable<number | string>;
+    y1: number | string | ISubscribable<number | string>;
+    y2: number | string | ISubscribable<number | string>;
+}
+export declare class LineElement extends Element<ILineProperties> {
+    constructor(properties: ILineProperties);
+}
+export declare function createLine(properties: ILineProperties): LineElement;

package/dist/controls/svg/Line/Line.js

@@ -1,22 +1,22 @@
-import { View } from "../../../framework/View";
-import { extendProperties } from "../../../framework/ViewModel";
-export class LineView extends View {
-    constructor(properties) {
-        super({
-            tagName: "line",
-            properties: extendProperties({
-                viewType: "Line",
-                attributes: {
-                    x1: properties.x1,
-                    x2: properties.x2,
-                    y1: properties.y1,
-                    y2: properties.y2
-                }
-            }, properties)
-        });
-    }
-}
-export function lineView(properties) {
-    return new LineView(properties);
-}
+import { Element } from "../../../framework/element";
+import { extendProperties } from "../../../framework/properties";
+export class LineElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "line",
+            properties: extendProperties(properties, {
+                elementType: "Line",
+                attributes: {
+                    x1: properties.x1,
+                    x2: properties.x2,
+                    y1: properties.y1,
+                    y2: properties.y2
+                }
+            })
+        });
+    }
+}
+export function createLine(properties) {
+    return new LineElement(properties);
+}
 //# sourceMappingURL=Line.js.map

package/dist/controls/svg/Line/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../../src/controls/svg/Line/Line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAU5E,MAAM,OAAO,QAAS,SAAQ,IAAoB;IAC9C,YAAY,UAA0B;QAClC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE;oBACR,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;iBACpB;aACJ,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,QAAQ,CAAC,UAA0B;IAC/C,OAAO,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC;AACpC,CAAC"}
+{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../../src/controls/svg/Line/Line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAU9E,MAAM,OAAO,WAAY,SAAQ,OAAwB;IACrD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE;oBACR,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;iBACpB;aACJ,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,UAAU,CAAC,UAA2B;IAClD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC"}

package/dist/controls/svg/Pattern/Pattern.d.ts

@@ -1,22 +1,22 @@
-import { View } from "../../../framework/View";
-import { Properties } from "../../../framework/ViewModel";
-import { Subscribable } from "knockout";
-import { PatternUnits } from "../../../framework/types";
-import { CircleView } from "../Circle/Circle";
-import { EllipseView } from "../Ellipse/Ellipse";
-import { LineView } from "../Line/Line";
-import { PolygonView } from "../Polygon/Polygon";
-import { PolylineView } from "../Polyline/Polyline";
-import { TextView } from "../Text/Text";
-export interface PatternProperties extends Properties {
-    id: string;
-    width: number | string | Subscribable<number | string>;
-    height: number | string | Subscribable<number | string>;
-    patternUnits: PatternUnits | Subscribable<PatternUnits>;
-    patternTransform: string | Subscribable<string>;
-    pattern: CircleView | EllipseView | LineView | PolygonView | PolylineView | TextView;
-}
-export declare class PatternView extends View<PatternProperties> {
-    constructor(properties: PatternProperties);
-}
-export declare function patternView(properties: PatternProperties): PatternView;
+import { Element } from "../../../framework/element";
+import { IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+import { PatternUnits } from "../../../framework/types";
+import { CircleElement } from "../Circle/Circle";
+import { EllipseElement } from "../Ellipse/Ellipse";
+import { LineElement } from "../Line/Line";
+import { PolygonElement } from "../Polygon/Polygon";
+import { PolylineElement } from "../Polyline/Polyline";
+import { TextElement } from "../Text/Text";
+export interface IPatternProperties extends IProperties {
+    id: string;
+    width: number | string | ISubscribable<number | string>;
+    height: number | string | ISubscribable<number | string>;
+    patternUnits: PatternUnits | ISubscribable<PatternUnits>;
+    patternTransform: string | ISubscribable<string>;
+    pattern: CircleElement | EllipseElement | LineElement | PolygonElement | PolylineElement | TextElement;
+}
+export declare class PatternElement extends Element<IPatternProperties> {
+    constructor(properties: IPatternProperties);
+}
+export declare function createPattern(properties: IPatternProperties): PatternElement;

package/dist/controls/svg/Pattern/Pattern.js

@@ -1,24 +1,23 @@
-import { View } from "../../../framework/View";
-import { extendProperties } from "../../../framework/ViewModel";
-export class PatternView extends View {
-    constructor(properties) {
-        super({
-            tagName: "pattern",
-            properties: extendProperties({
-                viewType: "Pattern",
-                attributes: {
-                    id: properties.id,
-                    width: properties.width,
-                    height: properties.height,
-                    patternUnits: properties.patternUnits,
-                    patternTransform: properties.patternTransform
-                }
-            }, properties),
-            children: [properties.pattern]
-        });
-    }
-}
-export function patternView(properties) {
-    return new PatternView(properties);
-}
+import { Element } from "../../../framework/element";
+import { extendProperties } from "../../../framework/properties";
+export class PatternElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "pattern",
+            properties: extendProperties(properties, {
+                elementType: "Pattern",
+                attributes: {
+                    id: properties.id,
+                    width: properties.width,
+                    height: properties.height,
+                    patternUnits: properties.patternUnits,
+                    patternTransform: properties.patternTransform
+                }
+            })
+        }, [properties.pattern]);
+    }
+}
+export function createPattern(properties) {
+    return new PatternElement(properties);
+}
 //# sourceMappingURL=Pattern.js.map

package/dist/controls/svg/Pattern/Pattern.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pattern.js","sourceRoot":"","sources":["../../../../src/controls/svg/Pattern/Pattern.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAqB5E,MAAM,OAAO,WAAY,SAAQ,IAAuB;IACpD,YAAY,UAA6B;QACrC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,SAAS;gBACnB,UAAU,EAAE;oBACR,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,MAAM,EAAE,UAAU,CAAC,MAAM;oBACzB,YAAY,EAAE,UAAU,CAAC,YAAY;oBACrC,gBAAgB,EAAE,UAAU,CAAC,gBAAgB;iBAChD;aACJ,EACD,UAAU,CACb;YACD,QAAQ,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC;SACjC,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,WAAW,CAAC,UAA6B;IACrD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC"}
+{"version":3,"file":"Pattern.js","sourceRoot":"","sources":["../../../../src/controls/svg/Pattern/Pattern.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAqB9E,MAAM,OAAO,cAAe,SAAQ,OAA2B;IAC3D,YAAY,UAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,SAAS;gBACtB,UAAU,EAAE;oBACR,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,MAAM,EAAE,UAAU,CAAC,MAAM;oBACzB,YAAY,EAAE,UAAU,CAAC,YAAY;oBACrC,gBAAgB,EAAE,UAAU,CAAC,gBAAgB;iBAChD;aACJ,CACJ;SACJ,EACD,CAAC,UAAU,CAAC,OAAO,CAAC,CACvB,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,aAAa,CAAC,UAA8B;IACxD,OAAO,IAAI,cAAc,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC"}

package/dist/controls/svg/Polygon/Polygon.d.ts

@@ -1,11 +1,11 @@
-import { View } from "../../../framework/View";
-import { Properties } from "../../../framework/ViewModel";
-import { Subscribable } from "knockout";
-import { SvgPoint } from "../svg";
-export interface PolygonProperties extends Properties {
-    points: Array<SvgPoint> | Subscribable<Array<SvgPoint>>;
-}
-export declare class PolygonView extends View<PolygonProperties> {
-    constructor(properties: PolygonProperties);
-}
-export declare function polygonView(properties: PolygonProperties): PolygonView;
+import { Element } from "../../../framework/element";
+import { IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+import { ISvgPoint as SvgPoint } from "../svg";
+export interface IPolygonProperties extends IProperties {
+    points: Array<SvgPoint> | ISubscribable<Array<SvgPoint>>;
+}
+export declare class PolygonElement extends Element<IPolygonProperties> {
+    constructor(properties: IPolygonProperties);
+}
+export declare function createPolygon(properties: IPolygonProperties): PolygonElement;

package/dist/controls/svg/Polygon/Polygon.js

@@ -1,21 +1,21 @@
-import { View } from "../../../framework/View";
-import { extendProperties } from "../../../framework/ViewModel";
-import { unwrap } from "knockout";
-import { serializePoints as getPoints } from "../svg";
-export class PolygonView extends View {
-    constructor(properties) {
-        super({
-            tagName: "polygon",
-            properties: extendProperties({
-                viewType: "Polygon",
-                attributes: {
-                    points: getPoints(unwrap(properties.points))
-                }
-            }, properties)
-        });
-    }
-}
-export function polygonView(properties) {
-    return new PolygonView(properties);
-}
+import { Element } from "../../../framework/element";
+import { extendProperties } from "../../../framework/properties";
+import { unwrap } from "../../../framework/observable";
+import { serializePoints as getPoints } from "../svg";
+export class PolygonElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "polygon",
+            properties: extendProperties(properties, {
+                elementType: "Polygon",
+                attributes: {
+                    points: getPoints(unwrap(properties.points))
+                }
+            })
+        });
+    }
+}
+export function createPolygon(properties) {
+    return new PolygonElement(properties);
+}
 //# sourceMappingURL=Polygon.js.map

package/dist/controls/svg/Polygon/Polygon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../../../src/controls/svg/Polygon/Polygon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAY,eAAe,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAMhE,MAAM,OAAO,WAAY,SAAQ,IAAuB;IACpD,YAAY,UAA6B;QACrC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,SAAS;gBACnB,UAAU,EAAE;oBACR,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;iBAC/C;aACJ,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,WAAW,CAAC,UAA6B;IACrD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC"}
+{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../../../src/controls/svg/Polygon/Polygon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAiB,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAyB,eAAe,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAM7E,MAAM,OAAO,cAAe,SAAQ,OAA2B;IAC3D,YAAY,UAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,SAAS;gBACtB,UAAU,EAAE;oBACR,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;iBAC/C;aACJ,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,aAAa,CAAC,UAA8B;IACxD,OAAO,IAAI,cAAc,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC"}

package/dist/controls/svg/Polyline/Polyline.d.ts

@@ -1,11 +1,11 @@
-import { View } from "../../../framework/View";
-import { Properties } from "../../../framework/ViewModel";
-import { Subscribable } from "knockout";
-import { SvgPoint } from "../svg";
-export interface PolylineProperties extends Properties {
-    points: Array<SvgPoint> | Subscribable<Array<SvgPoint>>;
-}
-export declare class PolylineView extends View<PolylineProperties> {
-    constructor(properties: PolylineProperties);
-}
-export declare function polylineView(properties: PolylineProperties): PolylineView;
+import { Element } from "../../../framework/element";
+import { IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+import { ISvgPoint as SvgPoint } from "../svg";
+export interface IPolylineProperties extends IProperties {
+    points: Array<SvgPoint> | ISubscribable<Array<SvgPoint>>;
+}
+export declare class PolylineElement extends Element<IPolylineProperties> {
+    constructor(properties: IPolylineProperties);
+}
+export declare function createPolyline(properties: IPolylineProperties): PolylineElement;