jpf 5.0.66 → 5.0.67

package/dist/framework/element.d.ts

@@ -50,7 +50,7 @@ export interface IElementOptions<TElementProperties> {
 }
 export interface IElement {
     render(): HTMLElement;
-    unmount(): void;
+    dispose(): void;
 }
 export declare class Element<TElementProperties = IElementProperties> implements IElement {
     constructor(options: IElementOptions<TElementProperties>, children?: Array<IElement> | ISubscribable<Array<IElement>>);
@@ -67,7 +67,7 @@ export declare class Element<TElementProperties = IElementProperties> implements
     protected setChildren(...children: Array<IElement>): Element<TElementProperties>;
     protected empty(): void;
     render(): HTMLElement;
-    unmount(): void;
+    dispose(): void;
     focus(options?: FocusOptions): void;
 }
 export declare abstract class ElementProperties implements IElementProperties {

package/dist/framework/element.js

@@ -119,12 +119,12 @@ class Element {
         }
         throw "The build method of this UiElement has not been defined";
     }
-    unmount() {
+    dispose() {
         const properties = this.properties;
         console.log("Unmount element " + properties.elementType);
         if (this.children) {
             for (const child of this.children) {
-                child.unmount();
+                child.dispose();
             }
         }
         for (const disposer of this.disposers) {

package/dist/index.d.ts

@@ -4,7 +4,6 @@ import * as css from "./framework/css";
 import * as element from "./framework/element";
 import * as event from "./framework/event";
 import * as observable from "./framework/observable";
-import * as root from "./framework/root";
 import * as style from "./framework/style";
 import * as utilities from "./utilities/index";
 export { controls };
@@ -13,6 +12,5 @@ export { css };
 export { element };
 export { observable };
 export { event };
-export { root };
 export { style };
 export { utilities };

package/dist/index.js

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.utilities = exports.style = exports.root = exports.event = exports.observable = exports.element = exports.css = exports.attributes = exports.controls = void 0;
+exports.utilities = exports.style = exports.event = exports.observable = exports.element = exports.css = exports.attributes = exports.controls = void 0;
 const controls = __importStar(require("./controls/index"));
 exports.controls = controls;
 const attributes = __importStar(require("./framework/attributes"));
@@ -46,8 +46,6 @@ const event = __importStar(require("./framework/event"));
 exports.event = event;
 const observable = __importStar(require("./framework/observable"));
 exports.observable = observable;
-const root = __importStar(require("./framework/root"));
-exports.root = root;
 const style = __importStar(require("./framework/style"));
 exports.style = style;
 const utilities = __importStar(require("./utilities/index"));

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAA6C;AAepC,4BAAQ;AAZjB,mEAAqD;AAe5C,gCAAU;AAdnB,qDAAuC;AAe9B,kBAAG;AAdZ,6DAA+C;AAetC,0BAAO;AAdhB,yDAA2C;AAgBlC,sBAAK;AAfd,mEAAqD;AAc5C,gCAAU;AAbnB,uDAAyC;AAehC,oBAAI;AAdb,yDAA2C;AAelC,sBAAK;AAZd,6DAA+C;AAetC,8BAAS"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAA6C;AAcpC,4BAAQ;AAXjB,mEAAqD;AAc5C,gCAAU;AAbnB,qDAAuC;AAc9B,kBAAG;AAbZ,6DAA+C;AActC,0BAAO;AAbhB,yDAA2C;AAelC,sBAAK;AAdd,mEAAqD;AAa5C,gCAAU;AAZnB,yDAA2C;AAclC,sBAAK;AAXd,6DAA+C;AActC,8BAAS"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jpf",
-    "version": "5.0.66",
+    "version": "5.0.67",
     "description": "Javascript Presentation Foundation base classes and interfaces",
     "keywords": [
         "mvvm",

package/src/framework/element.ts

@@ -68,7 +68,7 @@ export interface IElementOptions<TElementProperties> {
 //public interface of an Element
 export interface IElement {
     render(): HTMLElement;
-    unmount(): void;
+    dispose(): void;
 }
 
 // #endregion
@@ -195,18 +195,18 @@ export class Element<TElementProperties = IElementProperties> implements IElemen
 
 
     //This method is used to dispose subscriptions before removing the element from the DOM to prevent memory leaks
-    unmount(): void {
+    dispose(): void {
         const properties = this.properties as IElementProperties;
         console.log("Unmount element " + properties.elementType);
 
-        //If the element has childeren then we unmount the children
+        //If the element has childeren then we dispose the children
         if (this.children) {
             for (const child of this.children) {
-                child.unmount();
+                child.dispose();
             }
         }
 
-        //If the element has subscriptions on observable we dispose the subscribtion
+        //If the element has subscriptions on observable we dispose the subscription
         for (const disposer of this.disposers) {
             disposer();
         }

package/src/index.ts

@@ -7,7 +7,6 @@ import * as css from "./framework/css";
 import * as element from "./framework/element";
 import * as event from "./framework/event";
 import * as observable from "./framework/observable";
-import * as root from "./framework/root";
 import * as style from "./framework/style";
 
 //import the utilities modules
@@ -22,7 +21,6 @@ export { css };
 export { element };
 export { observable };
 export { event };
-export { root };
 export { style };
 
 //export the utilities modules

package/src/framework/root.ts

@@ -1,45 +0,0 @@
-import { Element } from "./element";
-
-export class Root {
-    constructor(rootElement: HTMLElement | string) {
-        if (rootElement instanceof HTMLElement) {
-            this.rootElement = rootElement;
-        } else {
-            rootElement = document.getElementById(rootElement);
-            if (rootElement) {
-                this.rootElement = rootElement as unknown as HTMLElement;
-            } else {
-                throw "RootElement with id " + rootElement + "not found";
-            }
-        }
-
-    }
-
-    private readonly rootElement: HTMLElement;
-    private view: Element;
-
-    render(view: Element) {
-        this.unmount();
-
-        this.view = view;
-        this.rootElement.appendChild(view.render());
-    }
-
-    unmount() {
-        if (this.view) {
-            this.view.unmount();
-        }
-
-        //Remove all children from the root
-        if (this.rootElement) {
-            this.rootElement.innerHTML = "";
-            while (this.rootElement.firstChild) {
-                this.rootElement.removeChild(this.rootElement.firstChild);
-            }
-        }
-    }
-}
-
-export function createRoot(rootElement: HTMLElement | string): Root {
-    return new Root(rootElement);
-}