@firestitch/text-editor 12.3.0 → 12.4.0

package/fesm2015/firestitch-text-editor.js

@@ -1,197 +1,507 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, forwardRef, Component, Inject, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { InjectionToken, EventEmitter, Component, Inject, ViewChild, Output, forwardRef, Input, NgModule } from '@angular/core';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import * as i1 from 'ngx-monaco-editor';
-import { EditorComponent, MonacoEditorModule } from 'ngx-monaco-editor';
+import { fromEvent } from 'rxjs';
 
-class FsTextEditorComponent {
-    constructor(_element, _document) {
-        this._element = _element;
-        this._document = _document;
-        this.config = {};
-        this.scrollable = false;
-        this.init = new EventEmitter();
-        this.blur = new EventEmitter();
-        this.defaultConfig = {
-            minimap: {
-                enabled: false
-            },
-            theme: 'vs-dark',
-            automaticLayout: false,
-            scrollBeyondLastLine: false,
-            autoHeight: true,
-            scrollbar: {
-                vertical: 'hidden'
-            },
-            hideCursorInOverviewRuler: true
-        };
-        this.onChange = (_) => { };
-        this.onTouched = () => { };
-        this._window = this._document.defaultView;
-        this.LINE_HEIGHT = 18;
-        this._value = '';
-    }
-    get monaco() {
-        return this._window.monaco;
-    }
-    ;
-    ;
-    ngOnInit() {
-        if (this.config) {
-            this.config = Object.assign({}, this.defaultConfig, this.config);
-        }
-    }
-    ngOnDestroy() {
-        // must be there to cleanup https://github.com/microsoft/monaco-editor/issues/827
-        this._window.define = null;
-    }
-    get value() {
-        return this._value;
-    }
-    onEditorInit(event) {
-        // Timeout allows the content to fully load to and calculate height
-        setTimeout(() => {
-            this._editorRef = event;
-            this._initEditor();
-            this.init.next(event);
-            if (!this.scrollable) {
-                this._disableScroll();
-            }
-        });
-    }
-    writeValue(value) {
-        this._value = value || '';
-    }
-    changed(e) {
-        if (this._value !== e) {
-            this._value = e;
-            this.onChange(e);
-        }
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    _initEditor() {
-        if (this._editorRef && this.config.autoHeight) {
-            this._updateEditorHeight();
-            this._editorRef.onDidChangeModelContent((e) => {
-                this._updateEditorHeight();
-            });
-            this._editorRef.onDidBlurEditorText(() => {
-                this.blur.next();
-            });
-        }
-    }
-    _updateEditorHeight() {
-        const editorDomNode = this._editorRef.getDomNode();
-        if (!editorDomNode) {
-            return;
-        }
-        const container = editorDomNode.getElementsByClassName('view-lines')[0];
-        const lineHeight = container.firstChild
-            ? container.firstChild.offsetHeight
-            : this.LINE_HEIGHT;
-        const editorModel = this._editorRef.getModel();
-        if (!editorModel) {
-            return;
-        }
-        const nextHeight = this._editorRef.getModel().getLineCount() * lineHeight;
-        // set the height and redo layout
-        editorDomNode.style.height = nextHeight + 'px';
-        this.updateLayout();
-    }
-    updateLayout() {
-        this._editorRef.layout();
+const NGX_MONACO_EDITOR_CONFIG = new InjectionToken('NGX_MONACO_EDITOR_CONFIG');
+
+let loadedMonaco = false;
+let loadPromise;
+class BaseEditor {
+    constructor(config) {
+        this.config = config;
+        this.onInit = new EventEmitter();
+    }
+    ngAfterViewInit() {
+        if (loadedMonaco) {
+            // Wait until monaco editor is available
+            loadPromise.then(() => {
+                this.initMonaco(this._options);
+            });
+        }
+        else {
+            loadedMonaco = true;
+            loadPromise = new Promise((resolve) => {
+                const baseUrl = (this.config.baseUrl || './assets') + '/monaco-editor/min/vs';
+                if (typeof (window.monaco) === 'object') {
+                    resolve();
+                    return;
+                }
+                const onGotAmdLoader = () => {
+                    // Load monaco
+                    window.require.config({ paths: { 'vs': `${baseUrl}` } });
+                    window.require([`vs/editor/editor.main`], () => {
+                        if (typeof this.config.onMonacoLoad === 'function') {
+                            this.config.onMonacoLoad();
+                        }
+                        this.initMonaco(this._options);
+                        resolve();
+                    });
+                };
+                // Load AMD loader if necessary
+                if (!window.require) {
+                    const loaderScript = document.createElement('script');
+                    loaderScript.type = 'text/javascript';
+                    loaderScript.src = `${baseUrl}/loader.js`;
+                    loaderScript.addEventListener('load', onGotAmdLoader);
+                    document.body.appendChild(loaderScript);
+                }
+                else {
+                    onGotAmdLoader();
+                }
+            });
+        }
+    }
+    ngOnDestroy() {
+        if (this._windowResizeSubscription) {
+            this._windowResizeSubscription.unsubscribe();
+        }
+        if (this._editor) {
+            this._editor.dispose();
+            this._editor = undefined;
+        }
+    }
+}
+BaseEditor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseEditor, deps: [{ token: NGX_MONACO_EDITOR_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+BaseEditor.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: BaseEditor, selector: "ng-component", outputs: { onInit: "onInit" }, viewQueries: [{ propertyName: "_editorContainer", first: true, predicate: ["editorContainer"], descendants: true, static: true }], ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseEditor, decorators: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NGX_MONACO_EDITOR_CONFIG]
+                }] }]; }, propDecorators: { _editorContainer: [{
+                type: ViewChild,
+                args: ['editorContainer', { static: true }]
+            }], onInit: [{
+                type: Output
+            }] } });
+
+class EditorComponent extends BaseEditor {
+    constructor(zone, editorConfig) {
+        super(editorConfig);
+        this.zone = zone;
+        this.editorConfig = editorConfig;
+        this._value = '';
+        this.propagateChange = (_) => { };
+        this.onTouched = () => { };
+    }
+    set options(options) {
+        this._options = Object.assign({}, this.config.defaultOptions, options);
+        if (this._editor) {
+            this._editor.dispose();
+            this.initMonaco(options);
+        }
+    }
+    get options() {
+        return this._options;
+    }
+    set model(model) {
+        this.options.model = model;
+        if (this._editor) {
+            this._editor.dispose();
+            this.initMonaco(this.options);
+        }
+    }
+    writeValue(value) {
+        this._value = value || '';
+        // Fix for value change while dispose in process.
+        setTimeout(() => {
+            if (this._editor && !this.options.model) {
+                this._editor.setValue(this._value);
+            }
+        });
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    initMonaco(options) {
+        const hasModel = !!options.model;
+        if (hasModel) {
+            const model = monaco.editor.getModel(options.model.uri || '');
+            if (model) {
+                options.model = model;
+                options.model.setValue(this._value);
+            }
+            else {
+                options.model = monaco.editor.createModel(options.model.value, options.model.language, options.model.uri);
+            }
+        }
+        this._editor = monaco.editor.create(this._editorContainer.nativeElement, options);
+        if (!hasModel) {
+            this._editor.setValue(this._value);
+        }
+        this._editor.onDidChangeModelContent((e) => {
+            const value = this._editor.getValue();
+            // value is not propagated to parent when executing outside zone.
+            this.zone.run(() => {
+                this.propagateChange(value);
+                this._value = value;
+            });
+        });
+        this._editor.onDidBlurEditorWidget(() => {
+            this.onTouched();
+        });
+        // refresh layout on resize event.
+        if (this._windowResizeSubscription) {
+            this._windowResizeSubscription.unsubscribe();
+        }
+        this._windowResizeSubscription = fromEvent(window, 'resize').subscribe(() => this._editor.layout());
+        this.onInit.emit(this._editor);
+    }
+}
+EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EditorComponent, deps: [{ token: i0.NgZone }, { token: NGX_MONACO_EDITOR_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: EditorComponent, selector: "ngx-monaco-editor", inputs: { options: "options", model: "model" }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => EditorComponent),
+            multi: true
+        }], usesInheritance: true, ngImport: i0, template: '<div class="editor-container" #editorContainer></div>', isInline: true, styles: ["\n      :host {\n          display: block;\n          height: 200px;\n      }\n\n      .editor-container {\n          width: 100%;\n          height: 98%;\n      }\n  "] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: EditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngx-monaco-editor',
+                    template: '<div class="editor-container" #editorContainer></div>',
+                    styles: [`
+      :host {
+          display: block;
+          height: 200px;
+      }
+
+      .editor-container {
+          width: 100%;
+          height: 98%;
+      }
+  `],
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => EditorComponent),
+                            multi: true
+                        }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NGX_MONACO_EDITOR_CONFIG]
+                }] }]; }, propDecorators: { options: [{
+                type: Input,
+                args: ['options']
+            }], model: [{
+                type: Input,
+                args: ['model']
+            }] } });
+
+class FsTextEditorComponent {
+    constructor(_element, _document) {
+        this._element = _element;
+        this._document = _document;
+        this.config = {};
+        this.scrollable = false;
+        this.init = new EventEmitter();
+        this.blur = new EventEmitter();
+        this.defaultConfig = {
+            minimap: {
+                enabled: false
+            },
+            theme: 'vs-dark',
+            automaticLayout: false,
+            scrollBeyondLastLine: false,
+            autoHeight: true,
+            scrollbar: {
+                vertical: 'hidden'
+            },
+            hideCursorInOverviewRuler: true
+        };
+        this.onChange = (_) => { };
+        this.onTouched = () => { };
+        this._window = this._document.defaultView;
+        this.LINE_HEIGHT = 18;
+        this._value = '';
+    }
+    get monaco() {
+        return this._window.monaco;
+    }
+    ;
+    ;
+    ngOnInit() {
+        if (this.config) {
+            this.config = Object.assign({}, this.defaultConfig, this.config);
+        }
+    }
+    ngOnDestroy() {
+        // must be there to cleanup https://github.com/microsoft/monaco-editor/issues/827
+        this._window.define = null;
+    }
+    get value() {
+        return this._value;
+    }
+    onEditorInit(event) {
+        // Timeout allows the content to fully load to and calculate height
+        setTimeout(() => {
+            this._editorRef = event;
+            this._initEditor();
+            this.init.next(event);
+            if (!this.scrollable) {
+                this._disableScroll();
+            }
+        });
+    }
+    writeValue(value) {
+        this._value = value || '';
+    }
+    changed(e) {
+        if (this._value !== e) {
+            this._value = e;
+            this.onChange(e);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    _initEditor() {
+        if (this._editorRef && this.config.autoHeight) {
+            this._updateEditorHeight();
+            this._editorRef.onDidChangeModelContent((e) => {
+                this._updateEditorHeight();
+            });
+            this._editorRef.onDidBlurEditorText(() => {
+                this.blur.next();
+            });
+        }
+    }
+    _updateEditorHeight() {
+        const editorDomNode = this._editorRef.getDomNode();
+        if (!editorDomNode) {
+            return;
+        }
+        const container = editorDomNode.getElementsByClassName('view-lines')[0];
+        const lineHeight = container.firstChild
+            ? container.firstChild.offsetHeight
+            : this.LINE_HEIGHT;
+        const editorModel = this._editorRef.getModel();
+        if (!editorModel) {
+            return;
+        }
+        const nextHeight = this._editorRef.getModel().getLineCount() * lineHeight;
+        // set the height and redo layout
+        editorDomNode.style.height = nextHeight + 'px';
+        this.updateLayout();
+    }
+    updateLayout() {
+        this._editorRef.layout();
+    }
+    _disableScroll() {
+        const node = this._editorRef.getDomNode();
+        node.addEventListener('wheel', (e) => {
+            e.stopPropagation();
+        }, true);
+    }
+}
+FsTextEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsTextEditorComponent, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+FsTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FsTextEditorComponent, selector: "fs-text-editor", inputs: { config: "config", scrollable: "scrollable" }, outputs: { init: "init", blur: "blur" }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => FsTextEditorComponent),
+            multi: true
+        }], viewQueries: [{ propertyName: "_editorContainer", first: true, predicate: EditorComponent, descendants: true, static: true }], ngImport: i0, template: "<ngx-monaco-editor\n  [ngModel]=\"value\"\n  (ngModelChange)=\"changed($event)\"\n  [options]=\"config\"\n  (onInit)=\"onEditorInit($event)\">\n</ngx-monaco-editor>\n", styles: [":host ngx-monaco-editor{height:100%!important}:host ::ng-deep .decorationsOverviewRuler{display:none}:host ::ng-deep .margin,:host ::ng-deep .monaco-editor-background{top:0px!important}\n"], components: [{ type: EditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "model"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsTextEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-text-editor',
+                    templateUrl: 'text-editor.component.html',
+                    styleUrls: ['text-editor.component.scss'],
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FsTextEditorComponent),
+                            multi: true
+                        }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; }, propDecorators: { config: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], init: [{
+                type: Output
+            }], blur: [{
+                type: Output
+            }], _editorContainer: [{
+                type: ViewChild,
+                args: [EditorComponent, { static: true }]
+            }] } });
+
+class DiffEditorComponent extends BaseEditor {
+    constructor(editorConfig) {
+        super(editorConfig);
+        this.editorConfig = editorConfig;
+    }
+    set options(options) {
+        this._options = Object.assign({}, this.config.defaultOptions, options);
+        if (this._editor) {
+            this._editor.dispose();
+            this.initMonaco(options);
+        }
+    }
+    get options() {
+        return this._options;
+    }
+    set originalModel(model) {
+        this._originalModel = model;
+        if (this._editor) {
+            this._editor.dispose();
+            this.initMonaco(this.options);
+        }
+    }
+    set modifiedModel(model) {
+        this._modifiedModel = model;
+        if (this._editor) {
+            this._editor.dispose();
+            this.initMonaco(this.options);
+        }
+    }
+    initMonaco(options) {
+        if (!this._originalModel || !this._modifiedModel) {
+            throw new Error('originalModel or modifiedModel not found for ngx-monaco-diff-editor');
+        }
+        this._originalModel.language = this._originalModel.language || options.language;
+        this._modifiedModel.language = this._modifiedModel.language || options.language;
+        let originalModel = monaco.editor.createModel(this._originalModel.code, this._originalModel.language);
+        let modifiedModel = monaco.editor.createModel(this._modifiedModel.code, this._modifiedModel.language);
+        this._editorContainer.nativeElement.innerHTML = '';
+        const theme = options.theme;
+        this._editor = monaco.editor.createDiffEditor(this._editorContainer.nativeElement, options);
+        options.theme = theme;
+        this._editor.setModel({
+            original: originalModel,
+            modified: modifiedModel
+        });
+        // refresh layout on resize event.
+        if (this._windowResizeSubscription) {
+            this._windowResizeSubscription.unsubscribe();
+        }
+        this._windowResizeSubscription = fromEvent(window, 'resize').subscribe(() => this._editor.layout());
+        this.onInit.emit(this._editor);
+    }
+}
+DiffEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DiffEditorComponent, deps: [{ token: NGX_MONACO_EDITOR_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+DiffEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DiffEditorComponent, selector: "ngx-monaco-diff-editor", inputs: { options: "options", originalModel: "originalModel", modifiedModel: "modifiedModel" }, usesInheritance: true, ngImport: i0, template: '<div class="editor-container" #editorContainer></div>', isInline: true, styles: ["\n    :host {\n      display: block;\n      height: 200px;\n    }\n\n    .editor-container {\n      width: 100%;\n      height: 98%;\n    }\n  "] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DiffEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngx-monaco-diff-editor',
+                    template: '<div class="editor-container" #editorContainer></div>',
+                    styles: [`
+    :host {
+      display: block;
+      height: 200px;
     }
-    _disableScroll() {
-        const node = this._editorRef.getDomNode();
-        node.addEventListener('wheel', (e) => {
-            e.stopPropagation();
-        }, true);
+
+    .editor-container {
+      width: 100%;
+      height: 98%;
     }
-}
-FsTextEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsTextEditorComponent, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-FsTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsTextEditorComponent, selector: "fs-text-editor", inputs: { config: "config", scrollable: "scrollable" }, outputs: { init: "init", blur: "blur" }, providers: [{
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => FsTextEditorComponent),
-            multi: true
-        }], viewQueries: [{ propertyName: "_editorContainer", first: true, predicate: EditorComponent, descendants: true, static: true }], ngImport: i0, template: "<ngx-monaco-editor\n  [ngModel]=\"value\"\n  (ngModelChange)=\"changed($event)\"\n  [options]=\"config\"\n  (onInit)=\"onEditorInit($event)\">\n</ngx-monaco-editor>\n", styles: [":host ngx-monaco-editor{height:100%!important}:host ::ng-deep .decorationsOverviewRuler{display:none}:host ::ng-deep .margin,:host ::ng-deep .monaco-editor-background{top:0px!important}\n"], components: [{ type: i1.EditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "model"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsTextEditorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fs-text-editor',
-                    templateUrl: 'text-editor.component.html',
-                    styleUrls: ['text-editor.component.scss'],
-                    providers: [{
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => FsTextEditorComponent),
-                            multi: true
-                        }]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }]; }, propDecorators: { config: [{
-                type: Input
-            }], scrollable: [{
-                type: Input
-            }], init: [{
-                type: Output
-            }], blur: [{
-                type: Output
-            }], _editorContainer: [{
-                type: ViewChild,
-                args: [EditorComponent, { static: true }]
+  `]
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NGX_MONACO_EDITOR_CONFIG]
+                }] }]; }, propDecorators: { options: [{
+                type: Input,
+                args: ['options']
+            }], originalModel: [{
+                type: Input,
+                args: ['originalModel']
+            }], modifiedModel: [{
+                type: Input,
+                args: ['modifiedModel']
             }] } });
 
