jpf 4.0.2 → 4.0.4

package/dist/controls/codeMirror/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";
+import { DivView } from "../html/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, designTimeOptions) {
+        super({
+            tagName: "div",
+            viewModel: viewModel
+        }, extendViewModel({
+            viewType: "JsonEditor",
+            attributes: {
+                tabindex: 1
+            },
+            style: {
+                display: "flex",
+                flexDirection: "column",
+                border: "1px solid #a3d0e4"
+            }
+        }, designTimeOptions));
+    }
+    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.js.map

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

package/dist/controls/html/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, designTimeOptions?: ViewModelOptions);
+    build(): void;
+    private buildContent;
+}

package/dist/controls/html/Button.js

@@ -0,0 +1,48 @@
+import { unwrap, isSubscribable } from "knockout";
+import { ViewModel, extendViewModel } from "../../framework/ViewModel";
+import { View, getView, registerView } from "../../framework/View";
+export class ButtonViewModel extends ViewModel {
+    constructor(options) {
+        super(options);
+        this.content = options.content;
+    }
+    content;
+}
+export class ButtonView extends View {
+    constructor(viewModel, designTimeOptions) {
+        super({
+            tagName: "button",
+            viewModel: viewModel
+        }, extendViewModel({
+            viewType: "Button"
+        }, designTimeOptions));
+    }
+    build() {
+        super.build();
+        const viewModel = this.viewModel;
+        if (viewModel.content) {
+            if (isSubscribable(viewModel.content)) {
+                this.buildContent(unwrap(viewModel.content));
+                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));
+        }
+    }
+}
+registerView(ButtonViewModel, ButtonView);
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/controls/html/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAgB,cAAc,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,SAAS,EAAoB,eAAe,EAAE,MAAM,2BAA2B,CAAA;AACxF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAMnE,MAAM,OAAO,eAAgB,SAAQ,SAAS;IAC1C,YAAY,OAA+B;QACvC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEf,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IACnC,CAAC;IAEQ,OAAO,CAAwD;CAC3E;AAED,MAAM,OAAO,UAAW,SAAQ,IAA4B;IACxD,YAAY,SAAiC,EAAE,iBAAoC;QAC/E,KAAK,CACD;YACI,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,SAAS;SACvB,EACD,eAAe,CACX;YACI,QAAQ,EAAE,QAAQ;SACrB,EACD,iBAAiB,CACpB,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,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,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;oBACpC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;gBAC/B,CAAC,CAAC,CAAC;aACN;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,YAAY,CACR,eAAe,EACf,UAAU,CACb,CAAC"}

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

@@ -0,0 +1,10 @@
+import { View, IView } from "../../framework/View";
+import { ViewModel, ViewModelOptions } from "../../framework/ViewModel";
+export declare class DivViewModel extends ViewModel implements ViewModelOptions {
+}
+export interface DivViewOptions extends ViewModelOptions {
+    children?: Array<IView>;
+}
+export declare class DivView extends View<ViewModelOptions> {
+    constructor(viewModel: DivViewOptions, designTimeOptions?: ViewModelOptions);
+}

package/dist/controls/html/Div.js

@@ -0,0 +1,17 @@
+import { View, registerView } from "../../framework/View";
+import { ViewModel, extendViewModel } from "../../framework/ViewModel";
+export class DivViewModel extends ViewModel {
+}
+export class DivView extends View {
+    constructor(viewModel, designTimeOptions) {
+        super({
+            tagName: "div",
+            viewModel: viewModel,
+            children: viewModel.children
+        }, extendViewModel({
+            viewType: "Div"
+        }, designTimeOptions));
+    }
+}
+registerView(DivViewModel, DivView);
+//# sourceMappingURL=Div.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Div.js","sourceRoot":"","sources":["../../../src/controls/html/Div.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAS,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAoB,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEzF,MAAM,OAAO,YAAa,SAAQ,SAAS;CAE1C;AAMD,MAAM,OAAO,OAAQ,SAAQ,IAAsB;IAC/C,YAAY,SAAyB,EAAE,iBAAoC;QACvE,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,SAAS,CAAC,QAAQ;SAC/B,EACD,eAAe,CACX;YACI,QAAQ,EAAE,KAAK;SAClB,EACD,iBAAiB,CACpB,CACJ,CAAC;IACN,CAAC;CACJ;AAED,YAAY,CACR,YAAY,EACZ,OAAO,CACV,CAAC"}

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

