jpf 5.0.3 → 5.0.7

package/dist/controls/custom/ListItem/ListItem.js

@@ -1,63 +1,63 @@
-import { isObservable, unwrap } from "knockout";
-import { View, getView, registerView } from "../../../framework/View";
-import { ViewModel, extendProperties } from "../../../framework/ViewModel";
-export class ListItemView extends View {
-    constructor(properties) {
-        super({
-            tagName: "div",
-            properties: extendProperties({
-                viewType: "ListItem"
-            }, properties)
-        });
-    }
-    build() {
-        super.build();
-        const viewModel = this.properties;
-        if (isObservable(viewModel.text)) {
-            this.setContent(unwrap(viewModel.text));
-            this.subscriptions.push(viewModel.text.subscribe((content) => {
-                this.setContent(content);
-            }));
-        }
-        else {
-            this.setContent(viewModel.text);
-        }
-    }
-    setContent(content) {
-        if (typeof content === "string") {
-            this.element.innerHTML = content;
-        }
-        else if (content instanceof ViewModel) {
-            this.setChildren(getView(content));
-        }
-    }
-}
-export function listItemView(properties) {
-    return new ListItemView(properties);
-}
-export class ListItemViewModel extends ViewModel {
-    constructor(properties) {
-        super();
-        this.setProperties(this, properties);
-    }
-    id;
-    text;
-    select;
-    order;
-}
-registerView(ListItemViewModel, ListItemView);
-export class HierarchicalListItemViewModel extends ViewModel {
-    constructor(properties) {
-        super();
-        this.setProperties(this, properties);
-    }
-    id;
-    text;
-    select;
-    order;
-    parentId;
-    expanded;
-    items;
-}
-registerView(HierarchicalListItemViewModel, ListItemView);
+import { Element, getElement, registerElement } from "../../../framework/element";
+import { Properties, extendProperties } from "../../../framework/properties";
+import { isSubscribable, unwrap } from "../../../framework/observable";
+export class ListItemElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "div",
+            properties: extendProperties(properties, {
+                elementType: "ListItem"
+            })
+        });
+    }
+    build() {
+        super.build();
+        const properties = this.properties;
+        if (isSubscribable(properties.text)) {
+            this.setContent(unwrap(properties.text));
+            this.disposers.push(properties.text.subscribe((text) => {
+                this.setContent(text);
+            }));
+        }
+        else {
+            this.setContent(properties.text);
+        }
+    }
+    setContent(content) {
+        if (typeof content === "string") {
+            this.element.innerHTML = content;
+        }
+        else if (content instanceof Properties) {
+            this.setChildren(getElement(content));
+        }
+    }
+}
+export function createListItem(properties) {
+    return new ListItemElement(properties);
+}
+export class ListItemProperties extends Properties {
+    constructor(properties) {
+        super();
+        this.setProperties(this, properties);
+    }
+    id;
+    text;
+    select;
+    order;
+}
+registerElement(ListItemProperties.prototype.constructor, ListItemElement);
+export class HierarchicalListItemProperties extends Properties {
+    constructor(properties) {
+        super();
+        this.setProperties(this, properties);
+    }
+    id;
+    text;
+    select;
+    order;
+    parentId;
+    expanded;
+    items;
+}
+registerElement(HierarchicalListItemProperties, ListItemElement);
 //# sourceMappingURL=ListItem.js.map

