@node-projects/web-component-designer 0.0.63 → 0.0.67

package/dist/elements/widgets/codeView/code-view-ace.d.ts

@@ -1,24 +1,24 @@
-import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { ICodeView } from "./ICodeView";
-import { IStringPosition } from '../../services/htmlWriterService/IStringPosition';
-import { IUiCommand } from '../../../commandHandling/IUiCommand';
-import { IDisposable } from '../../../interfaces/IDisposable';
-export declare class CodeViewAce extends BaseCustomWebComponentLazyAppend implements ICodeView, IDisposable {
-    canvasElement: HTMLElement;
-    elementsToPackages: Map<string, string>;
-    code: string;
-    onTextChanged: TypedEvent<string>;
-    private _aceEditor;
-    private _editor;
-    static readonly style: CSSStyleSheet;
-    constructor();
-    dispose(): void;
-    executeCommand(command: IUiCommand): void;
-    canExecuteCommand(command: IUiCommand): boolean;
-    focusEditor(): void;
-    oneTimeSetup(): void;
-    ready(): void;
-    update(code: any): void;
-    getText(): string;
-    setSelection(position: IStringPosition): void;
-}
+import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
+import { ICodeView } from "./ICodeView";
+import { IStringPosition } from '../../services/htmlWriterService/IStringPosition';
+import { IUiCommand } from '../../../commandHandling/IUiCommand';
+import { IDisposable } from '../../../interfaces/IDisposable';
+export declare class CodeViewAce extends BaseCustomWebComponentLazyAppend implements ICodeView, IDisposable {
+    canvasElement: HTMLElement;
+    elementsToPackages: Map<string, string>;
+    code: string;
+    onTextChanged: TypedEvent<string>;
+    private _aceEditor;
+    private _editor;
+    static readonly style: CSSStyleSheet;
+    constructor();
+    dispose(): void;
+    executeCommand(command: IUiCommand): void;
+    canExecuteCommand(command: IUiCommand): boolean;
+    focusEditor(): void;
+    oneTimeSetup(): void;
+    ready(): void;
+    update(code: any): void;
+    getText(): string;
+    setSelection(position: IStringPosition): void;
+}

package/dist/elements/widgets/codeView/code-view-ace.js

