@node-projects/web-component-designer 0.0.251 → 0.0.253

package/dist/elements/services/undoService/transactionItems/InsertChildAction copy.d.ts

@@ -1,16 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-export declare class InsertChildAction implements ITransactionItem {
-    constructor(designItem: IDesignItem, newParent: IDesignItem, newIndex: number);
-    title?: string;
-    get affectedItems(): IDesignItem[];
-    undo(): void;
-    do(): void;
-    designItem: IDesignItem;
-    newParent: IDesignItem;
-    newIndex: number;
-    oldParent: IDesignItem;
-    oldIndex: number;
-    newItem: IDesignItem;
-    mergeWith(other: ITransactionItem): boolean;
-}

package/dist/elements/services/undoService/transactionItems/InsertChildAction copy.js

@@ -1,37 +0,0 @@
-export class InsertChildAction {
-    constructor(designItem, newParent, newIndex) {
-        this.title = "Move or Insert Item";
-        this.designItem = designItem;
-        this.newParent = newParent;
-        this.newIndex = newIndex;
-    }
-    title;
-    get affectedItems() {
-        if (this.oldParent)
-            return [this.designItem, this.newParent, this.oldParent];
-        return [this.designItem, this.newParent];
-    }
-    undo() {
-        if (this.oldParent)
-            this.oldParent._insertChildInternal(this.designItem, this.oldIndex);
-        else
-            this.designItem.parent._removeChildInternal(this.designItem);
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'moved', designItems: [this.designItem] });
-    }
-    do() {
-        this.oldParent = this.designItem.parent;
-        if (this.oldParent)
-            this.oldIndex = this.designItem.parent.indexOf(this.designItem);
-        this.newParent._insertChildInternal(this.designItem, this.newIndex);
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'moved', designItems: [this.designItem] });
-    }
-    designItem;
-    newParent;
-    newIndex;
-    oldParent;
-    oldIndex;
-    newItem;
-    mergeWith(other) {
-        return false;
-    }
-}

package/dist/elements/services/undoService/transactionItems/StylesheetStyleChangeAction.d.ts

@@ -1,17 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { IStyleDeclaration, IStylesheetService } from '../../stylesheetService/IStylesheetService.js';
-export declare class StylesheetStyleChangeAction implements ITransactionItem {
-    private stylesheetService;
-    private declaration;
-    constructor(stylesheetService: IStylesheetService, declaration: IStyleDeclaration, newValue: any, oldValue: any);
-    title?: string;
-    get affectedItems(): any[];
-    undo(): void;
-    do(): void;
-    designItem: IDesignItem;
-    name: string;
-    newValue: any;
-    oldValue: any;
-    mergeWith(other: ITransactionItem): boolean;
-}

package/dist/elements/services/undoService/transactionItems/StylesheetStyleChangeAction.js

@@ -1,28 +0,0 @@
-export class StylesheetStyleChangeAction {
-    stylesheetService;
-    declaration;
-    constructor(stylesheetService, declaration, newValue, oldValue) {
-        this.title = "Change Css Style " + declaration.name + " to " + newValue;
-        this.stylesheetService = stylesheetService;
-        this.declaration = declaration;
-        this.newValue = newValue;
-        this.oldValue = oldValue;
-    }
-    title;
-    get affectedItems() {
-        return [];
-    }
-    undo() {
-        this.stylesheetService.updateDeclarationValueWithoutUndo(this.declaration, this.oldValue, false);
-    }
-    do() {
-        this.stylesheetService.updateDeclarationValueWithoutUndo(this.declaration, this.newValue, false);
-    }
-    designItem;
-    name;
-    newValue;
-    oldValue;
-    mergeWith(other) {
-        return false;
-    }
-}

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

@@ -1,24 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { ICodeView } from './ICodeView.js';
-import { IStringPosition } from '../../services/htmlWriterService/IStringPosition.js';
-import { IUiCommand } from '../../../commandHandling/IUiCommand.js';
-import { IDisposable } from '../../../interfaces/IDisposable.js';
-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 copy.js

@@ -1,133 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, css, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { CommandType } from '../../../commandHandling/CommandType.js';
-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: "",
-            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 copy.d.ts