package/dist/controls/custom/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../../src/controls/custom/ListItem/ListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAkBvF,MAAM,OAAO,YAAa,SAAQ,IAAwB;IACtD,YAAY,UAA8B;QACtC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,UAAU;aACvB,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAElC,IAAI,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YAC9B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;YACxC,IAAI,CAAC,aAAa,CAAC,IAAI,CACnB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;gBACjC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC7B,CAAC,CAAC,CACL,CAAC;SACL;aAAM;YACH,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;SACnC;IACL,CAAC;IAEO,UAAU,CAAC,OAA2B;QAC1C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;YAC7B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;SACpC;aAAM,IAAI,OAAO,YAAY,SAAS,EAAE;YACrC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;SACtC;IACL,CAAC;CACJ;AAED,MAAM,UAAU,YAAY,CAAC,UAA8B;IACvD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,OAAO,iBAAkB,SAAQ,SAAS;IAC5C,YAAY,UAA8B;QACtC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,EAAE,CAAkB;IACpB,IAAI,CAAsB;IAC1B,MAAM,CAAc;IACpB,KAAK,CAAmB;CAC3B;AAED,YAAY,CACR,iBAAiB,EACjB,YAAY,CACf,CAAC;AAEF,MAAM,OAAO,6BAA8B,SAAQ,SAAS;IACxD,YAAY,UAA0C;QAClD,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,EAAE,CAAkB;IACpB,IAAI,CAAsB;IAC1B,MAAM,CAAc;IACpB,KAAK,CAAmB;IACxB,QAAQ,CAAmB;IAC3B,QAAQ,CAAW;IACnB,KAAK,CAAyC;CACjD;AAED,YAAY,CACR,6BAA6B,EAC7B,YAAY,CACf,CAAA"}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../../src/controls/custom/ListItem/ListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,UAAU,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAiB,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAkBtF,MAAM,OAAO,eAAgB,SAAQ,OAA4B;IAC7D,YAAY,UAA+B;QACvC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,UAAU;aAC1B,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAEnC,IAAI,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YACzC,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAC,EAAE;gBAC5B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC,CAAC,CACL,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;IAEO,UAAU,CAAC,OAA4B;QAC3C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC9B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;QACrC,CAAC;aAAM,IAAI,OAAO,YAAY,UAAU,EAAE,CAAC;YACvC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1C,CAAC;IACL,CAAC;CACJ;AAED,MAAM,UAAU,cAAc,CAAC,UAA+B;IAC1D,OAAO,IAAI,eAAe,CAAC,UAAU,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAC9C,YAAY,UAA+B;QACvC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,EAAE,CAAkB;IACpB,IAAI,CAAuB;IAC3B,MAAM,CAAc;IACpB,KAAK,CAAmB;CAC3B;AAED,eAAe,CACX,kBAAkB,CAAC,SAAS,CAAC,WAAW,EACxC,eAAe,CAClB,CAAC;AAEF,MAAM,OAAO,8BAA+B,SAAQ,UAAU;IAC1D,YAAY,UAA2C;QACnD,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,EAAE,CAAkB;IACpB,IAAI,CAAuB;IAC3B,MAAM,CAAc;IACpB,KAAK,CAAmB;IACxB,QAAQ,CAAmB;IAC3B,QAAQ,CAAW;IACnB,KAAK,CAA0C;CAClD;AAED,eAAe,CACX,8BAA8B,EAC9B,eAAe,CAClB,CAAA"}

package/dist/controls/custom/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./FileSelector/FileSelector";
-export * from "./LabeledControl/LabeledControl";
-export * from "./ListItem/ListItem";
+export * from "./FileSelector/FileSelector";
+export * from "./LabeledControl/LabeledControl";
+export * from "./ListItem/ListItem";

package/dist/controls/custom/index.js

@@ -1,4 +1,4 @@
-export * from "./FileSelector/FileSelector";
-export * from "./LabeledControl/LabeledControl";
-export * from "./ListItem/ListItem";
+export * from "./FileSelector/FileSelector";
+export * from "./LabeledControl/LabeledControl";
+export * from "./ListItem/ListItem";
 //# sourceMappingURL=index.js.map

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

@@ -1,16 +1,16 @@
-import { Subscribable } from "knockout";
-import { ViewModel, Properties } from "../../../framework/ViewModel";
-import { View } from "../../../framework/View";
-export interface ButtonProperties extends Properties {
-    content?: string | ViewModel | Subscribable<string | ViewModel>;
-}
-export declare class ButtonView extends View<ButtonProperties> {
-    constructor(properties: ButtonProperties);
-    build(): void;
-    private buildContent;
-}
-export declare function buttonView(properties: ButtonProperties): ButtonView;
-export declare class ButtonViewModel extends ViewModel implements ButtonProperties {
-    constructor(properties: ButtonProperties);
-    content?: string | ViewModel | Subscribable<string | ViewModel>;
-}
+import { Properties, IProperties } from "../../../framework/properties";
+import { Element } from "../../../framework/element";
+import { ISubscribable } from "../../../framework/observable";
+export interface IButtonProperties extends IProperties {
+    content?: string | Properties | ISubscribable<string | Properties>;
+}
+export declare class ButtonElement extends Element<IButtonProperties> {
+    constructor(properties: IButtonProperties);
+    build(): void;
+    private buildContent;
+}
+export declare function createButton(properties: IButtonProperties): ButtonElement;
+export declare class ButtonProperties extends Properties implements IButtonProperties {
+    constructor(properties: IButtonProperties);
+    content?: string | Properties | ISubscribable<string | Properties>;
+}

