jpf 4.2.18 → 5.0.6

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

@@ -1,171 +1,167 @@
-import { isSubscribable, unwrap, isObservable } from "knockout";
-import { View, registerView } from "../../../framework/View";
-import { ViewModel, extendProperties, isNullOrUndefined } from "../../../framework/ViewModel";
-import { isObservableProperty } from "../../../framework/observable";
-import { isInteger } from "../../../utilities/integer/integer";
-import { isFloat } from "../../../utilities/float/float";
-export var ValueUpdateModeEnum;
-(function (ValueUpdateModeEnum) {
-    ValueUpdateModeEnum[ValueUpdateModeEnum["OnChange"] = 1] = "OnChange";
-    ValueUpdateModeEnum[ValueUpdateModeEnum["OnInput"] = 2] = "OnInput";
-})(ValueUpdateModeEnum || (ValueUpdateModeEnum = {}));
-export class InputView extends View {
-    constructor(properties) {
-        super({
-            tagName: "input",
-            properties: extendProperties({
-                viewType: "Input"
-            }, properties)
-        });
-    }
-    build() {
-        super.build();
-        const element = this.element;
-        const viewModel = this.properties;
-        if (!viewModel.valueUpdateMode) {
-            viewModel.valueUpdateMode = ValueUpdateModeEnum.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)) {
-                    this.subscriptions.push(viewModel.value.subscribe((value) => {
-                        input.checked = value;
-                    }));
-                }
-                break;
-            case "file":
-                break;
-            case "radio":
-                input.checked = input.value === unwrap(viewModel.value);
-                if (isSubscribable(viewModel.value)) {
-                    this.subscriptions.push(viewModel.value.subscribe((value) => {
-                        input.checked = input.value === value;
-                    }));
-                }
-                break;
-            default:
-                const value = unwrap(viewModel.value);
-                if (value) {
-                    input.value = value;
-                }
-                if (isObservable(viewModel.value)) {
-                    this.subscriptions.push(viewModel.value.subscribe((value) => {
-                        input.value = value;
-                    }));
-                }
-        }
-        const placeholder = unwrap(viewModel.placeholder);
-        if (placeholder) {
-            input.placeholder = placeholder;
-        }
-        if (isSubscribable(viewModel.placeholder)) {
-            this.subscriptions.push(viewModel.placeholder.subscribe((placeholder) => {
-                if (placeholder) {
-                    input.placeholder = placeholder;
-                }
-                else {
-                    input.removeAttribute("placeholder");
-                }
-            }));
-        }
-        if (this.properties.valueUpdateMode === ValueUpdateModeEnum.OnChange) {
-            this.element.addEventListener("change", handleEvent);
-        }
-        if (this.properties.valueUpdateMode === ValueUpdateModeEnum.OnInput || viewModel.inputValidator) {
-            this.element.addEventListener("input", handleEvent);
-        }
-        async function handleEvent(event) {
-            let newValue = null;
-            switch (viewModel.type) {
-                case "checkbox":
-                    newValue = input.checked;
-                    break;
-                case "file":
-                    newValue = input.files;
-                    break;
-                case "radio":
-                    const name = element.getAttribute("name");
-                    if (name) {
-                        const selectedRadioButton = document.querySelector("input[type='radio'][name='" + name + "']:checked");
-                        if (selectedRadioButton) {
-                            newValue = selectedRadioButton.value;
-                        }
-                    }
-                    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 === ValueUpdateModeEnum.OnChange) ||
-                    (event.type === "input" && viewModel.valueUpdateMode === ValueUpdateModeEnum.OnInput)) {
-                    viewModel.value.set(newValue);
-                }
-                else {
-                    viewModel.value.set(newValue, false);
-                }
-            }
-            else if (isObservable(viewModel.value)) {
-                viewModel.value(newValue);
-            }
-        }
-    }
-}
-export function inputView(properties) {
-    return new InputView(properties);
-}
-export class InputViewModel extends ViewModel {
-    constructor(properties) {
-        super();
-        this.setProperties(this, properties);
-    }
-    value;
-    inputValidator;
-    placeholder;
-    valueUpdateMode;
-    min;
-    max;
-    step;
-    type;
-}
-registerView(InputViewModel, InputView);
+import { Element, registerElement } from "../../../framework/element";
+import { Properties, extendProperties, isNullOrUndefined } from "../../../framework/properties";
+import { isSubscribable, unwrap, isObservableValue } from "../../../framework/observable";
+import { isInteger } from "../../../utilities/integer/integer";
+import { isFloat } from "../../../utilities/float/float";
+export var ValueUpdateModeEnum;
+(function (ValueUpdateModeEnum) {
+    ValueUpdateModeEnum[ValueUpdateModeEnum["OnChange"] = 1] = "OnChange";
+    ValueUpdateModeEnum[ValueUpdateModeEnum["OnInput"] = 2] = "OnInput";
+})(ValueUpdateModeEnum || (ValueUpdateModeEnum = {}));
+export class InputElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "input",
+            properties: extendProperties(properties, {
+                elementType: "Input"
+            })
+        });
+    }
+    build() {
+        super.build();
+        const element = this.element;
+        const properties = this.properties;
+        if (!properties.valueUpdateMode) {
+            properties.valueUpdateMode = ValueUpdateModeEnum.OnChange;
+        }
+        const input = this.element;
+        input.type = properties.type;
+        if (!isNullOrUndefined(properties.min)) {
+            input.min = properties.min;
+        }
+        if (!isNullOrUndefined(properties.max)) {
+            input.max = properties.max;
+        }
+        if (!isNullOrUndefined(properties.step)) {
+            input.step = properties.step;
+        }
+        switch (properties.type) {
+            case "checkbox":
+                input.checked = unwrap(properties.value);
+                if (isSubscribable(properties.value)) {
+                    this.subscriptions.push(properties.value.subscribe((value) => {
+                        input.checked = value;
+                    }));
+                }
+                break;
+            case "file":
+                break;
+            case "radio":
+                input.checked = input.value === (unwrap(properties.value));
+                if (isSubscribable(properties.value)) {
+                    this.subscriptions.push(properties.value.subscribe((value) => {
+                        input.checked = input.value === value;
+                    }));
+                }
+                break;
+            default:
+                const value = unwrap(properties.value);
+                if (value) {
+                    input.value = value;
+                }
+                if (isSubscribable(properties.value)) {
+                    this.subscriptions.push(properties.value.subscribe((value) => {
+                        input.value = value;
+                    }));
+                }
+        }
+        const placeholder = unwrap(properties.placeholder);
+        if (placeholder) {
+            input.placeholder = placeholder;
+        }
+        if (isSubscribable(properties.placeholder)) {
+            this.subscriptions.push(properties.placeholder.subscribe((placeholder) => {
+                if (placeholder) {
+                    input.placeholder = placeholder;
+                }
+                else {
+                    input.removeAttribute("placeholder");
+                }
+            }));
+        }
+        if (this.properties.valueUpdateMode === ValueUpdateModeEnum.OnChange) {
+            this.element.addEventListener("change", handleEvent);
+        }
+        if (this.properties.valueUpdateMode === ValueUpdateModeEnum.OnInput || properties.inputValidator) {
+            this.element.addEventListener("input", handleEvent);
+        }
+        async function handleEvent(event) {
+            let newValue = null;
+            switch (properties.type) {
+                case "checkbox":
+                    newValue = input.checked;
+                    break;
+                case "file":
+                    newValue = input.files;
+                    break;
+                case "radio":
+                    const name = element.getAttribute("name");
+                    if (name) {
+                        const selectedRadioButton = document.querySelector("input[type='radio'][name='" + name + "']:checked");
+                        if (selectedRadioButton) {
+                            newValue = selectedRadioButton.value;
+                        }
+                    }
+                    break;
+                default:
+                    newValue = input.value;
+                    if (newValue + "" === "") {
+                        newValue = null;
+                    }
+            }
+            if (properties.inputValidator) {
+                if (!await properties.inputValidator(event, properties, newValue)) {
+                    input.value = unwrap(properties.value);
+                    return;
+                }
+                ;
+            }
+            if (properties.type === "integer") {
+                if (isInteger(newValue)) {
+                    newValue = parseInt(newValue);
+                }
+                else {
+                    input.value = unwrap(properties.value);
+                    return;
+                }
+            }
+            if (properties.type === "float") {
+                if (isFloat(newValue)) {
+                    newValue = parseFloat(newValue);
+                }
+                else {
+                    input.value = unwrap(properties.value);
+                    return;
+                }
+            }
+            if (isObservableValue(properties.value)) {
+                if ((event.type === "change" && properties.valueUpdateMode === ValueUpdateModeEnum.OnChange) ||
+                    (event.type === "input" && properties.valueUpdateMode === ValueUpdateModeEnum.OnInput)) {
+                    properties.value.setValueInAction(newValue);
+                }
+                else {
+                    properties.value.setInternal(newValue);
+                }
+            }
+        }
+    }
+}
+export function createInput(properties) {
+    return new InputElement(properties);
+}
+export class InputProperties extends Properties {
+    constructor(properties) {
+        super();
+        this.setProperties(this, properties);
+    }
+    value;
+    inputValidator;
+    placeholder;
+    valueUpdateMode;
+    min;
+    max;
+    step;
+    type;
+}
+registerElement(InputProperties.prototype.constructor, InputElement);
 //# sourceMappingURL=Input.js.map

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

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

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