@@ -1,133 +1,133 @@
-import { BaseCustomWebComponentLazyAppend, css, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { CommandType } from '../../../commandHandling/CommandType';
-class CodeViewAceCompleter {
-    getCompletions(editor, session, pos, prefix, callback) {
-        if (prefix.length === 0) {
-            callback(null, []);
-            return;
-        }
-        let wordList = ['t-t', 'visu-conveyor']; //TODO: get word list from custom elements 
-        {
-            callback(null, wordList.map((w) => {
-                return { name: w, value: w, score: 1, meta: "tag" };
-            }));
-        }
-    }
-}
-export class CodeViewAce extends BaseCustomWebComponentLazyAppend {
-    canvasElement;
-    elementsToPackages;
-    code;
-    onTextChanged = new TypedEvent();
-    _aceEditor;
-    _editor;
+import { BaseCustomWebComponentLazyAppend, css, TypedEvent } from '@node-projects/base-custom-webcomponent';
+import { CommandType } from '../../../commandHandling/CommandType';
+class CodeViewAceCompleter {
+    getCompletions(editor, session, pos, prefix, callback) {
+        if (prefix.length === 0) {
+            callback(null, []);
+            return;
+        }
+        let wordList = ['t-t', 'visu-conveyor']; //TODO: get word list from custom elements 
+        {
+            callback(null, wordList.map((w) => {
+                return { name: w, value: w, score: 1, meta: "tag" };
+            }));
+        }
+    }
+}
+export class CodeViewAce extends BaseCustomWebComponentLazyAppend {
+    canvasElement;
+    elementsToPackages;
+    code;
+    onTextChanged = new TypedEvent();
+    _aceEditor;
+    _editor;
     static style = css `
     :host {
       display: block;
       height: 100%;
       width: 100%;
     }
-    `;
-    constructor() {
-        super();
-        this.style.display = 'block';
-        this._editor = document.createElement("div");
-        this._editor.style.height = '100%';
-        this._editor.style.width = '100%';
-        this.shadowRoot.appendChild(this._editor);
-    }
-    dispose() {
-        this._aceEditor.destroy();
-    }
-    executeCommand(command) {
-        switch (command.type) {
-            case CommandType.undo:
-                this._aceEditor.execCommand('undo');
-                break;
-            case CommandType.redo:
-                this._aceEditor.execCommand('redo');
-                break;
-            case CommandType.copy:
-                let text = this._aceEditor.getCopyText();
-                this._aceEditor.execCommand("copy");
-                navigator.clipboard.writeText(text);
-                break;
-            case CommandType.paste:
-                navigator.clipboard.readText().then(text => {
-                    this._aceEditor.execCommand("paste", text);
-                });
-                break;
-            case CommandType.cut:
-                text = this._aceEditor.getCopyText();
-                this._aceEditor.execCommand("cut");
-                navigator.clipboard.writeText(text);
-                break;
-            case CommandType.delete:
-                this._aceEditor.execCommand("delete");
-                break;
-        }
-    }
-    canExecuteCommand(command) {
-        switch (command.type) {
-            case CommandType.undo:
-            case CommandType.redo:
-            case CommandType.copy:
-            case CommandType.paste:
-            case CommandType.cut:
-            case CommandType.delete:
-                return true;
-        }
-        return false;
-    }
-    focusEditor() {
-        requestAnimationFrame(() => {
-            this.focus();
-            this._aceEditor.focus();
-        });
-    }
-    oneTimeSetup() {
-        //@ts-ignore
-        let langTools = ace.require("ace/ext/language_tools");
-        langTools.addCompleter(new CodeViewAceCompleter());
-    }
-    ready() {
-        //@ts-ignore
-        this._aceEditor = ace.edit(this._editor, {
-            theme: "ace/theme/chrome",
-            mode: "ace/mode/html",
-            value: "test",
-            autoScrollEditorIntoView: true,
-            fontSize: "14px",
-            showPrintMargin: false,
-            displayIndentGuides: true,
-            enableBasicAutocompletion: true,
-            enableSnippets: true,
-            enableLiveAutocompletion: true
-        });
-        //own snippet completer: http://plnkr.co/edit/6MVntVmXYUbjR0DI82Cr?p=preview
-        this._aceEditor.renderer.attachToShadowRoot();
-        let observer = new MutationObserver((m) => {
-            this._aceEditor.setAutoScrollEditorIntoView(false);
-            this._aceEditor.setAutoScrollEditorIntoView(true);
-        });
-        let config = { attributes: true, childList: true, characterData: true };
-        observer.observe(this.shadowRoot.querySelector('.ace_content'), config);
-        this._aceEditor.on('change', () => this.onTextChanged.emit(this._aceEditor.getValue()));
-    }
-    update(code) {
-        this._aceEditor.setValue(code);
-        this._aceEditor.clearSelection();
-    }
-    getText() {
-        return this._aceEditor.getValue();
-    }
-    setSelection(position) {
-        let point1 = this._aceEditor.session.getDocument().indexToPosition(position.start, 0);
-        let point2 = this._aceEditor.session.getDocument().indexToPosition(position.start + position.length, 0);
-        //@ts-ignore
-        this._aceEditor.selection.setRange({ start: point1, end: point2 });
-        //@ts-ignore
-        this._aceEditor.scrollToLine(point1.row);
-    }
-}
-customElements.define('node-projects-code-view-ace', CodeViewAce);
+    `;
+    constructor() {
+        super();
+        this.style.display = 'block';
+        this._editor = document.createElement("div");
+        this._editor.style.height = '100%';
+        this._editor.style.width = '100%';
+        this.shadowRoot.appendChild(this._editor);
+    }
+    dispose() {
+        this._aceEditor.destroy();
+    }
+    executeCommand(command) {
+        switch (command.type) {
+            case CommandType.undo:
+                this._aceEditor.execCommand('undo');
+                break;
+            case CommandType.redo:
+                this._aceEditor.execCommand('redo');
+                break;
+            case CommandType.copy:
+                let text = this._aceEditor.getCopyText();
+                this._aceEditor.execCommand("copy");
+                navigator.clipboard.writeText(text);
+                break;
+            case CommandType.paste:
+                navigator.clipboard.readText().then(text => {
+                    this._aceEditor.execCommand("paste", text);
+                });
+                break;
+            case CommandType.cut:
+                text = this._aceEditor.getCopyText();
+                this._aceEditor.execCommand("cut");
+                navigator.clipboard.writeText(text);
+                break;
+            case CommandType.delete:
+                this._aceEditor.execCommand("delete");
+                break;
+        }
+    }
+    canExecuteCommand(command) {
+        switch (command.type) {
+            case CommandType.undo:
+            case CommandType.redo:
+            case CommandType.copy:
+            case CommandType.paste:
+            case CommandType.cut:
+            case CommandType.delete:
+                return true;
+        }
+        return false;
+    }
+    focusEditor() {
+        requestAnimationFrame(() => {
+            this.focus();
+            this._aceEditor.focus();
+        });
+    }
+    oneTimeSetup() {
+        //@ts-ignore
+        let langTools = ace.require("ace/ext/language_tools");
+        langTools.addCompleter(new CodeViewAceCompleter());
+    }
+    ready() {
+        //@ts-ignore
+        this._aceEditor = ace.edit(this._editor, {
+            theme: "ace/theme/chrome",
+            mode: "ace/mode/html",
+            value: "test",
+            autoScrollEditorIntoView: true,
+            fontSize: "14px",
+            showPrintMargin: false,
+            displayIndentGuides: true,
+            enableBasicAutocompletion: true,
+            enableSnippets: true,
+            enableLiveAutocompletion: true
+        });
+        //own snippet completer: http://plnkr.co/edit/6MVntVmXYUbjR0DI82Cr?p=preview
+        this._aceEditor.renderer.attachToShadowRoot();
+        let observer = new MutationObserver((m) => {
+            this._aceEditor.setAutoScrollEditorIntoView(false);
+            this._aceEditor.setAutoScrollEditorIntoView(true);
+        });
+        let config = { attributes: true, childList: true, characterData: true };
+        observer.observe(this.shadowRoot.querySelector('.ace_content'), config);
+        this._aceEditor.on('change', () => this.onTextChanged.emit(this._aceEditor.getValue()));
+    }
+    update(code) {
+        this._aceEditor.setValue(code);
+        this._aceEditor.clearSelection();
+    }
+    getText() {
+        return this._aceEditor.getValue();
+    }
+    setSelection(position) {
+        let point1 = this._aceEditor.session.getDocument().indexToPosition(position.start, 0);
+        let point2 = this._aceEditor.session.getDocument().indexToPosition(position.start + position.length, 0);
+        //@ts-ignore
+        this._aceEditor.selection.setRange({ start: point1, end: point2 });
+        //@ts-ignore
+        this._aceEditor.scrollToLine(point1.row);
+    }
+}
+customElements.define('node-projects-code-view-ace', CodeViewAce);

package/dist/elements/widgets/codeView/code-view-code-mirror.d.ts

@@ -1,24 +1,24 @@
-import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { ICodeView } from "./ICodeView";
-import { IStringPosition } from '../../services/htmlWriterService/IStringPosition';
-import { IUiCommand } from '../../../commandHandling/IUiCommand';
-import { IDisposable } from '../../../interfaces/IDisposable';
-export declare class CodeViewCodeMirror extends BaseCustomWebComponentLazyAppend implements ICodeView, IDisposable {
-    canvasElement: HTMLElement;
-    elementsToPackages: Map<string, string>;
-    code: string;
-    onTextChanged: TypedEvent<string>;
-    private _codeMirrorEditor;
-    private _editor;
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    constructor();
-    dispose(): void;
-    executeCommand(command: IUiCommand): void;
-    canExecuteCommand(command: IUiCommand): boolean;
-    focusEditor(): void;
-    ready(): void;
-    update(code: any): void;
-    getText(): string;
-    setSelection(position: IStringPosition): void;
-}
+import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
+import { ICodeView } from "./ICodeView";
+import { IStringPosition } from '../../services/htmlWriterService/IStringPosition';
+import { IUiCommand } from '../../../commandHandling/IUiCommand';
+import { IDisposable } from '../../../interfaces/IDisposable';
+export declare class CodeViewCodeMirror extends BaseCustomWebComponentLazyAppend implements ICodeView, IDisposable {
+    canvasElement: HTMLElement;
+    elementsToPackages: Map<string, string>;
+    code: string;
+    onTextChanged: TypedEvent<string>;
+    private _codeMirrorEditor;
+    private _editor;
+    static readonly style: CSSStyleSheet;
+    static readonly template: HTMLTemplateElement;
+    constructor();
+    dispose(): void;
+    executeCommand(command: IUiCommand): void;
+    canExecuteCommand(command: IUiCommand): boolean;
+    focusEditor(): void;
+    ready(): void;
+    update(code: any): void;
+    getText(): string;
+    setSelection(position: IStringPosition): void;
+}

package/dist/elements/widgets/codeView/code-view-code-mirror.js

@@ -1,100 +1,100 @@
-import { BaseCustomWebComponentLazyAppend, css, html, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { CommandType } from '../../../commandHandling/CommandType';
-export class CodeViewCodeMirror extends BaseCustomWebComponentLazyAppend {
-    canvasElement;
-    elementsToPackages;
-    code;
-    onTextChanged = new TypedEvent();
-    _codeMirrorEditor;
-    _editor;
+import { BaseCustomWebComponentLazyAppend, css, html, TypedEvent } from '@node-projects/base-custom-webcomponent';
+import { CommandType } from '../../../commandHandling/CommandType';
+export class CodeViewCodeMirror extends BaseCustomWebComponentLazyAppend {
+    canvasElement;
+    elementsToPackages;
+    code;
+    onTextChanged = new TypedEvent();
+    _codeMirrorEditor;
+    _editor;
     static style = css `
     :host {
       display: block;
       height: 100%;
       width: 100%;
     }
-    `;
+    `;
     static template = html `
 <style>@import "./node_modules/codemirror/lib/codemirror.css";</style>
 <div  style="width: 100%; height: 100%;">
 <div id="textarea"></div>
 </div>
-`;
-    constructor() {
-        super();
-        this.style.display = 'block';
-        this._editor = this._getDomElement('textarea');
-    }
-    dispose() {
-    }
-    executeCommand(command) {
-        switch (command.type) {
-            case CommandType.undo:
-                this._codeMirrorEditor.undo();
-                break;
-            case CommandType.redo:
-                this._codeMirrorEditor.redo();
-                break;
-            case CommandType.copy:
-                const text = this._codeMirrorEditor.getSelection();
-                navigator.clipboard.writeText(text);
-                break;
-            case CommandType.paste:
-                navigator.clipboard.readText().then(text => {
-                    this._codeMirrorEditor.replaceSelection(text);
-                });
-                break;
-            case CommandType.cut:
-                const textc = this._codeMirrorEditor.getSelection();
-                navigator.clipboard.writeText(textc);
-                this._codeMirrorEditor.replaceSelection('');
-                break;
-            case CommandType.delete:
-                this._codeMirrorEditor.replaceSelection('');
-                break;
-        }
-    }
-    canExecuteCommand(command) {
-        switch (command.type) {
-            case CommandType.undo:
-            case CommandType.redo:
-            case CommandType.copy:
-            case CommandType.paste:
-            case CommandType.cut:
-            case CommandType.delete:
-                return true;
-        }
-        return false;
-    }
-    focusEditor() {
-        requestAnimationFrame(() => {
-            this.focus();
-            this._codeMirrorEditor.focus();
-        });
-    }
-    ready() {
-        const config = {
-            tabSize: 3,
-            lineNumbers: true,
-            mode: 'xml',
-            //@ts-ignore
-            htmlMode: true
-        };
-        //@ts-ignore
-        this._codeMirrorEditor = CodeMirror(this._editor, config);
-        this._codeMirrorEditor.setSize('100%', '100%');
-        this._codeMirrorEditor.on('change', () => this.onTextChanged.emit(this._codeMirrorEditor.getValue()));
-    }
-    update(code) {
-        this._codeMirrorEditor.setValue(code);
-    }
-    getText() {
-        return this._codeMirrorEditor.getValue();
-    }
-    setSelection(position) {
-        let point1 = this._codeMirrorEditor.posFromIndex(position.start);
-        let point2 = this._codeMirrorEditor.posFromIndex(position.start + position.length);
-        this._codeMirrorEditor.setSelection(point1, point2);
-    }
-}
-customElements.define('node-projects-code-view-code-mirror', CodeViewCodeMirror);
+`;
+    constructor() {
+        super();
+        this.style.display = 'block';
+        this._editor = this._getDomElement('textarea');
+    }
+    dispose() {
+    }
+    executeCommand(command) {
+        switch (command.type) {
+            case CommandType.undo:
+                this._codeMirrorEditor.undo();
+                break;
+            case CommandType.redo:
+                this._codeMirrorEditor.redo();
+                break;
+            case CommandType.copy:
+                const text = this._codeMirrorEditor.getSelection();
+                navigator.clipboard.writeText(text);
+                break;
+            case CommandType.paste:
+                navigator.clipboard.readText().then(text => {
+                    this._codeMirrorEditor.replaceSelection(text);
+                });
+                break;
+            case CommandType.cut:
+                const textc = this._codeMirrorEditor.getSelection();
+                navigator.clipboard.writeText(textc);
+                this._codeMirrorEditor.replaceSelection('');
+                break;
+            case CommandType.delete:
+                this._codeMirrorEditor.replaceSelection('');
+                break;
+        }
+    }
+    canExecuteCommand(command) {
+        switch (command.type) {
+            case CommandType.undo:
+            case CommandType.redo:
+            case CommandType.copy:
+            case CommandType.paste:
+            case CommandType.cut:
+            case CommandType.delete:
+                return true;
+        }
+        return false;
+    }
+    focusEditor() {
+        requestAnimationFrame(() => {
+            this.focus();
+            this._codeMirrorEditor.focus();
+        });
+    }
+    ready() {
+        const config = {
+            tabSize: 3,
+            lineNumbers: true,
+            mode: 'xml',
+            //@ts-ignore
+            htmlMode: true
+        };
+        //@ts-ignore
+        this._codeMirrorEditor = CodeMirror(this._editor, config);
+        this._codeMirrorEditor.setSize('100%', '100%');
+        this._codeMirrorEditor.on('change', () => this.onTextChanged.emit(this._codeMirrorEditor.getValue()));
+    }
+    update(code) {
+        this._codeMirrorEditor.setValue(code);
+    }
+    getText() {
+        return this._codeMirrorEditor.getValue();
+    }
+    setSelection(position) {
+        let point1 = this._codeMirrorEditor.posFromIndex(position.start);
+        let point2 = this._codeMirrorEditor.posFromIndex(position.start + position.length);
+        this._codeMirrorEditor.setSelection(point1, point2);
+    }
+}
+customElements.define('node-projects-code-view-code-mirror', CodeViewCodeMirror);

package/dist/elements/widgets/codeView/code-view-monaco.d.ts

@@ -1,25 +1,25 @@
-import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { ICodeView } from "./ICodeView";
-import { IActivateable } from '../../../interfaces/IActivateable';
-import { IStringPosition } from '../../services/htmlWriterService/IStringPosition';
-import { IUiCommandHandler } from '../../../commandHandling/IUiCommandHandler';
-import { IUiCommand } from '../../../commandHandling/IUiCommand';
-export declare class CodeViewMonaco extends BaseCustomWebComponentLazyAppend implements ICodeView, IActivateable, IUiCommandHandler {
-    dispose(): void;
-    canvasElement: HTMLElement;
-    elementsToPackages: Map<string, string>;
-    code: string;
-    onTextChanged: TypedEvent<string>;
-    private _monacoEditor;
-    private _editor;
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    executeCommand(command: IUiCommand): void;
-    canExecuteCommand(command: IUiCommand): boolean;
-    ready(): Promise<void>;
-    focusEditor(): void;
-    activated(): void;
-    update(code: any): void;
-    getText(): string;
-    setSelection(position: IStringPosition): void;
-}
+import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
+import { ICodeView } from "./ICodeView";
+import { IActivateable } from '../../../interfaces/IActivateable';
+import { IStringPosition } from '../../services/htmlWriterService/IStringPosition';
+import { IUiCommandHandler } from '../../../commandHandling/IUiCommandHandler';
+import { IUiCommand } from '../../../commandHandling/IUiCommand';
+export declare class CodeViewMonaco extends BaseCustomWebComponentLazyAppend implements ICodeView, IActivateable, IUiCommandHandler {
+    dispose(): void;
+    canvasElement: HTMLElement;
+    elementsToPackages: Map<string, string>;
+    code: string;
+    onTextChanged: TypedEvent<string>;
+    private _monacoEditor;
+    private _editor;
+    static readonly style: CSSStyleSheet;
+    static readonly template: HTMLTemplateElement;
+    executeCommand(command: IUiCommand): void;
+    canExecuteCommand(command: IUiCommand): boolean;
+    ready(): Promise<void>;
+    focusEditor(): void;
+    activated(): void;
+    update(code: any): void;
+    getText(): string;
+    setSelection(position: IStringPosition): void;
+}