package/dist/controls/html/Button/Button.js

@@ -1,51 +1,48 @@
-import { unwrap, isSubscribable } from "knockout";
-import { ViewModel, extendProperties } from "../../../framework/ViewModel";
-import { View, getView, registerView } from "../../../framework/View";
-export class ButtonView extends View {
-    constructor(properties) {
-        super({
-            tagName: "button",
-            properties: extendProperties({
-                viewType: "Button"
-            }, properties)
-        });
-    }
-    build() {
-        super.build();
-        const viewModel = this.properties;
-        if (viewModel.content) {
-            if (isSubscribable(viewModel.content)) {
-                this.buildContent(unwrap(viewModel.content));
-                this.subscriptions.push(viewModel.content.subscribe((content) => {
-                    this.buildContent(content);
-                }));
-            }
-            else {
-                this.buildContent(viewModel.content);
-            }
-        }
-    }
-    buildContent(content) {
-        if (content == null || content === undefined) {
-            this.element.innerText = null;
-        }
-        else if (typeof content === "string") {
-            this.element.innerText = content;
-        }
-        else if (content instanceof ViewModel) {
-            this.setChildren(getView(content));
-        }
-    }
-}
-export function buttonView(properties) {
-    return new ButtonView(properties);
-}
-export class ButtonViewModel extends ViewModel {
-    constructor(properties) {
-        super();
-        this.setProperties(this, properties);
-    }
-    content;
-}
-registerView(ButtonViewModel, ButtonView);
+import { Properties, extendProperties } from "../../../framework/properties";
+import { Element, getElement, registerElement } from "../../../framework/element";
+import { isSubscribable, unwrap } from "../../../framework/observable";
+export class ButtonElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "button",
+            properties: extendProperties(properties, {
+                elementType: "Button"
+            })
+        });
+    }
+    build() {
+        super.build();
+        const properties = this.properties;
+        if (properties.content) {
+            this.buildContent(unwrap(properties.content));
+            if (isSubscribable(properties.content)) {
+                this.disposers.push(properties.content.subscribe((content) => {
+                    this.buildContent(content);
+                }));
+            }
+        }
+    }
+    buildContent(content) {
+        if (content == null || content === undefined) {
+            this.element.innerText = null;
+        }
+        else if (typeof content === "string") {
+            this.element.innerText = content;
+        }
+        else if (content instanceof Properties) {
+            this.setChildren(getElement(content));
+        }
+    }
+}
+export function createButton(properties) {
+    return new ButtonElement(properties);
+}
+export class ButtonProperties extends Properties {
+    constructor(properties) {
+        super();
+        this.setProperties(this, properties);
+    }
+    content;
+}
+registerElement(ButtonProperties.prototype.constructor, ButtonElement);
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/controls/html/Button/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAgB,cAAc,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,SAAS,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAMtE,MAAM,OAAO,UAAW,SAAQ,IAAsB;IAClD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,QAAQ;YACjB,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,QAAQ;aACrB,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,IAAI,SAAS,CAAC,OAAO,EAAE;YACnB,IAAI,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;gBACnC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC7C,IAAI,CAAC,aAAa,CAAC,IAAI,CACnB,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;oBACpC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;gBAC/B,CAAC,CAAC,CACL,CAAC;aACL;iBAAM;gBACH,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACxC;SACJ;IACL,CAAC;IAEO,YAAY,CAAC,OAA2B;QAC5C,IAAI,OAAO,IAAI,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE;YAC1C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;SACjC;aACI,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;YAClC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;SACpC;aACI,IAAI,OAAO,YAAY,SAAS,EAAE;YACnC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAoB,CAAC,CAAC,CAAC;SACnD;IACL,CAAC;CACJ;AAED,MAAM,UAAU,UAAU,CAAC,UAA4B;IACnD,OAAO,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,OAAO,eAAgB,SAAQ,SAAS;IAC1C,YAAY,UAA4B;QACpC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,OAAO,CAAyD;CACnE;AAED,YAAY,CACR,eAAe,EACf,UAAU,CACb,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/controls/html/Button/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AACzF,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAiB,cAAc,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAMtF,MAAM,OAAO,aAAc,SAAQ,OAA0B;IACzD,YAAY,UAA6B;QACrC,KAAK,CACD;YACI,OAAO,EAAE,QAAQ;YACjB,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,QAAQ;aACxB,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;YAE9C,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBACrC,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAC,EAAE;oBAC/B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;gBACpC,CAAC,CAAC,CASL,CAAC;YACN,CAAC;QACL,CAAC;IACL,CAAC;IAEO,YAAY,CAAC,OAA4B;QAC7C,IAAI,OAAO,IAAI,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC3C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;QAClC,CAAC;aACI,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;QACrC,CAAC;aACI,IAAI,OAAO,YAAY,UAAU,EAAE,CAAC;YACrC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAqB,CAAC,CAAC,CAAC;QACxD,CAAC;IACL,CAAC;CACJ;AAED,MAAM,UAAU,YAAY,CAAC,UAA6B;IACtD,OAAO,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAC5C,YAAY,UAA6B;QACrC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,OAAO,CAA4D;CACtE;AAED,eAAe,CACX,gBAAgB,CAAC,SAAS,CAAC,WAAW,EACtC,aAAa,CAChB,CAAC"}

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

