jpf 5.0.61 → 5.0.63

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

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createForeignObject = createForeignObject;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 class ForeignObjectElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "foreignObject",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "ForeignObject",
                 attributes: {
                     height: properties.height,

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":";;AAkCA,kDAEC;AApCD,wDAA+D;AAC/D,8DAA8E;AAU9E,MAAM,oBAAqB,SAAQ,iBAAiC;IAChE,YAAY,UAAoC;QAC5C,KAAK,CACD;YACI,OAAO,EAAE,eAAe;YACxB,UAAU,EAAE,IAAA,6BAAgB,EACxB,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,SAAgB,mBAAmB,CAAC,UAAoC;IACpE,OAAO,IAAI,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAChD,CAAC"}
+{"version":3,"file":"ForeignObject.js","sourceRoot":"","sources":["../../../../src/controls/svg/ForeignObject/ForeignObject.ts"],"names":[],"mappings":";;AAiCA,kDAEC;AAnCD,wDAAqG;AAUrG,MAAM,oBAAqB,SAAQ,iBAAiC;IAChE,YAAY,UAAoC;QAC5C,KAAK,CACD;YACI,OAAO,EAAE,eAAe;YACxB,UAAU,EAAE,IAAA,0BAAgB,EACxB,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,SAAgB,mBAAmB,CAAC,UAAoC;IACpE,OAAO,IAAI,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAChD,CAAC"}

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

@@ -1,7 +1,6 @@
-import { Element, IElement } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface IGroupProperties extends IProperties {
+import { Element, IElement, IElementProperties } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
+export interface IGroupProperties extends IElementProperties {
     x1?: number | string | ISubscribable<number | string>;
     x2?: number | string | ISubscribable<number | string>;
     y1?: number | string | ISubscribable<number | string>;

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

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createGroup = createGroup;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 class GroupElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "g",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Group",
                 attributes: {
                     x1: properties.x1,

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":";;AAmCA,kCAEC;AArCD,wDAA+D;AAC/D,8DAA8E;AAW9E,MAAM,YAAa,SAAQ,iBAAyB;IAChD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE,IAAA,6BAAgB,EACxB,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,SAAgB,WAAW,CAAC,UAA4B;IACpD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC"}
+{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../src/controls/svg/Group/Group.ts"],"names":[],"mappings":";;AAkCA,kCAEC;AApCD,wDAAqG;AAWrG,MAAM,YAAa,SAAQ,iBAAyB;IAChD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE,IAAA,0BAAgB,EACxB,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,SAAgB,WAAW,CAAC,UAA4B;IACpD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC"}

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

@@ -1,7 +1,6 @@
-import { Element } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface ILineProperties extends IProperties {
+import { Element, IElementProperties } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
+export interface ILineProperties extends IElementProperties {
     x1: number | string | ISubscribable<number | string>;
     x2: number | string | ISubscribable<number | string>;
     y1: number | string | ISubscribable<number | string>;

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

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LineElement = void 0;
 exports.createLine = createLine;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 class LineElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "line",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Line",
                 attributes: {
                     x1: properties.x1,

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":";;;AAiCA,gCAEC;AAnCD,wDAAqD;AACrD,8DAA8E;AAU9E,MAAa,WAAY,SAAQ,iBAAwB;IACrD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,IAAA,6BAAgB,EACxB,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;AApBD,kCAoBC;AAED,SAAgB,UAAU,CAAC,UAA2B;IAClD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC"}
+{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../../src/controls/svg/Line/Line.ts"],"names":[],"mappings":";;;AAgCA,gCAEC;AAlCD,wDAA2F;AAU3F,MAAa,WAAY,SAAQ,iBAAwB;IACrD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,IAAA,0BAAgB,EACxB,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;AApBD,kCAoBC;AAED,SAAgB,UAAU,CAAC,UAA2B;IAClD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC"}

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

@@ -1,14 +1,13 @@
-import { Element } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
+import { Element, IElementProperties } from "../../../framework/element";
 import { PatternUnits } from "../../../framework/css";
-import { ISubscribable } from "../../../framework/observableInterfaces";
+import { ISubscribable } from "../../../framework/observable";
 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 {
+export interface IPatternProperties extends IElementProperties {
     id: string;
     width: number | string | ISubscribable<number | string>;
     height: number | string | ISubscribable<number | string>;

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

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PatternElement = void 0;
 exports.createPattern = createPattern;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 class PatternElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "pattern",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Pattern",
                 attributes: {
                     id: properties.id,

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":";;;AA6CA,sCAEC;AA/CD,wDAAqD;AACrD,8DAA8E;AAoB9E,MAAa,cAAe,SAAQ,iBAA2B;IAC3D,YAAY,UAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,IAAA,6BAAgB,EACxB,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;AAtBD,wCAsBC;AAED,SAAgB,aAAa,CAAC,UAA8B;IACxD,OAAO,IAAI,cAAc,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC"}
+{"version":3,"file":"Pattern.js","sourceRoot":"","sources":["../../../../src/controls/svg/Pattern/Pattern.ts"],"names":[],"mappings":";;;AA4CA,sCAEC;AA9CD,wDAA2F;AAoB3F,MAAa,cAAe,SAAQ,iBAA2B;IAC3D,YAAY,UAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,IAAA,0BAAgB,EACxB,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;AAtBD,wCAsBC;AAED,SAAgB,aAAa,CAAC,UAA8B;IACxD,OAAO,IAAI,cAAc,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC"}

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

@@ -1,8 +1,7 @@
-import { Element } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
+import { Element, IElementProperties } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
 import { ISvgPoint } from "../svg";
-export interface IPolygonProperties extends IProperties {
+export interface IPolygonProperties extends IElementProperties {
     points: Array<ISvgPoint> | ISubscribable<Array<ISvgPoint>>;
 }
 export declare class PolygonElement extends Element<IPolygonProperties> {

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

@@ -3,17 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PolygonElement = void 0;
 exports.createPolygon = createPolygon;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
-const observablelmplementations_1 = require("../../../framework/observablelmplementations");
+const observable_1 = require("../../../framework/observable");
 const svg_1 = require("../svg");
 class PolygonElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "polygon",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Polygon",
                 attributes: {
-                    points: (0, svg_1.serializePoints)((0, observablelmplementations_1.unwrap)(properties.points))
+                    points: (0, svg_1.serializePoints)(observable_1.observable.unwrap(properties.points))
                 }
             })
         });

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":";;;AA6BA,sCAEC;AA/BD,wDAAqD;AACrD,8DAA8E;AAE9E,4FAAsE;AACtE,gCAAoD;AAMpD,MAAa,cAAe,SAAQ,iBAA2B;IAC3D,YAAY,UAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,IAAA,6BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,SAAS;gBACtB,UAAU,EAAE;oBACR,MAAM,EAAE,IAAA,qBAAe,EAAC,IAAA,kCAAM,EAAC,UAAU,CAAC,MAAM,CAAC,CAAC;iBACrD;aACJ,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAjBD,wCAiBC;AAED,SAAgB,aAAa,CAAC,UAA8B;IACxD,OAAO,IAAI,cAAc,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC"}
+{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../../../src/controls/svg/Polygon/Polygon.ts"],"names":[],"mappings":";;;AA2BA,sCAEC;AA7BD,wDAA2F;AAC3F,8DAA0E;AAC1E,gCAAoD;AAMpD,MAAa,cAAe,SAAQ,iBAA2B;IAC3D,YAAY,UAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,IAAA,0BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,SAAS;gBACtB,UAAU,EAAE;oBACR,MAAM,EAAE,IAAA,qBAAe,EAAC,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;iBAChE;aACJ,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAjBD,wCAiBC;AAED,SAAgB,aAAa,CAAC,UAA8B;IACxD,OAAO,IAAI,cAAc,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC"}

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

@@ -1,8 +1,7 @@
-import { Element } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
+import { Element, IElementProperties } from "../../../framework/element";
 import { ISvgPoint } from "../svg";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface IPolylineProperties extends IProperties {
+import { ISubscribable } from "../../../framework/observable";
+export interface IPolylineProperties extends IElementProperties {
     points: Array<ISvgPoint> | ISubscribable<Array<ISvgPoint>>;
 }
 export declare class PolylineElement extends Element<IPolylineProperties> {

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

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PolylineElement = void 0;
 exports.createPolyline = createPolyline;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 const svg_1 = require("../svg");
 class PolylineElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "polyline",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Polyline",
                 attributes: {
                     points: (0, svg_1.serializePoints)(properties.points)

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":";;;AA4BA,wCAEC;AA9BD,wDAAqD;AACrD,8DAA+E;AAC/E,gCAAoD;AAOpD,MAAa,eAAgB,SAAQ,iBAA4B;IAC7D,YAAY,UAA+B;QACvC,KAAK,CACD;YACI,OAAO,EAAE,UAAU;YACnB,UAAU,EAAE,IAAA,6BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,UAAU;gBACvB,UAAU,EAAE;oBACR,MAAM,EAAE,IAAA,qBAAe,EAAC,UAAU,CAAC,MAAM,CAAC;iBAC7C;aACJ,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAjBD,0CAiBC;AAED,SAAgB,cAAc,CAAC,UAA+B;IAC1D,OAAO,IAAI,eAAe,CAAC,UAAU,CAAC,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"Polyline.js","sourceRoot":"","sources":["../../../../src/controls/svg/Polyline/Polyline.ts"],"names":[],"mappings":";;;AA2BA,wCAEC;AA7BD,wDAA2F;AAC3F,gCAAoD;AAOpD,MAAa,eAAgB,SAAQ,iBAA4B;IAC7D,YAAY,UAA+B;QACvC,KAAK,CACD;YACI,OAAO,EAAE,UAAU;YACnB,UAAU,EAAE,IAAA,0BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,UAAU;gBACvB,UAAU,EAAE;oBACR,MAAM,EAAE,IAAA,qBAAe,EAAC,UAAU,CAAC,MAAM,CAAC;iBAC7C;aACJ,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAjBD,0CAiBC;AAED,SAAgB,cAAc,CAAC,UAA+B;IAC1D,OAAO,IAAI,eAAe,CAAC,UAAU,CAAC,CAAC;AAC3C,CAAC"}

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

@@ -1,7 +1,6 @@
-import { Element } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface IRectangleProperties extends IProperties {
+import { Element, IElementProperties } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
+export interface IRectangleProperties extends IElementProperties {
     x?: number | string | ISubscribable<number | string>;
     y?: number | string | ISubscribable<number | string>;
     width?: number | string | ISubscribable<number | string>;

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

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RectangleElement = void 0;
 exports.createRectangle = createRectangle;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 class RectangleElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "rect",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Rectangle",
                 attributes: {
                     x: properties.x,

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":";;;AAiCA,0CAEC;AAnCD,wDAAqD;AACrD,8DAA+E;AAU/E,MAAa,gBAAiB,SAAQ,iBAA6B;IAC/D,YAAY,UAAgC;QACxC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,IAAA,6BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,WAAW;gBACxB,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,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AApBD,4CAoBC;AAED,SAAgB,eAAe,CAAC,UAAgC;IAC5D,OAAO,IAAI,gBAAgB,CAAC,UAAU,CAAC,CAAC;AAC5C,CAAC"}
+{"version":3,"file":"Rectangle.js","sourceRoot":"","sources":["../../../../src/controls/svg/Rectangle/Rectangle.ts"],"names":[],"mappings":";;;AAgCA,0CAEC;AAlCD,wDAA2F;AAU3F,MAAa,gBAAiB,SAAQ,iBAA6B;IAC/D,YAAY,UAAgC;QACxC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,IAAA,0BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,WAAW;gBACxB,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,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AApBD,4CAoBC;AAED,SAAgB,eAAe,CAAC,UAAgC;IAC5D,OAAO,IAAI,gBAAgB,CAAC,UAAU,CAAC,CAAC;AAC5C,CAAC"}

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

@@ -1,8 +1,7 @@
-import { Element, IElement } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
+import { Element, IElement, IElementProperties } from "../../../framework/element";
 import { PreserveAspectRatio } from "../../../framework/css";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface ISvgProperties extends IProperties {
+import { ISubscribable } from "../../../framework/observable";
+export interface ISvgProperties extends IElementProperties {
     x?: number | string | ISubscribable<number | string>;
     y?: number | string | ISubscribable<number | string>;
     height?: number | string | ISubscribable<number | string>;

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

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgElement = void 0;
 exports.createSvg = createSvg;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 class SvgElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "svg",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Svg",
                 attributes: {
                     x: properties.x,

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":";;;AAwCA,8BAEC;AA1CD,wDAA+D;AAC/D,8DAA8E;AAc9E,MAAa,UAAW,SAAQ,iBAAuB;IACnD,YAAY,UAA0B;QAClC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,IAAA,6BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,KAAK;gBAClB,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,CACJ;SACJ,EACD,UAAU,CAAC,QAAQ,CACtB,CAAC;IACN,CAAC;CACJ;AAvBD,gCAuBC;AAED,SAAgB,SAAS,CAAC,UAA0B;IAChD,OAAO,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC"}
+{"version":3,"file":"Svg.js","sourceRoot":"","sources":["../../../../src/controls/svg/Svg/Svg.ts"],"names":[],"mappings":";;;AAuCA,8BAEC;AAzCD,wDAAqG;AAcrG,MAAa,UAAW,SAAQ,iBAAuB;IACnD,YAAY,UAA0B;QAClC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,IAAA,0BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,KAAK;gBAClB,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,CACJ;SACJ,EACD,UAAU,CAAC,QAAQ,CACtB,CAAC;IACN,CAAC;CACJ;AAvBD,gCAuBC;AAED,SAAgB,SAAS,CAAC,UAA0B;IAChD,OAAO,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC"}

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

@@ -1,7 +1,6 @@
-import { Element } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface ITextProperties extends IProperties {
+import { Element, IElementProperties } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
+export interface ITextProperties extends IElementProperties {
     x?: number | string | ISubscribable<number | string>;
     y?: number | string | ISubscribable<number | string>;
     dx?: number | string | ISubscribable<number | string>;

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

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextElement = void 0;
 exports.createText = createText;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 class TextElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "text",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Text",
                 attributes: {
                     x: properties.x,

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":";;;AAmCA,gCAEC;AArCD,wDAAqD;AACrD,8DAA+E;AAW/E,MAAa,WAAY,SAAQ,iBAAwB;IACrD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,IAAA,6BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,MAAM;gBACnB,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,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AArBD,kCAqBC;AAED,SAAgB,UAAU,CAAC,UAA2B;IAClD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/controls/svg/Text/Text.ts"],"names":[],"mappings":";;;AAkCA,gCAEC;AApCD,wDAA2F;AAW3F,MAAa,WAAY,SAAQ,iBAAwB;IACrD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,IAAA,0BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,MAAM;gBACnB,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,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AArBD,kCAqBC;AAED,SAAgB,UAAU,CAAC,UAA2B;IAClD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC"}

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

@@ -1,7 +1,6 @@
-import { Element } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface ITitleProperties extends IProperties {
+import { Element, IElementProperties } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
+export interface ITitleProperties extends IElementProperties {
     title: string | ISubscribable<string>;
 }
 export declare class TitleElement extends Element<ITitleProperties> {

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

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TitleElement = void 0;
 exports.createTitle = createTitle;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 class TitleElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "title",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Title",
                 textContent: properties.title
             })

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":";;;AAyBA,kCAEC;AA3BD,wDAAqD;AACrD,8DAA8E;AAO9E,MAAa,YAAa,SAAQ,iBAAyB;IACvD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,IAAA,6BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,OAAO;gBACpB,WAAW,EAAE,UAAU,CAAC,KAAK;aAChC,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAfD,oCAeC;AAED,SAAgB,WAAW,CAAC,UAA4B;IACpD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC"}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/controls/svg/Title/Title.ts"],"names":[],"mappings":";;;AAwBA,kCAEC;AA1BD,wDAA2F;AAO3F,MAAa,YAAa,SAAQ,iBAAyB;IACvD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,IAAA,0BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,OAAO;gBACpB,WAAW,EAAE,UAAU,CAAC,KAAK;aAChC,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAfD,oCAeC;AAED,SAAgB,WAAW,CAAC,UAA4B;IACpD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { ISubscribable } from "../../framework/observableInterfaces";
+import { ISubscribable } from "../../framework/observable";
 export interface ISvgPoint {
     x: number;
     y: number;

package/dist/controls/svg/svg.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.serializePoints = serializePoints;
-const observablelmplementations_1 = require("../../framework/observablelmplementations");
+const observable_1 = require("../../framework/observable");
 function serializePoints(points) {
     if (points) {
-        if ((0, observablelmplementations_1.isSubscribable)(points)) {
-            return (0, observablelmplementations_1.computed)(() => {
-                return (0, observablelmplementations_1.unwrap)(points).map((point) => { return point.x + "," + point.y; }).join(" ");
+        if (observable_1.observable.isSubscribable(points)) {
+            return observable_1.observable.computed(() => {
+                return observable_1.observable.unwrap(points).map((point) => { return point.x + "," + point.y; }).join(" ");
             });
         }
-        return (0, observablelmplementations_1.unwrap)(points).map((point) => { return point.x + "," + point.y; }).join(" ");
+        return observable_1.observable.unwrap(points).map((point) => { return point.x + "," + point.y; }).join(" ");
     }
     return null;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../src/controls/svg/svg.ts"],"names":[],"mappings":";;AAQA,0CAYC;AAnBD,yFAA6F;AAO7F,SAAgB,eAAe,CAAC,MAA0D;IACtF,IAAI,MAAM,EAAE,CAAC;QACT,IAAI,IAAA,0CAAc,EAAC,MAAM,CAAC,EAAE,CAAC;YACzB,OAAO,IAAA,oCAAQ,EACX,GAAG,EAAE;gBACD,OAAO,IAAA,kCAAM,EAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAA,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACvF,CAAC,CACJ,CAAC;QACN,CAAC;QACD,OAAO,IAAA,kCAAM,EAAmB,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAA,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzG,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC"}
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../src/controls/svg/svg.ts"],"names":[],"mappings":";;AAOA,0CAYC;AAnBD,2DAAuE;AAOvE,SAAgB,eAAe,CAAC,MAA0D;IACtF,IAAI,MAAM,EAAE,CAAC;QACT,IAAI,uBAAU,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;YACpC,OAAO,uBAAU,CAAC,QAAQ,CACtB,GAAG,EAAE;gBACD,OAAO,uBAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAA,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAClG,CAAC,CACJ,CAAC;QACN,CAAC;QACD,OAAO,uBAAU,CAAC,MAAM,CAAmB,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAA,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpH,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/dist/framework/attributes.d.ts

@@ -1,51 +1,6 @@
 import { PreserveAspectRatio } from "./css";
-import { ISubscribable } from "./observableInterfaces";
+import { ISubscribable } from "./observable";
 export interface IAttributes {
-    alt?: string;
-    disabled?: string;
-    href?: string;
-    target?: string;
-    id?: string;
-    src?: string;
-    title?: string;
-    class?: string;
-    tabindex?: number;
-    draggable?: string;
-    placeholder?: string;
-    for?: string;
-    type?: string;
-    value?: string;
-    view?: string;
-    checked?: string;
-    enctype?: string;
-    name?: string;
-    multiple?: boolean;
-    ["aria-label"]?: string;
-    cx?: number | string;
-    cy?: number | string;
-    r?: number | string;
-    rx?: number | string;
-    ry?: number | string;
-    x?: number | string;
-    x1?: number | string;
-    x2?: number | string;
-    y?: number | string;
-    y1?: number | string;
-    y2?: number | string;
-    width?: number | string;
-    height?: number | string;
-    patternUnits?: string;
-    patternTransform?: string;
-    points?: string;
-    viewBox?: string;
-    dx?: number | string;
-    dy?: number | string;
-    rotate?: string;
-    preserveAspectRatio?: PreserveAspectRatio;
-    xmlns?: string;
-    info?: string;
-}
-export interface IAttributesSubscribable {
     alt?: string | ISubscribable<string>;
     disabled?: string | ISubscribable<string>;
     href?: string | ISubscribable<string>;

package/dist/framework/css.d.ts

@@ -1,9 +1,7 @@
 export type PatternUnits = "userSpaceOnUse" | "objectboudingBox";
 export type DropEffect = "none" | "copy" | "link" | "move";
 export type EffectAllowed = "none" | "copy" | "copyLink" | "copyMove" | "link" | "linkMove" | "move" | "all" | "uninitialized";
-type CssPropertyA = "alignContent" | "alignItems" | "alignSelf" | "alignmentAdjust" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "appearance" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundComposite" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "behavior" | "border" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderCornerShape" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxLineProgression" | "boxLines" | "boxOrdinalGroup" | "boxFlex" | "boxSizing" | "boxShadow" | "boxFlexGroup" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "clear" | "clip" | "clipRule" | "color" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "content" | "counterIncrement" | "counterReset" | "cue" | "cueAfter" | "cursor" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fill" | "fillOpacity" | "fillRule" | "filter" | "flex" | "flexAlign" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexItemAlign" | "flexLinePack" | "flexPositive" | "flexNegative" | "flexOrder" | "flexShrink" | "flexWrap" | "float" | "flowFrom" | "font" | "fontFamily" | "fontKerning" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontWeight" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnGap" | "gridColumnEnd" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridRowPosition" | "gridRowSpan" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphenateLimitChars" | "hyphenateLimitLines" | "hyphenateLimitZone" | "hyphens" | "imeMode" | "justifyContent" | "justifyItems" | "justifySelf";
-type CssPropertyL = "layoutGrid" | "layoutGridChar" | "layoutGridLine" | "layoutGridMode" | "layoutGridType" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "marqueeDirection" | "marqueeStyle" | "mask" | "maskBorder" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskOrigin" | "maxFontSize" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "opacity" | "order" | "orphans" | "outline" | "outlineColor" | "outlineStyle" | "outlineOffset" | "outlineWidth" | "overflow" | "overflowStyle" | "overflowWrap" | "overflowX" | "overflowY" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "pause" | "pauseAfter" | "pauseBefore" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "punctuationTrim" | "quotes" | "regionFragment" | "resize" | "restAfter" | "restBefore" | "right" | "rubyAlign" | "rubyPosition" | "rx" | "ry" | "shapeImageThreshold" | "shapeInside" | "shapeMargin" | "shapeOutside" | "speak" | "speakAs" | "src" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAnchor" | "textAlign" | "textAlignLast" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationLineThrough" | "textDecorationNone" | "textDecorationOverline" | "textDecorationSkip" | "textDecorationStyle" | "textDecorationUnderline" | "textEmphasis" | "textEmphasisColor" | "textEmphasisStyle" | "textHeight" | "textIndent" | "textJustifyTrim" | "textKashidaSpace" | "textLineThrough" | "textLineThroughColor" | "textLineThroughMode" | "textLineThroughStyle" | "textLineThroughWidth" | "textOverflow" | "textOverline" | "textOverlineColor" | "textOverlineMode" | "textOverlineStyle" | "textOverlineWidth" | "textRendering" | "textScript" | "textShadow" | "textTransform" | "textUnderlinePosition" | "textUnderlineStyle" | "top" | "touchAction" | "transform" | "transformOrigin" | "transformOriginZ" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "unicodeBidi" | "unicodeRange" | "userFocus" | "userInput" | "userSelect" | "verticalAlign" | "visibility" | "voiceBalance" | "voiceDuration" | "voiceFamily" | "voicePitch" | "voiceRange" | "voiceRate" | "voiceStress" | "voiceVolume" | "whiteSpace" | "whiteSpaceTreatment" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "wrapFlow" | "wrapMargin" | "wrapOption" | "writingMode" | "zIndex" | "zoom";
-export type CssProperty = CssPropertyA | CssPropertyL;
+export type CssProperty = "alignContent" | "alignItems" | "alignSelf" | "alignmentAdjust" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "appearance" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundComposite" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "behavior" | "border" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderCornerShape" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxLineProgression" | "boxLines" | "boxOrdinalGroup" | "boxFlex" | "boxSizing" | "boxShadow" | "boxFlexGroup" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "clear" | "clip" | "clipRule" | "color" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "content" | "counterIncrement" | "counterReset" | "cue" | "cueAfter" | "cursor" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fill" | "fillOpacity" | "fillRule" | "filter" | "flex" | "flexAlign" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexItemAlign" | "flexLinePack" | "flexPositive" | "flexNegative" | "flexOrder" | "flexShrink" | "flexWrap" | "float" | "flowFrom" | "font" | "fontFamily" | "fontKerning" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontWeight" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnGap" | "gridColumnEnd" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridRowPosition" | "gridRowSpan" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "hyphenateLimitChars" | "hyphenateLimitLines" | "hyphenateLimitZone" | "hyphens" | "imeMode" | "justifyContent" | "justifyItems" | "justifySelf" | "layoutGrid" | "layoutGridChar" | "layoutGridLine" | "layoutGridMode" | "layoutGridType" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "marqueeDirection" | "marqueeStyle" | "mask" | "maskBorder" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskOrigin" | "maxFontSize" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "opacity" | "order" | "orphans" | "outline" | "outlineColor" | "outlineStyle" | "outlineOffset" | "outlineWidth" | "overflow" | "overflowStyle" | "overflowWrap" | "overflowX" | "overflowY" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "pause" | "pauseAfter" | "pauseBefore" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "punctuationTrim" | "quotes" | "regionFragment" | "resize" | "restAfter" | "restBefore" | "right" | "rubyAlign" | "rubyPosition" | "rx" | "ry" | "shapeImageThreshold" | "shapeInside" | "shapeMargin" | "shapeOutside" | "speak" | "speakAs" | "src" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAnchor" | "textAlign" | "textAlignLast" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationLineThrough" | "textDecorationNone" | "textDecorationOverline" | "textDecorationSkip" | "textDecorationStyle" | "textDecorationUnderline" | "textEmphasis" | "textEmphasisColor" | "textEmphasisStyle" | "textHeight" | "textIndent" | "textJustifyTrim" | "textKashidaSpace" | "textLineThrough" | "textLineThroughColor" | "textLineThroughMode" | "textLineThroughStyle" | "textLineThroughWidth" | "textOverflow" | "textOverline" | "textOverlineColor" | "textOverlineMode" | "textOverlineStyle" | "textOverlineWidth" | "textRendering" | "textScript" | "textShadow" | "textTransform" | "textUnderlinePosition" | "textUnderlineStyle" | "top" | "touchAction" | "transform" | "transformOrigin" | "transformOriginZ" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "unicodeBidi" | "unicodeRange" | "userFocus" | "userInput" | "userSelect" | "verticalAlign" | "visibility" | "voiceBalance" | "voiceDuration" | "voiceFamily" | "voicePitch" | "voiceRange" | "voiceRate" | "voiceStress" | "voiceVolume" | "whiteSpace" | "whiteSpaceTreatment" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "wrapFlow" | "wrapMargin" | "wrapOption" | "writingMode" | "zIndex" | "zoom";
 export type CssValue<T> = T | T[];
 export type CssValueGeneral = CssValue<number | string>;
 export type CssValueString = CssValue<string>;
@@ -84,4 +82,3 @@ export type VerticalAlign = CssGlobalValues | "baseline" | "sub" | "super" | "te
 export type WritingMode = CssGlobalValues | "horizontal-tb" | "vertical-rl" | "vertical-lr" | "sideways-rl" | "sideways-lr";
 export type CssStyleName = "alignContent" | "alignItems";
 export type PreserveAspectRatio = "none" | "xMinYMin" | "xMidYMin" | "xMaxYMin" | "xMinYMid" | "xMidYMid" | "xMaxYMid" | "xMinYMax" | "xMidYMax" | "xMaxYMax" | "meet" | "slice";
-export {};

package/dist/framework/element.d.ts

@@ -1,6 +1,8 @@
 import "tocca";
-import { IDisposer, ISubscribable } from "./observableInterfaces";
-import { IProperties, Properties } from "./properties";
+import { IDisposer, ISubscribable } from "./observable";
+import { IEventListener } from "./event";
+import { IAttributes } from "./attributes";
+import { IStyle } from "./style";
 declare const htmlTags: {
     a: boolean;
     div: boolean;
@@ -28,34 +30,65 @@ declare const svgTags: {
     foreignObject: boolean;
 };
 type TagName = keyof typeof htmlTags | keyof typeof svgTags;
+export interface IElementProperties {
+    attributes?: IAttributes;
+    classNames?: Array<string> | ISubscribable<Array<string>>;
+    style?: IStyle;
+    visible?: boolean | ISubscribable<boolean>;
+    disabled?: boolean | ISubscribable<boolean>;
+    innerHtml?: string | ISubscribable<string>;
+    textContent?: string | ISubscribable<string>;
+    addViewModelToDataObject?: boolean;
+    userSelectable?: boolean;
+    eventListeners?: Array<IEventListener>;
+    elementType?: string;
+    focused?: boolean | ISubscribable<boolean>;
+}
+export interface IElementOptions<TElementProperties> {
+    tagName: TagName;
+    properties?: TElementProperties;
+}
 export interface IElement {
     render(): HTMLElement;
     unmount(): void;
 }
-export interface IElementOptions<TProperties> {
-    tagName: TagName;
-    properties?: TProperties;
-}
-export declare class Element<TProperties = IProperties> implements IElement {
-    constructor(options: IElementOptions<TProperties>, children?: Array<IElement> | ISubscribable<Array<IElement>>);
+export declare class Element<TElementProperties = IElementProperties> implements IElement {
+    constructor(options: IElementOptions<TElementProperties>, children?: Array<IElement> | ISubscribable<Array<IElement>>);
     private readonly tagName;
     private readonly optionsChildren;
     private children;
     private buildChildren;
-    protected element: HTMLElement;
-    protected readonly properties: TProperties;
+    protected htmlElement: HTMLElement;
+    protected readonly properties: TElementProperties;
     protected readonly disposers: IDisposer[];
     protected build(): void;
     protected remove(): void;
-    protected addChild(child: IElement): Element<TProperties>;
-    protected setChildren(...children: Array<IElement>): Element<TProperties>;
+    protected addChild(child: IElement): Element<TElementProperties>;
+    protected setChildren(...children: Array<IElement>): Element<TElementProperties>;
     protected empty(): void;
     render(): HTMLElement;
     unmount(): void;
     focus(options?: FocusOptions): void;
 }
-export declare function element<TProperties>(options: IElementOptions<TProperties>, children?: Array<IElement> | ISubscribable<Array<IElement>>): Element<TProperties>;
+export declare abstract class ElementProperties implements IElementProperties {
+    protected setProperties<TProperties>(object: object, properties?: TProperties): void;
+    attributes?: IAttributes;
+    classNames?: Array<string> | ISubscribable<Array<string>>;
+    style?: IStyle;
+    visible?: boolean | ISubscribable<boolean>;
+    disabled?: boolean | ISubscribable<boolean>;
+    innerHtml?: string | ISubscribable<string>;
+    textContent?: string | ISubscribable<string>;
+    addViewModelToDataObject?: boolean;
+    userSelectable?: boolean;
+    eventListeners?: Array<IEventListener>;
+    elementType?: string;
+    focused?: boolean | ISubscribable<boolean>;
+}
+export declare function extendProperties<TTarget = IElementProperties, TOverwritingProperties = TTarget, TPreserveExistingProperties = TTarget>(target: TTarget, preserveExisting: TPreserveExistingProperties, overWriteExisting?: TOverwritingProperties): TTarget;
+export declare function createElement<TProperties>(options: IElementOptions<TProperties>, children?: Array<IElement> | ISubscribable<Array<IElement>>): Element<TProperties>;
+export declare function applyBindings(properties: IElementProperties, element: HTMLElement, disposers: Array<IDisposer>): void;
 export declare function addElementToDictionary(properties: Function, element: Function): void;
-export declare function getElement(properties: Properties): Element;
-export declare function render(properties: Properties): HTMLElement;
+export declare function getElement(properties: IElementProperties): IElement;
+export declare function render(properties: IElementProperties): HTMLElement;
 export {};