jpf 4.1.26 → 4.1.28

package/dist/controls/codeMirror/HtmlEditor/HtmlEditor.d.ts

@@ -0,0 +1,15 @@
+import { View } from "../../../framework/View";
+import { ViewModelOptions, ViewModel } from "../../../framework/ViewModel";
+import { ObservableProperty } from "../../../framework/observable";
+export interface HtmlEditorViewModelOptions extends ViewModelOptions {
+    value?: string | ObservableProperty<string>;
+}
+export declare class HtmlEditorViewModel extends ViewModel implements HtmlEditorViewModelOptions {
+    constructor(options: HtmlEditorViewModelOptions);
+    readonly value: ObservableProperty<string>;
+}
+export declare class HtmlEditorView extends View<HtmlEditorViewModelOptions> {
+    constructor(viewModel: HtmlEditorViewModelOptions);
+    private editor;
+    build(): void;
+}

package/dist/controls/codeMirror/HtmlEditor/HtmlEditor.js

@@ -0,0 +1,127 @@
+import { View, registerView } from "../../../framework/View";
+import { ViewModel, extendViewModel } from "../../../framework/ViewModel";
+import { unwrap, isObservable } from "knockout";
+import { isObservableProperty, observableProperty } from "../../../framework/observable";
+import { EditorView, basicSetup } from "codemirror";
+import { EditorState } from "@codemirror/state";
+import { keymap } from "@codemirror/view";
+import { html } from "@codemirror/lang-html";
+import { indentWithTab } from "@codemirror/commands";
+import { foldAll } from "@codemirror/language";
+import { ButtonView } from "../../html/Button/Button";
+import { prettifyHtml } from "../../../utilities/html/html";
+import { DivView } from "../../html/Div/Div";
+export class HtmlEditorViewModel extends ViewModel {
+    constructor(options) {
+        super(options);
+        if (options) {
+            if (isObservableProperty(options.value)) {
+                this.value = options.value;
+            }
+            else {
+                this.value = observableProperty(options.value);
+            }
+            if (!options.eventListeners) {
+                options.eventListeners = {};
+            }
+        }
+    }
+    value;
+}
+export class HtmlEditorView extends View {
+    constructor(viewModel) {
+        super({
+            tagName: "div",
+            viewModel: extendViewModel({
+                viewType: "HtmlEditor",
+                attributes: {
+                    tabindex: 1
+                },
+                style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    border: "1px solid #a3d0e4"
+                }
+            }, viewModel)
+        });
+    }
+    editor;
+    build() {
+        super.build();
+        const viewModel = this.viewModel;
+        const foldAllButton = new ButtonView({
+            content: "Collapse all",
+            style: {
+                margin: "3px"
+            },
+            eventListeners: {
+                click: {
+                    listener: () => {
+                        foldAll(this.editor);
+                    }
+                }
+            }
+        });
+        const formatButton = new ButtonView({
+            content: "Format",
+            style: {
+                margin: "3px"
+            },
+            eventListeners: {
+                click: {
+                    listener: () => {
+                        var formattedHtml = prettifyHtml(this.editor.state.doc.toString());
+                        this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: formattedHtml } });
+                    }
+                }
+            }
+        });
+        const saveButton = new ButtonView({
+            content: "Save",
+            style: {
+                margin: "3px"
+            },
+            eventListeners: {
+                click: {
+                    listener: () => {
+                        if (isObservableProperty(viewModel.value)) {
+                            viewModel.value.set(this.editor.state.doc.toString());
+                        }
+                    }
+                }
+            }
+        });
+        const buttons = new DivView({
+            style: {
+                display: "flex"
+            },
+            children: [
+                foldAllButton,
+                formatButton,
+                saveButton
+            ]
+        });
+        this.element.appendChild(buttons.render());
+        const state = EditorState.create({
+            extensions: [
+                basicSetup,
+                html(),
+                EditorView.lineWrapping,
+                keymap.of([indentWithTab])
+            ]
+        });
+        this.editor = new EditorView({
+            state: state,
+            parent: this.element,
+        });
+        this.editor.dom.style.overflow = "auto";
+        this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: unwrap(viewModel.value) } });
+        if (isObservable(viewModel.value)) {
+            viewModel.value.subscribe((html) => {
+                this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: html } });
+            });
+        }
+    }
+}
+registerView(HtmlEditorViewModel, HtmlEditorView);
+//# sourceMappingURL=HtmlEditor.js.map

