jpf 4.1.6 → 4.1.10

package/dist/controls/html/Button/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/Button.js.map

@@ -0,0 +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,EAAoB,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC3F,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAMtE,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/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/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/Div.js.map

@@ -0,0 +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,SAAS,EAAoB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE5F,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/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/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/Image.js.map

@@ -0,0 +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,EAAoB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE5F,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/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/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, isObservableProperty } from "../../../framework/observable";
+import { isInteger } from "../../../utilities/integer/integer";
+import { isFloat } from "../../../utilities/float/float";
+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/Input.js.map

@@ -0,0 +1 @@
+{"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

@@ -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/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/Select.js.map

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

package/dist/controls/html/Span/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);
+}

package/dist/controls/html/Span/Span.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Span.js","sourceRoot":"","sources":["../../../../src/controls/html/Span/Span.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAoB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE5F,MAAM,OAAO,aAAc,SAAQ,SAAS;CAE3C;AAED,MAAM,OAAO,QAAS,SAAQ,IAAsB;IAChD,YAAY,SAA2B,EAAE,iBAAoC;QACzE,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,SAAS;SACvB,EACD,eAAe,CACX;YACI,QAAQ,EAAE,MAAM;SACnB,EACD,iBAAiB,CACpB,CACJ,CAAC;IACN,CAAC;CACJ;AAED,YAAY,CACR,aAAa,EACb,QAAQ,CACX,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from "./Button/Button";
+export * from "./Div/Div";
+export * from "./Image/Image";
+export * from "./Input/Input";
+export * from "./Select/Select";
+export * from "./Span/Span";

package/dist/controls/html/index.js

@@ -0,0 +1,7 @@
+export * from "./Button/Button";
+export * from "./Div/Div";
+export * from "./Image/Image";
+export * from "./Input/Input";
+export * from "./Select/Select";
+export * from "./Span/Span";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/html/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}

package/dist/controls/index.d.ts

@@ -0,0 +1,12 @@
+import * as codeMirror from "./codeMirror/index";
+import * as custom from "./custom/index";
+import * as html from "./html/index";
+import * as jsonViewAwesome from "./jsonViewAwesome/index";
+import * as kendo from "./kendo/index";
+import * as leaflet from "./leaflet/index";
+export { codeMirror };
+export { custom };
+export { html };
+export { jsonViewAwesome };
+export { kendo };
+export { leaflet };

package/dist/controls/index.js

@@ -0,0 +1,13 @@
+import * as codeMirror from "./codeMirror/index";
+import * as custom from "./custom/index";
+import * as html from "./html/index";
+import * as jsonViewAwesome from "./jsonViewAwesome/index";
+import * as kendo from "./kendo/index";
+import * as leaflet from "./leaflet/index";
+export { codeMirror };
+export { custom };
+export { html };
+export { jsonViewAwesome };
+export { kendo };
+export { leaflet };
+//# sourceMappingURL=index.js.map

package/dist/controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,IAAI,MAAM,cAAc,CAAC;AACrC,OAAO,KAAK,eAAe,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,OAAO,EAAE,OAAO,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+export * from "./jsonFormatter/JsonFormatter";

package/dist/controls/jsonViewAwesome/index.js

@@ -0,0 +1,2 @@
+export * from "./jsonFormatter/JsonFormatter";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/jsonViewAwesome/index.ts"],"names":[],"mappings":"AAAA,cAAe,+BAA+B,CAAC"}

package/dist/controls/jsonViewAwesome/jsonFormatter/JsonFormatter.d.ts

@@ -0,0 +1,27 @@
+import { View } from "../../../framework/View";
+import { ViewModel, ViewModelOptions } from "../../../framework/ViewModel";
+import { Subscribable } from "knockout";
+export interface JsonFormatterViewModelOptions extends ViewModelOptions {
+    json: object | Subscribable<object>;
+    showArrayIndex?: boolean;
+    quotesOnKeys?: boolean;
+    displayDataTypes?: boolean;
+    displayObjectSize?: boolean;
+    sortKeys?: boolean;
+    collapsed?: boolean;
+}
+export declare class JsonFormatterViewModel extends ViewModel implements JsonFormatterViewModelOptions {
+    constructor(options?: JsonFormatterViewModelOptions);
+    readonly json: object | Subscribable<object>;
+    readonly showArrayIndex: boolean;
+    readonly quotesOnKeys: boolean;
+    readonly displayDataTypes: boolean;
+    readonly displayObjectSize: boolean;
+    readonly sortKeys: boolean;
+    readonly collapsed: boolean;
+}
+export declare class JsonFormatterView extends View<JsonFormatterViewModelOptions> {
+    constructor(viewModel: JsonFormatterViewModelOptions, designTimeOptions?: ViewModelOptions);
+    build(): void;
+    private setJson;
+}