@node-projects/web-component-designer 0.0.292 → 0.1.0

package/dist/elements/widgets/bindings/BindingsEditor.js

@@ -1,53 +0,0 @@
-import { css, BaseCustomWebComponentConstructorAppend, html } from '@node-projects/base-custom-webcomponent';
-export var targetType;
-(function (targetType) {
-    targetType["property"] = "property";
-    targetType["style"] = "style";
-    targetType["attribute"] = "attribute";
-    targetType["event"] = "event";
-})(targetType || (targetType = {}));
-export var valueType;
-(function (valueType) {
-    valueType["string"] = "string";
-    valueType["number"] = "number";
-    valueType["boolean"] = "boolean";
-})(valueType || (valueType = {}));
-export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
-    static style = css `
-    * { font-size: 16px; }
-    .list { 
-      display: flex;
-      flex-direction: column;
-      gap: 5px;
-    }
-    `;
-    static template = html `
-   <div class="list" style="">
-    <span>Expression</span>
-    <div>
-      <input style="width:100%;">
-      <button>...</button>
-    </div>
-    <!--<span>Target</span>
-    <select id="target">
-        <option>Property</option>
-        <option>Attribute</option>
-        <option>Style</option>
-        <option>Event</option>
-    </select>-->
-    <div>
-      <input id="mode" type="checkbox"><label for="mode">Two Way</label>    
-    </div>
-    <div>
-      <input id="inverted" type="checkbox"><label for="inverted">Inverted</label>   
-    </div>
-    <div>
-      <input id="nullSafe" type="checkbox"><label for="nullSafe">Null Safe</label>   
-    </div>
-</div>
-  `;
-    constructor(targetType) {
-        super();
-    }
-}
-customElements.define('node-projects-bindings-editor', BindingsEditor);

package/dist/elements/widgets/codeView/ICodeView.d.ts

@@ -1,11 +0,0 @@
-import { IUiCommandHandler } from '../../../commandHandling/IUiCommandHandler.js';
-import { IDisposable } from '../../../interfaces/IDisposable.js';
-import { IStringPosition } from '../../services/htmlWriterService/IStringPosition.js';
-import { TypedEvent } from '@node-projects/base-custom-webcomponent';
-export interface ICodeView extends IUiCommandHandler, IDisposable {
-    update(code: string): any;
-    getText(): any;
-    setSelection(position: IStringPosition): any;
-    focusEditor(): any;
-    onTextChanged: TypedEvent<string>;
-}

package/dist/elements/widgets/codeView/ICodeView.js

@@ -1 +0,0 @@
-export {};

package/dist/elements/widgets/codeView/code-view-ace.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.js