@@ -1,25 +0,0 @@
-import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
-import { ICodeView } from './ICodeView.js';
-import { IStringPosition } from '../../services/htmlWriterService/IStringPosition.js';
-import { IUiCommand } from '../../../commandHandling/IUiCommand.js';
-import { IDisposable } from '../../../interfaces/IDisposable.js';
-export declare class CodeViewCodeMirror extends BaseCustomWebComponentLazyAppend implements ICodeView, IDisposable {
-    canvasElement: HTMLElement;
-    elementsToPackages: Map<string, string>;
-    code: string;
-    onTextChanged: any;
-    mode: string;
-    private _codeMirrorEditor;
-    private _editor;
-    static readonly style: any;
-    static readonly template: any;
-    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 copy.js

@@ -1,106 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, css, html, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { CommandType } from '../../../commandHandling/CommandType.js';
-export class CodeViewCodeMirror extends BaseCustomWebComponentLazyAppend {
-    canvasElement;
-    elementsToPackages;
-    code;
-    onTextChanged = new TypedEvent();
-    mode = 'xml';
-    _codeMirrorEditor;
-    _editor;
-    static style = css `
-    :host {
-      display: block;
-      height: 100%;
-      width: 100%;
-    }`;
-    static template = html `
-    <div  style="width: 100%; height: 100%; overflow: auto;">
-      <div id="textarea"></div>
-    </div>`;
-    constructor() {
-        super();
-        this._restoreCachedInititalValues();
-        import("codemirror/lib/codemirror.css", { with: { type: 'css' } }).then(x => this.shadowRoot.adoptedStyleSheets = [x.default, ...this.shadowRoot.adoptedStyleSheets]);
-        import("codemirror/addon/fold/foldgutter.css", { with: { type: 'css' } }).then(x => this.shadowRoot.adoptedStyleSheets = [x.default, ...this.shadowRoot.adoptedStyleSheets]);
-        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: this.mode,
-            //@ts-ignore
-            htmlMode: true,
-            lineWrapping: true,
-            //@ts-ignore
-            extraKeys: { "Ctrl-Q": function (cm) { cm.foldCode(cm.getCursor()); } },
-            foldGutter: true,
-            gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"]
-        };
-        //@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-code-mirror-6.d.ts

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

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

@@ -1,102 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, css, html, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { CommandType } from '../../../commandHandling/CommandType.js';
-export class CodeViewCodeMirror6 extends BaseCustomWebComponentLazyAppend {
-    canvasElement;
-    elementsToPackages;
-    code;
-    onTextChanged = new TypedEvent();
-    mode = 'xml';
-    _editor;
-    static style = css `
-    :host {
-      display: block;
-      height: 100%;
-      width: 100%;
-      background: white;
-    }
-    .cm-editor {
-      height: 100%
-    }`;
-    static template = html `
-    <div id="container" style="width: 100%; height: 100%; overflow: auto;">
-    </div>`;
-    _cm;
-    constructor() {
-        super();
-        this._restoreCachedInititalValues();
-        import("codemirror").then(async (cm) => {
-            this._cm = cm;
-            let js = await import("@codemirror/lang-javascript");
-            let html = await import("@codemirror/lang-html");
-            this._editor = new cm.EditorView({
-                extensions: [cm.basicSetup, js.javascript(), html.html()],
-                parent: this._getDomElement('container')
-            });
-        });
-    }
-    ready() {
-        /* this._codeMirrorEditor.on('change', () => this.onTextChanged.emit(this._codeMirrorEditor.getValue()))*/
-    }
-    dispose() {
-    }
-    async executeCommand(command) {
-        let cmds = await import("@codemirror/commands");
-        switch (command.type) {
-            case CommandType.undo:
-                cmds.undo(this._editor);
-                break;
-            case CommandType.redo:
-                cmds.redo(this._editor);
-                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._editor.focus();
-        });
-    }
-    update(code) {
-        this._editor.dispatch({
-            changes: { from: 0, to: this._editor.state.doc.length, insert: code }
-        });
-    }
-    getText() {
-        return this._editor.state.doc.toString();
-    }
-    setSelection(position) {
-        this._editor.dispatch({
-            selection: { anchor: position.start, head: position.start + position.length }
-        });
-    }
-}
-customElements.define('node-projects-code-view-code-mirror-6', CodeViewCodeMirror6);

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

@@ -1,23 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { ICodeView } from './ICodeView.js';
-import { IStringPosition } from '../../services/htmlWriterService/IStringPosition.js';
-import { IUiCommand } from '../../../commandHandling/IUiCommand.js';
-import { IDisposable } from '../../../interfaces/IDisposable.js';
-export declare class CodeViewJar 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;
-    ready(): void;
-    update(code: any): void;
-    getText(): string;
-    setSelection(position: IStringPosition): void;
-}

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

@@ -1,121 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, css, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { CommandType } from '../../../commandHandling/CommandType.js';
-export class CodeViewJar 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%';
-        //@ts-ignore
-        if (window.importShim)
-            //@ts-ignore
-            importShim("codejar").then(x => { debugger; CodeJar(this._editor, hljs.highlightElement); });
-        else
-            //@ts-ignore
-            import("codejar").then(x => { debugger; CodeJar(this._editor, hljs.highlightElement); });
-        let jar = 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();
-        });
-    }
-    ready() {
-        //@ts-ignore
-        this._aceEditor = ace.edit(this._editor, {
-            theme: "ace/theme/chrome",
-            mode: "ace/mode/html",
-            value: "",
-            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);