jpf-mobx 1.0.45 → 1.0.47

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

@@ -1,16 +1,16 @@
-import { Element } from "../../../framework/element";
-import { Properties, IProperties } from "../../../framework/properties";
-import { ObservableValue } from "../../../framework/observable";
-export interface IHtmlEditorProperties extends IProperties {
-    value?: string | ObservableValue<string>;
-}
-export declare class HtmlEditorElement extends Element<IHtmlEditorProperties> {
-    constructor(properties: IHtmlEditorProperties);
-    private editor;
-    build(): void;
-}
-export declare function htmlEditorElement(properties: IHtmlEditorProperties): HtmlEditorElement;
-export declare class HtmlEditorProperties extends Properties implements IHtmlEditorProperties {
-    constructor(properties: HtmlEditorProperties);
-    value?: string | ObservableValue<string>;
-}
+import { Element } from "../../../framework/element";
+import { Properties, IProperties } from "../../../framework/properties";
+import { ObservableValue } from "../../../framework/observable";
+export interface IHtmlEditorProperties extends IProperties {
+    value?: string | ObservableValue<string>;
+}
+export declare class HtmlEditorElement extends Element<IHtmlEditorProperties> {
+    constructor(properties: IHtmlEditorProperties);
+    private editor;
+    build(): void;
+}
+export declare function htmlEditorElement(properties: IHtmlEditorProperties): HtmlEditorElement;
+export declare class HtmlEditorProperties extends Properties implements IHtmlEditorProperties {
+    constructor(properties: HtmlEditorProperties);
+    value?: string | ObservableValue<string>;
+}

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

@@ -1,122 +1,122 @@
-import { Element, registerElement } from "../../../framework/element";
-import { Properties, extendProperties } from "../../../framework/properties";
-import { isSubscribable, unwrap, reaction } 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 { buttonElement } from "../../html/Button/Button";
-import { prettifyHtml } from "../../../utilities/html/html";
-import { divElement } from "../../html/Div/Div";
-export class HtmlEditorElement extends Element {
-    constructor(properties) {
-        super({
-            tagName: "div",
-            properties: extendProperties(properties, {
-                elementType: "HtmlEditor",
-            }, {
-                attributes: {
-                    tabindex: 1
-                },
-                style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    border: "1px solid #a3d0e4"
-                }
-            })
-        });
-    }
-    editor;
-    build() {
-        super.build();
-        const properties = this.properties;
-        const foldAllButton = buttonElement({
-            content: "Collapse all",
-            style: {
-                margin: "3px"
-            },
-            eventListeners: {
-                click: {
-                    listener: () => {
-                        foldAll(this.editor);
-                    }
-                }
-            }
-        });
-        const formatButton = buttonElement({
-            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 = buttonElement({
-            content: "Save",
-            style: {
-                margin: "3px"
-            },
-            eventListeners: {
-                click: {
-                    listener: () => {
-                        if (isSubscribable(properties.value)) {
-                            properties.value.set(this.editor.state.doc.toString());
-                        }
-                    }
-                }
-            }
-        });
-        const buttons = divElement({
-            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(properties.value) } });
-        if (isSubscribable(properties.value)) {
-            this.disposers.push(reaction(() => {
-                return unwrap(properties.value);
-            }, (html) => {
-                this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: html } });
-            }));
-        }
-    }
-}
-export function htmlEditorElement(properties) {
-    return new HtmlEditorElement(properties);
-}
-export class HtmlEditorProperties extends Properties {
-    constructor(properties) {
-        super();
-        this.setProperties(this, properties);
-    }
-    value;
-}
-registerElement(HtmlEditorProperties.prototype.constructor, HtmlEditorElement);
+import { Element, registerElement } from "../../../framework/element";
+import { Properties, extendProperties } from "../../../framework/properties";
+import { isSubscribable, unwrap, reaction } 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 { buttonElement } from "../../html/Button/Button";
+import { prettifyHtml } from "../../../utilities/html/html";
+import { divElement } from "../../html/Div/Div";
+export class HtmlEditorElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "div",
+            properties: extendProperties(properties, {
+                elementType: "HtmlEditor",
+            }, {
+                attributes: {
+                    tabindex: 1
+                },
+                style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    border: "1px solid #a3d0e4"
+                }
+            })
+        });
+    }
+    editor;
+    build() {
+        super.build();
+        const properties = this.properties;
+        const foldAllButton = buttonElement({
+            content: "Collapse all",
+            style: {
+                margin: "3px"
+            },
+            eventListeners: {
+                click: {
+                    listener: () => {
+                        foldAll(this.editor);
+                    }
+                }
+            }
+        });
+        const formatButton = buttonElement({
+            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 = buttonElement({
+            content: "Save",
+            style: {
+                margin: "3px"
+            },
+            eventListeners: {
+                click: {
+                    listener: () => {
+                        if (isSubscribable(properties.value)) {
+                            properties.value.set(this.editor.state.doc.toString());
+                        }
+                    }
+                }
+            }
+        });
+        const buttons = divElement({
+            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(properties.value) } });
+        if (isSubscribable(properties.value)) {
+            this.disposers.push(reaction(() => {
+                return unwrap(properties.value);
+            }, (html) => {
+                this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: html } });
+            }));
+        }
+    }
+}
+export function htmlEditorElement(properties) {
+    return new HtmlEditorElement(properties);
+}
+export class HtmlEditorProperties extends Properties {
+    constructor(properties) {
+        super();
+        this.setProperties(this, properties);
+    }
+    value;
+}
+registerElement(HtmlEditorProperties.prototype.constructor, HtmlEditorElement);
 //# sourceMappingURL=HtmlEditor.js.map

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

