@codingame/monaco-vscode-api 25.1.1 → 26.0.0

package/vscode/src/vs/editor/browser/widget/codeEditor/codeEditorWidget.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '../../../../../../../css.js';
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import '../../services/markerDecorations.js';
+import '../../services/contribution.js';
 import { DragAndDropObserver, getWindow, scheduleAtNextAnimationFrame } from '../../../../base/browser/dom.js';
 import { onUnexpectedError } from '../../../../base/common/errors.js';
 import { createEventDeliveryQueue, Emitter } from '../../../../base/common/event.js';
@@ -68,19 +68,39 @@ import Severity$1 from '../../../../base/common/severity.js';
 var CodeEditorWidget_1;
 registerCss(editor);
 let CodeEditorWidget = class CodeEditorWidget extends Disposable {
-    static { CodeEditorWidget_1 = this; }
-    static { this.dropIntoEditorDecorationOptions = ModelDecorationOptions.register({
-        description: 'workbench-dnd-target',
-        className: 'dnd-target'
-    }); }
+    static {
+        CodeEditorWidget_1 = this;
+    }
+    static {
+        this.dropIntoEditorDecorationOptions = ModelDecorationOptions.register({
+            description: "workbench-dnd-target",
+            className: "dnd-target"
+        });
+    }
     get isSimpleWidget() {
         return this._configuration.isSimpleWidget;
     }
     get contextMenuId() {
         return this._configuration.contextMenuId;
     }
-    get contextKeyService() { return this._contextKeyService; }
-    constructor(domElement, _options, codeEditorWidgetOptions, instantiationService, codeEditorService, commandService, contextKeyService, themeService, notificationService, accessibilityService, languageConfigurationService, languageFeaturesService, keybindingService) {
+    get contextKeyService() {
+        return this._contextKeyService;
+    }
+    constructor(
+        domElement,
+        _options,
+        codeEditorWidgetOptions,
+        instantiationService,
+        codeEditorService,
+        commandService,
+        contextKeyService,
+        themeService,
+        notificationService,
+        accessibilityService,
+        languageConfigurationService,
+        languageFeaturesService,
+        keybindingService
+    ) {
         super();
         this.languageConfigurationService = languageConfigurationService;
         this.keybindingService = keybindingService;
@@ -88,40 +108,72 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         this._contributions = this._register(( new CodeEditorContributions()));
         this._onDidDispose = this._register(( new Emitter()));
         this.onDidDispose = this._onDidDispose.event;
-        this._onDidChangeModelContent = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeModelContent = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeModelContent = this._onDidChangeModelContent.event;
-        this._onDidChangeModelLanguage = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeModelLanguage = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeModelLanguage = this._onDidChangeModelLanguage.event;
-        this._onDidChangeModelLanguageConfiguration = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeModelLanguageConfiguration = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeModelLanguageConfiguration = this._onDidChangeModelLanguageConfiguration.event;
-        this._onDidChangeModelOptions = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeModelOptions = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeModelOptions = this._onDidChangeModelOptions.event;
-        this._onDidChangeModelDecorations = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeModelDecorations = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeModelDecorations = this._onDidChangeModelDecorations.event;
-        this._onDidChangeLineHeight = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeLineHeight = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeLineHeight = this._onDidChangeLineHeight.event;
-        this._onDidChangeFont = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeFont = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeFont = this._onDidChangeFont.event;
-        this._onDidChangeModelTokens = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeModelTokens = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeModelTokens = this._onDidChangeModelTokens.event;
-        this._onDidChangeConfiguration = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeConfiguration = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeConfiguration = this._onDidChangeConfiguration.event;
-        this._onWillChangeModel = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onWillChangeModel = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onWillChangeModel = this._onWillChangeModel.event;
-        this._onDidChangeModel = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeModel = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeModel = this._onDidChangeModel.event;
-        this._onDidChangeCursorPosition = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeCursorPosition = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeCursorPosition = this._onDidChangeCursorPosition.event;
-        this._onDidChangeCursorSelection = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeCursorSelection = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeCursorSelection = this._onDidChangeCursorSelection.event;
         this._onDidAttemptReadOnlyEdit = this._register(( new InteractionEmitter(this._contributions, this._deliveryQueue)));
         this.onDidAttemptReadOnlyEdit = this._onDidAttemptReadOnlyEdit.event;
-        this._onDidLayoutChange = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidLayoutChange = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidLayoutChange = this._onDidLayoutChange.event;
-        this._editorTextFocus = this._register(( new BooleanEventEmitter({ deliveryQueue: this._deliveryQueue })));
+        this._editorTextFocus = this._register(( new BooleanEventEmitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidFocusEditorText = this._editorTextFocus.onDidChangeToTrue;
         this.onDidBlurEditorText = this._editorTextFocus.onDidChangeToFalse;
-        this._editorWidgetFocus = this._register(( new BooleanEventEmitter({ deliveryQueue: this._deliveryQueue })));
+        this._editorWidgetFocus = this._register(( new BooleanEventEmitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidFocusEditorWidget = this._editorWidgetFocus.onDidChangeToTrue;
         this.onDidBlurEditorWidget = this._editorWidgetFocus.onDidChangeToFalse;
         this._onWillType = this._register(( new InteractionEmitter(this._contributions, this._deliveryQueue)));
@@ -134,6 +186,12 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         this.onDidCompositionEnd = this._onDidCompositionEnd.event;
         this._onDidPaste = this._register(( new InteractionEmitter(this._contributions, this._deliveryQueue)));
         this.onDidPaste = this._onDidPaste.event;
+        this._onWillCopy = this._register(( new InteractionEmitter(this._contributions, this._deliveryQueue)));
+        this.onWillCopy = this._onWillCopy.event;
+        this._onWillCut = this._register(( new InteractionEmitter(this._contributions, this._deliveryQueue)));
+        this.onWillCut = this._onWillCut.event;
+        this._onWillPaste = this._register(( new InteractionEmitter(this._contributions, this._deliveryQueue)));
+        this.onWillPaste = this._onWillPaste.event;
         this._onMouseUp = this._register(( new InteractionEmitter(this._contributions, this._deliveryQueue)));
         this.onMouseUp = this._onMouseUp.event;
         this._onMouseDown = this._register(( new InteractionEmitter(this._contributions, this._deliveryQueue)));
@@ -158,13 +216,21 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         this.onKeyUp = this._onKeyUp.event;
         this._onKeyDown = this._register(( new InteractionEmitter(this._contributions, this._deliveryQueue)));
         this.onKeyDown = this._onKeyDown.event;
-        this._onDidContentSizeChange = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidContentSizeChange = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidContentSizeChange = this._onDidContentSizeChange.event;
-        this._onDidScrollChange = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidScrollChange = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidScrollChange = this._onDidScrollChange.event;
-        this._onDidChangeViewZones = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeViewZones = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeViewZones = this._onDidChangeViewZones.event;
-        this._onDidChangeHiddenAreas = this._register(( new Emitter({ deliveryQueue: this._deliveryQueue })));
+        this._onDidChangeHiddenAreas = this._register(( new Emitter({
+            deliveryQueue: this._deliveryQueue
+        })));
         this.onDidChangeHiddenAreas = this._onDidChangeHiddenAreas.event;
         this._updateCounter = 0;
         this._onWillTriggerEditorOperationEvent = this._register(( new Emitter()));
@@ -180,7 +246,9 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         this._dropIntoEditorDecorations = this.createDecorationsCollection();
         this.inComposition = false;
         codeEditorService.willCreateCodeEditor();
-        const options = { ..._options };
+        const options = {
+            ..._options
+        };
         this._domElement = domElement;
         this._overflowWidgetsDomNode = options.overflowWidgetsDomNode;
         delete options.overflowWidgetsDomNode;
@@ -188,14 +256,27 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         this._decorationTypeKeysToIds = {};
         this._decorationTypeSubtypes = {};
         this._telemetryData = codeEditorWidgetOptions.telemetryData;
-        this._configuration = this._register(this._createConfiguration(codeEditorWidgetOptions.isSimpleWidget || false, codeEditorWidgetOptions.contextMenuId ?? (codeEditorWidgetOptions.isSimpleWidget ? MenuId.SimpleEditorContext : MenuId.EditorContext), codeEditorWidgetOptions.isStandaloneEditor || false, options, accessibilityService));
-        this._register(this._configuration.onDidChange((e) => {
+        this._configuration = this._register(this._createConfiguration(
+            codeEditorWidgetOptions.isSimpleWidget || false,
+            codeEditorWidgetOptions.contextMenuId ?? (codeEditorWidgetOptions.isSimpleWidget ? MenuId.SimpleEditorContext : MenuId.EditorContext),
+            codeEditorWidgetOptions.isStandaloneEditor || false,
+            options,
+            accessibilityService
+        ));
+        this._domElement.style?.setProperty(
+            "--editor-font-size",
+            this._configuration.options.get(EditorOption.fontSize) + "px"
+        );
+        this._register(this._configuration.onDidChange(e => {
             this._onDidChangeConfiguration.fire(e);
             const options = this._configuration.options;
             if (e.hasChanged(EditorOption.layoutInfo)) {
                 const layoutInfo = options.get(EditorOption.layoutInfo);
                 this._onDidLayoutChange.fire(layoutInfo);
             }
+            if (e.hasChanged(EditorOption.fontSize)) {
+                this._domElement.style.setProperty("--editor-font-size", options.get(EditorOption.fontSize) + "px");
+            }
         }));
         this._contextKeyService = this._register(contextKeyService.createScoped(this._domElement));
         if (codeEditorWidgetOptions.contextKeyValues) {
@@ -217,8 +298,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         let contributions;
         if (Array.isArray(codeEditorWidgetOptions.contributions)) {
             contributions = codeEditorWidgetOptions.contributions;
-        }
-        else {
+        } else {
             contributions = EditorExtensionsRegistry.getEditorContributions();
         }
         this._contributions.initialize(this, contributions, this._instantiationService);
@@ -233,8 +313,8 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
                 action.alias,
                 action.metadata,
                 action.precondition ?? undefined,
-                (args) => {
-                    return this._instantiationService.invokeFunction((accessor) => {
+                args => {
+                    return this._instantiationService.invokeFunction(accessor => {
                         return Promise.resolve(action.runEditorCommand(accessor, this, args));
                     });
                 },
@@ -243,8 +323,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             this._actions.set(internalAction.id, internalAction);
         }
         const isDropIntoEnabled = () => {
-            return !this._configuration.options.get(EditorOption.readOnly)
-                && this._configuration.options.get(EditorOption.dropIntoEditor).enabled;
+            return !this._configuration.options.get(EditorOption.readOnly) && this._configuration.options.get(EditorOption.dropIntoEditor).enabled;
         };
         this._register(new DragAndDropObserver(this._domElement, {
             onDragOver: e => {
@@ -256,7 +335,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
                     this.showDropIndicatorAt(target.position);
                 }
             },
-            onDrop: async (e) => {
+            onDrop: async e => {
                 if (!isDropIntoEnabled()) {
                     return;
                 }
@@ -266,7 +345,10 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
                 }
                 const target = this.getTargetAtClientPoint(e.clientX, e.clientY);
                 if (target?.position) {
-                    this._onDropIntoEditor.fire({ position: target.position, event: e });
+                    this._onDropIntoEditor.fire({
+                        position: target.position,
+                        event: e
+                    });
                 }
             },
             onDragLeave: () => {
@@ -274,7 +356,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             },
             onDragEnd: () => {
                 this.removeDropIndicator();
-            },
+            }
         }));
         this._codeEditorService.addCodeEditor(this);
         if (!this.getOption(EditorOption.inDiffEditor)) {
@@ -284,7 +366,13 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
     writeScreenReaderContent(reason) {
         this._modelData?.view.writeScreenReaderContent(reason);
     }
-    _createConfiguration(isSimpleWidget, contextMenuId, isStandaloneEditor, options, accessibilityService) {
+    _createConfiguration(
+        isSimpleWidget,
+        contextMenuId,
+        isStandaloneEditor,
+        options,
+        accessibilityService
+    ) {
         return ( new EditorConfiguration(
             isSimpleWidget,
             contextMenuId,
@@ -295,7 +383,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         ));
     }
     getId() {
-        return this.getEditorType() + ':' + this._id;
+        return this.getEditorType() + ":" + this._id;
     }
     getEditorType() {
         return EditorType.ICodeEditor;
@@ -332,18 +420,22 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         if (!this._modelData) {
             return null;
         }
-        return WordOperations.getWordAtPosition(this._modelData.model, this._configuration.options.get(EditorOption.wordSeparators), this._configuration.options.get(EditorOption.wordSegmenterLocales), position);
+        return WordOperations.getWordAtPosition(
+            this._modelData.model,
+            this._configuration.options.get(EditorOption.wordSeparators),
+            this._configuration.options.get(EditorOption.wordSegmenterLocales),
+            position
+        );
     }
     getValue(options = null) {
         if (!this._modelData) {
-            return '';
+            return "";
         }
         const preserveBOM = (options && options.preserveBOM) ? true : false;
         let eolPreference = EndOfLinePreference.TextDefined;
-        if (options && options.lineEnding && options.lineEnding === '\n') {
+        if (options && options.lineEnding && options.lineEnding === "\n") {
             eolPreference = EndOfLinePreference.LF;
-        }
-        else if (options && options.lineEnding && options.lineEnding === '\r\n') {
+        } else if (options && options.lineEnding && options.lineEnding === "\r\n") {
             eolPreference = EndOfLinePreference.CRLF;
         }
         return this._modelData.model.getValue(eolPreference, preserveBOM);
@@ -355,8 +447,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
                 return;
             }
             this._modelData.model.setValue(newValue);
-        }
-        finally {
+        } finally {
             this._endUpdate();
         }
     }
@@ -388,8 +479,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
                 if (hasTextFocus) {
                     this.focus();
                 }
-            }
-            else {
+            } else {
                 this._editorTextFocus.setValue(false);
                 this._editorWidgetFocus.setValue(false);
             }
@@ -397,8 +487,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             this._onDidChangeModel.fire(e);
             this._postDetachModelCleanup(detachedModel);
             this._contributionsDisposable = this._contributions.onAfterModelAttached();
-        }
-        finally {
+        } finally {
             this._endUpdate();
         }
     }
@@ -408,7 +497,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             for (const decorationType in this._decorationTypeSubtypes) {
                 const subTypes = this._decorationTypeSubtypes[decorationType];
                 for (const subType in subTypes) {
-                    this._removeDecorationType(decorationType + '-' + subType);
+                    this._removeDecorationType(decorationType + "-" + subType);
                 }
             }
             this._decorationTypeSubtypes = {};
@@ -488,7 +577,11 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         }
         const position = this._modelData.model.validatePosition(rawPosition);
         const tabSize = this._modelData.model.getOptions().tabSize;
-        return CursorColumns.visibleColumnFromColumn(this._modelData.model.getLineContent(position.lineNumber), position.column, tabSize) + 1;
+        return CursorColumns.visibleColumnFromColumn(
+            this._modelData.model.getLineContent(position.lineNumber),
+            position.column,
+            tabSize
+        ) + 1;
     }
     getStatusbarColumn(rawPosition) {
         if (!this._modelData) {
@@ -496,7 +589,11 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         }
         const position = this._modelData.model.validatePosition(rawPosition);
         const tabSize = this._modelData.model.getOptions().tabSize;
-        return CursorColumns.toStatusbarColumn(this._modelData.model.getLineContent(position.lineNumber), position.column, tabSize);
+        return CursorColumns.toStatusbarColumn(
+            this._modelData.model.getLineContent(position.lineNumber),
+            position.column,
+            tabSize
+        );
     }
     getPosition() {
         if (!this._modelData) {
@@ -504,36 +601,36 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         }
         return this._modelData.viewModel.getPosition();
     }
-    setPosition(position, source = 'api') {
+    setPosition(position, source = "api") {
         if (!this._modelData) {
             return;
         }
         if (!Position.isIPosition(position)) {
-            throw ( new Error('Invalid arguments'));
+            throw ( new Error("Invalid arguments"));
         }
         this._modelData.viewModel.setSelections(source, [{
-                selectionStartLineNumber: position.lineNumber,
-                selectionStartColumn: position.column,
-                positionLineNumber: position.lineNumber,
-                positionColumn: position.column
-            }]);
+            selectionStartLineNumber: position.lineNumber,
+            selectionStartColumn: position.column,
+            positionLineNumber: position.lineNumber,
+            positionColumn: position.column
+        }]);
     }
     _sendRevealRange(modelRange, verticalType, revealHorizontal, scrollType) {
         if (!this._modelData) {
             return;
         }
         if (!Range.isIRange(modelRange)) {
-            throw ( new Error('Invalid arguments'));
+            throw ( new Error("Invalid arguments"));
         }
         const validatedModelRange = this._modelData.model.validateRange(modelRange);
         const viewRange = this._modelData.viewModel.coordinatesConverter.convertModelRangeToViewRange(validatedModelRange);
-        this._modelData.viewModel.revealRange('api', revealHorizontal, viewRange, verticalType, scrollType);
+        this._modelData.viewModel.revealRange("api", revealHorizontal, viewRange, verticalType, scrollType);
     }
     revealAllCursors(revealHorizontal, minimalReveal) {
         if (!this._modelData) {
             return;
         }
-        this._modelData.viewModel.revealAllCursors('api', revealHorizontal, minimalReveal);
+        this._modelData.viewModel.revealAllCursors("api", revealHorizontal, minimalReveal);
     }
     revealLine(lineNumber, scrollType = ScrollType.Smooth) {
         this._revealLine(lineNumber, VerticalRevealType.Simple, scrollType);
@@ -548,8 +645,8 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         this._revealLine(lineNumber, VerticalRevealType.NearTop, scrollType);
     }
     _revealLine(lineNumber, revealType, scrollType) {
-        if (typeof lineNumber !== 'number') {
-            throw ( new Error('Invalid arguments'));
+        if (typeof lineNumber !== "number") {
+            throw ( new Error("Invalid arguments"));
         }
         this._sendRevealRange(( new Range(lineNumber, 1, lineNumber, 1)), revealType, false, scrollType);
     }
@@ -567,7 +664,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
     }
     _revealPosition(position, verticalType, revealHorizontal, scrollType) {
         if (!Position.isIPosition(position)) {
-            throw ( new Error('Invalid arguments'));
+            throw ( new Error("Invalid arguments"));
         }
         this._sendRevealRange(( new Range(position.lineNumber, position.column, position.lineNumber, position.column)), verticalType, revealHorizontal, scrollType);
     }
@@ -583,16 +680,15 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         }
         return this._modelData.viewModel.getSelections();
     }
-    setSelection(something, source = 'api') {
+    setSelection(something, source = "api") {
         const isSelection = Selection.isISelection(something);
         const isRange = Range.isIRange(something);
         if (!isSelection && !isRange) {
-            throw ( new Error('Invalid arguments'));
+            throw ( new Error("Invalid arguments"));
         }
         if (isSelection) {
             this._setSelectionImpl(something, source);
-        }
-        else if (isRange) {
+        } else if (isRange) {
             const selection = {
                 selectionStartLineNumber: something.startLineNumber,
                 selectionStartColumn: something.startColumn,
@@ -614,26 +710,57 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         ));
         this._modelData.viewModel.setSelections(source, [selection]);
     }
-    revealLines(startLineNumber, endLineNumber, scrollType = ScrollType.Smooth) {
+    revealLines(
+        startLineNumber,
+        endLineNumber,
+        scrollType = ScrollType.Smooth
+    ) {
         this._revealLines(startLineNumber, endLineNumber, VerticalRevealType.Simple, scrollType);
     }
-    revealLinesInCenter(startLineNumber, endLineNumber, scrollType = ScrollType.Smooth) {
+    revealLinesInCenter(
+        startLineNumber,
+        endLineNumber,
+        scrollType = ScrollType.Smooth
+    ) {
         this._revealLines(startLineNumber, endLineNumber, VerticalRevealType.Center, scrollType);
     }
-    revealLinesInCenterIfOutsideViewport(startLineNumber, endLineNumber, scrollType = ScrollType.Smooth) {
-        this._revealLines(startLineNumber, endLineNumber, VerticalRevealType.CenterIfOutsideViewport, scrollType);
-    }
-    revealLinesNearTop(startLineNumber, endLineNumber, scrollType = ScrollType.Smooth) {
+    revealLinesInCenterIfOutsideViewport(
+        startLineNumber,
+        endLineNumber,
+        scrollType = ScrollType.Smooth
+    ) {
+        this._revealLines(
+            startLineNumber,
+            endLineNumber,
+            VerticalRevealType.CenterIfOutsideViewport,
+            scrollType
+        );
+    }
+    revealLinesNearTop(
+        startLineNumber,
+        endLineNumber,
+        scrollType = ScrollType.Smooth
+    ) {
         this._revealLines(startLineNumber, endLineNumber, VerticalRevealType.NearTop, scrollType);
     }
     _revealLines(startLineNumber, endLineNumber, verticalType, scrollType) {
-        if (typeof startLineNumber !== 'number' || typeof endLineNumber !== 'number') {
-            throw ( new Error('Invalid arguments'));
+        if (typeof startLineNumber !== "number" || typeof endLineNumber !== "number") {
+            throw ( new Error("Invalid arguments"));
         }
         this._sendRevealRange(( new Range(startLineNumber, 1, endLineNumber, 1)), verticalType, false, scrollType);
     }
-    revealRange(range, scrollType = ScrollType.Smooth, revealVerticalInCenter = false, revealHorizontal = true) {
-        this._revealRange(range, revealVerticalInCenter ? VerticalRevealType.Center : VerticalRevealType.Simple, revealHorizontal, scrollType);
+    revealRange(
+        range,
+        scrollType = ScrollType.Smooth,
+        revealVerticalInCenter = false,
+        revealHorizontal = true
+    ) {
+        this._revealRange(
+            range,
+            revealVerticalInCenter ? VerticalRevealType.Center : VerticalRevealType.Simple,
+            revealHorizontal,
+            scrollType
+        );
     }
     revealRangeInCenter(range, scrollType = ScrollType.Smooth) {
         this._revealRange(range, VerticalRevealType.Center, true, scrollType);
@@ -652,20 +779,20 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
     }
     _revealRange(range, verticalType, revealHorizontal, scrollType) {
         if (!Range.isIRange(range)) {
-            throw ( new Error('Invalid arguments'));
+            throw ( new Error("Invalid arguments"));
         }
         this._sendRevealRange(Range.lift(range), verticalType, revealHorizontal, scrollType);
     }
-    setSelections(ranges, source = 'api', reason = CursorChangeReason.NotSet) {
+    setSelections(ranges, source = "api", reason = CursorChangeReason.NotSet) {
         if (!this._modelData) {
             return;
         }
         if (!ranges || ranges.length === 0) {
-            throw ( new Error('Invalid arguments'));
+            throw ( new Error("Invalid arguments"));
         }
         for (let i = 0, len = ranges.length; i < len; i++) {
             if (!Selection.isISelection(ranges[i])) {
-                throw ( new Error('Invalid arguments'));
+                throw ( new Error("Invalid arguments"));
             }
         }
         this._modelData.viewModel.setSelections(source, ranges, reason);
@@ -710,8 +837,8 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         if (!this._modelData) {
             return;
         }
-        if (typeof newScrollLeft !== 'number') {
-            throw ( new Error('Invalid arguments'));
+        if (typeof newScrollLeft !== "number") {
+            throw ( new Error("Invalid arguments"));
         }
         this._modelData.viewModel.viewLayout.setScrollPosition({
             scrollLeft: newScrollLeft
@@ -721,8 +848,8 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         if (!this._modelData) {
             return;
         }
-        if (typeof newScrollTop !== 'number') {
-            throw ( new Error('Invalid arguments'));
+        if (typeof newScrollTop !== "number") {
+            throw ( new Error("Invalid arguments"));
         }
         this._modelData.viewModel.viewLayout.setScrollPosition({
             scrollTop: newScrollTop
@@ -764,8 +891,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
                 if (cursorState.length > 0) {
                     this._modelData.viewModel.restoreCursorState(cursorState);
                 }
-            }
-            else {
+            } else {
                 this._modelData.viewModel.restoreCursorState([cursorState]);
             }
             this._contributions.restoreViewState(codeEditorState.contributionsState || {});
@@ -799,38 +925,59 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
     trigger(source, handlerId, payload) {
         payload = payload || {};
         try {
-            this._onWillTriggerEditorOperationEvent.fire({ source: source, handlerId: handlerId, payload: payload });
+            this._onWillTriggerEditorOperationEvent.fire({
+                source: source,
+                handlerId: handlerId,
+                payload: payload
+            });
             this._beginUpdate();
             switch (handlerId) {
-                case Handler.CompositionStart:
-                    this._startComposition();
-                    return;
-                case Handler.CompositionEnd:
-                    this._endComposition(source);
-                    return;
-                case Handler.Type: {
+            case Handler.CompositionStart:
+                this._startComposition();
+                return;
+            case Handler.CompositionEnd:
+                this._endComposition(source);
+                return;
+            case Handler.Type:
+                {
                     const args = payload;
-                    this._type(source, args.text || '');
+                    this._type(source, args.text || "");
                     return;
                 }
-                case Handler.ReplacePreviousChar: {
+            case Handler.ReplacePreviousChar:
+                {
                     const args = payload;
-                    this._compositionType(source, args.text || '', args.replaceCharCnt || 0, 0, 0);
+                    this._compositionType(source, args.text || "", args.replaceCharCnt || 0, 0, 0);
                     return;
                 }
-                case Handler.CompositionType: {
+            case Handler.CompositionType:
+                {
                     const args = payload;
-                    this._compositionType(source, args.text || '', args.replacePrevCharCnt || 0, args.replaceNextCharCnt || 0, args.positionDelta || 0);
+                    this._compositionType(
+                        source,
+                        args.text || "",
+                        args.replacePrevCharCnt || 0,
+                        args.replaceNextCharCnt || 0,
+                        args.positionDelta || 0
+                    );
                     return;
                 }
-                case Handler.Paste: {
+            case Handler.Paste:
+                {
                     const args = payload;
-                    this._paste(source, args.text || '', args.pasteOnNewLine || false, args.multicursorText || null, args.mode || null, args.clipboardEvent);
+                    this._paste(
+                        source,
+                        args.text || "",
+                        args.pasteOnNewLine || false,
+                        args.multicursorText || null,
+                        args.mode || null,
+                        args.clipboardEvent
+                    );
                     return;
                 }
-                case Handler.Cut:
-                    this._cut(source);
-                    return;
+            case Handler.Cut:
+                this._cut(source);
+                return;
             }
             const action = this.getAction(handlerId);
             if (action) {
@@ -844,8 +991,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
                 return;
             }
             this._triggerCommand(handlerId, payload);
-        }
-        finally {
+        } finally {
             this._endUpdate();
         }
     }
@@ -872,11 +1018,11 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         if (!this._modelData || text.length === 0) {
             return;
         }
-        if (source === 'keyboard') {
+        if (source === "keyboard") {
             this._onWillType.fire(text);
         }
         this._modelData.viewModel.type(text, source);
-        if (source === 'keyboard') {
+        if (source === "keyboard") {
             this._onDidType.fire(text);
         }
     }
@@ -894,7 +1040,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         const startPosition = viewModel.getSelection().getStartPosition();
         viewModel.paste(text, pasteOnNewLine, multicursorText, source);
         const endPosition = viewModel.getSelection().getStartPosition();
-        if (source === 'keyboard') {
+        if (source === "keyboard") {
             this._onDidPaste.fire({
                 clipboardEvent,
                 range: ( new Range(
@@ -920,7 +1066,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             if (isObject(payload)) {
                 payload.source = source;
             }
-            this._instantiationService.invokeFunction((accessor) => {
+            this._instantiationService.invokeFunction(accessor => {
                 Promise.resolve(command.runEditorCommand(accessor, this, payload)).then(undefined, onUnexpectedError);
             });
             return true;
@@ -954,7 +1100,10 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         return true;
     }
     edit(edit, reason) {
-        return this.executeEdits(reason, ( edit.replacements.map(e => ({ range: e.range, text: e.text }))), undefined);
+        return this.executeEdits(reason, ( edit.replacements.map(e => ({
+            range: e.range,
+            text: e.text
+        }))), undefined);
     }
     executeEdits(source, edits, endCursorState) {
         if (!this._modelData) {
@@ -966,11 +1115,9 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         let cursorStateComputer;
         if (!endCursorState) {
             cursorStateComputer = () => null;
-        }
-        else if (Array.isArray(endCursorState)) {
+        } else if (Array.isArray(endCursorState)) {
             cursorStateComputer = () => endCursorState;
-        }
-        else {
+        } else {
             cursorStateComputer = endCursorState;
         }
         let sourceStr;
@@ -978,12 +1125,15 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         if (source instanceof TextModelEditSource) {
             reason = source;
             sourceStr = source.metadata.source;
-        }
-        else {
-            reason = EditSources.unknown({ name: sourceStr });
+        } else {
+            reason = EditSources.unknown({
+                name: source
+            });
             sourceStr = source;
         }
-        this._onBeforeExecuteEdit.fire({ source: sourceStr ?? undefined });
+        this._onBeforeExecuteEdit.fire({
+            source: sourceStr ?? undefined
+        });
         this._modelData.viewModel.executeEdits(sourceStr, edits, cursorStateComputer, reason);
         return true;
     }
@@ -1013,14 +1163,24 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             return null;
         }
         const options = this._configuration.options;
-        return this._modelData.model.getLineDecorations(lineNumber, this._id, filterValidationDecorations(options), filterFontDecorations(options));
+        return this._modelData.model.getLineDecorations(
+            lineNumber,
+            this._id,
+            filterValidationDecorations(options),
+            filterFontDecorations(options)
+        );
     }
     getDecorationsInRange(range) {
         if (!this._modelData) {
             return null;
         }
         const options = this._configuration.options;
-        return this._modelData.model.getDecorationsInRange(range, this._id, filterValidationDecorations(options), filterFontDecorations(options));
+        return this._modelData.model.getDecorationsInRange(
+            range,
+            this._id,
+            filterValidationDecorations(options),
+            filterFontDecorations(options)
+        );
     }
     getFontSizeAtPosition(position) {
         if (!this._modelData) {
@@ -1041,7 +1201,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         if (!this._modelData || decorationIds.length === 0) {
             return;
         }
-        this._modelData.model.changeDecorations((changeAccessor) => {
+        this._modelData.model.changeDecorations(changeAccessor => {
             changeAccessor.deltaDecorations(decorationIds, []);
         });
     }
@@ -1054,7 +1214,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             let typeKey = decorationTypeKey;
             if (decorationOption.renderOptions) {
                 const subType = ( hash(decorationOption.renderOptions).toString(16));
-                typeKey = decorationTypeKey + '-' + subType;
+                typeKey = decorationTypeKey + "-" + subType;
                 if (!oldDecorationsSubTypes[subType] && !newDecorationsSubTypes[subType]) {
                     this._registerDecorationType(description, typeKey, decorationOption.renderOptions, decorationTypeKey);
                 }
@@ -1064,30 +1224,40 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             if (decorationOption.hoverMessage) {
                 opts.hoverMessage = decorationOption.hoverMessage;
             }
-            newModelDecorations.push({ range: decorationOption.range, options: opts });
+            newModelDecorations.push({
+                range: decorationOption.range,
+                options: opts
+            });
         }
         for (const subType in oldDecorationsSubTypes) {
             if (!newDecorationsSubTypes[subType]) {
-                this._removeDecorationType(decorationTypeKey + '-' + subType);
+                this._removeDecorationType(decorationTypeKey + "-" + subType);
             }
         }
         const oldDecorationsIds = this._decorationTypeKeysToIds[decorationTypeKey] || [];
-        this.changeDecorations(accessor => this._decorationTypeKeysToIds[decorationTypeKey] = accessor.deltaDecorations(oldDecorationsIds, newModelDecorations));
+        this.changeDecorations(
+            accessor => this._decorationTypeKeysToIds[decorationTypeKey] = accessor.deltaDecorations(oldDecorationsIds, newModelDecorations)
+        );
         return this._decorationTypeKeysToIds[decorationTypeKey] || [];
     }
     setDecorationsByTypeFast(decorationTypeKey, ranges) {
         const oldDecorationsSubTypes = this._decorationTypeSubtypes[decorationTypeKey] || {};
         for (const subType in oldDecorationsSubTypes) {
-            this._removeDecorationType(decorationTypeKey + '-' + subType);
+            this._removeDecorationType(decorationTypeKey + "-" + subType);
         }
         this._decorationTypeSubtypes[decorationTypeKey] = {};
         const opts = ModelDecorationOptions.createDynamic(this._resolveDecorationOptions(decorationTypeKey, false));
         const newModelDecorations = ( new Array(ranges.length));
         for (let i = 0, len = ranges.length; i < len; i++) {
-            newModelDecorations[i] = { range: ranges[i], options: opts };
+            newModelDecorations[i] = {
+                range: ranges[i],
+                options: opts
+            };
         }
         const oldDecorationsIds = this._decorationTypeKeysToIds[decorationTypeKey] || [];
-        this.changeDecorations(accessor => this._decorationTypeKeysToIds[decorationTypeKey] = accessor.deltaDecorations(oldDecorationsIds, newModelDecorations));
+        this.changeDecorations(
+            accessor => this._decorationTypeKeysToIds[decorationTypeKey] = accessor.deltaDecorations(oldDecorationsIds, newModelDecorations)
+        );
     }
     removeDecorationsByType(decorationTypeKey) {
         const oldDecorationsIds = this._decorationTypeKeysToIds[decorationTypeKey];
@@ -1100,7 +1270,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         if (this._decorationTypeSubtypes.hasOwnProperty(decorationTypeKey)) {
             const items = this._decorationTypeSubtypes[decorationTypeKey];
             for (const subType of ( Object.keys(items))) {
-                this._removeDecorationType(decorationTypeKey + '-' + subType);
+                this._removeDecorationType(decorationTypeKey + "-" + subType);
             }
             delete this._decorationTypeSubtypes[decorationTypeKey];
         }
@@ -1167,7 +1337,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             position: widget.getPosition()
         };
         if (this._contentWidgets.hasOwnProperty(widget.getId())) {
-            console.warn('Overwriting a content widget with the same id:' + widget.getId());
+            console.warn("Overwriting a content widget with the same id:" + widget.getId());
         }
         this._contentWidgets[widget.getId()] = widgetData;
         if (this._modelData && this._modelData.hasRealView) {
@@ -1200,7 +1370,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             position: widget.getPosition()
         };
         if (this._overlayWidgets.hasOwnProperty(widget.getId())) {
-            console.warn('Overwriting an overlay widget with the same id.');
+            console.warn("Overwriting an overlay widget with the same id.");
         }
         this._overlayWidgets[widget.getId()] = widgetData;
         if (this._modelData && this._modelData.hasRealView) {
@@ -1233,7 +1403,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             position: widget.getPosition()
         };
         if (this._glyphMarginWidgets.hasOwnProperty(widget.getId())) {
-            console.warn('Overwriting a glyph margin widget with the same id.');
+            console.warn("Overwriting a glyph margin widget with the same id.");
         }
         this._glyphMarginWidgets[widget.getId()] = widgetData;
         if (this._modelData && this._modelData.hasRealView) {
@@ -1300,6 +1470,12 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         }
         return this._modelData.view.getLineWidth(lineNumber);
     }
+    resetLineWidthCaches() {
+        if (!this._modelData || !this._modelData.hasRealView) {
+            return;
+        }
+        this._modelData.view.resetLineWidthCaches();
+    }
     render(forceRedraw = false) {
         if (!this._modelData || !this._modelData.hasRealView) {
             return;
@@ -1308,6 +1484,14 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             this._modelData.view.render(true, forceRedraw);
         });
     }
+    renderAsync(forceRedraw = false) {
+        if (!this._modelData || !this._modelData.hasRealView) {
+            return;
+        }
+        this._modelData.viewModel.batchEvents(() => {
+            this._modelData.view.render(false, forceRedraw);
+        });
+    }
     setAriaOptions(options) {
         if (!this._modelData || !this._modelData.hasRealView) {
             return;
@@ -1333,7 +1517,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             return;
         }
         const listenersToRemove = [];
-        this._domElement.setAttribute('data-mode-id', model.getLanguageId());
+        this._domElement.setAttribute("data-mode-id", model.getLanguageId());
         this._configuration.setIsDominatedByLongLines(model.isDominatedByLongLines());
         this._configuration.setModelLineCount(model.getLineCount());
         const attachedView = model.onBeforeAttached();
@@ -1343,70 +1527,67 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             model,
             DOMLineBreaksComputerFactory.create(getWindow(this._domElement)),
             MonospaceLineBreaksComputerFactory.create(this._configuration.options),
-            (callback) => scheduleAtNextAnimationFrame(getWindow(this._domElement), callback),
+            callback => scheduleAtNextAnimationFrame(getWindow(this._domElement), callback),
             this.languageConfigurationService,
             this._themeService,
             attachedView,
             {
-                batchChanges: (cb) => {
+                batchChanges: cb => {
                     try {
                         this._beginUpdate();
                         return cb();
-                    }
-                    finally {
+                    } finally {
                         this._endUpdate();
                     }
-                },
+                }
             }
         ));
         listenersToRemove.push(model.onWillDispose(() => this.setModel(null)));
-        listenersToRemove.push(viewModel.onEvent((e) => {
+        listenersToRemove.push(viewModel.onEvent(e => {
             switch (e.kind) {
-                case OutgoingViewModelEventKind.ContentSizeChanged:
-                    this._onDidContentSizeChange.fire(e);
-                    break;
-                case OutgoingViewModelEventKind.FocusChanged:
-                    this._editorTextFocus.setValue(e.hasFocus);
-                    break;
-                case OutgoingViewModelEventKind.WidgetFocusChanged:
-                    this._editorWidgetFocus.setValue(e.hasFocus);
-                    break;
-                case OutgoingViewModelEventKind.ScrollChanged:
-                    this._onDidScrollChange.fire(e);
-                    break;
-                case OutgoingViewModelEventKind.ViewZonesChanged:
-                    this._onDidChangeViewZones.fire();
-                    break;
-                case OutgoingViewModelEventKind.HiddenAreasChanged:
-                    this._onDidChangeHiddenAreas.fire();
-                    break;
-                case OutgoingViewModelEventKind.ReadOnlyEditAttempt:
-                    this._onDidAttemptReadOnlyEdit.fire();
-                    break;
-                case OutgoingViewModelEventKind.CursorStateChanged: {
+            case OutgoingViewModelEventKind.ContentSizeChanged:
+                this._onDidContentSizeChange.fire(e);
+                break;
+            case OutgoingViewModelEventKind.FocusChanged:
+                this._editorTextFocus.setValue(e.hasFocus);
+                break;
+            case OutgoingViewModelEventKind.WidgetFocusChanged:
+                this._editorWidgetFocus.setValue(e.hasFocus);
+                break;
+            case OutgoingViewModelEventKind.ScrollChanged:
+                this._onDidScrollChange.fire(e);
+                break;
+            case OutgoingViewModelEventKind.ViewZonesChanged:
+                this._onDidChangeViewZones.fire();
+                break;
+            case OutgoingViewModelEventKind.HiddenAreasChanged:
+                this._onDidChangeHiddenAreas.fire();
+                break;
+            case OutgoingViewModelEventKind.ReadOnlyEditAttempt:
+                this._onDidAttemptReadOnlyEdit.fire();
+                break;
+            case OutgoingViewModelEventKind.CursorStateChanged:
+                {
                     if (e.reachedMaxCursorCount) {
                         const multiCursorLimit = this.getOption(EditorOption.multiCursorLimit);
                         const message = ( localize(
-                            151,
+                            154,
                             "The number of cursors has been limited to {0}. Consider using [find and replace](https://code.visualstudio.com/docs/editor/codebasics#_find-and-replace) for larger changes or increase the editor multi cursor limit setting.",
                             multiCursorLimit
                         ));
-                        this._notificationService.prompt(Severity$1.Warning, message, [
-                            {
-                                label: 'Find and Replace',
-                                run: () => {
-                                    this._commandService.executeCommand('editor.action.startFindReplaceAction');
-                                }
-                            },
-                            {
-                                label: ( localize(152, 'Increase Multi Cursor Limit')),
-                                run: () => {
-                                    this._commandService.executeCommand('workbench.action.openSettings2', {
-                                        query: 'editor.multiCursorLimit'
-                                    });
-                                }
+                        this._notificationService.prompt(Severity$1.Warning, message, [{
+                            label: "Find and Replace",
+                            run: () => {
+                                this._commandService.executeCommand("editor.action.startFindReplaceAction");
                             }
-                        ]);
+                        }, {
+                            label: ( localize(155, "Increase Multi Cursor Limit")),
+                            run: () => {
+                                this._commandService.executeCommand("workbench.action.openSettings2", {
+                                    query: "editor.multiCursorLimit"
+                                });
+                            }
+                        }]);
                     }
                     const positions = [];
                     for (let i = 0, len = e.selections.length; i < len; i++) {
@@ -1431,31 +1612,31 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
                     this._onDidChangeCursorSelection.fire(e2);
                     break;
                 }
-                case OutgoingViewModelEventKind.ModelDecorationsChanged:
-                    this._onDidChangeModelDecorations.fire(e.event);
-                    break;
-                case OutgoingViewModelEventKind.ModelLanguageChanged:
-                    this._domElement.setAttribute('data-mode-id', model.getLanguageId());
-                    this._onDidChangeModelLanguage.fire(e.event);
-                    break;
-                case OutgoingViewModelEventKind.ModelLanguageConfigurationChanged:
-                    this._onDidChangeModelLanguageConfiguration.fire(e.event);
-                    break;
-                case OutgoingViewModelEventKind.ModelContentChanged:
-                    this._onDidChangeModelContent.fire(e.event);
-                    break;
-                case OutgoingViewModelEventKind.ModelOptionsChanged:
-                    this._onDidChangeModelOptions.fire(e.event);
-                    break;
-                case OutgoingViewModelEventKind.ModelTokensChanged:
-                    this._onDidChangeModelTokens.fire(e.event);
-                    break;
-                case OutgoingViewModelEventKind.ModelLineHeightChanged:
-                    this._onDidChangeLineHeight.fire(e.event);
-                    break;
-                case OutgoingViewModelEventKind.ModelFontChangedEvent:
-                    this._onDidChangeFont.fire(e.event);
-                    break;
+            case OutgoingViewModelEventKind.ModelDecorationsChanged:
+                this._onDidChangeModelDecorations.fire(e.event);
+                break;
+            case OutgoingViewModelEventKind.ModelLanguageChanged:
+                this._domElement.setAttribute("data-mode-id", model.getLanguageId());
+                this._onDidChangeModelLanguage.fire(e.event);
+                break;
+            case OutgoingViewModelEventKind.ModelLanguageConfigurationChanged:
+                this._onDidChangeModelLanguageConfiguration.fire(e.event);
+                break;
+            case OutgoingViewModelEventKind.ModelContentChanged:
+                this._onDidChangeModelContent.fire(e.event);
+                break;
+            case OutgoingViewModelEventKind.ModelOptionsChanged:
+                this._onDidChangeModelOptions.fire(e.event);
+                break;
+            case OutgoingViewModelEventKind.ModelTokensChanged:
+                this._onDidChangeModelTokens.fire(e.event);
+                break;
+            case OutgoingViewModelEventKind.ModelLineHeightChanged:
+                this._onDidChangeLineHeight.fire(e.event);
+                break;
+            case OutgoingViewModelEventKind.ModelFontChangedEvent:
+                this._onDidChangeFont.fire(e.event);
+                break;
             }
         }));
         const [view, hasRealView] = this._createView(viewModel);
@@ -1477,7 +1658,10 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
                 view.addGlyphMarginWidget(this._glyphMarginWidgets[widgetId]);
             }
             view.render(false, true);
-            view.domNode.domNode.setAttribute('data-uri', ( model.uri.toString()));
+            view.domNode.domNode.setAttribute("data-uri", ( model.uri.toString()));
+            listenersToRemove.push(view.onWillCopy(e => this._onWillCopy.fire(e)));
+            listenersToRemove.push(view.onWillCut(e => this._onWillCut.fire(e)));
+            listenersToRemove.push(view.onWillPaste(e => this._onWillPaste.fire(e)));
         }
         this._modelData = ( new ModelData(model, viewModel, view, hasRealView, listenersToRemove, attachedView));
     }
@@ -1486,42 +1670,55 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         if (this.isSimpleWidget) {
             commandDelegate = {
                 paste: (text, pasteOnNewLine, multicursorText, mode) => {
-                    this._paste('keyboard', text, pasteOnNewLine, multicursorText, mode);
+                    this._paste("keyboard", text, pasteOnNewLine, multicursorText, mode);
                 },
-                type: (text) => {
-                    this._type('keyboard', text);
+                type: text => {
+                    this._type("keyboard", text);
                 },
                 compositionType: (text, replacePrevCharCnt, replaceNextCharCnt, positionDelta) => {
-                    this._compositionType('keyboard', text, replacePrevCharCnt, replaceNextCharCnt, positionDelta);
+                    this._compositionType("keyboard", text, replacePrevCharCnt, replaceNextCharCnt, positionDelta);
                 },
                 startComposition: () => {
                     this._startComposition();
                 },
                 endComposition: () => {
-                    this._endComposition('keyboard');
+                    this._endComposition("keyboard");
                 },
                 cut: () => {
-                    this._cut('keyboard');
+                    this._cut("keyboard");
                 }
             };
-        }
-        else {
+        } else {
             commandDelegate = {
                 paste: (text, pasteOnNewLine, multicursorText, mode) => {
-                    const payload = { text, pasteOnNewLine, multicursorText, mode };
+                    const payload = {
+                        text,
+                        pasteOnNewLine,
+                        multicursorText,
+                        mode
+                    };
                     this._commandService.executeCommand(Handler.Paste, payload);
                 },
-                type: (text) => {
-                    const payload = { text };
+                type: text => {
+                    const payload = {
+                        text
+                    };
                     this._commandService.executeCommand(Handler.Type, payload);
                 },
                 compositionType: (text, replacePrevCharCnt, replaceNextCharCnt, positionDelta) => {
                     if (replaceNextCharCnt || positionDelta) {
-                        const payload = { text, replacePrevCharCnt, replaceNextCharCnt, positionDelta };
+                        const payload = {
+                            text,
+                            replacePrevCharCnt,
+                            replaceNextCharCnt,
+                            positionDelta
+                        };
                         this._commandService.executeCommand(Handler.CompositionType, payload);
-                    }
-                    else {
-                        const payload = { text, replaceCharCnt: replacePrevCharCnt };
+                    } else {
+                        const payload = {
+                            text,
+                            replaceCharCnt: replacePrevCharCnt
+                        };
                         this._commandService.executeCommand(Handler.ReplacePreviousChar, payload);
                     }
                 },
@@ -1537,17 +1734,17 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             };
         }
         const viewUserInputEvents = ( new ViewUserInputEvents(viewModel.coordinatesConverter));
-        viewUserInputEvents.onKeyDown = (e) => this._onKeyDown.fire(e);
-        viewUserInputEvents.onKeyUp = (e) => this._onKeyUp.fire(e);
-        viewUserInputEvents.onContextMenu = (e) => this._onContextMenu.fire(e);
-        viewUserInputEvents.onMouseMove = (e) => this._onMouseMove.fire(e);
-        viewUserInputEvents.onMouseLeave = (e) => this._onMouseLeave.fire(e);
-        viewUserInputEvents.onMouseDown = (e) => this._onMouseDown.fire(e);
-        viewUserInputEvents.onMouseUp = (e) => this._onMouseUp.fire(e);
-        viewUserInputEvents.onMouseDrag = (e) => this._onMouseDrag.fire(e);
-        viewUserInputEvents.onMouseDrop = (e) => this._onMouseDrop.fire(e);
-        viewUserInputEvents.onMouseDropCanceled = (e) => this._onMouseDropCanceled.fire(e);
-        viewUserInputEvents.onMouseWheel = (e) => this._onMouseWheel.fire(e);
+        viewUserInputEvents.onKeyDown = e => this._onKeyDown.fire(e);
+        viewUserInputEvents.onKeyUp = e => this._onKeyUp.fire(e);
+        viewUserInputEvents.onContextMenu = e => this._onContextMenu.fire(e);
+        viewUserInputEvents.onMouseMove = e => this._onMouseMove.fire(e);
+        viewUserInputEvents.onMouseLeave = e => this._onMouseLeave.fire(e);
+        viewUserInputEvents.onMouseDown = e => this._onMouseDown.fire(e);
+        viewUserInputEvents.onMouseUp = e => this._onMouseUp.fire(e);
+        viewUserInputEvents.onMouseDrag = e => this._onMouseDrag.fire(e);
+        viewUserInputEvents.onMouseDrop = e => this._onMouseDrop.fire(e);
+        viewUserInputEvents.onMouseDropCanceled = e => this._onMouseDropCanceled.fire(e);
+        viewUserInputEvents.onMouseWheel = e => this._onMouseWheel.fire(e);
         const view = ( new View(
             this._domElement,
             this.getId(),
@@ -1574,7 +1771,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         const removeDomNode = this._modelData.hasRealView ? this._modelData.view.domNode.domNode : null;
         this._modelData.dispose();
         this._modelData = null;
-        this._domElement.removeAttribute('data-mode-id');
+        this._domElement.removeAttribute("data-mode-id");
         if (removeDomNode && this._domElement.contains(removeDomNode)) {
             removeDomNode.remove();
         }
@@ -1600,9 +1797,9 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
     }
     showDropIndicatorAt(position) {
         const newDecorations = [{
-                range: ( new Range(position.lineNumber, position.column, position.lineNumber, position.column)),
-                options: CodeEditorWidget_1.dropIntoEditorDecorationOptions
-            }];
+            range: ( new Range(position.lineNumber, position.column, position.lineNumber, position.column)),
+            options: CodeEditorWidget_1.dropIntoEditorDecorationOptions
+        }];
         this._dropIntoEditorDecorations.set(newDecorations);
         this.revealPosition(position, ScrollType.Immediate);
     }
@@ -1625,18 +1822,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         }
     }
 };
-CodeEditorWidget = CodeEditorWidget_1 = ( __decorate([
-    ( __param(3, IInstantiationService)),
-    ( __param(4, ICodeEditorService)),
-    ( __param(5, ICommandService)),
-    ( __param(6, IContextKeyService)),
-    ( __param(7, IThemeService)),
-    ( __param(8, INotificationService)),
-    ( __param(9, IAccessibilityService)),
-    ( __param(10, ILanguageConfigurationService)),
-    ( __param(11, ILanguageFeaturesService)),
-    ( __param(12, IKeybindingService))
-], CodeEditorWidget));
+CodeEditorWidget = CodeEditorWidget_1 = ( __decorate([( __param(3, IInstantiationService)), ( __param(4, ICodeEditorService)), ( __param(5, ICommandService)), ( __param(6, IContextKeyService)), ( __param(7, IThemeService)), ( __param(8, INotificationService)), ( __param(9, IAccessibilityService)), ( __param(10, ILanguageConfigurationService)), ( __param(11, ILanguageFeaturesService)), ( __param(12, IKeybindingService))], CodeEditorWidget));
 let EDITOR_ID = 0;
 class ModelData {
     constructor(model, viewModel, view, hasRealView, listenersToRemove, attachedView) {
@@ -1657,7 +1843,7 @@ class ModelData {
     }
 }
 var BooleanEventValue;
-(function (BooleanEventValue) {
+(function(BooleanEventValue) {
     BooleanEventValue[BooleanEventValue["NotSet"] = 0] = "NotSet";
     BooleanEventValue[BooleanEventValue["False"] = 1] = "False";
     BooleanEventValue[BooleanEventValue["True"] = 2] = "True";
@@ -1680,15 +1866,16 @@ class BooleanEventEmitter extends Disposable {
         this._value = value;
         if (this._value === BooleanEventValue.True) {
             this._onDidChangeToTrue.fire();
-        }
-        else if (this._value === BooleanEventValue.False) {
+        } else if (this._value === BooleanEventValue.False) {
             this._onDidChangeToFalse.fire();
         }
     }
 }
 class InteractionEmitter extends Emitter {
     constructor(_contributions, deliveryQueue) {
-        super({ deliveryQueue });
+        super({
+            deliveryQueue
+        });
         this._contributions = _contributions;
     }
     fire(event) {
@@ -1700,7 +1887,7 @@ class EditorContextKeysManager extends Disposable {
     constructor(editor, contextKeyService) {
         super();
         this._editor = editor;
-        contextKeyService.createKey('editorId', editor.getId());
+        contextKeyService.createKey("editorId", editor.getId());
         this._editorSimpleInput = EditorContextKeys.editorSimpleInput.bindTo(contextKeyService);
         this._editorFocus = EditorContextKeys.focus.bindTo(contextKeyService);
         this._textInputFocus = EditorContextKeys.textInputFocus.bindTo(contextKeyService);
@@ -1721,7 +1908,9 @@ class EditorContextKeysManager extends Disposable {
         this._register(this._editor.onDidBlurEditorText(() => this._updateFromFocus()));
         this._register(this._editor.onDidChangeModel(() => this._updateFromModel()));
         this._register(this._editor.onDidChangeConfiguration(() => this._updateFromModel()));
-        this._register(TabFocus.onDidChangeTabFocus((tabFocusMode) => this._tabMovesFocus.set(tabFocusMode)));
+        this._register(
+            TabFocus.onDidChangeTabFocus(tabFocusMode => this._tabMovesFocus.set(tabFocusMode))
+        );
         this._updateFromConfig();
         this._updateFromSelection();
         this._updateFromFocus();
@@ -1740,8 +1929,7 @@ class EditorContextKeysManager extends Disposable {
         if (!selections) {
             this._hasMultipleSelections.reset();
             this._hasNonEmptySelection.reset();
-        }
-        else {
+        } else {
             this._hasMultipleSelections.set(selections.length > 1);
             this._hasNonEmptySelection.set(( selections.some(s => !s.isEmpty())));
         }
@@ -1798,8 +1986,12 @@ class EditorModeContext extends Disposable {
         this._register(_languageFeaturesService.documentSymbolProvider.onDidChange(update));
         this._register(_languageFeaturesService.referenceProvider.onDidChange(update));
         this._register(_languageFeaturesService.renameProvider.onDidChange(update));
-        this._register(_languageFeaturesService.documentFormattingEditProvider.onDidChange(update));
-        this._register(_languageFeaturesService.documentRangeFormattingEditProvider.onDidChange(update));
+        this._register(
+            _languageFeaturesService.documentFormattingEditProvider.onDidChange(update)
+        );
+        this._register(
+            _languageFeaturesService.documentRangeFormattingEditProvider.onDidChange(update)
+        );
         this._register(_languageFeaturesService.signatureHelpProvider.onDidChange(update));
         this._register(_languageFeaturesService.inlayHintsProvider.onDidChange(update));
         update();
@@ -1852,9 +2044,15 @@ class EditorModeContext extends Disposable {
             this._hasInlayHintsProvider.set(( this._languageFeaturesService.inlayHintsProvider.has(model)));
             this._hasDocumentFormattingProvider.set(( this._languageFeaturesService.documentFormattingEditProvider.has(model)) || ( this._languageFeaturesService.documentRangeFormattingEditProvider.has(model)));
             this._hasDocumentSelectionFormattingProvider.set(( this._languageFeaturesService.documentRangeFormattingEditProvider.has(model)));
-            this._hasMultipleDocumentFormattingProvider.set(this._languageFeaturesService.documentFormattingEditProvider.all(model).length + this._languageFeaturesService.documentRangeFormattingEditProvider.all(model).length > 1);
-            this._hasMultipleDocumentSelectionFormattingProvider.set(this._languageFeaturesService.documentRangeFormattingEditProvider.all(model).length > 1);
-            this._isInEmbeddedEditor.set(model.uri.scheme === Schemas.walkThroughSnippet || model.uri.scheme === Schemas.vscodeChatCodeBlock);
+            this._hasMultipleDocumentFormattingProvider.set(
+                this._languageFeaturesService.documentFormattingEditProvider.all(model).length + this._languageFeaturesService.documentRangeFormattingEditProvider.all(model).length > 1
+            );
+            this._hasMultipleDocumentSelectionFormattingProvider.set(
+                this._languageFeaturesService.documentRangeFormattingEditProvider.all(model).length > 1
+            );
+            this._isInEmbeddedEditor.set(
+                model.uri.scheme === Schemas.walkThroughSnippet || model.uri.scheme === Schemas.vscodeChatCodeBlock
+            );
         });
     }
 }
@@ -1871,7 +2069,7 @@ class EditorDecorationsCollection {
         }
     }
     onDidChange(listener, thisArgs, disposables) {
-        return this._editor.onDidChangeModelDecorations((e) => {
+        return this._editor.onDidChangeModelDecorations(e => {
             if (this._isChangingDecorations) {
                 return;
             }
@@ -1913,11 +2111,10 @@ class EditorDecorationsCollection {
     set(newDecorations) {
         try {
             this._isChangingDecorations = true;
-            this._editor.changeDecorations((accessor) => {
+            this._editor.changeDecorations(accessor => {
                 this._decorationIds = accessor.deltaDecorations(this._decorationIds, newDecorations);
             });
-        }
-        finally {
+        } finally {
             this._isChangingDecorations = false;
         }
         return this._decorationIds;
@@ -1926,52 +2123,77 @@ class EditorDecorationsCollection {
         let newDecorationIds = [];
         try {
             this._isChangingDecorations = true;
-            this._editor.changeDecorations((accessor) => {
+            this._editor.changeDecorations(accessor => {
                 newDecorationIds = accessor.deltaDecorations([], newDecorations);
                 this._decorationIds = this._decorationIds.concat(newDecorationIds);
             });
-        }
-        finally {
+        } finally {
             this._isChangingDecorations = false;
         }
         return newDecorationIds;
     }
 }
-const squigglyStart = encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 3' enable-background='new 0 0 6 3' height='3' width='6'><g fill='`);
-const squigglyEnd = encodeURIComponent(`'><polygon points='5.5,0 2.5,3 1.1,3 4.1,0'/><polygon points='4,0 6,2 6,0.6 5.4,0'/><polygon points='0,2 1,3 2.4,3 0,0.6'/></g></svg>`);
+const squigglyStart = encodeURIComponent(
+    `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 3' enable-background='new 0 0 6 3' height='3' width='6'><g fill='`
+);
+const squigglyEnd = encodeURIComponent(
+    `'><polygon points='5.5,0 2.5,3 1.1,3 4.1,0'/><polygon points='4,0 6,2 6,0.6 5.4,0'/><polygon points='0,2 1,3 2.4,3 0,0.6'/></g></svg>`
+);
 function getSquigglySVGData(color) {
     return squigglyStart + encodeURIComponent(( color.toString())) + squigglyEnd;
 }
 const dotdotdotStart = encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" height="3" width="12"><g fill="`);
-const dotdotdotEnd = encodeURIComponent(`"><circle cx="1" cy="1" r="1"/><circle cx="5" cy="1" r="1"/><circle cx="9" cy="1" r="1"/></g></svg>`);
+const dotdotdotEnd = encodeURIComponent(
+    `"><circle cx="1" cy="1" r="1"/><circle cx="5" cy="1" r="1"/><circle cx="9" cy="1" r="1"/></g></svg>`
+);
 function getDotDotDotSVGData(color) {
     return dotdotdotStart + encodeURIComponent(( color.toString())) + dotdotdotEnd;
 }
 registerThemingParticipant((theme, collector) => {
     const errorForeground = theme.getColor(editorErrorForeground);
     if (errorForeground) {
-        collector.addRule(`.monaco-editor .${ClassName.EditorErrorDecoration} { background: url("data:image/svg+xml,${getSquigglySVGData(errorForeground)}") repeat-x bottom left; }`);
-        collector.addRule(`:root { --monaco-editor-error-decoration: url("data:image/svg+xml,${getSquigglySVGData(errorForeground)}"); }`);
+        collector.addRule(
+            `.monaco-editor .${ClassName.EditorErrorDecoration} { background: url("data:image/svg+xml,${getSquigglySVGData(errorForeground)}") repeat-x bottom left; }`
+        );
+        collector.addRule(
+            `:root { --monaco-editor-error-decoration: url("data:image/svg+xml,${getSquigglySVGData(errorForeground)}"); }`
+        );
     }
     const warningForeground = theme.getColor(editorWarningForeground);
     if (warningForeground) {
-        collector.addRule(`.monaco-editor .${ClassName.EditorWarningDecoration} { background: url("data:image/svg+xml,${getSquigglySVGData(warningForeground)}") repeat-x bottom left; }`);
-        collector.addRule(`:root { --monaco-editor-warning-decoration: url("data:image/svg+xml,${getSquigglySVGData(warningForeground)}"); }`);
+        collector.addRule(
+            `.monaco-editor .${ClassName.EditorWarningDecoration} { background: url("data:image/svg+xml,${getSquigglySVGData(warningForeground)}") repeat-x bottom left; }`
+        );
+        collector.addRule(
+            `:root { --monaco-editor-warning-decoration: url("data:image/svg+xml,${getSquigglySVGData(warningForeground)}"); }`
+        );
     }
     const infoForeground = theme.getColor(editorInfoForeground);
     if (infoForeground) {
-        collector.addRule(`.monaco-editor .${ClassName.EditorInfoDecoration} { background: url("data:image/svg+xml,${getSquigglySVGData(infoForeground)}") repeat-x bottom left; }`);
-        collector.addRule(`:root { --monaco-editor-info-decoration: url("data:image/svg+xml,${getSquigglySVGData(infoForeground)}"); }`);
+        collector.addRule(
+            `.monaco-editor .${ClassName.EditorInfoDecoration} { background: url("data:image/svg+xml,${getSquigglySVGData(infoForeground)}") repeat-x bottom left; }`
+        );
+        collector.addRule(
+            `:root { --monaco-editor-info-decoration: url("data:image/svg+xml,${getSquigglySVGData(infoForeground)}"); }`
+        );
     }
     const hintForeground = theme.getColor(editorHintForeground);
     if (hintForeground) {
-        collector.addRule(`.monaco-editor .${ClassName.EditorHintDecoration} { background: url("data:image/svg+xml,${getDotDotDotSVGData(hintForeground)}") no-repeat bottom left; }`);
-        collector.addRule(`:root { --monaco-editor-hint-decoration: url("data:image/svg+xml,${getDotDotDotSVGData(hintForeground)}"); }`);
+        collector.addRule(
+            `.monaco-editor .${ClassName.EditorHintDecoration} { background: url("data:image/svg+xml,${getDotDotDotSVGData(hintForeground)}") no-repeat bottom left; }`
+        );
+        collector.addRule(
+            `:root { --monaco-editor-hint-decoration: url("data:image/svg+xml,${getDotDotDotSVGData(hintForeground)}"); }`
+        );
     }
     const unnecessaryForeground = theme.getColor(editorUnnecessaryCodeOpacity);
     if (unnecessaryForeground) {
-        collector.addRule(`.monaco-editor.showUnused .${ClassName.EditorUnnecessaryInlineDecoration} { opacity: ${unnecessaryForeground.rgba.a}; }`);
-        collector.addRule(`:root { --monaco-editor-unnecessary-decoration-opacity: ${unnecessaryForeground.rgba.a}; }`);
+        collector.addRule(
+            `.monaco-editor.showUnused .${ClassName.EditorUnnecessaryInlineDecoration} { opacity: ${unnecessaryForeground.rgba.a}; }`
+        );
+        collector.addRule(
+            `:root { --monaco-editor-unnecessary-decoration-opacity: ${unnecessaryForeground.rgba.a}; }`
+        );
     }
 });