@@ -1,14 +1,14 @@
-import { View, IView } from "../../../framework/View";
-import { Properties, ViewModel } from "../../../framework/ViewModel";
-import { Subscribable } from "knockout";
-export interface DivProperties extends Properties {
-    children?: Array<IView> | Subscribable<Array<IView>>;
-}
-export declare class DivView extends View<DivProperties> {
-    constructor(properties: DivProperties);
-}
-export declare function divView(properties: DivProperties): DivView;
-export declare class DivViewModel extends ViewModel implements DivProperties {
-    constructor(properties: DivProperties);
-    children?: Array<IView> | Subscribable<Array<IView>>;
-}
+import { Element, IElement } from "../../../framework/element";
+import { IProperties, Properties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+export interface IDivProperties extends IProperties {
+    children?: Array<IElement> | ISubscribable<Array<IElement>>;
+}
+export declare class DivElement extends Element<IDivProperties> {
+    constructor(properties: IDivProperties);
+}
+export declare function createDiv(properties: IDivProperties): DivElement;
+export declare class DivProperties extends Properties implements IDivProperties {
+    constructor(properties: IDivProperties);
+    children?: Array<IElement> | ISubscribable<Array<IElement>>;
+}

package/dist/controls/html/Div/Div.js

@@ -1,25 +1,24 @@
-import { View, registerView } from "../../../framework/View";
-import { extendProperties, ViewModel } from "../../../framework/ViewModel";
-export class DivView extends View {
-    constructor(properties) {
-        super({
-            tagName: "div",
-            properties: extendProperties({
-                viewType: "Div"
-            }, properties),
-            children: properties.children
-        });
-    }
-}
-export function divView(properties) {
-    return new DivView(properties);
-}
-export class DivViewModel extends ViewModel {
-    constructor(properties) {
-        super();
-        this.setProperties(this, properties);
-    }
-    children;
-}
-registerView(DivViewModel, DivView);
+import { Element, registerElement } from "../../../framework/element";
+import { extendProperties, Properties } from "../../../framework/properties";
+export class DivElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "div",
+            properties: extendProperties(properties, {
+                elementType: "Div"
+            })
+        }, properties.children);
+    }
+}
+export function createDiv(properties) {
+    return new DivElement(properties);
+}
+export class DivProperties extends Properties {
+    constructor(properties) {
+        super();
+        this.setProperties(this, properties);
+    }
+    children;
+}
+registerElement(DivProperties.prototype.constructor, DivElement);
 //# sourceMappingURL=Div.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Div.js","sourceRoot":"","sources":["../../../../src/controls/html/Div/Div.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAS,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAe,gBAAgB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAOxF,MAAM,OAAO,OAAQ,SAAQ,IAAmB;IAC5C,YAAY,UAAyB;QACjC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,KAAK;aAClB,EACD,UAAU,CACb;YACD,QAAQ,EAAE,UAAU,CAAC,QAAQ;SAChC,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,OAAO,CAAC,UAAyB;IAC7C,OAAO,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,OAAO,YAAa,SAAQ,SAAS;IACvC,YAAY,UAAyB;QACjC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,QAAQ,CAA6C;CACxD;AAED,YAAY,CACR,YAAY,EACZ,OAAO,CACV,CAAA"}
