@firestitch/text-editor 12.4.7 → 15.0.0

package/{fesm2015/firestitch-text-editor.js → fesm2020/firestitch-text-editor.mjs}

@@ -7,493 +7,465 @@ import { fromEvent } from 'rxjs';
 
 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
+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: "15.2.10", ngImport: i0, type: BaseEditor, deps: [{ token: NGX_MONACO_EDITOR_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+BaseEditor.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", 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(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\n\n      .editor-container {\n          width: 100%;\n          height: 100%;\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: [`
-
-
-      .editor-container {
-          width: 100%;
-          height: 100%;
-      }
-  `],
-                    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 EditorComponent extends BaseEditor {
+    set options(options) {
+        this._options = { ...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);
+        }
+    }
+    constructor(zone, editorConfig) {
+        super(editorConfig);
+        this.zone = zone;
+        this.editorConfig = editorConfig;
+        this._value = '';
+        this.propagateChange = (_) => { };
+        this.onTouched = () => { };
+    }
+    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: "15.2.10", ngImport: i0, type: EditorComponent, deps: [{ token: i0.NgZone }, { token: NGX_MONACO_EDITOR_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [".editor-container{width:100%;height:100%}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-monaco-editor', template: '<div class="editor-container" #editorContainer></div>', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => EditorComponent),
+                            multi: true,
+                        }], styles: [".editor-container{width:100%;height:100%}\n"] }]
+        }], 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(_document) {
-        this._document = _document;
-        this.LINE_HEIGHT = 18;
-        this.config = {};
-        this.scrollable = false;
-        this.ready = new EventEmitter();
-        this.blur = new EventEmitter();
-        this._value = '';
-        this._window = this._document.defaultView;
-    }
-    get monaco() {
-        return this._window.monaco;
-    }
-    ngOnInit() {
-        if (this.config) {
-            this.config = Object.assign({ minimap: {
-                    enabled: false,
-                }, theme: 'vs-dark', automaticLayout: !!this.config.height, scrollBeyondLastLine: false, scrollbar: {
-                    vertical: this.config.height ? 'auto' : 'hidden',
-                }, hideCursorInOverviewRuler: true }, 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.ready.next(event);
-            if (!this.scrollable && !this.config.height) {
-                this._disableScroll();
-            }
-            if (this.config.ready) {
-                this.config.ready(this._editorRef);
-            }
-        });
-    }
-    writeValue(value) {
-        this._value = value || '';
-    }
-    changed(e) {
-        if (this._value !== e) {
-            this._value = e;
-            this.onChange(e);
-        }
-    }
-    updateLayout() {
-        this._editorRef.layout();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    _initEditor() {
-        if (this._editorRef && !this.config.height) {
-            this._updateEditorHeight();
-            this._editorRef.onDidChangeModelContent((e) => {
-                this._updateEditorHeight();
-            });
-        }
-        this._editorRef.onDidBlurEditorText(() => {
-            this.blur.next();
-            if (this.config.blur) {
-                this.config.blur();
-            }
-        });
-        this._editorRef.onDidFocusEditorText(() => {
-            if (this.config.focus) {
-                this.config.focus();
-            }
-        });
-    }
-    _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();
-    }
-    _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: 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: { ready: "ready", blur: "blur" }, providers: [{
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => FsTextEditorComponent),
-            multi: true,
-        }], ngImport: i0, template: "<ngx-monaco-editor\n  [style.height]=\"config.height\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"changed($event)\"\n  [options]=\"config\"\n  (onInit)=\"onEditorInit($event)\">\n</ngx-monaco-editor>\n", styles: ["ngx-monaco-editor{display:block}\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: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }]; }, propDecorators: { config: [{
-                type: Input
-            }], scrollable: [{
-                type: Input
-            }], ready: [{
-                type: Output
-            }], blur: [{
-                type: Output
+class FsTextEditorComponent {
+    constructor(_document) {
+        this._document = _document;
+        this.LINE_HEIGHT = 18;
+        this.config = {};
+        this.scrollable = false;
+        this.ready = new EventEmitter();
+        this.blur = new EventEmitter();
+        this._value = '';
+        this._window = this._document.defaultView;
+    }
+    get monaco() {
+        return this._window.monaco;
+    }
+    ngOnInit() {
+        if (this.config) {
+            this.config = {
+                minimap: {
+                    enabled: false,
+                },
+                theme: 'vs-dark',
+                automaticLayout: !!this.config.height,
+                scrollBeyondLastLine: false,
+                scrollbar: {
+                    vertical: this.config.height ? 'auto' : 'hidden',
+                },
+                hideCursorInOverviewRuler: true,
+                ...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.ready.next(event);
+            if (!this.scrollable && !this.config.height) {
+                this._disableScroll();
+            }
+            if (this.config.ready) {
+                this.config.ready(this._editorRef);
+            }
+        });
+    }
+    writeValue(value) {
+        this._value = value || '';
+    }
+    changed(e) {
+        if (this._value !== e) {
+            this._value = e;
+            this.onChange(e);
+        }
+    }
+    updateLayout() {
+        this._editorRef.layout();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    _initEditor() {
+        if (this._editorRef && !this.config.height) {
+            this._updateEditorHeight();
+            this._editorRef.onDidChangeModelContent((e) => {
+                this._updateEditorHeight();
+            });
+        }
+        this._editorRef.onDidBlurEditorText(() => {
+            this.blur.next();
+            if (this.config.blur) {
+                this.config.blur();
+            }
+        });
+        this._editorRef.onDidFocusEditorText(() => {
+            if (this.config.focus) {
+                this.config.focus();
+            }
+        });
+    }
+    _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();
+    }
+    _disableScroll() {
+        const node = this._editorRef.getDomNode();
+        node.addEventListener('wheel', (e) => {
+            e.stopPropagation();
+        }, true);
+    }
+}
+FsTextEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsTextEditorComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+FsTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FsTextEditorComponent, selector: "fs-text-editor", inputs: { config: "config", scrollable: "scrollable" }, outputs: { ready: "ready", blur: "blur" }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => FsTextEditorComponent),
+            multi: true,
+        }], ngImport: i0, template: "<ngx-monaco-editor\n  [style.height]=\"config.height\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"changed($event)\"\n  [options]=\"config\"\n  (onInit)=\"onEditorInit($event)\">\n</ngx-monaco-editor>\n", styles: ["ngx-monaco-editor{display:block}\n"], dependencies: [{ kind: "component", type: EditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "model"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", 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: "15.2.10", ngImport: i0, type: FsTextEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fs-text-editor', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FsTextEditorComponent),
+                            multi: true,
+                        }], template: "<ngx-monaco-editor\n  [style.height]=\"config.height\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"changed($event)\"\n  [options]=\"config\"\n  (onInit)=\"onEditorInit($event)\">\n</ngx-monaco-editor>\n", styles: ["ngx-monaco-editor{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; }, propDecorators: { config: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], ready: [{
+                type: Output
+            }], blur: [{
+                type: Output
             }] } });
 
-class DiffEditorComponent extends BaseEditor {
-    constructor(editorConfig) {
-        super(editorConfig);
-        this.editorConfig = editorConfig;
-    }
-    set options(options) {
-        this._options = Object.assign(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;
-        const originalModel = monaco.editor.createModel(this._originalModel.code, this._originalModel.language);
-        const 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: 100%;\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;
+class DiffEditorComponent extends BaseEditor {
+    set options(options) {
+        this._options = { ...this.config.defaultOptions, ...options };
+        if (this._editor) {
+            this._editor.dispose();
+            this.initMonaco(options);
+        }
     }
-
-    .editor-container {
-      width: 100%;
-      height: 100%;
-    }
-  `],
-                }]
-        }], 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']
+    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);
+        }
+    }
+    constructor(editorConfig) {
+        super(editorConfig);
+        this.editorConfig = editorConfig;
+    }
+    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;
+        const originalModel = monaco.editor.createModel(this._originalModel.code, this._originalModel.language);
+        const 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: "15.2.10", ngImport: i0, type: DiffEditorComponent, deps: [{ token: NGX_MONACO_EDITOR_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+DiffEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [":host{display:block;height:200px}.editor-container{width:100%;height:100%}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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}.editor-container{width:100%;height:100%}\n"] }]
+        }], 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 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 MonacoEditorModule {
+    static forRoot(config = {}) {
+        return {
+            ngModule: MonacoEditorModule,
+            providers: [
+                { provide: NGX_MONACO_EDITOR_CONFIG, useValue: config }
+            ]
+        };
+    }
+}
+MonacoEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MonacoEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MonacoEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MonacoEditorModule, declarations: [EditorComponent,
+        DiffEditorComponent], imports: [CommonModule], exports: [EditorComponent,
+        DiffEditorComponent] });
+MonacoEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MonacoEditorModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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,
-                    ]
-                }]
+class FsTextEditorModule {
+    static forRoot(config) {
+        return {
+            ngModule: FsTextEditorModule,
+            providers: [
+                MonacoEditorModule.forRoot(config).providers,
+            ],
+        };
+    }
+}
+FsTextEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsTextEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FsTextEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FsTextEditorModule, declarations: [FsTextEditorComponent], imports: [CommonModule,
+        MonacoEditorModule,
+        FormsModule], exports: [FsTextEditorComponent] });
+FsTextEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsTextEditorModule, imports: [CommonModule,
+        MonacoEditorModule,
+        FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsTextEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MonacoEditorModule,
+                        FormsModule,
+                    ],
+                    exports: [
+                        FsTextEditorComponent,
+                    ],
+                    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 };
-//# sourceMappingURL=firestitch-text-editor.js.map
+//# sourceMappingURL=firestitch-text-editor.mjs.map