@@ -0,0 +1,7 @@
+import { View } from "../../framework/View";
+import { ViewModel, ViewModelOptions } from "../../framework/ViewModel";
+export declare class ImageViewModel extends ViewModel {
+}
+export declare class ImageView extends View<ViewModelOptions> {
+    constructor(viewModel: ViewModelOptions, designTimeOptions?: ViewModelOptions);
+}

package/dist/controls/html/Image.js

@@ -0,0 +1,16 @@
+import { View, registerView } from "../../framework/View";
+import { ViewModel, extendViewModel } from "../../framework/ViewModel";
+export class ImageViewModel extends ViewModel {
+}
+export class ImageView extends View {
+    constructor(viewModel, designTimeOptions) {
+        super({
+            tagName: "img",
+            viewModel: viewModel
+        }, extendViewModel({
+            viewType: "Image"
+        }, designTimeOptions));
+    }
+}
+registerView(ImageViewModel, ImageView);
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/controls/html/Image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAoB,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEzF,MAAM,OAAO,cAAe,SAAQ,SAAS;CAE5C;AAED,MAAM,OAAO,SAAU,SAAQ,IAAsB;IACjD,YAAY,SAA2B,EAAE,iBAAoC;QACzE,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,SAAS;SACvB,EACD,eAAe,CACX;YACI,QAAQ,EAAE,OAAO;SACpB,EACD,iBAAiB,CACpB,CACJ,CAAC;IACN,CAAC;CACJ;AAED,YAAY,CACR,cAAc,EACd,SAAS,CACZ,CAAC"}

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

@@ -0,0 +1,43 @@
+import { View } from "../../framework/View";
+import { ViewModel, ViewModelOptions } from "../../framework/ViewModel";
+import { ObservableProperty } from "../../framework/observable";
+export type InputType = "text" | "checkbox" | "file" | "integer" | "float" | "range";
+export type ValueUpdateMode = "OnChange" | "OnInput";
+export interface InputViewModelOptions<TValue> extends ViewModelOptions {
+    value?: TValue | ObservableProperty<TValue>;
+    inputValidator?: (event: Event, inputViewModel: InputViewModelOptions<TValue>, value: string) => Promise<boolean>;
+    placeholder?: string | ObservableProperty<string>;
+    valueUpdateMode?: ValueUpdateMode;
+    min?: number;
+    max?: number;
+    step?: number;
+    type?: InputType;
+}
+declare abstract class InputViewModel<TValue> extends ViewModel {
+    protected constructor(inputType: InputType, options?: InputViewModelOptions<TValue>);
+    readonly value: ObservableProperty<TValue>;
+    readonly inputValidator: (event: Event, inputViewModel: InputViewModelOptions<TValue>, value: string) => Promise<boolean>;
+    readonly placeholder: ObservableProperty<string>;
+    readonly valueUpdateMode: ValueUpdateMode;
+    readonly type: InputType;
+}
+export declare class InputTextViewModel extends InputViewModel<string> {
+    constructor(options?: InputViewModelOptions<string>);
+}
+export declare class InputCheckboxViewModel extends InputViewModel<boolean> {
+    constructor(options?: InputViewModelOptions<boolean>);
+}
+export declare class InputFileViewModel extends InputViewModel<FileList> {
+    constructor(options?: InputViewModelOptions<FileList>);
+}
+export declare class InputIntegerViewModel extends InputViewModel<number> {
+    constructor(options?: InputViewModelOptions<number>);
+}
+export declare class InputFloatViewModel extends InputViewModel<number> {
+    constructor(options?: InputViewModelOptions<number>);
+}
+export declare class InputView<TValue> extends View<InputViewModelOptions<TValue>> {
+    constructor(viewModel: InputViewModelOptions<TValue>, designTimeOptions?: InputViewModelOptions<TValue>);
+    protected build(): void;
+}
+export {};

package/dist/controls/html/Input.js