@@ -1,134 +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._restoreCachedInititalValues();
-        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.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 CodeViewCodeMirror extends BaseCustomWebComponentLazyAppend implements ICodeView, IDisposable {
-    canvasElement: HTMLElement;
-    elementsToPackages: Map<string, string>;
-    code: string;
-    onTextChanged: TypedEvent<string>;
-    mode: 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,117 +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();
-        //@ts-ignore
-        if (window.importShim) {
-            //@ts-ignore
-            importShim("codemirror/lib/codemirror.css", { assert: { type: 'css' } }).then(x => this.shadowRoot.adoptedStyleSheets = [x.default, ...this.shadowRoot.adoptedStyleSheets]);
-            //@ts-ignore
-            importShim("codemirror/addon/fold/foldgutter.css", { assert: { type: 'css' } }).then(x => this.shadowRoot.adoptedStyleSheets = [x.default, ...this.shadowRoot.adoptedStyleSheets]);
-        }
-        else {
-            //@ts-ignore
-            import("codemirror/lib/codemirror.css", { assert: { type: 'css' } }).then(x => this.shadowRoot.adoptedStyleSheets = [x.default, ...this.shadowRoot.adoptedStyleSheets]);
-            //@ts-ignore
-            import("codemirror/addon/fold/foldgutter.css", { assert: { 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-monaco.d.ts

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

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

@@ -1,197 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, css, html, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { CommandType } from '../../../commandHandling/CommandType.js';
-export class CodeViewMonaco extends BaseCustomWebComponentLazyAppend {
-    static _initalized;
-    dispose() {
-        this._monacoEditor?.dispose();
-    }
-    canvasElement;
-    elementsToPackages;
-    code;
-    onTextChanged = new TypedEvent();
-    language = 'html';
-    _theme = 'webComponentDesignerTheme';
-    get theme() {
-        return this._theme;
-    }
-    set theme(value) {
-        this._theme = value;
-        //@ts-ignore
-        monaco.editor.setTheme(value);
-    }
-    static properties = {
-        code: String,
-        language: String,
-        theme: String
-    };
-    //@ts-ignore
-    _monacoEditor;
-    _editor;
-    static style = css `
-    :host {
-      display: block;
-      height: 100%;
-      width: 100%;
-    }
-    `;
-    static template = html `
-      <div id="container" style="overflow: hidden; width: 100%; height: 100%; position: absolute;"></div>
-  `;
-    executeCommand(command) {
-        switch (command.type) {
-            case CommandType.undo:
-                this._monacoEditor.trigger('source', 'undo', null);
-                break;
-            case CommandType.redo:
-                this._monacoEditor.trigger('source', 'redo', null);
-                break;
-            case CommandType.copy:
-                this._monacoEditor.trigger('source', 'editor.action.clipboardCopyAction', null);
-                break;
-            case CommandType.paste:
-                this._monacoEditor.trigger('source', 'editor.action.clipboardPasteAction', null);
-                break;
-            case CommandType.cut:
-                break;
-            case CommandType.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;
-    }
-    static initMonacoEditor() {
-        return new Promise(async (resolve) => {
-            if (!CodeViewMonaco._initalized) {
-                CodeViewMonaco._initalized = true;
-                //@ts-ignore
-                require.config({ paths: { 'vs': 'node_modules/monaco-editor/min/vs' } });
-                //@ts-ignore
-                require(['vs/editor/editor.main'], () => {
-                    //@ts-ignore
-                    monaco.editor.defineTheme('webComponentDesignerTheme', {
-                        base: 'vs',
-                        inherit: true,
-                        //@ts-ignore
-                        rules: [{ background: 'EDF9FA' }],
-                        colors: {
-                            'editor.selectionBackground': '#add6ff',
-                            'editor.inactiveSelectionBackground': '#add6ff'
-                        }
-                    });
-                    //@ts-ignore
-                    monaco.editor.setTheme('webComponentDesignerTheme');
-                    resolve();
-                });
-            }
-            else {
-                resolve();
-            }
-        });
-    }
-    constructor() {
-        super();
-        this._restoreCachedInititalValues();
-    }
-    async ready() {
-        this._parseAttributesToProperties();
-        let style;
-        //@ts-ignore
-        if (window.importShim)
-            //@ts-ignore
-            style = await importShim("monaco-editor/min/vs/editor/editor.main.css", { assert: { type: 'css' } });
-        else
-            //@ts-ignore
-            style = await import("monaco-editor/min/vs/editor/editor.main.css", { assert: { type: 'css' } });
-        this.shadowRoot.adoptedStyleSheets = [style.default, this.constructor.style];
-        this._editor = this._getDomElement('container');
-        await CodeViewMonaco.initMonacoEditor();
-        const resizeObserver = new ResizeObserver(() => {
-            if (this._editor.offsetWidth > 0) {
-                //@ts-ignore
-                this._monacoEditor = monaco.editor.create(this._editor, {
-                    automaticLayout: true,
-                    wordWrapColumn: 1000,
-                    //wordWrap: 'wordWrapColumn',
-                    fontLigatures: '',
-                    value: this.code,
-                    language: this.language,
-                    minimap: {
-                        size: 'fill'
-                    },
-                    fixedOverflowWidgets: true,
-                    scrollbar: {
-                        useShadows: false,
-                        verticalHasArrows: true,
-                        horizontalHasArrows: true,
-                        vertical: 'visible',
-                        horizontal: 'visible'
-                    }
-                });
-                //@ts-ignore
-                monaco.editor.setTheme(this.theme);
-                let changeContentListener = this._monacoEditor.getModel().onDidChangeContent(e => {
-                    this.onTextChanged.emit(this._monacoEditor.getValue());
-                });
-                this._monacoEditor.onDidChangeModel(e => {
-                    changeContentListener.dispose();
-                    changeContentListener = this._monacoEditor.getModel().onDidChangeContent(e => {
-                        this.onTextChanged.emit(this._monacoEditor.getValue());
-                    });
-                });
-                this._monacoEditor.focus();
-                resizeObserver.disconnect();
-            }
-            ;
-        });
-        resizeObserver.observe(this._editor);
-    }
-    focusEditor() {
-        requestAnimationFrame(() => {
-            this.focus();
-            if (this._monacoEditor)
-                this._monacoEditor.focus();
-        });
-    }
-    activated() {
-        if (this._monacoEditor)
-            if (this._monacoEditor)
-                this._monacoEditor.layout();
-    }
-    update(code) {
-        this.code = code;
-        if (this._monacoEditor) {
-            if (this._monacoEditor)
-                this._monacoEditor.setValue(code);
-            //@ts-ignore
-            monaco.editor.setModelLanguage(this._monacoEditor.getModel(), this.language);
-            //@ts-ignore
-            monaco.editor.setTheme(this.theme);
-        }
-    }
-    getText() {
-        return this._monacoEditor.getValue();
-    }
-    setSelection(position) {
-        if (this._monacoEditor) {
-            let model = this._monacoEditor.getModel();
-            let point1 = model.getPositionAt(position.start);
-            let point2 = model.getPositionAt(position.start + position.length);
-            setTimeout(() => {
-                this._monacoEditor.setSelection({ startLineNumber: point1.lineNumber, startColumn: point1.column, endLineNumber: point2.lineNumber, endColumn: point2.column });
-                //@ts-ignore
-                this._monacoEditor.revealRangeInCenterIfOutsideViewport(new monaco.Range(point1.lineNumber, point1.column, point2.lineNumber, point2.column), 1);
-            }, 50);
-        }
-    }
-}
-customElements.define('node-projects-code-view-monaco', CodeViewMonaco);

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

@@ -1,23 +0,0 @@
-import { BaseCustomWebComponentConstructorAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { ICodeView } from './ICodeView.js';
-import { IActivateable } from '../../../interfaces/IActivateable.js';
-import { IStringPosition } from '../../services/htmlWriterService/IStringPosition.js';
-import { IUiCommandHandler } from '../../../commandHandling/IUiCommandHandler.js';
-import { IUiCommand } from '../../../commandHandling/IUiCommand.js';
-export declare class CodeViewSimple extends BaseCustomWebComponentConstructorAppend implements ICodeView, IActivateable, IUiCommandHandler {
-    dispose(): void;
-    canvasElement: HTMLElement;
-    elementsToPackages: Map<string, string>;
-    onTextChanged: TypedEvent<string>;
-    private _text;
-    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;
-}

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

@@ -1,55 +0,0 @@
-import { BaseCustomWebComponentConstructorAppend, css, html, TypedEvent } from '@node-projects/base-custom-webcomponent';
-export class CodeViewSimple extends BaseCustomWebComponentConstructorAppend {
-    dispose() {
-    }
-    canvasElement;
-    elementsToPackages;
-    onTextChanged = new TypedEvent();
-    _text;
-    static style = css `
-    :host {
-      display: block;
-      height: 100%;
-      width: 100%;
-    }
-
-    textarea {
-      height: 100%;
-      width: 100%;
-      resize: none;
-      white-space: nowrap;
-      box-sizing: border-box;
-    }
-    `;
-    static template = html `
-      <div id="container" style="width: 100%; height: 100%; position: absolute;">
-        <textarea id="text"></textarea>
-      </div>
-  `;
-    executeCommand(command) {
-    }
-    canExecuteCommand(command) {
-        return false;
-    }
-    async ready() {
-        this._text = this._getDomElement('text');
-    }
-    focusEditor() {
-        requestAnimationFrame(() => {
-            this.focus();
-            this._text.focus();
-        });
-    }
-    activated() {
-    }
-    update(code) {
-        this._text.value = code;
-    }
-    getText() {
-        return this._text.value;
-    }
-    setSelection(position) {
-        this._text.setSelectionRange(position.start, position.start + position.length);
-    }
-}
-customElements.define('node-projects-code-view-simple', CodeViewSimple);