@@ -1,16 +1,16 @@
-import { Element } from "../../../framework/element";
-import { Properties, IProperties } from "../../../framework/properties";
-import { ObservableValue } from "../../../framework/observable";
-export interface IJsonEditorProperties extends IProperties {
-    value?: string | ObservableValue<string>;
-}
-export declare class JsonEditorElement extends Element<IJsonEditorProperties> {
-    constructor(properties: IJsonEditorProperties);
-    private editor;
-    build(): void;
-}
-export declare function jsonEditorElement(properties: IJsonEditorProperties): JsonEditorElement;
-export declare class JsonEditorProperties extends Properties implements IJsonEditorProperties {
-    constructor(properties: JsonEditorProperties);
-    value?: string | ObservableValue<string>;
-}
+import { Element } from "../../../framework/element";
+import { Properties, IProperties } from "../../../framework/properties";
+import { ObservableValue } from "../../../framework/observable";
+export interface IJsonEditorProperties extends IProperties {
+    value?: string | ObservableValue<string>;
+}
+export declare class JsonEditorElement extends Element<IJsonEditorProperties> {
+    constructor(properties: IJsonEditorProperties);
+    private editor;
+    build(): void;
+}
+export declare function jsonEditorElement(properties: IJsonEditorProperties): JsonEditorElement;
+export declare class JsonEditorProperties extends Properties implements IJsonEditorProperties {
+    constructor(properties: JsonEditorProperties);
+    value?: string | ObservableValue<string>;
+}

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