package/dist/controls/codeMirror/HtmlEditor/HtmlEditor.js.map

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

package/dist/controls/codeMirror/JsonEditor/JsonEditor.d.ts

@@ -0,0 +1,15 @@
+import { View } from "../../../framework/View";
+import { ViewModelOptions, ViewModel } from "../../../framework/ViewModel";
+import { ObservableProperty } from "../../../framework/observable";
+export interface JsonEditorViewModelOptions extends ViewModelOptions {
+    value?: string | ObservableProperty<string>;
+}
+export declare class JsonEditorViewModel extends ViewModel implements JsonEditorViewModelOptions {
+    constructor(options: JsonEditorViewModelOptions);
+    readonly value: ObservableProperty<string>;
+}
+export declare class JsonEditorView extends View<JsonEditorViewModelOptions> {
+    constructor(viewModel: JsonEditorViewModelOptions);
+    private editor;
+    build(): void;
+}

package/dist/controls/codeMirror/JsonEditor/JsonEditor.js

@@ -0,0 +1,111 @@
+import { View, registerView } from "../../../framework/View";
+import { ViewModel, extendViewModel } from "../../../framework/ViewModel";
+import { unwrap, isObservable } from "knockout";
+import { isObservableProperty, observableProperty } from "../../../framework/observable";
+import { EditorView, basicSetup } from "codemirror";
+import { EditorState } from "@codemirror/state";
+import { keymap } from "@codemirror/view";
+import { json } from "@codemirror/lang-json";
+import { indentWithTab } from "@codemirror/commands";
+import { foldAll } from "@codemirror/language";
+import { ButtonView } from "../../html/Button/Button";
+import { DivView } from "../../html/Div/Div";
+export class JsonEditorViewModel extends ViewModel {
+    constructor(options) {
+        super(options);
+        if (options) {
+            if (isObservableProperty(options.value)) {
+                this.value = options.value;
+            }
+            else {
+                this.value = observableProperty(options.value);
+            }
+            if (!options.eventListeners) {
+                options.eventListeners = {};
+            }
+        }
+    }
+    value;
+}
+export class JsonEditorView extends View {
+    constructor(viewModel) {
+        super({
+            tagName: "div",
+            viewModel: extendViewModel({
+                viewType: "JsonEditor",
+                attributes: {
+                    tabindex: 1
+                },
+                style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    border: "1px solid #a3d0e4"
+                }
+            }, viewModel)
+        });
+    }
+    editor;
+    build() {
+        super.build();
+        const viewModel = this.viewModel;
+        const foldAllButton = new ButtonView({
+            content: "Collapse all",
+            style: {
+                margin: "3px"
+            },
+            eventListeners: {
+                click: {
+                    listener: () => {
+                        foldAll(this.editor);
+                    }
+                }
+            }
+        });
+        const saveButton = new ButtonView({
+            content: "Save",
+            style: {
+                margin: "3px"
+            },
+            eventListeners: {
+                click: {
+                    listener: () => {
+                        if (isObservableProperty(viewModel.value)) {
+                            viewModel.value.set(this.editor.state.doc.toString());
+                        }
+                    }
+                }
+            }
+        });
+        const buttons = new DivView({
+            style: {
+                display: "flex"
+            },
+            children: [
+                foldAllButton,
+                saveButton
+            ]
+        });
+        this.element.appendChild(buttons.render());
+        const state = EditorState.create({
+            extensions: [
+                basicSetup,
+                json(),
+                EditorView.lineWrapping,
+                keymap.of([indentWithTab])
+            ]
+        });
+        this.editor = new EditorView({
+            state: state,
+            parent: this.element,
+        });
+        this.editor.dom.style.overflow = "auto";
+        this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: unwrap(viewModel.value) } });
+        if (isObservable(viewModel.value)) {
+            viewModel.value.subscribe((html) => {
+                this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: html } });
+            });
+        }
+    }
+}
+registerView(JsonEditorViewModel, JsonEditorView);
+//# sourceMappingURL=JsonEditor.js.map