@@ -1,30 +1,30 @@
-import { View } from "../../../framework/View";
-import { ViewModel, Properties } from "../../../framework/ViewModel";
-import { ObservableProperty, ObservableArrayProperty } from "../../../framework/observable";
-export interface SelectProperties<TItem, TValue, TSetter = TValue> extends Properties {
-    value?: TValue | ObservableProperty<TValue, TSetter>;
-    items?: Array<TItem> | ObservableArrayProperty<TItem>;
-    textFunction: (item: TItem) => string;
-    valueFunction: (item: TItem) => TValue;
-    setFunction?: (item: TItem) => TSetter;
-    inputValidator?: (event: Event, selectViewModel: SelectProperties<TItem, TValue, TSetter>, value: TValue) => Promise<boolean>;
-    emptyItemText?: string;
-}
-export declare class SelectView<TItem, TValue, TSetter = TValue> extends View<SelectProperties<TItem, TValue, TSetter>> {
-    constructor(properties: SelectProperties<TItem, TValue, TSetter>);
-    protected build(): void;
-    private itemDictionary;
-    private setItems;
-    private setSelectedValue;
-}
-export declare function selectView<TItem, TValue, TSetter = TValue>(properties: SelectProperties<TItem, TValue, TSetter>): SelectView<TItem, TValue, TSetter>;
-export declare class SelectViewModel<TItem, TValue, TSetter = TValue> extends ViewModel implements SelectProperties<TItem, TValue, TSetter> {
-    constructor(properties: SelectProperties<TItem, TValue, TSetter>);
-    value?: TValue | ObservableProperty<TValue, TSetter>;
-    items?: Array<TItem> | ObservableArrayProperty<TItem>;
-    textFunction: (item: TItem) => string;
-    valueFunction: (item: TItem) => TValue;
-    setFunction?: (item: TItem) => TSetter;
-    inputValidator?: (event: Event, selectViewModel: SelectProperties<TItem, TValue, TSetter>, value: TValue) => Promise<boolean>;
-    emptyItemText?: string;
-}
+import { Element } from "../../../framework/element";
+import { Properties, IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+export interface ISelectProperties<TItem, TValue, TSetter = TValue> extends IProperties {
+    value?: TValue | ISubscribable<TValue>;
+    items?: Array<TItem> | ISubscribable<Array<TItem>>;
+    textFunction: (item: TItem) => string;
+    valueFunction: (item: TItem) => TValue;
+    setFunction?: (item: TItem) => TSetter;
+    inputValidator?: (event: Event, selectViewModel: ISelectProperties<TItem, TValue, TSetter>, value: TValue) => Promise<boolean>;
+    emptyItemText?: string;
+}
+export declare class SelectElement<TItem, TValue, TSetter = TValue> extends Element<ISelectProperties<TItem, TValue, TSetter>> {
+    constructor(properties: ISelectProperties<TItem, TValue, TSetter>);
+    protected build(): void;
+    private itemDictionary;
+    private setItems;
+    private setSelectedValue;
+}
+export declare function createSelect<TItem, TValue, TSetter = TValue>(properties: ISelectProperties<TItem, TValue, TSetter>): SelectElement<TItem, TValue, TSetter>;
+export declare class SelectProperties<TItem, TValue, TSetter = TValue> extends Properties implements ISelectProperties<TItem, TValue, TSetter> {
+    constructor(properties: ISelectProperties<TItem, TValue, TSetter>);
+    value?: TValue | ISubscribable<TValue>;
+    items?: Array<TItem> | ISubscribable<Array<TItem>>;
+    textFunction: (item: TItem) => string;
+    valueFunction: (item: TItem) => TValue;
+    setFunction?: (item: TItem) => TSetter;
+    inputValidator?: (event: Event, selectViewModel: ISelectProperties<TItem, TValue, TSetter>, value: TValue) => Promise<boolean>;
+    emptyItemText?: string;
+}