@@ -1,106 +1,106 @@
-import { Element, registerElement } from "../../../framework/element";
-import { Properties, extendProperties } from "../../../framework/properties";
-import { isSubscribable, unwrap, reaction } 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 { buttonElement } from "../../html/Button/Button";
-import { divElement } from "../../html/Div/Div";
-export class JsonEditorElement extends Element {
-    constructor(properties) {
-        super({
-            tagName: "div",
-            properties: extendProperties(properties, {
-                elementType: "JsonEditor"
-            }, {
-                attributes: {
-                    tabindex: 1
-                },
-                style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    border: "1px solid #a3d0e4"
-                }
-            })
-        });
-    }
-    editor;
-    build() {
-        super.build();
-        const properties = this.properties;
-        const foldAllButton = buttonElement({
-            content: "Collapse all",
-            style: {
-                margin: "3px"
-            },
-            eventListeners: {
-                click: {
-                    listener: () => {
-                        foldAll(this.editor);
-                    }
-                }
-            }
-        });
-        const saveButton = buttonElement({
-            content: "Save",
-            style: {
-                margin: "3px"
-            },
-            eventListeners: {
-                click: {
-                    listener: () => {
-                        if (isSubscribable(properties.value)) {
-                            properties.value.set(this.editor.state.doc.toString());
-                        }
-                    }
-                }
-            }
-        });
-        const buttons = divElement({
-            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(properties.value) } });
-        if (isSubscribable(properties.value)) {
-            this.disposers.push(reaction(() => {
-                return unwrap(properties.value);
-            }, (html) => {
-                this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: html } });
-            }));
-        }
-    }
-}
-export function jsonEditorElement(properties) {
-    return new JsonEditorElement(properties);
-}
-export class JsonEditorProperties extends Properties {
-    constructor(properties) {
-        super();
-        this.setProperties(this, properties);
-    }
-    value;
-}
-registerElement(JsonEditorProperties.prototype.constructor, JsonEditorElement);
+import { Element, registerElement } from "../../../framework/element";
+import { Properties, extendProperties } from "../../../framework/properties";
+import { isSubscribable, unwrap, reaction } 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 { buttonElement } from "../../html/Button/Button";
+import { divElement } from "../../html/Div/Div";
+export class JsonEditorElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "div",
+            properties: extendProperties(properties, {
+                elementType: "JsonEditor"
+            }, {
+                attributes: {
+                    tabindex: 1
+                },
+                style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    border: "1px solid #a3d0e4"
+                }
+            })
+        });
+    }
+    editor;
+    build() {
+        super.build();
+        const properties = this.properties;
+        const foldAllButton = buttonElement({
+            content: "Collapse all",
+            style: {
+                margin: "3px"
+            },
+            eventListeners: {
+                click: {
+                    listener: () => {
+                        foldAll(this.editor);
+                    }
+                }
+            }
+        });
+        const saveButton = buttonElement({
+            content: "Save",
+            style: {
+                margin: "3px"
+            },
+            eventListeners: {
+                click: {
+                    listener: () => {
+                        if (isSubscribable(properties.value)) {
+                            properties.value.set(this.editor.state.doc.toString());
+                        }
+                    }
+                }
+            }
+        });
+        const buttons = divElement({
+            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(properties.value) } });
+        if (isSubscribable(properties.value)) {
+            this.disposers.push(reaction(() => {
+                return unwrap(properties.value);
+            }, (html) => {
+                this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: html } });
+            }));
+        }
+    }
+}
+export function jsonEditorElement(properties) {
+    return new JsonEditorElement(properties);
+}
+export class JsonEditorProperties extends Properties {
+    constructor(properties) {
+        super();
+        this.setProperties(this, properties);
+    }
+    value;
+}
+registerElement(JsonEditorProperties.prototype.constructor, JsonEditorElement);
 //# sourceMappingURL=JsonEditor.js.map

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

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

package/dist/controls/codeMirror/index.js

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

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

@@ -1,19 +1,19 @@
-import { Properties, IProperties } from "../../../framework/properties";
-import { Element } from "../../../framework/element";
-import { ButtonProperties } from "../../html/Button/Button";
-import { InputProperties } from "../../html/Input/Input";
-export interface IFileSelectorProperties extends IProperties {
-    button?: ButtonProperties;
-    inputFile: InputProperties<FileList>;
-}
-declare class FileSelectorElement extends Element<IFileSelectorProperties> {
-    constructor(properties: IFileSelectorProperties);
-    protected build(): void;
-}
-export declare function fileSelectorElement(properties: IFileSelectorProperties): FileSelectorElement;
-export declare class FileSelectorProperties extends Properties implements IFileSelectorProperties {
-    constructor(properties: IFileSelectorProperties);
-    button?: ButtonProperties;
-    inputFile: InputProperties<FileList>;
-}
-export {};
+import { Properties, IProperties } from "../../../framework/properties";
+import { Element } from "../../../framework/element";
+import { ButtonProperties } from "../../html/Button/Button";
+import { InputProperties } from "../../html/Input/Input";
+export interface IFileSelectorProperties extends IProperties {
+    button?: ButtonProperties;
+    inputFile: InputProperties<FileList>;
+}
+declare class FileSelectorElement extends Element<IFileSelectorProperties> {
+    constructor(properties: IFileSelectorProperties);
+    protected build(): void;
+}
+export declare function fileSelectorElement(properties: IFileSelectorProperties): FileSelectorElement;
+export declare class FileSelectorProperties extends Properties implements IFileSelectorProperties {
+    constructor(properties: IFileSelectorProperties);
+    button?: ButtonProperties;
+    inputFile: InputProperties<FileList>;
+}
+export {};