package/dist/controls/codeMirror/JsonEditor/JsonEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonEditor.js","sourceRoot":"","sources":["../../../../src/controls/codeMirror/JsonEditor/JsonEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAoB,SAAS,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAsB,MAAM,+BAA+B,CAAC;AAC7G,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAM7C,MAAM,OAAO,mBAAoB,SAAQ,SAAS;IAC9C,YAAY,OAAmC;QAC3C,KAAK,CAAC,OAAO,CAAC,CAAC;QAEf,IAAI,OAAO,EAAE;YACT,IAAI,oBAAoB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACrC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;aAC9B;iBAAM;gBACH,IAAI,CAAC,KAAK,GAAG,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aAClD;YACD,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE;gBACzB,OAAO,CAAC,cAAc,GAAG,EAAE,CAAA;aAC9B;SAEJ;IACL,CAAC;IAEQ,KAAK,CAA6B;CAC9C;AAED,MAAM,OAAO,cAAe,SAAQ,IAAgC;IAChE,YAAY,SAAqC;QAC7C,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,eAAe,CACtB;gBACI,QAAQ,EAAE,YAAY;gBACtB,UAAU,EAAE;oBACR,QAAQ,EAAE,CAAC;iBACd;gBACD,KAAK,EAAE;oBACH,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,MAAM,EAAE,mBAAmB;iBAC9B;aACJ,EACD,SAAS,CACZ;SACJ,CACJ,CAAC;IACN,CAAC;IAEO,MAAM,CAAa;IAE3B,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,MAAM,aAAa,GAAG,IAAI,UAAU,CAAC;YACjC,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE;gBACH,MAAM,EAAE,KAAK;aAChB;YACD,cAAc,EAAE;gBACZ,KAAK,EAAE;oBACH,QAAQ,EAAE,GAAG,EAAE;wBACX,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;oBACzB,CAAC;iBACJ;aACJ;SACJ,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC;YAC9B,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,MAAM,EAAE,KAAK;aAChB;YACD,cAAc,EAAE;gBACZ,KAAK,EAAE;oBACH,QAAQ,EAAE,GAAG,EAAE;wBACX,IAAI,oBAAoB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;4BACvC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;yBACzD;oBACL,CAAC;iBACJ;aACJ;SACJ,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC;YACxB,KAAK,EAAE;gBACH,OAAO,EAAE,MAAM;aAClB;YACD,QAAQ,EAAE;gBACN,aAAa;gBACb,UAAU;aACb;SACJ,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QAE3C,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC;YAC7B,UAAU,EAAE;gBACR,UAAU;gBACV,IAAI,EAAE;gBACN,UAAU,CAAC,YAAY;gBACvB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC;aAC7B;SACJ,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAAC;YACzB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,IAAI,CAAC,OAAO;SAEvB,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;QAGxC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAkB,EAAE,EAAE,CAAC,CAAC;QAGnI,IAAI,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAC/B,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAY,EAAE,EAAE;gBACvC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;YACnG,CAAC,CAAC,CAAC;SACN;IACL,CAAC;CACJ;AAED,YAAY,CACR,mBAAmB,EACnB,cAAc,CACjB,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from "./HtmlEditor/HtmlEditor";
+export * from "./JsonEditor/JsonEditor";

package/dist/controls/codeMirror/index.js

@@ -0,0 +1,3 @@
+export * from "./HtmlEditor/HtmlEditor";
+export * from "./JsonEditor/JsonEditor";
+//# sourceMappingURL=index.js.map

