@covalent/code-editor 3.1.2 → 4.0.0-beta.2

package/fesm2015/covalent-code-editor.mjs

@@ -0,0 +1,456 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, Component, ViewChild, Output, Input, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Subject, merge, fromEvent, timer } from 'rxjs';
+import { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators';
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+import { CommonModule } from '@angular/common';
+
+const _c0 = ["editorContainer"];
+const noop = () => {
+    // empty method
+};
+// counter for ids to allow for multiple editors on one page
+let uniqueCounter = 0;
+class TdCodeEditorComponent {
+    // tslint:disable-next-line:member-ordering
+    constructor(zone, _changeDetectorRef, _elementRef) {
+        this.zone = zone;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._elementRef = _elementRef;
+        this._destroy = new Subject();
+        this._widthSubject = new Subject();
+        this._heightSubject = new Subject();
+        this._editorStyle = 'width:100%;height:100%;border:1px solid grey;';
+        this._value = '';
+        this._theme = 'vs';
+        this._language = 'javascript';
+        this._subject = new Subject();
+        this._editorInnerContainer = 'editorInnerContainer' + uniqueCounter++;
+        this._fromEditor = false;
+        this._componentInitialized = false;
+        this._editorOptions = {};
+        this._isFullScreen = false;
+        this._registeredLanguagesStyles = [];
+        /**
+         * editorInitialized: function($event)
+         * Event emitted when editor is first initialized
+         */
+        this.editorInitialized = new EventEmitter();
+        /**
+         * editorConfigurationChanged: function($event)
+         * Event emitted when editor's configuration changes
+         */
+        this.editorConfigurationChanged = new EventEmitter();
+        /**
+         * editorLanguageChanged: function($event)
+         * Event emitted when editor's Language changes
+         */
+        this.editorLanguageChanged = new EventEmitter();
+        /**
+         * editorValueChange: function($event)
+         * Event emitted any time something changes the editor value
+         */
+        this.editorValueChange = new EventEmitter();
+        /**
+         * The change event notifies you about a change happening in an input field.
+         * Since the component is not a native Angular component have to specifiy the event emitter ourself
+         */
+        this.change = new EventEmitter();
+        /* tslint:disable-next-line */
+        this.propagateChange = (_) => { };
+        this.onTouched = () => noop;
+    }
+    /**
+     * value?: string
+     */
+    set value(value) {
+        if (value === this._value) {
+            return;
+        }
+        this._value = value;
+        if (this._componentInitialized) {
+            this.applyValue();
+        }
+    }
+    get value() {
+        return this._value;
+    }
+    applyValue() {
+        if (!this._fromEditor) {
+            this._editor.setValue(this._value);
+        }
+        this._fromEditor = false;
+        this.propagateChange(this._value);
+        this.change.emit();
+        this.editorValueChange.emit();
+    }
+    /**
+     * Implemented as part of ControlValueAccessor.
+     */
+    writeValue(value) {
+        // do not write if null or undefined
+        // tslint:disable-next-line
+        if (value != undefined) {
+            this.value = value;
+        }
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * getEditorContent?: function
+     * Returns the content within the editor
+     */
+    getValue() {
+        if (this._componentInitialized) {
+            setTimeout(() => {
+                this._subject.next(this._value);
+                this._subject.complete();
+                this._subject = new Subject();
+            });
+            return this._subject.asObservable();
+        }
+    }
+    /**
+     * language?: string
+     * language used in editor
+     */
+    set language(language) {
+        this._language = language;
+        if (this._componentInitialized) {
+            this.applyLanguage();
+        }
+    }
+    get language() {
+        return this._language;
+    }
+    applyLanguage() {
+        if (this._language) {
+            monaco.editor.setModelLanguage(this._editor.getModel(), this._language);
+            this.editorLanguageChanged.emit();
+        }
+    }
+    /**
+     * registerLanguage?: function
+     * Registers a custom Language within the editor
+     */
+    registerLanguage(language) {
+        if (this._componentInitialized) {
+            for (const provider of language.completionItemProvider) {
+                /* tslint:disable-next-line */
+                provider.kind = eval(provider.kind);
+            }
+            for (const monarchTokens of language.monarchTokensProvider) {
+                /* tslint:disable-next-line */
+                monarchTokens[0] = eval(monarchTokens[0]);
+            }
+            monaco.languages.register({ id: language.id });
+            monaco.languages.setMonarchTokensProvider(language.id, {
+                tokenizer: {
+                    root: language.monarchTokensProvider,
+                },
+            });
+            // Define a new theme that constains only rules that match this language
+            monaco.editor.defineTheme(language.customTheme.id, language.customTheme.theme);
+            this._theme = language.customTheme.id;
+            monaco.languages.registerCompletionItemProvider(language.id, {
+                provideCompletionItems: () => {
+                    return language.completionItemProvider;
+                },
+            });
+            const css = document.createElement('style');
+            css.type = 'text/css';
+            css.innerHTML = language.monarchTokensProviderCSS;
+            document.body.appendChild(css);
+            this.editorConfigurationChanged.emit();
+            this._registeredLanguagesStyles = [...this._registeredLanguagesStyles, css];
+        }
+    }
+    /**
+     * style?: string
+     * css style of the editor on the page
+     */
+    set editorStyle(editorStyle) {
+        this._editorStyle = editorStyle;
+        if (this._componentInitialized) {
+            this.applyStyle();
+        }
+    }
+    get editorStyle() {
+        return this._editorStyle;
+    }
+    applyStyle() {
+        if (this._editorStyle) {
+            const containerDiv = this._editorContainer.nativeElement;
+            containerDiv.setAttribute('style', this._editorStyle);
+        }
+    }
+    /**
+     * theme?: string
+     * Theme to be applied to editor
+     */
+    set theme(theme) {
+        this._theme = theme;
+        if (this._componentInitialized) {
+            this._editor.updateOptions({ theme });
+            this.editorConfigurationChanged.emit();
+        }
+    }
+    get theme() {
+        return this._theme;
+    }
+    /**
+     * fullScreenKeyBinding?: number
+     * See here for key bindings https://microsoft.github.io/monaco-editor/api/enums/monaco.keycode.html
+     * Sets the KeyCode for shortcutting to Fullscreen mode
+     */
+    set fullScreenKeyBinding(keycode) {
+        this._keycode = keycode;
+    }
+    get fullScreenKeyBinding() {
+        return this._keycode;
+    }
+    /**
+     * editorOptions?: object
+     * Options used on editor instantiation. Available options listed here:
+     * https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.ieditoroptions.html
+     */
+    set editorOptions(editorOptions) {
+        this._editorOptions = editorOptions;
+        if (this._componentInitialized) {
+            this._editor.updateOptions(editorOptions);
+            this.editorConfigurationChanged.emit();
+        }
+    }
+    get editorOptions() {
+        return this._editorOptions;
+    }
+    /**
+     * layout method that calls layout method of editor and instructs the editor to remeasure its container
+     */
+    layout() {
+        if (this._componentInitialized) {
+            this._editor.layout();
+        }
+    }
+    /**
+     * Returns if in Full Screen Mode or not
+     */
+    get isFullScreen() {
+        return this._isFullScreen;
+    }
+    ngOnInit() {
+        const containerDiv = this._editorContainer.nativeElement;
+        containerDiv.id = this._editorInnerContainer;
+        this._editor = monaco.editor.create(containerDiv, Object.assign({
+            value: this._value,
+            language: this.language,
+            theme: this._theme,
+        }, this.editorOptions));
+        this._componentInitialized = true;
+        setTimeout(() => {
+            this.applyLanguage();
+            this._fromEditor = true;
+            this.applyValue();
+            this.applyStyle();
+            this.editorInitialized.emit(this._editor);
+            this.editorConfigurationChanged.emit();
+        });
+        // The `onDidChangeContent` returns a disposable object (an object with `dispose()` method) which will cleanup
+        // the listener. The callback, that we pass to `onDidChangeContent`, captures `this`. This leads to a circular reference
+        // (`td-code-editor -> monaco -> td-code-editor`) and prevents the `td-code-editor` from being GC'd.
+        this._onDidChangeContentDisposable = this._editor.getModel().onDidChangeContent((e) => {
+            this._fromEditor = true;
+            this.writeValue(this._editor.getValue());
+            this.layout();
+        });
+        this.addFullScreenModeCommand();
+        merge(fromEvent(window, 'resize').pipe(debounceTime(100)), this._widthSubject.asObservable().pipe(distinctUntilChanged()), this._heightSubject.asObservable().pipe(distinctUntilChanged()))
+            .pipe(takeUntil(this._destroy), debounceTime(100))
+            .subscribe(() => {
+            this.layout();
+            this._changeDetectorRef.markForCheck();
+        });
+        timer(500, 250)
+            .pipe(takeUntil(this._destroy))
+            .subscribe(() => {
+            if (this._elementRef && this._elementRef.nativeElement) {
+                this._widthSubject.next(this._elementRef.nativeElement.getBoundingClientRect().width);
+                this._heightSubject.next(this._elementRef.nativeElement.getBoundingClientRect().height);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._changeDetectorRef.detach();
+        this._registeredLanguagesStyles.forEach((style) => style.remove());
+        if (this._onDidChangeContentDisposable) {
+            this._onDidChangeContentDisposable.dispose();
+            this._onDidChangeContentDisposable = undefined;
+        }
+        if (this._editor) {
+            this._editor.dispose();
+            this._editor = undefined;
+        }
+        this._destroy.next(true);
+        this._destroy.unsubscribe();
+    }
+    /**
+     * showFullScreenEditor request for full screen of Code Editor based on its browser type.
+     */
+    showFullScreenEditor() {
+        if (this._componentInitialized) {
+            const codeEditorElement = this._editorContainer.nativeElement;
+            const fullScreenMap = {
+                // Chrome
+                requestFullscreen: () => codeEditorElement.requestFullscreen(),
+                // Safari
+                webkitRequestFullscreen: () => codeEditorElement.webkitRequestFullscreen(),
+                // IE
+                msRequestFullscreen: () => codeEditorElement.msRequestFullscreen(),
+                // Firefox
+                mozRequestFullScreen: () => codeEditorElement.mozRequestFullScreen(),
+            };
+            for (const handler of Object.keys(fullScreenMap)) {
+                if (codeEditorElement[handler]) {
+                    fullScreenMap[handler]();
+                }
+            }
+        }
+        this._isFullScreen = true;
+    }
+    /**
+     * exitFullScreenEditor request to exit full screen of Code Editor based on its browser type.
+     */
+    exitFullScreenEditor() {
+        if (this._componentInitialized) {
+            const exitFullScreenMap = {
+                // Chrome
+                exitFullscreen: () => document.exitFullscreen(),
+                // Safari
+                webkitExitFullscreen: () => document.webkitExitFullscreen(),
+                // Firefox
+                mozCancelFullScreen: () => document.mozCancelFullScreen(),
+                // IE
+                msExitFullscreen: () => document.msExitFullscreen(),
+            };
+            for (const handler of Object.keys(exitFullScreenMap)) {
+                if (document[handler]) {
+                    exitFullScreenMap[handler]();
+                }
+            }
+        }
+        this._isFullScreen = false;
+    }
+    /**
+     * addFullScreenModeCommand used to add the fullscreen option to the context menu
+     */
+    addFullScreenModeCommand() {
+        this._editor.addAction({
+            // An unique identifier of the contributed action.
+            id: 'fullScreen',
+            // A label of the action that will be presented to the user.
+            label: 'Full Screen',
+            // An optional array of keybindings for the action.
+            contextMenuGroupId: 'navigation',
+            keybindings: this._keycode,
+            contextMenuOrder: 1.5,
+            // Method that will be executed when the action is triggered.
+            // @param editor The editor instance is passed in as a convinience
+            run: (ed) => {
+                this.showFullScreenEditor();
+            },
+        });
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TdCodeEditorComponent.ɵfac = function TdCodeEditorComponent_Factory(t) { return new (t || TdCodeEditorComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+/** @nocollapse */ /** @nocollapse */ TdCodeEditorComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdCodeEditorComponent, selectors: [["td-code-editor"]], viewQuery: function TdCodeEditorComponent_Query(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+        }
+        if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._editorContainer = _t.first);
+        }
+    }, inputs: { value: "value", language: "language", editorStyle: "editorStyle", theme: "theme", fullScreenKeyBinding: "fullScreenKeyBinding", editorOptions: "editorOptions" }, outputs: { editorInitialized: "editorInitialized", editorConfigurationChanged: "editorConfigurationChanged", editorLanguageChanged: "editorLanguageChanged", editorValueChange: "editorValueChange", change: "change" }, features: [i0.ɵɵProvidersFeature([
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef((() => TdCodeEditorComponent)),
+                multi: true,
+            },
+        ])], decls: 2, vars: 0, consts: [[1, "editor-container"], ["editorContainer", ""]], template: function TdCodeEditorComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "div", 0, 1);
+        }
+    }, styles: ["[_nghost-%COMP%]{display:block;position:relative}[_nghost-%COMP%]   .editor-container[_ngcontent-%COMP%]{position:absolute;top:0;bottom:0;left:0;right:0}  .monaco-aria-container{display:none}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdCodeEditorComponent, [{
+            type: Component,
+            args: [{ selector: 'td-code-editor', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef((() => TdCodeEditorComponent)),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"editor-container\" #editorContainer></div>\n", styles: [":host{display:block;position:relative}:host .editor-container{position:absolute;top:0;bottom:0;left:0;right:0}::ng-deep .monaco-aria-container{display:none}\n"] }]
+        }], function () { return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, { _editorContainer: [{
+                type: ViewChild,
+                args: ['editorContainer', { static: true }]
+            }], editorInitialized: [{
+                type: Output
+            }], editorConfigurationChanged: [{
+                type: Output
+            }], editorLanguageChanged: [{
+                type: Output
+            }], editorValueChange: [{
+                type: Output
+            }], change: [{
+                type: Output
+            }], value: [{
+                type: Input,
+                args: ['value']
+            }], language: [{
+                type: Input,
+                args: ['language']
+            }], editorStyle: [{
+                type: Input,
+                args: ['editorStyle']
+            }], theme: [{
+                type: Input,
+                args: ['theme']
+            }], fullScreenKeyBinding: [{
+                type: Input,
+                args: ['fullScreenKeyBinding']
+            }], editorOptions: [{
+                type: Input,
+                args: ['editorOptions']
+            }] });
+})();
+
+class CovalentCodeEditorModule {
+}
+/** @nocollapse */ /** @nocollapse */ CovalentCodeEditorModule.ɵfac = function CovalentCodeEditorModule_Factory(t) { return new (t || CovalentCodeEditorModule)(); };
+/** @nocollapse */ /** @nocollapse */ CovalentCodeEditorModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentCodeEditorModule, bootstrap: [TdCodeEditorComponent] });
+/** @nocollapse */ /** @nocollapse */ CovalentCodeEditorModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [[CommonModule]] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentCodeEditorModule, [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [TdCodeEditorComponent],
+                    exports: [TdCodeEditorComponent],
+                    bootstrap: [TdCodeEditorComponent],
+                }]
+        }], null, null);
+})();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentCodeEditorModule, { declarations: [TdCodeEditorComponent], imports: [CommonModule], exports: [TdCodeEditorComponent] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CovalentCodeEditorModule, TdCodeEditorComponent };
+//# sourceMappingURL=covalent-code-editor.mjs.map