-class FsTextEditorModule {
-    static forRoot(config) {
-        return {
-            ngModule: FsTextEditorModule,
-            providers: [
-                MonacoEditorModule.forRoot(config).providers,
-            ],
-        };
-    }
-}
-FsTextEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsTextEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsTextEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsTextEditorModule, declarations: [FsTextEditorComponent], imports: [CommonModule,
-        MonacoEditorModule,
-        FormsModule], exports: [FsTextEditorComponent] });
-FsTextEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsTextEditorModule, imports: [[
-            CommonModule,
-            MonacoEditorModule,
-            FormsModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsTextEditorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        MonacoEditorModule,
-                        FormsModule,
-                    ],
-                    exports: [
-                        FsTextEditorComponent,
-                    ],
-                    entryComponents: [],
-                    declarations: [
-                        FsTextEditorComponent,
-                    ]
-                }]
+class MonacoEditorModule {
+    static forRoot(config = {}) {
+        return {
+            ngModule: MonacoEditorModule,
+            providers: [
+                { provide: NGX_MONACO_EDITOR_CONFIG, useValue: config }
+            ]
+        };
+    }
+}
+MonacoEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonacoEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MonacoEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonacoEditorModule, declarations: [EditorComponent,
+        DiffEditorComponent], imports: [CommonModule], exports: [EditorComponent,
+        DiffEditorComponent] });
+MonacoEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonacoEditorModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MonacoEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        EditorComponent,
+                        DiffEditorComponent
+                    ],
+                    exports: [
+                        EditorComponent,
+                        DiffEditorComponent
+                    ]
+                }]
+        }] });
+
+class FsTextEditorModule {
+    static forRoot(config) {
+        return {
+            ngModule: FsTextEditorModule,
+            providers: [
+                MonacoEditorModule.forRoot(config).providers,
+            ],
+        };
+    }
+}
+FsTextEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsTextEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FsTextEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsTextEditorModule, declarations: [FsTextEditorComponent], imports: [CommonModule,
+        MonacoEditorModule,
+        FormsModule], exports: [FsTextEditorComponent] });
+FsTextEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsTextEditorModule, imports: [[
+            CommonModule,
+            MonacoEditorModule,
+            FormsModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsTextEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MonacoEditorModule,
+                        FormsModule,
+                    ],
+                    exports: [
+                        FsTextEditorComponent,
+                    ],
+                    entryComponents: [],
+                    declarations: [
+                        FsTextEditorComponent,
+                    ]
+                }]
         }] });
 
-/*
- * Public API Surface of fs-menu
+/*
+ * Public API Surface of fs-menu
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { FsTextEditorComponent, FsTextEditorModule };