package/dist/controls/codeMirror/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/codeMirror/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC"}

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

@@ -0,0 +1,16 @@
+import { ViewModelOptions, ViewModel } from "../../../framework/ViewModel";
+import { ObservableProperty } from "../../../framework/observable";
+import { View } from "../../../framework/View";
+export interface ContentViewModelOptions extends ViewModelOptions {
+    content?: ViewModel;
+}
+export declare class ContentViewModel extends ViewModel {
+    constructor(options?: ContentViewModelOptions);
+    readonly content: ObservableProperty<ViewModel>;
+    handleWebSocketMessage: (message: any) => void;
+}
+export declare class ContentView extends View<ContentViewModel> {
+    constructor(viewModel: ContentViewModel);
+    build(): void;
+    private setContent;
+}

package/dist/controls/custom/Content/Content.js

@@ -0,0 +1,45 @@
+import { unwrap } from "knockout";
+import { ViewModel, extendViewModel } from "../../../framework/ViewModel";
+import { observableProperty } from "../../../framework/observable";
+import { View, getView, registerView } from "../../../framework/View";
+export class ContentViewModel extends ViewModel {
+    constructor(options) {
+        super(options);
+        options = options || {};
+        this.content = observableProperty(options.content);
+    }
+    content;
+    handleWebSocketMessage = (message) => {
+        const content = this.content();
+        if (content.handleWebSocketMessage) {
+            content.handleWebSocketMessage(message);
+        }
+    };
+}
+export class ContentView extends View {
+    constructor(viewModel) {
+        super({
+            tagName: "div",
+            viewModel: extendViewModel({
+                viewType: "Content"
+            }, viewModel)
+        });
+    }
+    build() {
+        super.build();
+        this.setContent(unwrap(this.viewModel.content));
+        this.viewModel.content.subscribe((content) => {
+            this.setContent(content);
+        });
+    }
+    setContent(content) {
+        if (content) {
+            this.setChildren(getView(content));
+        }
+        else {
+            this.empty();
+        }
+    }
+}
+registerView(ContentViewModel, ContentView);
+//# sourceMappingURL=Content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/controls/custom/Content/Content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAoB,SAAS,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EAAsB,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAMtE,MAAM,OAAO,gBAAiB,SAAQ,SAAS;IAC3C,YAAY,OAAiC;QACzC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,OAAO,GAAG,OAAO,IAAI,EAAE,CAAA;QAEvB,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAY,OAAO,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;IAEQ,OAAO,CAAgC;IAEhD,sBAAsB,GAAG,CAAC,OAAO,EAAE,EAAE;QACjC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC/B,IAAI,OAAO,CAAC,sBAAsB,EAAE;YAChC,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;SAC3C;IACL,CAAC,CAAA;CACJ;AAED,MAAM,OAAO,WAAY,SAAQ,IAAsB;IACnD,YAAY,SAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,eAAe,CACtB;gBACI,QAAQ,EAAE,SAAS;aACtB,EACD,SAAS,CACZ;SACJ,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAGd,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAqB,CAAC,CAAC;QAGpE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;YACzC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,UAAU,CAAC,OAAkB;QACjC,IAAI,OAAO,EAAE;YACT,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;SACtC;aAAM;YACH,IAAI,CAAC,KAAK,EAAE,CAAC;SAChB;IACL,CAAC;CACJ;AAED,YAAY,CACR,gBAAgB,EAChB,WAAW,CACd,CAAA"}

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

@@ -0,0 +1,17 @@
+import { ViewModel, ViewModelOptions } from "../../../framework/ViewModel";
+import { View } from "../../../framework/View";
+import { ButtonViewModelOptions } from "../../html/Button/Button";
+import { InputViewModelOptions } from "../../html/Input/Input";
+export interface InputFileViewModelOptions extends ViewModelOptions {
+    button?: ButtonViewModelOptions;
+    inputFile: InputViewModelOptions<FileList>;
+}
+export declare class FileSelectorViewModel extends ViewModel {
+    constructor(options?: InputFileViewModelOptions);
+    readonly button: ButtonViewModelOptions;
+    readonly inputFile: InputViewModelOptions<FileList>;
+}
+export declare class FileSelectorView extends View<FileSelectorViewModel> {
+    constructor(viewModel: FileSelectorViewModel);
+    protected build(): void;
+}