package/fesm2015/covalent-code-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-code-editor.mjs","sources":["../../../../src/platform/code-editor/code-editor.component.ts","../../../../src/platform/code-editor/code-editor.component.html","../../../../src/platform/code-editor/code-editor.module.ts","../../../../src/platform/code-editor/covalent-code-editor.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  ViewChild,\n  ElementRef,\n  forwardRef,\n  NgZone,\n  ChangeDetectorRef,\n  OnDestroy,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { Observable, Subject } from 'rxjs';\nimport { fromEvent, merge, timer } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\n// Use esm version to support shipping subset of languages and features\nimport * as monaco from 'monaco-editor/esm/vs/editor/editor.api';\n\nconst noop: any = () => {\n  // empty method\n};\n\n// counter for ids to allow for multiple editors on one page\nlet uniqueCounter: number = 0;\n\n@Component({\n  selector: 'td-code-editor',\n  templateUrl: './code-editor.component.html',\n  styleUrls: ['./code-editor.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TdCodeEditorComponent),\n      multi: true,\n    },\n  ],\n})\nexport class TdCodeEditorComponent implements OnInit, ControlValueAccessor, OnDestroy {\n  private _destroy: Subject<boolean> = new Subject<boolean>();\n  private _widthSubject: Subject<number> = new Subject<number>();\n  private _heightSubject: Subject<number> = new Subject<number>();\n\n  private _editorStyle: string = 'width:100%;height:100%;border:1px solid grey;';\n  private _value: string = '';\n  private _theme: string = 'vs';\n  private _language: string = 'javascript';\n  private _subject: Subject<string> = new Subject();\n  private _editorInnerContainer: string = 'editorInnerContainer' + uniqueCounter++;\n  private _editor: monaco.editor.IStandaloneCodeEditor;\n  private _fromEditor: boolean = false;\n  private _componentInitialized: boolean = false;\n  private _editorOptions: any = {};\n  private _isFullScreen: boolean = false;\n  private _keycode: any;\n  private _registeredLanguagesStyles: HTMLStyleElement[] = [];\n  private _onDidChangeContentDisposable?: monaco.IDisposable;\n\n  @ViewChild('editorContainer', { static: true }) _editorContainer: ElementRef;\n\n  /**\n   * editorInitialized: function($event)\n   * Event emitted when editor is first initialized\n   */\n  @Output() editorInitialized: EventEmitter<monaco.editor.IStandaloneCodeEditor> =\n    new EventEmitter<monaco.editor.IStandaloneCodeEditor>();\n\n  /**\n   * editorConfigurationChanged: function($event)\n   * Event emitted when editor's configuration changes\n   */\n  @Output() editorConfigurationChanged: EventEmitter<void> = new EventEmitter<void>();\n\n  /**\n   * editorLanguageChanged: function($event)\n   * Event emitted when editor's Language changes\n   */\n  @Output() editorLanguageChanged: EventEmitter<void> = new EventEmitter<void>();\n\n  /**\n   * editorValueChange: function($event)\n   * Event emitted any time something changes the editor value\n   */\n  @Output() editorValueChange: EventEmitter<void> = new EventEmitter<void>();\n\n  /**\n   * The change event notifies you about a change happening in an input field.\n   * Since the component is not a native Angular component have to specifiy the event emitter ourself\n   */\n  @Output() change: EventEmitter<void> = new EventEmitter<void>();\n  /* tslint:disable-next-line */\n  propagateChange = (_: any) => {};\n  onTouched = () => noop;\n\n  /**\n   * value?: string\n   */\n  @Input('value')\n  set value(value: string) {\n    if (value === this._value) {\n      return;\n    }\n    this._value = value;\n    if (this._componentInitialized) {\n      this.applyValue();\n    }\n  }\n\n  get value(): string {\n    return this._value;\n  }\n\n  applyValue(): void {\n    if (!this._fromEditor) {\n      this._editor.setValue(this._value);\n    }\n    this._fromEditor = false;\n    this.propagateChange(this._value);\n    this.change.emit();\n    this.editorValueChange.emit();\n  }\n\n  /**\n   * Implemented as part of ControlValueAccessor.\n   */\n  writeValue(value: any): void {\n    // do not write if null or undefined\n    // tslint:disable-next-line\n    if (value != undefined) {\n      this.value = value;\n    }\n  }\n  registerOnChange(fn: any): void {\n    this.propagateChange = fn;\n  }\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  /**\n   * getEditorContent?: function\n   * Returns the content within the editor\n   */\n  getValue(): Observable<string> {\n    if (this._componentInitialized) {\n      setTimeout(() => {\n        this._subject.next(this._value);\n        this._subject.complete();\n        this._subject = new Subject();\n      });\n      return this._subject.asObservable();\n    }\n  }\n\n  /**\n   * language?: string\n   * language used in editor\n   */\n  @Input('language')\n  set language(language: string) {\n    this._language = language;\n    if (this._componentInitialized) {\n      this.applyLanguage();\n    }\n  }\n\n  get language(): string {\n    return this._language;\n  }\n\n  applyLanguage(): void {\n    if (this._language) {\n      monaco.editor.setModelLanguage(this._editor.getModel(), this._language);\n      this.editorLanguageChanged.emit();\n    }\n  }\n\n  /**\n   * registerLanguage?: function\n   * Registers a custom Language within the editor\n   */\n  registerLanguage(language: any): void {\n    if (this._componentInitialized) {\n      for (const provider of language.completionItemProvider) {\n        /* tslint:disable-next-line */\n        provider.kind = eval(provider.kind);\n      }\n      for (const monarchTokens of language.monarchTokensProvider) {\n        /* tslint:disable-next-line */\n        monarchTokens[0] = eval(monarchTokens[0]);\n      }\n      monaco.languages.register({ id: language.id });\n\n      monaco.languages.setMonarchTokensProvider(language.id, {\n        tokenizer: {\n          root: language.monarchTokensProvider,\n        },\n      });\n\n      // Define a new theme that constains only rules that match this language\n      monaco.editor.defineTheme(language.customTheme.id, language.customTheme.theme);\n      this._theme = language.customTheme.id;\n\n      monaco.languages.registerCompletionItemProvider(language.id, {\n        provideCompletionItems: () => {\n          return language.completionItemProvider;\n        },\n      });\n\n      const css: HTMLStyleElement = document.createElement('style');\n      css.type = 'text/css';\n      css.innerHTML = language.monarchTokensProviderCSS;\n      document.body.appendChild(css);\n      this.editorConfigurationChanged.emit();\n      this._registeredLanguagesStyles = [...this._registeredLanguagesStyles, css];\n    }\n  }\n\n  /**\n   * style?: string\n   * css style of the editor on the page\n   */\n  @Input('editorStyle')\n  set editorStyle(editorStyle: string) {\n    this._editorStyle = editorStyle;\n    if (this._componentInitialized) {\n      this.applyStyle();\n    }\n  }\n\n  get editorStyle(): string {\n    return this._editorStyle;\n  }\n\n  applyStyle(): void {\n    if (this._editorStyle) {\n      const containerDiv: HTMLDivElement = this._editorContainer.nativeElement;\n      containerDiv.setAttribute('style', this._editorStyle);\n    }\n  }\n\n  /**\n   * theme?: string\n   * Theme to be applied to editor\n   */\n  @Input('theme')\n  set theme(theme: string) {\n    this._theme = theme;\n    if (this._componentInitialized) {\n      this._editor.updateOptions({ theme });\n      this.editorConfigurationChanged.emit();\n    }\n  }\n  get theme(): string {\n    return this._theme;\n  }\n\n  /**\n   * fullScreenKeyBinding?: number\n   * See here for key bindings https://microsoft.github.io/monaco-editor/api/enums/monaco.keycode.html\n   * Sets the KeyCode for shortcutting to Fullscreen mode\n   */\n  @Input('fullScreenKeyBinding')\n  set fullScreenKeyBinding(keycode: number[]) {\n    this._keycode = keycode;\n  }\n  get fullScreenKeyBinding(): number[] {\n    return this._keycode;\n  }\n\n  /**\n   * editorOptions?: object\n   * Options used on editor instantiation. Available options listed here:\n   * https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.ieditoroptions.html\n   */\n  @Input('editorOptions')\n  set editorOptions(editorOptions: any) {\n    this._editorOptions = editorOptions;\n    if (this._componentInitialized) {\n      this._editor.updateOptions(editorOptions);\n      this.editorConfigurationChanged.emit();\n    }\n  }\n  get editorOptions(): any {\n    return this._editorOptions;\n  }\n\n  /**\n   * layout method that calls layout method of editor and instructs the editor to remeasure its container\n   */\n  layout(): void {\n    if (this._componentInitialized) {\n      this._editor.layout();\n    }\n  }\n\n  /**\n   * Returns if in Full Screen Mode or not\n   */\n  get isFullScreen(): boolean {\n    return this._isFullScreen;\n  }\n\n  // tslint:disable-next-line:member-ordering\n  constructor(private zone: NgZone, private _changeDetectorRef: ChangeDetectorRef, private _elementRef: ElementRef) {}\n\n  ngOnInit(): void {\n    const containerDiv: HTMLDivElement = this._editorContainer.nativeElement;\n    containerDiv.id = this._editorInnerContainer;\n\n    this._editor = monaco.editor.create(\n      containerDiv,\n      Object.assign(\n        {\n          value: this._value,\n          language: this.language,\n          theme: this._theme,\n        },\n        this.editorOptions,\n      ),\n    );\n    this._componentInitialized = true;\n    setTimeout(() => {\n      this.applyLanguage();\n      this._fromEditor = true;\n      this.applyValue();\n      this.applyStyle();\n      this.editorInitialized.emit(this._editor);\n      this.editorConfigurationChanged.emit();\n    });\n    // The `onDidChangeContent` returns a disposable object (an object with `dispose()` method) which will cleanup\n    // the listener. The callback, that we pass to `onDidChangeContent`, captures `this`. This leads to a circular reference\n    // (`td-code-editor -> monaco -> td-code-editor`) and prevents the `td-code-editor` from being GC'd.\n    this._onDidChangeContentDisposable = this._editor.getModel().onDidChangeContent((e: any) => {\n      this._fromEditor = true;\n      this.writeValue(this._editor.getValue());\n      this.layout();\n    });\n    this.addFullScreenModeCommand();\n\n    merge(\n      fromEvent(window, 'resize').pipe(debounceTime(100)),\n      this._widthSubject.asObservable().pipe(distinctUntilChanged()),\n      this._heightSubject.asObservable().pipe(distinctUntilChanged()),\n    )\n      .pipe(takeUntil(this._destroy), debounceTime(100))\n      .subscribe(() => {\n        this.layout();\n        this._changeDetectorRef.markForCheck();\n      });\n    timer(500, 250)\n      .pipe(takeUntil(this._destroy))\n      .subscribe(() => {\n        if (this._elementRef && this._elementRef.nativeElement) {\n          this._widthSubject.next((<HTMLElement>this._elementRef.nativeElement).getBoundingClientRect().width);\n          this._heightSubject.next((<HTMLElement>this._elementRef.nativeElement).getBoundingClientRect().height);\n        }\n      });\n  }\n\n  ngOnDestroy(): void {\n    this._changeDetectorRef.detach();\n    this._registeredLanguagesStyles.forEach((style: HTMLStyleElement) => style.remove());\n    if (this._onDidChangeContentDisposable) {\n      this._onDidChangeContentDisposable.dispose();\n      this._onDidChangeContentDisposable = undefined;\n    }\n    if (this._editor) {\n      this._editor.dispose();\n      this._editor = undefined;\n    }\n    this._destroy.next(true);\n    this._destroy.unsubscribe();\n  }\n\n  /**\n   * showFullScreenEditor request for full screen of Code Editor based on its browser type.\n   */\n  public showFullScreenEditor(): void {\n    if (this._componentInitialized) {\n      const codeEditorElement: HTMLDivElement = this._editorContainer.nativeElement as HTMLDivElement;\n      const fullScreenMap: object = {\n        // Chrome\n        requestFullscreen: () => codeEditorElement.requestFullscreen(),\n        // Safari\n        webkitRequestFullscreen: () => (<any>codeEditorElement).webkitRequestFullscreen(),\n        // IE\n        msRequestFullscreen: () => (<any>codeEditorElement).msRequestFullscreen(),\n        // Firefox\n        mozRequestFullScreen: () => (<any>codeEditorElement).mozRequestFullScreen(),\n      };\n\n      for (const handler of Object.keys(fullScreenMap)) {\n        if (codeEditorElement[handler]) {\n          fullScreenMap[handler]();\n        }\n      }\n    }\n    this._isFullScreen = true;\n  }\n\n  /**\n   * exitFullScreenEditor request to exit full screen of Code Editor based on its browser type.\n   */\n  public exitFullScreenEditor(): void {\n    if (this._componentInitialized) {\n      const exitFullScreenMap: object = {\n        // Chrome\n        exitFullscreen: () => document.exitFullscreen(),\n        // Safari\n        webkitExitFullscreen: () => (<any>document).webkitExitFullscreen(),\n        // Firefox\n        mozCancelFullScreen: () => (<any>document).mozCancelFullScreen(),\n        // IE\n        msExitFullscreen: () => (<any>document).msExitFullscreen(),\n      };\n\n      for (const handler of Object.keys(exitFullScreenMap)) {\n        if (document[handler]) {\n          exitFullScreenMap[handler]();\n        }\n      }\n    }\n    this._isFullScreen = false;\n  }\n\n  /**\n   * addFullScreenModeCommand used to add the fullscreen option to the context menu\n   */\n  private addFullScreenModeCommand(): void {\n    this._editor.addAction({\n      // An unique identifier of the contributed action.\n      id: 'fullScreen',\n      // A label of the action that will be presented to the user.\n      label: 'Full Screen',\n      // An optional array of keybindings for the action.\n      contextMenuGroupId: 'navigation',\n      keybindings: this._keycode,\n      contextMenuOrder: 1.5,\n      // Method that will be executed when the action is triggered.\n      // @param editor The editor instance is passed in as a convinience\n      run: (ed: any) => {\n        this.showFullScreenEditor();\n      },\n    });\n  }\n}\n","<div class=\"editor-container\" #editorContainer></div>\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { TdCodeEditorComponent } from './code-editor.component';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [TdCodeEditorComponent],\n  exports: [TdCodeEditorComponent],\n  bootstrap: [TdCodeEditorComponent],\n})\nexport class CovalentCodeEditorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}