@@ -0,0 +1,179 @@
+import { isSubscribable, unwrap, isObservable } from "knockout";
+import { View, registerView } from "../../framework/View";
+import { ViewModel, extendViewModel, isNullOrUndefined } from "../../framework/ViewModel";
+import { observableProperty } from "../../framework/observable";
+import { isInteger, isFloat } from "../../utilities/common";
+import { isObservableProperty } from "../../framework/observable";
+class InputViewModel extends ViewModel {
+    constructor(inputType, options) {
+        super(options);
+        if (options) {
+            if (isObservableProperty(options.value)) {
+                this.value = options.value;
+            }
+            else {
+                this.value = observableProperty(options.value);
+            }
+            this.inputValidator = options.inputValidator;
+            this.placeholder = options.placeholder;
+            this.valueUpdateMode = options.valueUpdateMode;
+            this.type = options.type;
+        }
+        this.type = inputType;
+    }
+    value;
+    inputValidator;
+    placeholder;
+    valueUpdateMode = "OnChange";
+    type;
+}
+export class InputTextViewModel extends InputViewModel {
+    constructor(options) {
+        super("text", options);
+    }
+}
+export class InputCheckboxViewModel extends InputViewModel {
+    constructor(options) {
+        super("checkbox", options);
+    }
+}
+export class InputFileViewModel extends InputViewModel {
+    constructor(options) {
+        super("file", options);
+    }
+}
+export class InputIntegerViewModel extends InputViewModel {
+    constructor(options) {
+        super("integer", options);
+    }
+}
+export class InputFloatViewModel extends InputViewModel {
+    constructor(options) {
+        super("float", options);
+    }
+}
+export class InputView extends View {
+    constructor(viewModel, designTimeOptions) {
+        super({
+            tagName: "input",
+            viewModel: viewModel,
+        }, extendViewModel({
+            viewType: "Input"
+        }, designTimeOptions));
+    }
+    build() {
+        super.build();
+        const viewModel = this.viewModel;
+        if (!viewModel.valueUpdateMode) {
+            viewModel.valueUpdateMode = "OnChange";
+        }
+        const input = this.element;
+        input.type = viewModel.type;
+        if (!isNullOrUndefined(viewModel.min)) {
+            input.min = viewModel.min;
+        }
+        if (!isNullOrUndefined(viewModel.max)) {
+            input.max = viewModel.max;
+        }
+        if (!isNullOrUndefined(viewModel.step)) {
+            input.step = viewModel.step;
+        }
+        switch (viewModel.type) {
+            case "checkbox":
+                input.checked = unwrap(viewModel.value);
+                if (isObservable(viewModel.value)) {
+                    viewModel.value.subscribe((value) => {
+                        input.checked = value;
+                    });
+                }
+                break;
+            case "file":
+                break;
+            default:
+                const value = unwrap(viewModel.value);
+                if (value) {
+                    input.value = value;
+                }
+                if (isObservable(viewModel.value)) {
+                    viewModel.value.subscribe((value) => {
+                        input.value = value;
+                    });
+                }
+        }
+        const placeholder = unwrap(viewModel.placeholder);
+        if (placeholder) {
+            input.placeholder = placeholder;
+        }
+        if (isSubscribable(viewModel.placeholder)) {
+            viewModel.placeholder.subscribe((placeholder) => {
+                if (placeholder) {
+                    input.placeholder = placeholder;
+                }
+                else {
+                    input.removeAttribute("placeholder");
+                }
+            });
+        }
+        if (this.viewModel.valueUpdateMode === "OnChange") {
+            this.element.addEventListener("change", handleEvent);
+        }
+        if (this.viewModel.valueUpdateMode === "OnInput" || viewModel.inputValidator) {
+            this.element.addEventListener("input", handleEvent);
+        }
+        async function handleEvent(event) {
+            let newValue;
+            switch (viewModel.type) {
+                case "checkbox":
+                    newValue = input.checked;
+                    break;
+                case "file":
+                    newValue = input.files;
+                    break;
+                default:
+                    newValue = input.value;
+                    if (newValue + "" === "") {
+                        newValue = null;
+                    }
+            }
+            if (viewModel.inputValidator) {
+                if (!await viewModel.inputValidator(event, viewModel, newValue)) {
+                    input.value = unwrap(viewModel.value);
+                    return;
+                }
+                ;
+            }
+            if (viewModel.type === "integer") {
+                if (isInteger(newValue)) {
+                    newValue = parseInt(newValue);
+                }
+                else {
+                    input.value = unwrap(viewModel.value);
+                    return;
+                }
+            }
+            if (viewModel.type === "float") {
+                if (isFloat(newValue)) {
+                    newValue = parseFloat(newValue);
+                }
+                else {
+                    input.value = unwrap(viewModel.value);
+                    return;
+                }
+            }
+            if (isObservableProperty(viewModel.value)) {
+                if ((event.type === "change" && viewModel.valueUpdateMode === "OnChange") || (event.type === "input" && viewModel.valueUpdateMode === "OnInput")) {
+                    viewModel.value.set(newValue);
+                }
+                else {
+                    viewModel.value.set(newValue, false);
+                }
+            }
+        }
+    }
+}
+registerView(InputTextViewModel, InputView);
+registerView(InputCheckboxViewModel, InputView);
+registerView(InputFileViewModel, InputView);
+registerView(InputIntegerViewModel, InputView);
+registerView(InputFloatViewModel, InputView);
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/controls/html/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAoB,eAAe,EAAG,iBAAiB,EAAC,MAAM,2BAA2B,CAAC;AAC5G,OAAO,EAAsB,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAiBlE,MAAe,cAAuB,SAAQ,SAAS;IACnD,YAAsB,SAAoB,EAAE,OAAuC;QAC/E,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;YAED,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;YAC7C,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAyC,CAAC;YACrE,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC;YAC/C,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;SAC5B;QACD,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;IAC1B,CAAC;IAEQ,KAAK,CAA6B;IAClC,cAAc,CAAmG;IACjH,WAAW,CAA6B;IACxC,eAAe,GAAoB,UAAU,CAAC;IAC9C,IAAI,CAAY;CAC5B;AAED,MAAM,OAAO,kBAAmB,SAAQ,cAAsB;IAC1D,YAAY,OAAuC;QAC/C,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3B,CAAC;CACJ;AAED,MAAM,OAAO,sBAAuB,SAAQ,cAAuB;IAC/D,YAAY,OAAwC;QAChD,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC;CACJ;AAED,MAAM,OAAO,kBAAmB,SAAQ,cAAwB;IAC5D,YAAY,OAAyC;QACjD,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3B,CAAC;CACJ;AAED,MAAM,OAAO,qBAAsB,SAAQ,cAAsB;IAC7D,YAAY,OAAuC;QAC/C,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC9B,CAAC;CACJ;AAED,MAAM,OAAO,mBAAoB,SAAQ,cAAsB;IAC3D,YAAY,OAAuC;QAC/C,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC5B,CAAC;CACJ;AAED,MAAM,OAAO,SAAkB,SAAQ,IAAmC;IACtE,YAAY,SAAwC,EAAE,iBAAiD;QACnG,KAAK,CACD;YACI,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,SAAS;SACvB,EACD,eAAe,CACX;YACK,QAAQ,EAAE,OAAO;SACrB,EACD,iBAAiB,CACpB,CACJ,CAAC;IACN,CAAC;IAGS,KAAK;QACX,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE;YAC5B,SAAS,CAAC,eAAe,GAAG,UAAU,CAAC;SAC1C;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,OAA2B,CAAC;QAC/C,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;QAE5B,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;YACnC,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC,GAAU,CAAC;SACpC;QACD,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;YACnC,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC,GAAU,CAAC;SACpC;QACD,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YACpC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,IAAW,CAAC;SACtC;QAED,QAAQ,SAAS,CAAC,IAAI,EAAE;YACpB,KAAK,UAAU;gBACX,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAuB,CAAC;gBAC9D,IAAI,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;oBAC/B,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAa,EAAE,EAAE;wBACxC,KAAK,CAAC,OAAO,GAAG,KAA2B,CAAC;oBAChD,CAAC,CAAC,CAAC;iBACN;gBAED,MAAM;YAEV,KAAK,MAAM;gBAEP,MAAM;YAEV;gBACI,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBACtC,IAAI,KAAK,EAAE;oBACP,KAAK,CAAC,KAAK,GAAG,KAA0B,CAAC;iBAC5C;gBACD,IAAI,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;oBAC/B,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAa,EAAE,EAAE;wBACxC,KAAK,CAAC,KAAK,GAAG,KAA0B,CAAC;oBAC7C,CAAC,CAAC,CAAC;iBACN;SACR;QAED,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,WAAW,CAAsB,CAAC;QACvE,IAAI,WAAW,EAAE;YACb,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;SACnC;QACD,IAAI,cAAc,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE;YACvC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,EAAE;gBAC5C,IAAI,WAAW,EAAE;oBACb,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;iBACnC;qBAAM;oBACH,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;iBACxC;YACL,CAAC,CAAC,CAAC;SACN;QAED,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,KAAK,UAAU,EAAE;YAC/C,IAAI,CAAC,OAAO,CAAC,gBAAgB,CACzB,QAAQ,EACR,WAAW,CACd,CAAC;SACL;QAED,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,KAAK,SAAS,IAAI,SAAS,CAAC,cAAc,EAAE;YAC1E,IAAI,CAAC,OAAO,CAAC,gBAAgB,CACzB,OAAO,EACP,WAAW,CACd,CAAC;SACL;QAED,KAAK,UAAU,WAAW,CAAC,KAAY;YACnC,IAAI,QAAQ,CAAC;YACb,QAAQ,SAAS,CAAC,IAAI,EAAE;gBACpB,KAAK,UAAU;oBACX,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;oBACzB,MAAM;gBAEV,KAAK,MAAM;oBACP,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;oBACvB,MAAM;gBAEV;oBACI,QAAQ,GAAG,KAAK,CAAC,KAAsB,CAAC;oBACxC,IAAI,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE;wBACtB,QAAQ,GAAG,IAAI,CAAC;qBACnB;aACR;YAED,IAAI,SAAS,CAAC,cAAc,EAAE;gBAC1B,IAAI,CAAC,MAAM,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,QAAyB,CAAC,EAAE;oBAC9E,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAkB,CAAC;oBACvD,OAAO;iBACV;gBAAA,CAAC;aACL;YAED,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,EAAE;gBAC9B,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE;oBACrB,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;iBACjC;qBAAM;oBACH,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAkB,CAAC;oBACvD,OAAO;iBACV;aACJ;YAED,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,EAAE;gBAC5B,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;oBACnB,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;iBACnC;qBAAM;oBACH,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAkB,CAAC;oBACvD,OAAO;iBACV;aACJ;YAGD,IAAI,oBAAoB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;gBACvC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,SAAS,CAAC,eAAe,KAAK,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,SAAS,CAAC,eAAe,KAAK,SAAS,CAAC,EAAE;oBAC9I,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;iBACjC;qBAAM;oBACH,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;iBACxC;aACJ;QACL,CAAC;IACL,CAAC;CACJ;AAED,YAAY,CACR,kBAAkB,EAClB,SAAS,CACZ,CAAC;AAEF,YAAY,CACR,sBAAsB,EACtB,SAAS,CACZ,CAAC;AAEF,YAAY,CACR,kBAAkB,EAClB,SAAS,CACZ,CAAC;AAEF,YAAY,CACR,qBAAqB,EACrB,SAAS,CACZ,CAAC;AAEF,YAAY,CACR,mBAAmB,EACnB,SAAS,CACZ,CAAC"}

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