package/dist/controls/custom/FileSelector/FileSelector.js

@@ -0,0 +1,54 @@
+import { ViewModel, extendViewModel } from "../../../framework/ViewModel";
+import { View, registerView } from "../../../framework/View";
+import { ButtonView } from "../../html/Button/Button";
+import { InputView } from "../../html/Input/Input";
+export class FileSelectorViewModel extends ViewModel {
+    constructor(options) {
+        super(options);
+        if (options) {
+            this.button = options.button;
+            options.inputFile.type = "file";
+            if (options.button) {
+                if (!options.inputFile.style) {
+                    options.inputFile.style = {};
+                }
+                options.inputFile.style.display = "none";
+            }
+            this.inputFile = options.inputFile;
+        }
+    }
+    button;
+    inputFile;
+}
+export class FileSelectorView extends View {
+    constructor(viewModel) {
+        super({
+            tagName: "div",
+            viewModel: extendViewModel({
+                viewType: "FileSelector"
+            }, viewModel)
+        });
+    }
+    build() {
+        super.build();
+        const viewModel = this.viewModel;
+        var fileInput = new InputView(viewModel.inputFile).render();
+        this.element.appendChild(fileInput);
+        if (viewModel.button) {
+            const button = new ButtonView(extendViewModel(viewModel.button, {
+                eventListeners: {
+                    click: {
+                        listener: () => {
+                            var mouseEvent = document.createEvent("MouseEvent");
+                            mouseEvent.initEvent("click", false, false);
+                            fileInput.dispatchEvent(mouseEvent);
+                        }
+                    }
+                }
+            })).render();
+            this.element.appendChild(button);
+        }
+    }
+}
+registerView(FileSelectorViewModel, FileSelectorView);
+//# sourceMappingURL=FileSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileSelector.js","sourceRoot":"","sources":["../../../../src/controls/custom/FileSelector/FileSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAA0B,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAyB,MAAM,wBAAwB,CAAC;AAO1E,MAAM,OAAO,qBAAsB,SAAQ,SAAS;IAChD,YAAY,OAAmC;QAC3C,KAAK,CAAC,OAAO,CAAC,CAAC;QAEf,IAAI,OAAO,EAAE;YACT,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;YAC7B,OAAO,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;YAEhC,IAAI,OAAO,CAAC,MAAM,EAAE;gBAChB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE;oBAC1B,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC;iBAChC;gBACD,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;aAC5C;YAED,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;SACtC;IACL,CAAC;IAEQ,MAAM,CAAyB;IAC/B,SAAS,CAAkC;CACvD;AAED,MAAM,OAAO,gBAAiB,SAAQ,IAA2B;IAC7D,YAAY,SAAgC;QACxC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,eAAe,CACtB;gBACI,QAAQ,EAAE,cAAc;aAC3B,EACD,SAAS,CACZ;SACJ,CACJ,CAAC;IACN,CAAC;IAES,KAAK;QACX,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAEjC,IAAI,SAAS,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,CAAC;QAE5D,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAEpC,IAAI,SAAS,CAAC,MAAM,EAAE;YAClB,MAAM,MAAM,GAAG,IAAI,UAAU,CACzB,eAAe,CACX,SAAS,CAAC,MAAM,EAChB;gBACI,cAAc,EAAE;oBACZ,KAAK,EAAE;wBACH,QAAQ,EAAE,GAAG,EAAE;4BACX,IAAI,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;4BACpD,UAAU,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;4BAC5C,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;wBACxC,CAAC;qBACJ;iBACJ;aACJ,CACJ,CACJ,CAAC,MAAM,EAAE,CAAC;YAEX,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SACpC;IACL,CAAC;CACJ;AAED,YAAY,CACR,qBAAqB,EACrB,gBAAgB,CACnB,CAAC"}

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

