jpf 4.2.3 → 4.2.5

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

@@ -1,14 +1,14 @@
 import { View, IView } from "../../../framework/View";
-import { ViewModelOptions } from "../../../framework/ViewModel";
+import { Properties } from "../../../framework/ViewModel";
 import { Computed, ObservableArray, Subscribable } from "knockout";
-export interface GroupViewModelOptions extends ViewModelOptions {
+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<GroupViewModelOptions> {
-    constructor(options: GroupViewModelOptions);
+export declare class GroupView extends View<GroupProperties> {
+    constructor(properties: GroupProperties);
 }
-export declare function groupView(options: GroupViewModelOptions): GroupView;
+export declare function groupView(properties: GroupProperties): GroupView;

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

@@ -1,23 +1,23 @@
 import { View } from "../../../framework/View";
-import { extendOptions } from "../../../framework/ViewModel";
+import { extendProperties } from "../../../framework/ViewModel";
 export class GroupView extends View {
-    constructor(options) {
+    constructor(properties) {
         super({
             tagName: "g",
-            options: extendOptions({
+            properties: extendProperties({
                 viewType: "Group",
                 attributes: {
-                    x1: options.x1,
-                    x2: options.x2,
-                    y1: options.y1,
-                    y2: options.y2
+                    x1: properties.x1,
+                    x2: properties.x2,
+                    y1: properties.y1,
+                    y2: properties.y2
                 }
-            }, options),
-            children: options.children
+            }, properties),
+            children: properties.children
         });
     }
 }
-export function groupView(options) {
-    return new GroupView(options);
+export function groupView(properties) {
+    return new GroupView(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,EAAoB,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAW/E,MAAM,OAAO,SAAU,SAAQ,IAA2B;IACtD,YAAY,OAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,aAAa,CAClB;gBACI,QAAQ,EAAE,OAAO;gBACjB,UAAU,EAAE;oBACR,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,EAAE,EAAE,OAAO,CAAC,EAAE;iBACjB;aACJ,EACD,OAAO,CACV;YACD,QAAQ,EAAE,OAAO,CAAC,QAAQ;SAC7B,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,SAAS,CAAC,OAA8B;IACpD,OAAO,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;AAClC,CAAC"}
+{"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"}

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

@@ -1,13 +1,13 @@
 import { View } from "../../../framework/View";
-import { ViewModelOptions } from "../../../framework/ViewModel";
+import { Properties } from "../../../framework/ViewModel";
 import { Subscribable } from "knockout";
-export interface LineViewModelOptions extends ViewModelOptions {
+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<LineViewModelOptions> {
-    constructor(options: LineViewModelOptions);
+export declare class LineView extends View<LineProperties> {
+    constructor(properties: LineProperties);
 }
-export declare function lineView(options: LineViewModelOptions): LineView;
+export declare function lineView(properties: LineProperties): LineView;

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

@@ -1,22 +1,22 @@
 import { View } from "../../../framework/View";
-import { extendOptions } from "../../../framework/ViewModel";
+import { extendProperties } from "../../../framework/ViewModel";
 export class LineView extends View {
-    constructor(options) {
+    constructor(properties) {
         super({
             tagName: "line",
-            options: extendOptions({
+            properties: extendProperties({
                 viewType: "Line",
                 attributes: {
-                    x1: options.x1,
-                    x2: options.x2,
-                    y1: options.y1,
-                    y2: options.y2
+                    x1: properties.x1,
+                    x2: properties.x2,
+                    y1: properties.y1,
+                    y2: properties.y2
                 }
-            }, options)
+            }, properties)
         });
     }
 }
-export function lineView(options) {
-    return new LineView(options);
+export function lineView(properties) {
+    return new LineView(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,EAAoB,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAU/E,MAAM,OAAO,QAAS,SAAQ,IAA0B;IACpD,YAAY,OAA6B;QACrC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,aAAa,CAClB;gBACI,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE;oBACR,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,EAAE,EAAE,OAAO,CAAC,EAAE;iBACjB;aACJ,EACD,OAAO,CACV;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,QAAQ,CAAC,OAA6B;IAClD,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;AACjC,CAAC"}
+{"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"}

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

@@ -1,5 +1,5 @@
 import { View } from "../../../framework/View";
-import { ViewModelOptions } from "../../../framework/ViewModel";
+import { Properties } from "../../../framework/ViewModel";
 import { Subscribable } from "knockout";
 import { PatternUnits } from "../../../framework/types";
 import { CircleView } from "../Circle/Circle";
@@ -8,7 +8,7 @@ import { LineView } from "../Line/Line";
 import { PolygonView } from "../Polygon/Polygon";
 import { PolylineView } from "../Polyline/Polyline";
 import { TextView } from "../Text/Text";
-export interface PatternViewModelOptions extends ViewModelOptions {
+export interface PatternProperties extends Properties {
     id: string;
     width: number | string | Subscribable<number | string>;
     height: number | string | Subscribable<number | string>;
@@ -16,7 +16,7 @@ export interface PatternViewModelOptions extends ViewModelOptions {
     patternTransform: string | Subscribable<string>;
     pattern: CircleView | EllipseView | LineView | PolygonView | PolylineView | TextView;
 }
-export declare class PatternView extends View<PatternViewModelOptions> {
-    constructor(options: PatternViewModelOptions);
+export declare class PatternView extends View<PatternProperties> {
+    constructor(properties: PatternProperties);
 }
-export declare function patternView(options: PatternViewModelOptions): PatternView;
+export declare function patternView(properties: PatternProperties): PatternView;

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

@@ -1,24 +1,24 @@
 import { View } from "../../../framework/View";
-import { extendOptions } from "../../../framework/ViewModel";
+import { extendProperties } from "../../../framework/ViewModel";
 export class PatternView extends View {
-    constructor(options) {
+    constructor(properties) {
         super({
             tagName: "pattern",
-            options: extendOptions({
+            properties: extendProperties({
                 viewType: "Pattern",
                 attributes: {
-                    id: options.id,
-                    width: options.width,
-                    height: options.height,
-                    patternUnits: options.patternUnits,
-                    patternTransform: options.patternTransform
+                    id: properties.id,
+                    width: properties.width,
+                    height: properties.height,
+                    patternUnits: properties.patternUnits,
+                    patternTransform: properties.patternTransform
                 }
-            }, options),
-            children: [options.pattern]
+            }, properties),
+            children: [properties.pattern]
         });
     }
 }
-export function patternView(options) {
-    return new PatternView(options);
+export function patternView(properties) {
+    return new PatternView(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,EAAoB,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAqB/E,MAAM,OAAO,WAAY,SAAQ,IAA6B;IAC1D,YAAY,OAAgC;QACxC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,aAAa,CAClB;gBACI,QAAQ,EAAE,SAAS;gBACnB,UAAU,EAAE;oBACR,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,KAAK,EAAE,OAAO,CAAC,KAAK;oBACpB,MAAM,EAAE,OAAO,CAAC,MAAM;oBACtB,YAAY,EAAE,OAAO,CAAC,YAAY;oBAClC,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;iBAC7C;aACJ,EACD,OAAO,CACV;YACD,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;SAC9B,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,WAAW,CAAC,OAAgC;IACxD,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC;AACpC,CAAC"}
+{"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"}

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

@@ -1,11 +1,11 @@
 import { View } from "../../../framework/View";
-import { ViewModelOptions } from "../../../framework/ViewModel";
+import { Properties } from "../../../framework/ViewModel";
 import { Subscribable } from "knockout";
 import { SvgPoint } from "../svg";
-export interface PolygonViewModelOptions extends ViewModelOptions {
+export interface PolygonProperties extends Properties {
     points: Array<SvgPoint> | Subscribable<Array<SvgPoint>>;
 }
-export declare class PolygonView extends View<PolygonViewModelOptions> {
-    constructor(options: PolygonViewModelOptions);
+export declare class PolygonView extends View<PolygonProperties> {
+    constructor(properties: PolygonProperties);
 }
-export declare function polygonView(options: PolygonViewModelOptions): PolygonView;
+export declare function polygonView(properties: PolygonProperties): PolygonView;

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

@@ -1,21 +1,21 @@
 import { View } from "../../../framework/View";
-import { extendOptions } from "../../../framework/ViewModel";
+import { extendProperties } from "../../../framework/ViewModel";
 import { unwrap } from "knockout";
 import { serializePoints as getPoints } from "../svg";
 export class PolygonView extends View {
-    constructor(options) {
+    constructor(properties) {
         super({
             tagName: "polygon",
-            options: extendOptions({
+            properties: extendProperties({
                 viewType: "Polygon",
                 attributes: {
-                    points: getPoints(unwrap(options.points))
+                    points: getPoints(unwrap(properties.points))
                 }
-            }, options)
+            }, properties)
         });
     }
 }
-export function polygonView(options) {
-    return new PolygonView(options);
+export function polygonView(properties) {
+    return new PolygonView(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,EAAoB,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAY,eAAe,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAMhE,MAAM,OAAO,WAAY,SAAQ,IAA6B;IAC1D,YAAY,OAAgC;QACxC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,aAAa,CAClB;gBACI,QAAQ,EAAE,SAAS;gBACnB,UAAU,EAAE;oBACR,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;iBAC5C;aACJ,EACD,OAAO,CACV;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,WAAW,CAAC,OAAgC;IACxD,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC;AACpC,CAAC"}
+{"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"}

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

@@ -1,11 +1,11 @@
 import { View } from "../../../framework/View";
-import { ViewModelOptions } from "../../../framework/ViewModel";
+import { Properties } from "../../../framework/ViewModel";
 import { Subscribable } from "knockout";
 import { SvgPoint } from "../svg";
-export interface PolylineViewModelOptions extends ViewModelOptions {
+export interface PolylineProperties extends Properties {
     points: Array<SvgPoint> | Subscribable<Array<SvgPoint>>;
 }
-export declare class PolylineView extends View<PolylineViewModelOptions> {
-    constructor(options: PolylineViewModelOptions);
+export declare class PolylineView extends View<PolylineProperties> {
+    constructor(properties: PolylineProperties);
 }
-export declare function polylineView(options: PolylineViewModelOptions): PolylineView;
+export declare function polylineView(properties: PolylineProperties): PolylineView;

package/dist/controls/svg/Polyline/Polyline.js

@@ -1,20 +1,20 @@
 import { View } from "../../../framework/View";
-import { extendOptions } from "../../../framework/ViewModel";
+import { extendProperties } from "../../../framework/ViewModel";
 import { serializePoints } from "../svg";
 export class PolylineView extends View {
-    constructor(options) {
+    constructor(properties) {
         super({
             tagName: "polyline",
-            options: extendOptions({
+            properties: extendProperties({
                 viewType: "Polyline",
                 attributes: {
-                    points: serializePoints(options.points)
+                    points: serializePoints(properties.points)
                 }
-            }, options)
+            }, properties)
         });
     }
 }
-export function polylineView(options) {
-    return new PolylineView(options);
+export function polylineView(properties) {
+    return new PolylineView(properties);
 }
 //# sourceMappingURL=Polyline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Polyline.js","sourceRoot":"","sources":["../../../../src/controls/svg/Polyline/Polyline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAoB,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAY,eAAe,EAAE,MAAM,QAAQ,CAAC;AAMnD,MAAM,OAAO,YAAa,SAAQ,IAA8B;IAC5D,YAAY,OAAiC;QACzC,KAAK,CACD;YACI,OAAO,EAAE,UAAU;YACnB,OAAO,EAAE,aAAa,CAClB;gBACI,QAAQ,EAAE,UAAU;gBACpB,UAAU,EAAE;oBACR,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC;iBAC1C;aACJ,EACD,OAAO,CACV;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,YAAY,CAAC,OAAiC;IAC1D,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC;AACrC,CAAC"}
+{"version":3,"file":"Polyline.js","sourceRoot":"","sources":["../../../../src/controls/svg/Polyline/Polyline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAe,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE7E,OAAO,EAAY,eAAe,EAAE,MAAM,QAAQ,CAAC;AAMnD,MAAM,OAAO,YAAa,SAAQ,IAAwB;IACtD,YAAY,UAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,UAAU;YACnB,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,UAAU;gBACpB,UAAU,EAAE;oBACR,MAAM,EAAE,eAAe,CAAC,UAAU,CAAC,MAAM,CAAC;iBAC7C;aACJ,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,YAAY,CAAC,UAA8B;IACvD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC"}

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

@@ -1,13 +1,13 @@
 import { View } from "../../../framework/View";
-import { ViewModelOptions } from "../../../framework/ViewModel";
+import { Properties } from "../../../framework/ViewModel";
 import { Subscribable } from "knockout";
-export interface RectangleViewModelOptions extends ViewModelOptions {
+export interface RectangleProperties extends Properties {
     x?: number | string | Subscribable<number | string>;
     y?: number | string | Subscribable<number | string>;
     width?: number | string | Subscribable<number | string>;
     height?: number | string | Subscribable<number | string>;
 }
-export declare class RectangleView extends View<RectangleViewModelOptions> {
-    constructor(options: RectangleViewModelOptions);
+export declare class RectangleView extends View<RectangleProperties> {
+    constructor(properties: RectangleProperties);
 }
-export declare function rectangleView(options: RectangleViewModelOptions): RectangleView;
+export declare function rectangleView(properties: RectangleProperties): RectangleView;

package/dist/controls/svg/Rectangle/Rectangle.js

@@ -1,22 +1,22 @@
 import { View } from "../../../framework/View";
-import { extendOptions } from "../../../framework/ViewModel";
+import { extendProperties } from "../../../framework/ViewModel";
 export class RectangleView extends View {
-    constructor(options) {
+    constructor(properties) {
         super({
             tagName: "rect",
-            options: extendOptions({
+            properties: extendProperties({
                 viewType: "Rectangle",
                 attributes: {
-                    x: options.x,
-                    y: options.y,
-                    width: options.width,
-                    height: options.height
+                    x: properties.x,
+                    y: properties.y,
+                    width: properties.width,
+                    height: properties.height
                 }
-            }, options)
+            }, properties)
         });
     }
 }
-export function rectangleView(options) {
-    return new RectangleView(options);
+export function rectangleView(properties) {
+    return new RectangleView(properties);
 }
 //# sourceMappingURL=Rectangle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Rectangle.js","sourceRoot":"","sources":["../../../../src/controls/svg/Rectangle/Rectangle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAoB,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAU/E,MAAM,OAAO,aAAc,SAAQ,IAA+B;IAC9D,YAAY,OAAkC;QAC1C,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,aAAa,CAClB;gBACI,QAAQ,EAAE,WAAW;gBACrB,UAAU,EAAE;oBACR,CAAC,EAAE,OAAO,CAAC,CAAC;oBACZ,CAAC,EAAE,OAAO,CAAC,CAAC;oBACZ,KAAK,EAAE,OAAO,CAAC,KAAK;oBACpB,MAAM,EAAE,OAAO,CAAC,MAAM;iBACzB;aACJ,EACD,OAAO,CACV;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,aAAa,CAAC,OAAkC;IAC5D,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,CAAC;AACtC,CAAC"}
+{"version":3,"file":"Rectangle.js","sourceRoot":"","sources":["../../../../src/controls/svg/Rectangle/Rectangle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAc,gBAAgB,EAAG,MAAM,8BAA8B,CAAC;AAU7E,MAAM,OAAO,aAAc,SAAQ,IAAyB;IACxD,YAAY,UAA+B;QACvC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,WAAW;gBACrB,UAAU,EAAE;oBACR,CAAC,EAAE,UAAU,CAAC,CAAC;oBACf,CAAC,EAAE,UAAU,CAAC,CAAC;oBACf,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,MAAM,EAAE,UAAU,CAAC,MAAM;iBAC5B;aACJ,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,aAAa,CAAC,UAA+B;IACzD,OAAO,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC;AACzC,CAAC"}

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

@@ -1,8 +1,8 @@
 import { View, IView } from "../../../framework/View";
-import { ViewModelOptions } from "../../../framework/ViewModel";
+import { Properties } from "../../../framework/ViewModel";
 import { ObservableArray, Computed, Subscribable } from "knockout";
 import { PreserveAspectRatio } from "../../../framework/types";
-export interface SvgViewModelOptions extends ViewModelOptions {
+export interface SvgProperties extends Properties {
     x?: number | string | Subscribable<number | string>;
     y?: number | string | Subscribable<number | string>;
     height?: number | string | Subscribable<number | string>;
@@ -11,7 +11,7 @@ export interface SvgViewModelOptions extends ViewModelOptions {
     preserveAspectRatio?: PreserveAspectRatio | Subscribable<PreserveAspectRatio>;
     children?: Array<IView> | ObservableArray<IView> | Computed<Array<IView>>;
 }
-export declare class SvgView extends View<SvgViewModelOptions> {
-    constructor(options: SvgViewModelOptions);
+export declare class SvgView extends View<SvgProperties> {
+    constructor(properties: SvgProperties);
 }
-export declare function svgView(options: SvgViewModelOptions): SvgView;
+export declare function svgView(properties: SvgProperties): SvgView;

package/dist/controls/svg/Svg/Svg.js

@@ -1,25 +1,25 @@
 import { View } from "../../../framework/View";
-import { extendOptions } from "../../../framework/ViewModel";
+import { extendProperties } from "../../../framework/ViewModel";
 export class SvgView extends View {
-    constructor(options) {
+    constructor(properties) {
         super({
             tagName: "svg",
-            options: extendOptions({
+            properties: extendProperties({
                 viewType: "Svg",
                 attributes: {
-                    x: options.x,
-                    y: options.y,
-                    height: options.height,
-                    width: options.width,
-                    viewBox: options.viewBox,
-                    preserveAspectRatio: options.preserveAspectRatio
+                    x: properties.x,
+                    y: properties.y,
+                    height: properties.height,
+                    width: properties.width,
+                    viewBox: properties.viewBox,
+                    preserveAspectRatio: properties.preserveAspectRatio
                 }
-            }, options),
-            children: options.children
+            }, properties),
+            children: properties.children
         });
     }
 }
-export function svgView(options) {
-    return new SvgView(options);
+export function svgView(properties) {
+    return new SvgView(properties);
 }
 //# sourceMappingURL=Svg.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Svg.js","sourceRoot":"","sources":["../../../../src/controls/svg/Svg/Svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAS,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAoB,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAc/E,MAAM,OAAO,OAAQ,SAAQ,IAAyB;IAClD,YAAY,OAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,aAAa,CAClB;gBACI,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE;oBACR,CAAC,EAAE,OAAO,CAAC,CAAC;oBACZ,CAAC,EAAE,OAAO,CAAC,CAAC;oBACZ,MAAM,EAAE,OAAO,CAAC,MAAM;oBACtB,KAAK,EAAE,OAAO,CAAC,KAAK;oBACpB,OAAO,EAAE,OAAO,CAAC,OAAO;oBACxB,mBAAmB,EAAE,OAAO,CAAC,mBAAmB;iBACnD;aACJ,EACD,OAAO,CACV;YACD,QAAQ,EAAE,OAAO,CAAC,QAAQ;SAC7B,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,OAAO,CAAC,OAA4B;IAChD,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;AAChC,CAAC"}
+{"version":3,"file":"Svg.js","sourceRoot":"","sources":["../../../../src/controls/svg/Svg/Svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAS,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAc5E,MAAM,OAAO,OAAQ,SAAQ,IAAmB;IAC5C,YAAY,UAAyB;QACjC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE;oBACR,CAAC,EAAE,UAAU,CAAC,CAAC;oBACf,CAAC,EAAE,UAAU,CAAC,CAAC;oBACf,MAAM,EAAE,UAAU,CAAC,MAAM;oBACzB,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,OAAO,EAAE,UAAU,CAAC,OAAO;oBAC3B,mBAAmB,EAAE,UAAU,CAAC,mBAAmB;iBACtD;aACJ,EACD,UAAU,CACb;YACD,QAAQ,EAAE,UAAU,CAAC,QAAQ;SAChC,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,OAAO,CAAC,UAAyB;IAC7C,OAAO,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;AACnC,CAAC"}

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

@@ -1,14 +1,14 @@
 import { View } from "../../../framework/View";
-import { ViewModelOptions } from "../../../framework/ViewModel";
+import { Properties } from "../../../framework/ViewModel";
 import { Subscribable } from "knockout";
-export interface TextViewModelOptions extends ViewModelOptions {
+export interface TextProperties extends Properties {
     x?: number | string | Subscribable<number | string>;
     y?: number | string | Subscribable<number | string>;
     dx?: number | string | Subscribable<number | string>;
     dy?: number | string | Subscribable<number | string>;
     rotate?: string | Subscribable<string>;
 }
-export declare class TextView extends View<TextViewModelOptions> {
-    constructor(options: TextViewModelOptions);
+export declare class TextView extends View<TextProperties> {
+    constructor(properties: TextProperties);
 }
-export declare function textView(options: TextViewModelOptions): TextView;
+export declare function textView(properties: TextProperties): TextView;

package/dist/controls/svg/Text/Text.js

@@ -1,23 +1,23 @@
 import { View } from "../../../framework/View";
-import { extendOptions } from "../../../framework/ViewModel";
+import { extendProperties } from "../../../framework/ViewModel";
 export class TextView extends View {
-    constructor(options) {
+    constructor(properties) {
         super({
             tagName: "text",
-            options: extendOptions({
+            properties: extendProperties({
                 viewType: "Text",
                 attributes: {
-                    x: options.x,
-                    y: options.y,
-                    dx: options.dx,
-                    dy: options.dy,
-                    rotate: options.rotate
+                    x: properties.x,
+                    y: properties.y,
+                    dx: properties.dx,
+                    dy: properties.dy,
+                    rotate: properties.rotate
                 }
-            }, options)
+            }, properties)
         });
     }
 }
-export function textView(options) {
-    return new TextView(options);
+export function textView(properties) {
+    return new TextView(properties);
 }
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/controls/svg/Text/Text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAoB,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAW/E,MAAM,OAAO,QAAS,SAAQ,IAA0B;IACpD,YAAY,OAA6B;QACrC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,aAAa,CAClB;gBACI,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE;oBACR,CAAC,EAAE,OAAO,CAAC,CAAC;oBACZ,CAAC,EAAE,OAAO,CAAC,CAAC;oBACZ,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,MAAM,EAAE,OAAO,CAAC,MAAM;iBACzB;aACJ,EACD,OAAO,CACV;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,QAAQ,CAAC,OAA6B;IAClD,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;AACjC,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/controls/svg/Text/Text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAc,gBAAgB,EAAG,MAAM,8BAA8B,CAAC;AAW7E,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,CAAC,EAAE,UAAU,CAAC,CAAC;oBACf,CAAC,EAAE,UAAU,CAAC,CAAC;oBACf,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,EAAE,EAAE,UAAU,CAAC,EAAE;oBACjB,MAAM,EAAE,UAAU,CAAC,MAAM;iBAC5B;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"}

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

@@ -1,10 +1,10 @@
 import { View } from "../../../framework/View";
-import { ViewModelOptions } from "../../../framework/ViewModel";
+import { Properties } from "../../../framework/ViewModel";
 import { Subscribable } from "knockout";
-export interface TitleViewModelOptions extends ViewModelOptions {
+export interface TitleProperties extends Properties {
     title: string | Subscribable<string>;
 }
-export declare class TitleView extends View<TitleViewModelOptions> {
-    constructor(options: TitleViewModelOptions);
+export declare class TitleView extends View<TitleProperties> {
+    constructor(properties: TitleProperties);
 }
-export declare function titleView(options: TitleViewModelOptions): TitleView;
+export declare function titleView(properties: TitleProperties): TitleView;

package/dist/controls/svg/Title/Title.js

@@ -1,17 +1,17 @@
 import { View } from "../../../framework/View";
-import { extendOptions } from "../../../framework/ViewModel";
+import { extendProperties } from "../../../framework/ViewModel";
 export class TitleView extends View {
-    constructor(options) {
+    constructor(properties) {
         super({
             tagName: "title",
-            options: extendOptions({
+            properties: extendProperties({
                 viewType: "Title",
-                textContent: options.title
-            }, options)
+                textContent: properties.title
+            }, properties)
         });
     }
 }
-export function titleView(options) {
-    return new TitleView(options);
+export function titleView(properties) {
+    return new TitleView(properties);
 }
 //# sourceMappingURL=Title.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/controls/svg/Title/Title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAoB,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAO/E,MAAM,OAAO,SAAU,SAAQ,IAA2B;IACtD,YAAY,OAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,aAAa,CAClB;gBACI,QAAQ,EAAE,OAAO;gBACjB,WAAW,EAAE,OAAO,CAAC,KAAK;aAC7B,EACD,OAAO,CACV;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,SAAS,CAAC,OAA8B;IACpD,OAAO,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;AAClC,CAAC"}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/controls/svg/Title/Title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAO5E,MAAM,OAAO,SAAU,SAAQ,IAAqB;IAChD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,OAAO;gBACjB,WAAW,EAAE,UAAU,CAAC,KAAK;aAChC,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,SAAS,CAAC,UAA2B;IACjD,OAAO,IAAI,SAAS,CAAC,UAAU,CAAC,CAAC;AACrC,CAAC"}

package/dist/framework/View.d.ts

@@ -1,5 +1,5 @@
 import "tocca";
-import { Subscribable } from "knockout";
+import { Subscribable, Subscription } from "knockout";
 import { ViewModel } from "./ViewModel";
 declare const htmlTags: {
     a: boolean;
@@ -30,26 +30,29 @@ declare const svgTags: {
 type TagName = keyof typeof htmlTags | keyof typeof svgTags;
 export interface IView {
     render(): HTMLElement;
+    dispose(): void;
 }
-export interface ViewOptions<TOptions> {
+export interface ViewOptions<TProperties> {
     tagName: TagName;
-    options?: TOptions;
+    properties?: TProperties;
     children?: Array<IView> | Subscribable<Array<IView>>;
 }
-export declare class View<TOptions = any> implements IView {
-    constructor(options: ViewOptions<TOptions>);
+export declare class View<TProperties = any> implements IView {
+    constructor(properties: ViewOptions<TProperties>);
     private readonly tagName;
     private readonly optionsChildren;
     private children;
     private buildChildren;
     protected element: HTMLElement;
-    protected readonly options: TOptions;
+    protected readonly properties: TProperties;
+    protected readonly subscriptions: Subscription[];
     protected build(): void;
     protected remove(): void;
-    protected addChild(child: IView): View<TOptions>;
-    protected setChildren(...children: Array<IView>): View<TOptions>;
+    protected addChild(child: IView): View<TProperties>;
+    protected setChildren(...children: Array<IView>): View<TProperties>;
     protected empty(): void;
     render(): HTMLElement;
+    dispose(): void;
     focus(options?: FocusOptions): void;
 }
 export declare var viewDictionary: Map<any, any>;