@@ -0,0 +1,27 @@
+import { View } from "../../framework/View";
+import { ViewModel, ViewModelOptions } from "../../framework/ViewModel";
+import { ObservableProperty, ObservableArrayProperty } from "../../framework/observable";
+export interface SelectViewModelOptions<TItem, TValue> extends ViewModelOptions {
+    value?: TValue | ObservableProperty<TValue>;
+    items?: Array<TItem> | ObservableArrayProperty<TItem>;
+    textFunction: (item: TItem) => string;
+    valueFunction: (item: TItem) => TValue;
+    inputValidator?: (event: Event, selectViewModel: SelectViewModelOptions<TItem, TValue>, value: TValue) => Promise<boolean>;
+    emptyItemText?: string;
+}
+export declare class SelectViewModel<TItem, TValue> extends ViewModel {
+    constructor(options?: SelectViewModelOptions<TItem, TValue>);
+    readonly value: ObservableProperty<TValue>;
+    readonly items: ObservableArrayProperty<TItem>;
+    readonly textFunction: (item: TItem) => string;
+    readonly valueFunction: (item: TItem) => TValue;
+    readonly inputValidator: (event: Event, inputViewModel: SelectViewModel<TItem, TValue>, value: TValue) => Promise<boolean>;
+    readonly emptyItemText: string;
+}
+export declare class SelectView<TItem, TValue> extends View<SelectViewModelOptions<TItem, TValue>> {
+    constructor(viewModel: SelectViewModelOptions<TItem, TValue>, designTimeOptions?: ViewModelOptions);
+    protected build(): void;
+    private itemDictionary;
+    private setItems;
+    private setSelectedValue;
+}