@@ -0,0 +1,14 @@
+import { ViewModel, ViewModelOptions } from "../../../framework/ViewModel";
+import { View, IView } from "../../../framework/View";
+export interface LabeledViewModelOptions extends ViewModelOptions {
+    labelOptions: ViewModelOptions;
+    view: IView;
+}
+export declare class LabeledControlViewModel extends ViewModel implements LabeledViewModelOptions {
+    constructor(options: LabeledViewModelOptions);
+    labelOptions: ViewModelOptions;
+    view: IView;
+}
+export declare class LabeledControlView extends View<LabeledViewModelOptions> {
+    constructor(viewModel: LabeledViewModelOptions);
+}

package/dist/controls/custom/LabeledControl/LabeledControl.js

@@ -0,0 +1,32 @@
+import { ViewModel, extendViewModel } from "../../../framework/ViewModel";
+import { View } from "../../../framework/View";
+import { DivView } from "../../html/Div/Div";
+export class LabeledControlViewModel extends ViewModel {
+    constructor(options) {
+        super(options);
+    }
+    labelOptions;
+    view;
+}
+export class LabeledControlView extends View {
+    constructor(viewModel) {
+        super({
+            tagName: "div",
+            viewModel: extendViewModel({
+                viewType: "LabeledControl",
+                style: {
+                    display: "flex",
+                    alignItems: "center"
+                },
+                classNames: ["o-labled-control"]
+            }, viewModel),
+            children: [
+                new DivView(extendViewModel(viewModel.labelOptions, {
+                    viewType: "Label"
+                })),
+                viewModel.view
+            ]
+        });
+    }
+}
+//# sourceMappingURL=LabeledControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledControl.js","sourceRoot":"","sources":["../../../../src/controls/custom/LabeledControl/LabeledControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC3F,OAAO,EAAE,IAAI,EAAS,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAO7C,MAAM,OAAO,uBAAwB,SAAQ,SAAS;IAClD,YAAY,OAAgC;QACxC,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAED,YAAY,CAAmB;IAC/B,IAAI,CAAQ;CACf;AAED,MAAM,OAAO,kBAAmB,SAAQ,IAA6B;IACjE,YAAY,SAAkC;QAC1C,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,eAAe,CACtB;gBACI,QAAQ,EAAE,gBAAgB;gBAC1B,KAAK,EAAE;oBACH,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACvB;gBACD,UAAU,EAAE,CAAC,kBAAkB,CAAC;aACnC,EACD,SAAS,CACZ;YACD,QAAQ,EAAE;gBACN,IAAI,OAAO,CACP,eAAe,CACX,SAAS,CAAC,YAAY,EACtB;oBACI,QAAQ,EAAE,OAAO;iBACpB,CACJ,CACJ;gBACD,SAAS,CAAC,IAAI;aACjB;SACJ,CACJ,CAAC;IACN,CAAC;CACJ"}

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

@@ -0,0 +1,30 @@
+import { View } from "../../../framework/View";
+import { ViewModel, ViewModelOptions } from "../../../framework/ViewModel";
+export interface ListItemViewModelOptions extends ViewModelOptions {
+    id: number | string;
+    text?: string | ViewModel;
+    select?: () => void;
+    order?: number | string;
+}
+export declare class ListItemViewModel extends ViewModel implements ListItemViewModelOptions {
+    constructor(options: ListItemViewModelOptions);
+    readonly id: number | string;
+    text: string | ViewModel;
+    readonly select: () => void;
+    order: number | string;
+}
+export interface HierarchicalListItemViewModelOptions extends ListItemViewModelOptions {
+    parentId?: number | string;
+    expanded?: boolean;
+}
+export declare class HierarchicalListItemViewModel extends ListItemViewModel implements HierarchicalListItemViewModelOptions {
+    constructor(options: HierarchicalListItemViewModelOptions);
+    readonly parentId: number | string;
+    readonly expanded: boolean;
+    items: Array<HierarchicalListItemViewModel>;
+}
+export declare class ListItemView extends View<ListItemViewModel> {
+    constructor(viewModel: ListItemViewModel);
+    build(): void;
+    private setContent;
+}

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