+{"version":3,"file":"Div.js","sourceRoot":"","sources":["../../../../src/controls/html/Div/Div.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAY,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAe,gBAAgB,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAM1F,MAAM,OAAO,UAAW,SAAQ,OAAuB;IACnD,YAAY,UAA0B;QAClC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,KAAK;aACrB,CACJ;SACJ,EACD,UAAU,CAAC,QAAQ,CACtB,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,SAAS,CAAC,UAA0B;IAChD,OAAO,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,OAAO,aAAc,SAAQ,UAAU;IACzC,YAAY,UAA0B;QAClC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,QAAQ,CAAoD;CAC/D;AAED,eAAe,CACX,aAAa,CAAC,SAAS,CAAC,WAAW,EACnC,UAAU,CACb,CAAA"}

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

@@ -1,16 +1,16 @@
-import { View } from "../../../framework/View";
-import { ViewModel, Properties } from "../../../framework/ViewModel";
-import { Subscribable } from "knockout";
-export interface ImageProperties extends Properties {
-    src: string | Subscribable<string>;
-    alt: string | Subscribable<string>;
-}
-export declare class ImageView extends View<ImageProperties> {
-    constructor(properties: ImageProperties);
-}
-export declare function imageView(properties: ImageProperties): ImageView;
-export declare class ImageViewModel extends ViewModel implements ImageProperties {
-    constructor(properties: ImageProperties);
-    src: string | Subscribable<string>;
-    alt: string | Subscribable<string>;
-}
+import { Element } from "../../../framework/element";
+import { Properties, IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+export interface IImageProperties extends IProperties {
+    src: string | ISubscribable<string>;
+    alt: string | ISubscribable<string>;
+}
+export declare class ImageElement extends Element<IImageProperties> {
+    constructor(properties: IImageProperties);
+}
+export declare function createImage(properties: IImageProperties): ImageElement;
+export declare class ImageProperties extends Properties implements IImageProperties {
+    constructor(properties: IImageProperties);
+    src: string | ISubscribable<string>;
+    alt: string | ISubscribable<string>;
+}

package/dist/controls/html/Image/Image.js

@@ -1,29 +1,30 @@
-import { View, registerView } from "../../../framework/View";
-import { ViewModel, extendProperties } from "../../../framework/ViewModel";
-export class ImageView extends View {
-    constructor(properties) {
-        super({
-            tagName: "img",
-            properties: extendProperties({
-                viewType: "Image",
-                attributes: {
-                    src: properties.src,
-                    alt: properties.alt
-                }
-            }, properties)
-        });
-    }
-}
-export function imageView(properties) {
-    return new ImageView(properties);
-}
-export class ImageViewModel extends ViewModel {
-    constructor(properties) {
-        super();
-        this.setProperties(this, properties);
-    }
-    src;
-    alt;
-}
-registerView(ImageViewModel, ImageView);
+import { Element, registerElement } from "../../../framework/element";
+import { Properties, extendProperties } from "../../../framework/properties";
+export class ImageElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "img",
+            properties: extendProperties(properties, {
+                elementType: "Image",
+            }, {
+                attributes: {
+                    src: properties.src,
+                    alt: properties.alt
+                }
+            })
+        });
+    }
+}
+export function createImage(properties) {
+    return new ImageElement(properties);
+}
+export class ImageProperties extends Properties {
+    constructor(properties) {
+        super();
+        this.setProperties(this, properties);
+    }
+    src;
+    alt;
+}
+registerElement(ImageProperties.prototype.constructor, ImageElement);
 //# sourceMappingURL=Image.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/controls/html/Image/Image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAQvF,MAAM,OAAO,SAAU,SAAQ,IAAqB;IAChD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,OAAO;gBACjB,UAAU,EAAE;oBACR,GAAG,EAAE,UAAU,CAAC,GAAG;oBACnB,GAAG,EAAE,UAAU,CAAC,GAAG;iBACtB;aACJ,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,SAAS,CAAC,UAA2B;IACjD,OAAO,IAAI,SAAS,CAAC,UAAU,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,OAAO,cAAe,SAAQ,SAAS;IACzC,YAAY,UAA2B;QACnC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,GAAG,CAAgC;IACnC,GAAG,CAAgC;CACtC;AAED,YAAY,CACR,cAAc,EACd,SAAS,CACZ,CAAC"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/controls/html/Image/Image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAQ1F,MAAM,OAAO,YAAa,SAAQ,OAAyB;IACvD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,OAAO;aACvB,EACD;gBACI,UAAU,EAAE;oBACR,GAAG,EAAE,UAAU,CAAC,GAAG;oBACnB,GAAG,EAAE,UAAU,CAAC,GAAG;iBACtB;aACJ,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,WAAW,CAAC,UAA4B;IACpD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAC3C,YAAY,UAA4B;QACpC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,GAAG,CAAiC;IACpC,GAAG,CAAiC;CACvC;AAED,eAAe,CACX,eAAe,CAAC,SAAS,CAAC,WAAW,EACrC,YAAY,CACf,CAAC"}

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