package/dist/controls/html/Select.js

@@ -0,0 +1,116 @@
+import { unwrap, isSubscribable } from "knockout";
+import { View, registerView } from "../../framework/View";
+import { ViewModel, extendViewModel } from "../../framework/ViewModel";
+import { isObservableProperty, observableArrayProperty, observableProperty } from "../../framework/observable";
+export class SelectViewModel extends ViewModel {
+    constructor(options) {
+        super(options);
+        if (options) {
+            this.textFunction = options.textFunction;
+            this.valueFunction = options.valueFunction;
+            this.inputValidator = options.inputValidator;
+            if (isObservableProperty(options.value)) {
+                this.value = options.value;
+            }
+            else {
+                this.value = observableProperty(options.value);
+            }
+            if (isObservableProperty(options.items)) {
+                this.items = options.items;
+            }
+            else {
+                this.items = observableArrayProperty(options.items);
+            }
+            this.emptyItemText = options.emptyItemText;
+        }
+    }
+    value;
+    items;
+    textFunction;
+    valueFunction;
+    inputValidator;
+    emptyItemText;
+}
+export class SelectView extends View {
+    constructor(viewModel, designTimeOptions) {
+        super({
+            tagName: "select",
+            viewModel: viewModel
+        }, extendViewModel({
+            viewType: "Select"
+        }, designTimeOptions));
+    }
+    build() {
+        super.build();
+        const select = this.element;
+        const viewModel = this.viewModel;
+        this.setItems(unwrap(viewModel.items));
+        if (isSubscribable(viewModel.items)) {
+            viewModel.items.subscribe((items) => {
+                this.setItems(items);
+            });
+        }
+        this.setSelectedValue(unwrap(viewModel.value));
+        if (isSubscribable(viewModel.value)) {
+            viewModel.value.subscribe((value) => {
+                this.setSelectedValue(value);
+            });
+        }
+        this.element.addEventListener("change", async (event) => {
+            let newValue = select.value;
+            if (newValue + "" === "") {
+                newValue = null;
+            }
+            else {
+                newValue = this.viewModel.valueFunction(this.itemDictionary[newValue.toString()]);
+            }
+            if (viewModel.inputValidator) {
+                if (!await viewModel.inputValidator(event, viewModel, newValue)) {
+                    select.value = unwrap(viewModel.value);
+                    return;
+                }
+                ;
+            }
+            if (isObservableProperty(viewModel.value)) {
+                viewModel.value.set(newValue);
+            }
+        });
+    }
+    itemDictionary;
+    setItems(items) {
+        if (this.element) {
+            this.itemDictionary = {};
+            if (items) {
+                const select = this.element;
+                select.innerHTML = null;
+                if (this.viewModel.emptyItemText) {
+                    const emptyOption = document.createElement("option");
+                    emptyOption.value = "";
+                    emptyOption.text = this.viewModel.emptyItemText;
+                    select.options.add(emptyOption);
+                }
+                items.forEach((item) => {
+                    const value = this.viewModel.valueFunction(item).toString();
+                    this.itemDictionary[value] = item;
+                    var option = document.createElement("option");
+                    option.value = value;
+                    option.text = this.viewModel.textFunction(item);
+                    select.options.add(option);
+                });
+            }
+        }
+    }
+    setSelectedValue(value) {
+        if (this.element) {
+            const select = this.element;
+            if (value === null || value === undefined) {
+                select.value = "";
+            }
+            else {
+                select.value = value.toString();
+            }
+        }
+    }
+}
+registerView(SelectViewModel, SelectView);
+//# sourceMappingURL=Select.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { View } from "../../framework/View";
+import { ViewModel, ViewModelOptions } from "../../framework/ViewModel";
+export declare class SpanViewModel extends ViewModel implements ViewModelOptions {
+}
+export declare class SpanView extends View<ViewModelOptions> {
+    constructor(viewModel: ViewModelOptions, designTimeOptions?: ViewModelOptions);
+}