@@ -0,0 +1,61 @@
+import { isObservable, unwrap } from "knockout";
+import { View, getView, registerView } from "../../../framework/View";
+import { ViewModel, extendViewModel } from "../../../framework/ViewModel";
+export class ListItemViewModel extends ViewModel {
+    constructor(options) {
+        super(options);
+        if (options) {
+            this.id = options.id;
+            this.text = options.text;
+            this.select = options.select;
+            this.order = options.order;
+        }
+    }
+    id;
+    text;
+    select;
+    order;
+}
+export class HierarchicalListItemViewModel extends ListItemViewModel {
+    constructor(options) {
+        super(options);
+        this.parentId = options.parentId;
+        this.expanded = options.expanded;
+    }
+    parentId;
+    expanded;
+    items;
+}
+export class ListItemView extends View {
+    constructor(viewModel) {
+        super({
+            tagName: "div",
+            viewModel: extendViewModel({
+                viewType: "ListItem"
+            }, viewModel)
+        });
+    }
+    build() {
+        super.build();
+        const viewModel = this.viewModel;
+        if (isObservable(viewModel.text)) {
+            this.setContent(unwrap(viewModel.text));
+            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));
+        }
+    }
+}
+registerView(ListItemViewModel, ListItemView);
+//# sourceMappingURL=ListItem.js.map

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

@@ -0,0 +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,EAAoB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAY5F,MAAM,OAAO,iBAAkB,SAAQ,SAAS;IAC5C,YAAY,OAAiC;QACzC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEf,IAAI,OAAO,EAAE;YACT,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;YACrB,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;YAEzB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;SAC9B;IACL,CAAC;IAEQ,EAAE,CAAkB;IAC7B,IAAI,CAAqB;IAChB,MAAM,CAAa;IAC5B,KAAK,CAAkB;CAC1B;AAOD,MAAM,OAAO,6BAA8B,SAAQ,iBAAiB;IAChE,YAAY,OAA6C;QACrD,KAAK,CAAC,OAAO,CAAC,CAAC;QAEf,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IACrC,CAAC;IAEQ,QAAQ,CAAkB;IAC1B,QAAQ,CAAU;IAC3B,KAAK,CAAuC;CAC/C;AAED,MAAM,OAAO,YAAa,SAAQ,IAAuB;IACrD,YAAY,SAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,eAAe,CACtB;gBACI,QAAQ,EAAE,UAAU;aACvB,EACD,SAAS,CACZ;SACJ,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAEjC,IAAI,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YAC9B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;YACxC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;gBACjC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC7B,CAAC,CAAC,CAAC;SACN;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,YAAY,CACR,iBAAiB,EACjB,YAAY,CACf,CAAA"}

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

@@ -0,0 +1,4 @@
+export * from "./Content/Content";
+export * from "./FileSelector/FileSelector";
+export * from "./LabeledControl/LabeledControl";
+export * from "./ListItem/ListItem";

package/dist/controls/custom/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { Subscribable } from "knockout";
+import { ViewModel, ViewModelOptions } from "../../../framework/ViewModel";
+import { View } from "../../../framework/View";
+export interface ButtonViewModelOptions extends ViewModelOptions {
+    content?: string | ViewModel | Subscribable<string | ViewModel>;
+}
+export declare class ButtonViewModel extends ViewModel implements ButtonViewModelOptions {
+    constructor(options: ButtonViewModelOptions);
+    readonly content: string | ViewModel | Subscribable<string | ViewModel>;
+}
+export declare class ButtonView extends View<ButtonViewModelOptions> {
+    constructor(viewModel: ButtonViewModelOptions);
+    build(): void;
+    private buildContent;
+}