@@ -1,34 +1,34 @@
-import { View } from "../../../framework/View";
-import { ViewModel, Properties } from "../../../framework/ViewModel";
-import { ObservableProperty } from "../../../framework/observable";
-export type InputType = "text" | "checkbox" | "file" | "integer" | "float" | "range" | "radio";
-export declare enum ValueUpdateModeEnum {
-    OnChange = 1,
-    OnInput = 2
-}
-export interface InputProperties<TValue> extends Properties {
-    value?: TValue | ObservableProperty<TValue>;
-    inputValidator?: (event: Event, inputViewModel: InputProperties<TValue>, value: string) => Promise<boolean>;
-    placeholder?: string | ObservableProperty<string>;
-    valueUpdateMode?: ValueUpdateModeEnum;
-    min?: number;
-    max?: number;
-    step?: number;
-    type?: InputType;
-}
-export declare class InputView<TValue> extends View<InputProperties<TValue>> {
-    constructor(properties: InputProperties<TValue>);
-    protected build(): void;
-}
-export declare function inputView<TValue>(properties: InputProperties<TValue>): InputView<TValue>;
-export declare class InputViewModel<TValue> extends ViewModel implements InputProperties<TValue> {
-    constructor(properties: InputProperties<TValue>);
-    value?: TValue | ObservableProperty<TValue>;
-    inputValidator?: (event: Event, inputViewModel: InputProperties<TValue>, value: string) => Promise<boolean>;
-    placeholder?: string | ObservableProperty<string>;
-    valueUpdateMode?: ValueUpdateModeEnum;
-    min?: number;
-    max?: number;
-    step?: number;
-    type?: InputType;
-}
+import { Element } from "../../../framework/element";
+import { Properties, IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+export type InputType = "text" | "checkbox" | "file" | "integer" | "float" | "range" | "radio";
+export declare enum ValueUpdateModeEnum {
+    OnChange = 1,
+    OnInput = 2
+}
+export interface IInputProperties<TValue> extends IProperties {
+    value?: TValue | ISubscribable<TValue>;
+    inputValidator?: (event: Event, inputViewModel: IInputProperties<TValue>, value: string) => Promise<boolean>;
+    placeholder?: string | ISubscribable<string>;
+    valueUpdateMode?: ValueUpdateModeEnum;
+    min?: number;
+    max?: number;
+    step?: number;
+    type?: InputType;
+}
+export declare class InputElement<TValue> extends Element<IInputProperties<TValue>> {
+    constructor(properties: IInputProperties<TValue>);
+    protected build(): void;
+}
+export declare function createInput<TValue>(properties: IInputProperties<TValue>): InputElement<TValue>;
+export declare class InputProperties<TValue> extends Properties implements IInputProperties<TValue> {
+    constructor(properties: IInputProperties<TValue>);
+    value?: TValue | ISubscribable<TValue>;
+    inputValidator?: (event: Event, inputViewModel: InputProperties<TValue>, value: string) => Promise<boolean>;
+    placeholder?: string | ISubscribable<string>;
+    valueUpdateMode?: ValueUpdateModeEnum;
+    min?: number;
+    max?: number;
+    step?: number;
+    type?: InputType;
+}