jpf 5.0.61 → 5.0.63

package/dist/controls/html/Input/Input.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputProperties = exports.InputElement = exports.ValueUpdateModeEnum = void 0;
 exports.createInput = createInput;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 const integer_1 = require("../../../utilities/integer/integer");
 const float_1 = require("../../../utilities/float/float");
-const observablelmplementations_1 = require("../../../framework/observablelmplementations");
+const observable_1 = require("../../../framework/observable");
+const value_1 = require("../../../utilities/value/value");
 var ValueUpdateModeEnum;
 (function (ValueUpdateModeEnum) {
     ValueUpdateModeEnum[ValueUpdateModeEnum["OnChange"] = 1] = "OnChange";
@@ -16,33 +16,33 @@ class InputElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "input",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Input"
             })
         });
     }
     build() {
         super.build();
-        const element = this.element;
+        const element = this.htmlElement;
         const properties = this.properties;
         if (!properties.valueUpdateMode) {
             properties.valueUpdateMode = ValueUpdateModeEnum.OnChange;
         }
-        const input = this.element;
+        const input = this.htmlElement;
         input.type = properties.type;
-        if (!(0, properties_1.isNullOrUndefined)(properties.min)) {
+        if (!(0, value_1.isNullOrUndefined)(properties.min)) {
             input.min = properties.min;
         }
-        if (!(0, properties_1.isNullOrUndefined)(properties.max)) {
+        if (!(0, value_1.isNullOrUndefined)(properties.max)) {
             input.max = properties.max;
         }
-        if (!(0, properties_1.isNullOrUndefined)(properties.step)) {
+        if (!(0, value_1.isNullOrUndefined)(properties.step)) {
             input.step = properties.step;
         }
         switch (properties.type) {
             case "checkbox":
-                input.checked = (0, observablelmplementations_1.unwrap)(properties.value);
-                if ((0, observablelmplementations_1.isSubscribable)(properties.value)) {
+                input.checked = observable_1.observable.unwrap(properties.value);
+                if (observable_1.observable.isSubscribable(properties.value)) {
                     this.disposers.push(properties.value.subscribe((value) => {
                         input.checked = value;
                     }));
@@ -51,29 +51,29 @@ class InputElement extends element_1.Element {
             case "file":
                 break;
             case "radio":
-                input.checked = input.value === ((0, observablelmplementations_1.unwrap)(properties.value));
-                if ((0, observablelmplementations_1.isSubscribable)(properties.value)) {
+                input.checked = input.value === (observable_1.observable.unwrap(properties.value));
+                if (observable_1.observable.isSubscribable(properties.value)) {
                     this.disposers.push(properties.value.subscribe((value) => {
                         input.checked = input.value === value;
                     }));
                 }
                 break;
             default:
-                const value = (0, observablelmplementations_1.unwrap)(properties.value);
+                const value = observable_1.observable.unwrap(properties.value);
                 if (value) {
                     input.value = value;
                 }
-                if ((0, observablelmplementations_1.isSubscribable)(properties.value)) {
+                if (observable_1.observable.isSubscribable(properties.value)) {
                     this.disposers.push(properties.value.subscribe((value) => {
                         input.value = value;
                     }));
                 }
         }
-        const placeholder = (0, observablelmplementations_1.unwrap)(properties.placeholder);
+        const placeholder = observable_1.observable.unwrap(properties.placeholder);
         if (placeholder) {
             input.placeholder = placeholder;
         }
-        if ((0, observablelmplementations_1.isSubscribable)(properties.placeholder)) {
+        if (observable_1.observable.isSubscribable(properties.placeholder)) {
             this.disposers.push(properties.placeholder.subscribe((placeholder) => {
                 if (placeholder) {
                     input.placeholder = placeholder;
@@ -84,10 +84,10 @@ class InputElement extends element_1.Element {
             }));
         }
         if (this.properties.valueUpdateMode === ValueUpdateModeEnum.OnChange) {
-            this.element.addEventListener("change", handleEvent);
+            this.htmlElement.addEventListener("change", handleEvent);
         }
         if (this.properties.valueUpdateMode === ValueUpdateModeEnum.OnInput || properties.inputValidator) {
-            this.element.addEventListener("input", handleEvent);
+            this.htmlElement.addEventListener("input", handleEvent);
         }
         async function handleEvent(event) {
             let newValue = null;
@@ -115,7 +115,7 @@ class InputElement extends element_1.Element {
             }
             if (properties.inputValidator) {
                 if (!await properties.inputValidator(event, properties, newValue)) {
-                    input.value = (0, observablelmplementations_1.unwrap)(properties.value);
+                    input.value = observable_1.observable.unwrap(properties.value);
                     return;
                 }
                 ;
@@ -125,7 +125,7 @@ class InputElement extends element_1.Element {
                     newValue = parseInt(newValue);
                 }
                 else {
-                    input.value = (0, observablelmplementations_1.unwrap)(properties.value);
+                    input.value = observable_1.observable.unwrap(properties.value);
                     return;
                 }
             }
@@ -134,11 +134,11 @@ class InputElement extends element_1.Element {
                     newValue = parseFloat(newValue);
                 }
                 else {
-                    input.value = (0, observablelmplementations_1.unwrap)(properties.value);
+                    input.value = observable_1.observable.unwrap(properties.value);
                     return;
                 }
             }
-            if ((0, observablelmplementations_1.isObservableValue)(properties.value)) {
+            if (observable_1.observable.isObservableValue(properties.value)) {
                 if ((event.type === "change" && properties.valueUpdateMode === ValueUpdateModeEnum.OnChange) ||
                     (event.type === "input" && properties.valueUpdateMode === ValueUpdateModeEnum.OnInput)) {
                     properties.value.setValueInAction(newValue);
@@ -154,7 +154,7 @@ exports.InputElement = InputElement;
 function createInput(properties) {
     return new InputElement(properties);
 }
-class InputProperties extends properties_1.Properties {
+class InputProperties extends element_1.ElementProperties {
     constructor(properties) {
         super();
         this.setProperties(this, properties);

package/dist/controls/html/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/controls/html/Input/Input.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/controls/html/Input/Input.ts"],"names":[],"mappings":";;;AA0MA,kCAEC;AA5MD,wDAAsI;AACtI,gEAA+D;AAC/D,0DAAyD;AACzD,8DAA0E;AAC1E,0DAAgE;AAKhE,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC3B,qEAAY,CAAA;IACZ,mEAAW,CAAA;AACf,CAAC,EAHW,mBAAmB,mCAAnB,mBAAmB,QAG9B;AAaD,MAAa,YAAqB,SAAQ,iBAAiC;IACvE,YAAY,UAAoC;QAC5C,KAAK,CACD;YACI,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,IAAA,0BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,OAAO;aACvB,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;IAGS,KAAK;QACX,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;QACjC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;YAC9B,UAAU,CAAC,eAAe,GAAG,mBAAmB,CAAC,QAAQ,CAAC;QAC9D,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,WAA+B,CAAC;QACnD,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAE7B,IAAI,CAAC,IAAA,yBAAiB,EAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACrC,KAAK,CAAC,GAAG,GAAG,UAAU,CAAC,GAAwB,CAAC;QACpD,CAAC;QACD,IAAI,CAAC,IAAA,yBAAiB,EAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACrC,KAAK,CAAC,GAAG,GAAG,UAAU,CAAC,GAAwB,CAAC;QACpD,CAAC;QACD,IAAI,CAAC,IAAA,yBAAiB,EAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACtC,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC,IAAyB,CAAC;QACtD,CAAC;QAED,QAAQ,UAAU,CAAC,IAAI,EAAE,CAAC;YACtB,KAAK,UAAU;gBACX,KAAK,CAAC,OAAO,GAAG,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAuB,CAAC;gBAC1E,IAAI,uBAAU,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC9C,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;wBACjC,KAAK,CAAC,OAAO,GAAG,KAA2B,CAAC;oBAChD,CAAC,CAAC,CACL,CAAC;gBACN,CAAC;gBAED,MAAM;YAEV,KAAK,MAAM;gBAEP,MAAM;YAEV,KAAK,OAAO;gBACR,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,KAAM,CAAC,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAuB,CAAC;gBAC7F,IAAI,uBAAU,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC9C,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;wBACjC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,KAAM,KAA2B,CAAC;oBACjE,CAAC,CAAC,CACL,CAAC;gBACN,CAAC;gBACD,MAAM;YAEV;gBACI,MAAM,KAAK,GAAG,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClD,IAAI,KAAK,EAAE,CAAC;oBACR,KAAK,CAAC,KAAK,GAAG,KAA0B,CAAC;gBAC7C,CAAC;gBACD,IAAI,uBAAU,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC9C,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;wBACjC,KAAK,CAAC,KAAK,GAAG,KAA0B,CAAC;oBAC7C,CAAC,CAAC,CACL,CAAC;gBACN,CAAC;QACT,CAAC;QAED,MAAM,WAAW,GAAG,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAsB,CAAC;QACnF,IAAI,WAAW,EAAE,CAAC;YACd,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;QACpC,CAAC;QACD,IAAI,uBAAU,CAAC,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;YACpD,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,EAAE;gBAC7C,IAAI,WAAW,EAAE,CAAC;oBACd,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;gBACpC,CAAC;qBAAM,CAAC;oBACJ,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;gBACzC,CAAC;YACL,CAAC,CAAC,CACL,CAAC;QACN,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,CAAC,eAAe,KAAK,mBAAmB,CAAC,QAAQ,EAAE,CAAC;YACnE,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAC7B,QAAQ,EACR,WAAW,CACd,CAAC;QACN,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,CAAC,eAAe,KAAK,mBAAmB,CAAC,OAAO,IAAI,UAAU,CAAC,cAAc,EAAE,CAAC;YAC/F,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAC7B,OAAO,EACP,WAAW,CACd,CAAC;QACN,CAAC;QAED,KAAK,UAAU,WAAW,CAAC,KAAY;YACnC,IAAI,QAAQ,GAAG,IAAI,CAAC;YACpB,QAAQ,UAAU,CAAC,IAAI,EAAE,CAAC;gBACtB,KAAK,UAAU;oBACX,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;oBACzB,MAAM;gBAEV,KAAK,MAAM;oBACP,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;oBACvB,MAAM;gBAEV,KAAK,OAAO;oBACR,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;oBAC1C,IAAI,IAAI,EAAE,CAAC;wBACP,MAAM,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,4BAA4B,GAAG,IAAI,GAAG,YAAY,CAAqB,CAAC;wBAC3H,IAAI,mBAAmB,EAAE,CAAC;4BACtB,QAAQ,GAAG,mBAAmB,CAAC,KAAK,CAAC;wBACzC,CAAC;oBACL,CAAC;oBACD,MAAM;gBAEV;oBACI,QAAQ,GAAG,KAAK,CAAC,KAA0B,CAAC;oBAC5C,IAAI,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC;wBACvB,QAAQ,GAAG,IAAI,CAAC;oBACpB,CAAC;YACT,CAAC;YAED,IAAI,UAAU,CAAC,cAAc,EAAE,CAAC;gBAC5B,IAAI,CAAC,MAAM,UAAU,CAAC,cAAc,CAAC,KAAK,EAAE,UAAU,EAAE,QAA6B,CAAC,EAAE,CAAC;oBACrF,KAAK,CAAC,KAAK,GAAG,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAsB,CAAC;oBACvE,OAAO;gBACX,CAAC;gBAAA,CAAC;YACN,CAAC;YAED,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBAChC,IAAI,IAAA,mBAAS,EAAC,QAAQ,CAAC,EAAE,CAAC;oBACtB,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBAClC,CAAC;qBAAM,CAAC;oBACJ,KAAK,CAAC,KAAK,GAAG,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAsB,CAAC;oBACvE,OAAO;gBACX,CAAC;YACL,CAAC;YAED,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC9B,IAAI,IAAA,eAAO,EAAC,QAAQ,CAAC,EAAE,CAAC;oBACpB,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;gBACpC,CAAC;qBAAM,CAAC;oBACJ,KAAK,CAAC,KAAK,GAAG,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAsB,CAAC;oBACvE,OAAO;gBACX,CAAC;YACL,CAAC;YAGD,IAAI,uBAAU,CAAC,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjD,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,UAAU,CAAC,eAAe,KAAK,mBAAmB,CAAC,QAAQ,CAAC;oBACxF,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,UAAU,CAAC,eAAe,KAAK,mBAAmB,CAAC,OAAO,CAAC,EAAE,CAAC;oBAEzF,UAAU,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;gBAChD,CAAC;qBAAM,CAAC;oBACJ,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBAC3C,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;CACJ;AA/KD,oCA+KC;AAED,SAAgB,WAAW,CAAS,UAAoC;IACpE,OAAO,IAAI,YAAY,CAAS,UAAU,CAAC,CAAC;AAChD,CAAC;AAED,MAAa,eAAwB,SAAQ,2BAAiB;IAC1D,YAAY,UAAoC;QAC5C,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IAED,KAAK,CAAkC;IACvC,cAAc,CAA8F;IAC5G,WAAW,CAAkC;IAC7C,eAAe,CAAuB;IACtC,GAAG,CAAU;IACb,GAAG,CAAU;IACb,IAAI,CAAU;IACd,IAAI,CAAa;CACpB;AAdD,0CAcC;AAED,IAAA,gCAAsB,EAClB,eAAe,EACf,YAAY,CACf,CAAC"}

package/dist/controls/html/Select/Select.d.ts

@@ -1,7 +1,6 @@
-import { Element } from "../../../framework/element";
-import { Properties, IProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface ISelectProperties<TItem, TValue, TSetter = TValue> extends IProperties {
+import { Element, ElementProperties, IElementProperties } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
+export interface ISelectProperties<TItem, TValue, TSetter = TValue> extends IElementProperties {
     value?: TValue | ISubscribable<TValue>;
     items?: Array<TItem> | ISubscribable<Array<TItem>>;
     textFunction: (item: TItem) => string;
@@ -18,7 +17,7 @@ export declare class SelectElement<TItem, TValue, TSetter = TValue> extends Elem
     private setSelectedValue;
 }
 export declare function createSelect<TItem, TValue, TSetter = TValue>(properties: ISelectProperties<TItem, TValue, TSetter>): SelectElement<TItem, TValue, TSetter>;
-export declare class SelectProperties<TItem, TValue, TSetter = TValue> extends Properties implements ISelectProperties<TItem, TValue, TSetter> {
+export declare class SelectProperties<TItem, TValue, TSetter = TValue> extends ElementProperties implements ISelectProperties<TItem, TValue, TSetter> {
     constructor(properties: ISelectProperties<TItem, TValue, TSetter>);
     value?: TValue | ISubscribable<TValue>;
     items?: Array<TItem> | ISubscribable<Array<TItem>>;

package/dist/controls/html/Select/Select.js

@@ -3,34 +3,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectProperties = exports.SelectElement = void 0;
 exports.createSelect = createSelect;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
-const observablelmplementations_1 = require("../../../framework/observablelmplementations");
+const observable_1 = require("../../../framework/observable");
 class SelectElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "select",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Select"
             })
         });
     }
     build() {
         super.build();
-        const select = this.element;
+        const select = this.htmlElement;
         const properties = this.properties;
-        this.setItems((0, observablelmplementations_1.unwrap)(properties.items));
-        if ((0, observablelmplementations_1.isSubscribable)(properties.items)) {
+        this.setItems(observable_1.observable.unwrap(properties.items));
+        if (observable_1.observable.isSubscribable(properties.items)) {
             this.disposers.push(properties.items.subscribe((items) => {
                 this.setItems(items);
             }));
         }
-        this.setSelectedValue((0, observablelmplementations_1.unwrap)(properties.value));
-        if ((0, observablelmplementations_1.isSubscribable)(properties.value)) {
+        this.setSelectedValue(observable_1.observable.unwrap(properties.value));
+        if (observable_1.observable.isSubscribable(properties.value)) {
             this.disposers.push(properties.value.subscribe((value) => {
                 this.setSelectedValue(value);
             }));
         }
-        this.element.addEventListener("change", async (event) => {
+        this.htmlElement.addEventListener("change", async (event) => {
             let selectedValue = select.value;
             let selectedItem = null;
             if (selectedValue + "" === "") {
@@ -42,12 +41,12 @@ class SelectElement extends element_1.Element {
             }
             if (properties.inputValidator) {
                 if (!await properties.inputValidator(event, properties, selectedValue)) {
-                    select.value = (0, observablelmplementations_1.unwrap)(properties.value);
+                    select.value = observable_1.observable.unwrap(properties.value);
                     return;
                 }
                 ;
             }
-            if ((0, observablelmplementations_1.isObservableValue)(properties.value)) {
+            if (observable_1.observable.isObservableValue(properties.value)) {
                 if (properties.setFunction) {
                     const setValue = properties.setFunction(selectedItem);
                     properties.value.setValueInAction(setValue);
@@ -60,10 +59,10 @@ class SelectElement extends element_1.Element {
     }
     itemDictionary;
     setItems(items) {
-        if (this.element) {
+        if (this.htmlElement) {
             this.itemDictionary = {};
             if (items) {
-                const select = this.element;
+                const select = this.htmlElement;
                 select.innerHTML = null;
                 if (this.properties.emptyItemText) {
                     const emptyOption = document.createElement("option");
@@ -83,8 +82,8 @@ class SelectElement extends element_1.Element {
         }
     }
     setSelectedValue(value) {
-        if (this.element) {
-            const select = this.element;
+        if (this.htmlElement) {
+            const select = this.htmlElement;
             if (value === null || value === undefined) {
                 select.value = "";
             }
@@ -98,7 +97,7 @@ exports.SelectElement = SelectElement;
 function createSelect(properties) {
     return new SelectElement(properties);
 }
-class SelectProperties extends properties_1.Properties {
+class SelectProperties extends element_1.ElementProperties {
     constructor(properties) {
         super();
         this.setProperties(this, properties);

package/dist/controls/html/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/controls/html/Select/Select.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/controls/html/Select/Select.ts"],"names":[],"mappings":"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"}

package/dist/controls/html/Span/Span.d.ts

@@ -1,11 +1,10 @@
-import { Element } from "../../../framework/element";
-import { Properties, IProperties } from "../../../framework/properties";
-export interface ISpanProperties extends IProperties {
+import { Element, ElementProperties, IElementProperties } from "../../../framework/element";
+export interface ISpanProperties extends IElementProperties {
 }
 export declare class SpanElement extends Element<ISpanProperties> {
     constructor(properties: ISpanProperties);
 }
 export declare function createSpan(properties: ISpanProperties): SpanElement;
-export declare class SpanProperties extends Properties implements ISpanProperties {
+export declare class SpanProperties extends ElementProperties implements ISpanProperties {
     constructor(properties: SpanProperties);
 }

package/dist/controls/html/Span/Span.js

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SpanProperties = exports.SpanElement = void 0;
 exports.createSpan = createSpan;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 class SpanElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "span",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "Span"
             })
         });
@@ -18,7 +17,7 @@ exports.SpanElement = SpanElement;
 function createSpan(properties) {
     return new SpanElement(properties);
 }
-class SpanProperties extends properties_1.Properties {
+class SpanProperties extends element_1.ElementProperties {
     constructor(properties) {
         super();
         this.setProperties(this, properties);

package/dist/controls/html/Span/Span.js.map

@@ -1 +1 @@
-{"version":3,"file":"Span.js","sourceRoot":"","sources":["../../../../src/controls/html/Span/Span.ts"],"names":[],"mappings":";;;AAwBA,gCAEC;AA1BD,wDAA6E;AAC7E,8DAA0F;AAO1F,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;aACtB,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAdD,kCAcC;AAED,SAAgB,UAAU,CAAC,UAA2B;IAClD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC;AAED,MAAa,cAAe,SAAQ,uBAAU;IAC1C,YAAY,UAA0B;QAClC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;CACJ;AALD,wCAKC;AAED,IAAA,gCAAsB,EAClB,cAAc,EACd,WAAW,CACd,CAAC"}
+{"version":3,"file":"Span.js","sourceRoot":"","sources":["../../../../src/controls/html/Span/Span.ts"],"names":[],"mappings":";;;AAuBA,gCAEC;AAzBD,wDAAsI;AAOtI,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;aACtB,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAdD,kCAcC;AAED,SAAgB,UAAU,CAAC,UAA2B;IAClD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC;AAED,MAAa,cAAe,SAAQ,2BAAiB;IACjD,YAAY,UAA0B;QAClC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;CACJ;AALD,wCAKC;AAED,IAAA,gCAAsB,EAClB,cAAc,EACd,WAAW,CACd,CAAC"}

package/dist/controls/jsonViewerAwesome/jsonFormatter/JsonFormatter.d.ts

@@ -1,7 +1,6 @@
-import { Element } from "../../../framework/element";
-import { Properties, IProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface IJsonFormatterProperties extends IProperties {
+import { Element, ElementProperties, IElementProperties } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
+export interface IJsonFormatterProperties extends IElementProperties {
     json: object | ISubscribable<object>;
     showArrayIndex?: boolean;
     quotesOnKeys?: boolean;
@@ -16,7 +15,7 @@ export declare class JsonFormatterElement extends Element<IJsonFormatterProperti
     private setJson;
 }
 export declare function createJsonFormatter(properties: IJsonFormatterProperties): JsonFormatterElement;
-export declare class JsonFormatterProperties extends Properties implements IJsonFormatterProperties {
+export declare class JsonFormatterProperties extends ElementProperties implements IJsonFormatterProperties {
     constructor(properties: IJsonFormatterProperties);
     json: object | ISubscribable<object>;
     showArrayIndex?: boolean;

package/dist/controls/jsonViewerAwesome/jsonFormatter/JsonFormatter.js

@@ -3,14 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.JsonFormatterProperties = exports.JsonFormatterElement = void 0;
 exports.createJsonFormatter = createJsonFormatter;
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
 const json_formatter_1 = require("json-viewer-awesome/lib/json-formatter");
-const observablelmplementations_1 = require("../../../framework/observablelmplementations");
+const observable_1 = require("../../../framework/observable");
 class JsonFormatterElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "div",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "JsonFormatter"
             })
         });
@@ -18,8 +17,8 @@ class JsonFormatterElement extends element_1.Element {
     build() {
         super.build();
         const properties = this.properties;
-        this.setJson((0, observablelmplementations_1.unwrap)(properties.json));
-        if ((0, observablelmplementations_1.isSubscribable)(properties.json)) {
+        this.setJson(observable_1.observable.unwrap(properties.json));
+        if (observable_1.observable.isSubscribable(properties.json)) {
             this.disposers.push(properties.json.subscribe((json) => {
                 this.setJson(json);
             }));
@@ -39,10 +38,10 @@ class JsonFormatterElement extends element_1.Element {
                     theme: undefined,
                     src: json
                 });
-                this.element.replaceChildren(jsonFormatter.render());
+                this.htmlElement.replaceChildren(jsonFormatter.render());
             }
             else {
-                this.element.innerHTML = json.toString();
+                this.htmlElement.innerHTML = json.toString();
             }
         }
         else {
@@ -54,7 +53,7 @@ exports.JsonFormatterElement = JsonFormatterElement;
 function createJsonFormatter(properties) {
     return new JsonFormatterElement(properties);
 }
-class JsonFormatterProperties extends properties_1.Properties {
+class JsonFormatterProperties extends element_1.ElementProperties {
     constructor(properties) {
         super();
         this.setProperties(this, properties);

package/dist/controls/jsonViewerAwesome/jsonFormatter/JsonFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonFormatter.js","sourceRoot":"","sources":["../../../../src/controls/jsonViewerAwesome/jsonFormatter/JsonFormatter.ts"],"names":[],"mappings":";;;AAsEA,kDAEC;AAxED,wDAA6E;AAC7E,8DAA0F;AAC1F,2EAAuE;AAEvE,4FAAsF;AAYtF,MAAa,oBAAqB,SAAQ,iBAAiC;IACvE,YAAY,UAAoC;QAC5C,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,IAAA,6BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,eAAe;aAC/B,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,IAAA,kCAAM,EAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QACtC,IAAI,IAAA,0CAAc,EAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAC,EAAE;gBAC5B,IAAI,CAAC,OAAO,CAAC,IAAyB,CAAC,CAAC;YAC9C,CAAC,CAAC,CACL,CAAC;QACN,CAAC;IACL,CAAC;IAEO,OAAO,CAAC,IAAY;QACxB,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC3B,MAAM,aAAa,GAAG,IAAI,8BAAa,CAAC;oBACpC,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,cAAc;oBAC9C,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,YAAY;oBAC1C,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,gBAAgB;oBAClD,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,iBAAiB;oBACpD,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,CAAC;oBACZ,KAAK,EAAE,SAAS;oBAChB,GAAG,EAAE,IAAI;iBACZ,CAAC,CAAC;gBAEH,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;YACzD,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,OAAO,CAAC,SAAS,GAAI,IAAgB,CAAC,QAAQ,EAAE,CAAC;YAC1D,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC;IACL,CAAC;CACJ;AApDD,oDAoDC;AAED,SAAgB,mBAAmB,CAAC,UAAoC;IACpE,OAAO,IAAI,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAChD,CAAC;AAED,MAAa,uBAAwB,SAAQ,uBAAU;IACnD,YAAY,UAAoC;QAC5C,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,CAAiC;IACrC,cAAc,CAAW;IACzB,YAAY,CAAW;IACvB,gBAAgB,CAAW;IAC3B,iBAAiB,CAAW;IAC5B,QAAQ,CAAW;IACnB,SAAS,CAAW;CACvB;AAZD,0DAYC;AAED,IAAA,gCAAsB,EAClB,uBAAuB,EACvB,oBAAoB,CACvB,CAAC"}
+{"version":3,"file":"JsonFormatter.js","sourceRoot":"","sources":["../../../../src/controls/jsonViewerAwesome/jsonFormatter/JsonFormatter.ts"],"names":[],"mappings":";;;AAoEA,kDAEC;AAtED,wDAAsI;AACtI,2EAAuE;AACvE,8DAA0E;AAY1E,MAAa,oBAAqB,SAAQ,iBAAiC;IACvE,YAAY,UAAoC;QAC5C,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,IAAA,0BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,eAAe;aAC/B,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QACjD,IAAI,uBAAU,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC/B,IAAI,CAAC,OAAO,CAAC,IAAyB,CAAC,CAAC;YAC5C,CAAC,CAAC,CACL,CAAC;QACN,CAAC;IACL,CAAC;IAEO,OAAO,CAAC,IAAY;QACxB,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC3B,MAAM,aAAa,GAAG,IAAI,8BAAa,CAAC;oBACpC,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,cAAc;oBAC9C,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,YAAY;oBAC1C,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,gBAAgB;oBAClD,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,iBAAiB;oBACpD,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,CAAC;oBACZ,KAAK,EAAE,SAAS;oBAChB,GAAG,EAAE,IAAI;iBACZ,CAAC,CAAC;gBAEH,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;YAC7D,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,WAAW,CAAC,SAAS,GAAI,IAAgB,CAAC,QAAQ,EAAE,CAAC;YAC9D,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC;IACL,CAAC;CACJ;AApDD,oDAoDC;AAED,SAAgB,mBAAmB,CAAC,UAAoC;IACpE,OAAO,IAAI,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAChD,CAAC;AAED,MAAa,uBAAwB,SAAQ,2BAAiB;IAC1D,YAAY,UAAoC;QAC5C,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,CAAiC;IACrC,cAAc,CAAW;IACzB,YAAY,CAAW;IACvB,gBAAgB,CAAW;IAC3B,iBAAiB,CAAW;IAC5B,QAAQ,CAAW;IACnB,SAAS,CAAW;CACvB;AAZD,0DAYC;AAED,IAAA,gCAAsB,EAClB,uBAAuB,EACvB,oBAAoB,CACvB,CAAC"}

package/dist/controls/kendo/Chart/Chart.d.ts

@@ -1,8 +1,7 @@
 import * as kendo from "@progress/kendo-ui/js/kendo.dataviz.chart";
-import { Element } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface IChartProperties extends IProperties {
+import { Element, IElementProperties } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
+export interface IChartProperties extends IElementProperties {
     data?: Array<unknown> | ISubscribable<Array<unknown>>;
     chartArea?: kendo.dataviz.ui.ChartChartArea | undefined;
     series?: kendo.dataviz.ui.ChartSeriesItem[] | ISubscribable<kendo.dataviz.ui.ChartSeriesItem[]>;

package/dist/controls/kendo/Chart/Chart.js

@@ -37,13 +37,12 @@ exports.ChartElement = void 0;
 exports.createChart = createChart;
 const kendo = __importStar(require("@progress/kendo-ui/js/kendo.dataviz.chart"));
 const element_1 = require("../../../framework/element");
-const properties_1 = require("../../../framework/properties");
-const observablelmplementations_1 = require("../../../framework/observablelmplementations");
+const observable_1 = require("../../../framework/observable");
 class ChartElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "div",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "KendoChart"
             })
         });
@@ -55,26 +54,26 @@ class ChartElement extends element_1.Element {
         const properties = this.properties;
         if (properties.data) {
             this.dataSource = new kendo.data.DataSource({
-                data: (0, observablelmplementations_1.unwrap)(properties.data)
+                data: observable_1.observable.unwrap(properties.data)
             });
         }
-        if ((0, observablelmplementations_1.isSubscribable)(properties.data)) {
+        if (observable_1.observable.isSubscribable(properties.data)) {
             this.disposers.push(properties.data.subscribe((data) => {
                 this.dataSource.data(data);
             }));
         }
         setTimeout(() => {
-            this.chart = new kendo.dataviz.ui.Chart(this.element, {
+            this.chart = new kendo.dataviz.ui.Chart(this.htmlElement, {
                 autoBind: false,
                 legend: properties.legend,
                 dataSource: this.dataSource,
                 chartArea: properties.chartArea,
-                series: (0, observablelmplementations_1.unwrap)(properties.series),
-                categoryAxis: (0, observablelmplementations_1.unwrap)(properties.categoryAxis),
+                series: observable_1.observable.unwrap(properties.series),
+                categoryAxis: observable_1.observable.unwrap(properties.categoryAxis),
                 valueAxis: properties.valueAxis
             });
         });
-        if ((0, observablelmplementations_1.isSubscribable)(properties.series)) {
+        if (observable_1.observable.isSubscribable(properties.series)) {
             this.disposers.push(properties.series.subscribe((series) => {
                 if (this.chart) {
                     this.chart.setOptions({
@@ -83,7 +82,7 @@ class ChartElement extends element_1.Element {
                 }
             }));
         }
-        if ((0, observablelmplementations_1.isSubscribable)(properties.categoryAxis)) {
+        if (observable_1.observable.isSubscribable(properties.categoryAxis)) {
             this.disposers.push(properties.categoryAxis.subscribe((categoryAxis) => {
                 if (this.chart) {
                     this.chart.setOptions({

package/dist/controls/kendo/Chart/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Chart/Chart.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,kCAEC;AAjGD,iFAAmE;AACnE,wDAAqD;AACrD,8DAA8E;AAE9E,4FAAsF;AAWtF,MAAa,YAAa,SAAQ,iBAAyB;IACvD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,IAAA,6BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,YAAY;aAC5B,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;IAEO,KAAK,CAAyB;IAC9B,UAAU,CAAwB;IAE1C,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAEnC,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CACvC;gBACI,IAAI,EAAE,IAAA,kCAAM,EAAC,UAAU,CAAC,IAAI,CAAC;aAChC,CACJ,CAAC;QACN,CAAC;QAED,IAAI,IAAA,0CAAc,EAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC,CAAC,CACL,CAAC;QACN,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CACnC,IAAI,CAAC,OAAO,EACZ;gBACI,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,UAAU,CAAC,MAAM;gBACzB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,SAAS,EAAE,UAAU,CAAC,SAAS;gBAC/B,MAAM,EAAE,IAAA,kCAAM,EAAC,UAAU,CAAC,MAAM,CAAC;gBACjC,YAAY,EAAE,IAAA,kCAAM,EAAC,UAAU,CAAC,YAAY,CAAC;gBAC7C,SAAS,EAAE,UAAU,CAAC,SAAS;aAClC,CACJ,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,IAAI,IAAA,0CAAc,EAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;gBACnC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACb,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;wBAClB,MAAM,EAAE,MAAM;qBACjB,CAAC,CAAC;gBACP,CAAC;YACL,CAAC,CAAC,CACL,CAAC;QACN,CAAC;QAED,IAAI,IAAA,0CAAc,EAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;YAC1C,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,YAAY,EAAC,EAAE;gBACtB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACjC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;wBAClB,YAAY,EAAE,YAAY;qBAC7B,CAAC,CAAC;gBACP,CAAC;YACT,CAAC,CAAC,CACL,CAAC;QACN,CAAC;IACL,CAAC;CACJ;AA9ED,oCA8EC;AAED,SAAgB,WAAW,CAAC,UAA4B;IACpD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC"}
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Chart/Chart.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA,kCAEC;AA/FD,iFAAmE;AACnE,wDAA2F;AAC3F,8DAA0E;AAW1E,MAAa,YAAa,SAAQ,iBAAyB;IACvD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,IAAA,0BAAgB,EACxB,UAAU,EACV;gBACI,WAAW,EAAE,YAAY;aAC5B,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;IAEO,KAAK,CAAyB;IAC9B,UAAU,CAAwB;IAE1C,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAEnC,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CACvC;gBACI,IAAI,EAAE,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;aAC3C,CACJ,CAAC;QACN,CAAC;QAED,IAAI,uBAAU,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC,CAAC,CACL,CAAC;QACN,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CACnC,IAAI,CAAC,WAAW,EAChB;gBACI,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,UAAU,CAAC,MAAM;gBACzB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,SAAS,EAAE,UAAU,CAAC,SAAS;gBAC/B,MAAM,EAAE,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC;gBAC5C,YAAY,EAAE,uBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC;gBACxD,SAAS,EAAE,UAAU,CAAC,SAAS;aAClC,CACJ,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,IAAI,uBAAU,CAAC,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/C,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;gBACnC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACb,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;wBAClB,MAAM,EAAE,MAAM;qBACjB,CAAC,CAAC;gBACP,CAAC;YACL,CAAC,CAAC,CACL,CAAC;QACN,CAAC;QAED,IAAI,uBAAU,CAAC,cAAc,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;YACrD,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,YAAY,EAAE,EAAE;gBAC/C,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACb,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;wBAClB,YAAY,EAAE,YAAY;qBAC7B,CAAC,CAAC;gBACP,CAAC;YACL,CAAC,CAAC,CACL,CAAC;QACN,CAAC;IACL,CAAC;CACJ;AA9ED,oCA8EC;AAED,SAAgB,WAAW,CAAC,UAA4B;IACpD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC"}

package/dist/controls/kendo/Editor/Editor.d.ts

@@ -1,8 +1,7 @@
 import * as kendo from "@progress/kendo-ui/js/kendo.editor.js";
-import { Element } from "../../../framework/element";
-import { IProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-export interface IEditorProperties extends IProperties {
+import { Element, IElementProperties } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
+export interface IEditorProperties extends IElementProperties {
     value?: string | ISubscribable<string>;
     tools?: string[] | kendo.ui.EditorTool[];
 }

package/dist/controls/kendo/Editor/Editor.js

@@ -38,16 +38,15 @@ exports.createEditor = createEditor;
 const kendo = __importStar(require("@progress/kendo-ui/js/kendo.editor.js"));
 const element_1 = require("../../../framework/element");
 const event_1 = require("../../../framework/event");
-const properties_1 = require("../../../framework/properties");
 const Div_1 = require("../../html/Div/Div");
 const Button_1 = require("../../html/Button/Button");
 const formatting_1 = require("../../../utilities/formatting/formatting");
-const observablelmplementations_1 = require("../../../framework/observablelmplementations");
+const observable_1 = require("../../../framework/observable");
 class EditorElement extends element_1.Element {
     constructor(properties) {
         super({
             tagName: "div",
-            properties: (0, properties_1.extendProperties)(properties, {
+            properties: (0, element_1.extendProperties)(properties, {
                 elementType: "KendoEditor",
                 style: {
                     display: "flex",
@@ -60,11 +59,11 @@ class EditorElement extends element_1.Element {
     build() {
         super.build();
         const viewModel = this.properties;
-        const htmlMode = (0, observablelmplementations_1.observableValue)(false);
+        const htmlMode = observable_1.observable.observableValue(false);
         const divHeader = (0, Div_1.createDiv)({
             children: [
                 (0, Button_1.createButton)({
-                    content: (0, observablelmplementations_1.computed)(() => {
+                    content: observable_1.observable.computed(() => {
                         return htmlMode.get() ? "wysiwyg" : "view html source";
                     }),
                     eventListeners: [
@@ -80,14 +79,14 @@ class EditorElement extends element_1.Element {
             ]
         }).render();
         const div = (0, Div_1.createDiv)({
-            visible: (0, observablelmplementations_1.computed)(() => {
+            visible: observable_1.observable.computed(() => {
                 return !htmlMode.get();
             }),
             style: {
                 flexGrow: 1
             }
         }).render();
-        const textAreaElement = (0, element_1.element)({
+        const textAreaElement = (0, element_1.createElement)({
             tagName: "textarea",
             properties: {
                 visible: htmlMode,
@@ -98,13 +97,13 @@ class EditorElement extends element_1.Element {
                 }
             }
         }).render();
-        this.element.appendChild(div);
-        this.element.appendChild(textAreaElement);
-        this.element.appendChild(divHeader);
-        const html = (0, observablelmplementations_1.unwrap)(viewModel.value);
+        this.htmlElement.appendChild(div);
+        this.htmlElement.appendChild(textAreaElement);
+        this.htmlElement.appendChild(divHeader);
+        const html = observable_1.observable.unwrap(viewModel.value);
         div.innerHTML = html;
         textAreaElement.value = (0, formatting_1.formatHtml)(html);
-        if ((0, observablelmplementations_1.isSubscribable)(viewModel.value)) {
+        if (observable_1.observable.isSubscribable(viewModel.value)) {
             this.disposers.push(viewModel.value.subscribe((value) => {
                 div.innerHTML = value;
                 textAreaElement.value = value;
@@ -114,12 +113,12 @@ class EditorElement extends element_1.Element {
             tools: viewModel.tools
         });
         this.editor.bind("change", () => {
-            if ((0, observablelmplementations_1.isObservableValue)(viewModel.value)) {
+            if (observable_1.observable.isObservableValue(viewModel.value)) {
                 viewModel.value.setValue(div.innerHTML);
             }
         });
         textAreaElement.addEventListener("change", () => {
-            if ((0, observablelmplementations_1.isObservableValue)(viewModel.value)) {
+            if (observable_1.observable.isObservableValue(viewModel.value)) {
                 viewModel.value.setValue(textAreaElement.value);
             }
         });