@codingame/monaco-vscode-api 19.0.2 → 19.1.1

package/vscode/src/vs/editor/browser/widget/diffEditor/components/diffEditorViewZones/diffEditorViewZones.js

@@ -1,6 +1,6 @@
 
 import { __decorate, __param } from '../../../../../../../../../external/tslib/tslib.es6.js';
-import { addDisposableListener, $ } from '../../../../../../base/browser/dom.js';
+import { createElement, addDisposableListener, $ } from '../../../../../../base/browser/dom.js';
 import { ArrayQueue } from '../../../../../../base/common/arrays.js';
 import { RunOnceScheduler } from '../../../../../../base/common/async.js';
 import { Codicon } from '../../../../../../base/common/codicons.js';
@@ -91,7 +91,7 @@ let DiffEditorViewZones = class DiffEditorViewZones extends Disposable {
             return computeRangeAlignment(this._editors.original, this._editors.modified, mappings, this._origViewZonesToIgnore, this._modViewZonesToIgnore, true);
         });
         function createFakeLinesDiv() {
-            const r = document.createElement('div');
+            const r = createElement('div');
             r.className = 'diagonal-fill';
             return r;
         }
@@ -105,7 +105,7 @@ let DiffEditorViewZones = class DiffEditorViewZones extends Disposable {
             if (modifiedTopPaddingVal > 0) {
                 modViewZones.push({
                     afterLineNumber: 0,
-                    domNode: document.createElement('div'),
+                    domNode: createElement('div'),
                     heightInPx: modifiedTopPaddingVal,
                     showInHiddenAreas: true,
                     suppressMouseDown: true,
@@ -115,7 +115,7 @@ let DiffEditorViewZones = class DiffEditorViewZones extends Disposable {
             if (originalTopPaddingVal > 0) {
                 origViewZones.push({
                     afterLineNumber: 0,
-                    domNode: document.createElement('div'),
+                    domNode: createElement('div'),
                     heightInPx: originalTopPaddingVal,
                     showInHiddenAreas: true,
                     suppressMouseDown: true,
@@ -147,7 +147,7 @@ let DiffEditorViewZones = class DiffEditorViewZones extends Disposable {
                 if (a.diff && !renderSideBySide && (!this._options.useTrueInlineDiffRendering.read(reader) || !allowsTrueInlineDiffRendering(a.diff))) {
                     if (!a.originalRange.isEmpty) {
                         originalModelTokenizationCompleted.read(reader);
-                        const deletedCodeDomNode = document.createElement('div');
+                        const deletedCodeDomNode = createElement('div');
                         deletedCodeDomNode.classList.add('view-lines', 'line-delete', 'monaco-mouse-cursor-text');
                         const originalModel = this._editors.original.getModel();
                         if (a.originalRange.endLineNumberExclusive - 1 > originalModel.getLineCount()) {
@@ -168,12 +168,12 @@ let DiffEditorViewZones = class DiffEditorViewZones extends Disposable {
                             )));
                         }
                         const result = renderLines(source, renderOptions, decorations, deletedCodeDomNode);
-                        const marginDomNode = document.createElement('div');
+                        const marginDomNode = createElement('div');
                         marginDomNode.className = 'inline-deleted-margin-view-zone';
                         applyFontInfo(marginDomNode, renderOptions.fontInfo);
                         if (this._options.renderIndicators.read(reader)) {
                             for (let i = 0; i < result.heightInLines; i++) {
-                                const marginElement = document.createElement('div');
+                                const marginElement = createElement('div');
                                 marginElement.className = `delete-sign ${ThemeIcon.asClassName(diffRemoveIcon)}`;
                                 marginElement.setAttribute('style', `position:absolute;top:${i * modLineHeight}px;width:${renderOptions.lineDecorationsWidth}px;height:${modLineHeight}px;right:0;`);
                                 marginDomNode.appendChild(marginElement);
@@ -214,7 +214,7 @@ let DiffEditorViewZones = class DiffEditorViewZones extends Disposable {
                             suppressMouseDown: true,
                         });
                     }
-                    const marginDomNode = document.createElement('div');
+                    const marginDomNode = createElement('div');
                     marginDomNode.className = 'gutter-delete';
                     origViewZones.push({
                         afterLineNumber: a.originalRange.endLineNumberExclusive - 1,
@@ -244,7 +244,7 @@ let DiffEditorViewZones = class DiffEditorViewZones extends Disposable {
                             continue;
                         }
                         function createViewZoneMarginArrow() {
-                            const arrow = document.createElement('div');
+                            const arrow = createElement('div');
                             arrow.className = 'arrow-revert-change ' + ThemeIcon.asClassName(Codicon.arrowRight);
                             reader.store.add(addDisposableListener(arrow, 'mousedown', e => e.stopPropagation()));
                             reader.store.add(addDisposableListener(arrow, 'click', e => {

package/vscode/src/vs/editor/browser/widget/diffEditor/components/diffEditorViewZones/inlineDiffDeletedCodeMargin.js

@@ -1,5 +1,5 @@
 
-import { addStandardDisposableListener, getDomNodePagePosition } from '../../../../../../base/browser/dom.js';
+import { createElement, addStandardDisposableListener, getDomNodePagePosition } from '../../../../../../base/browser/dom.js';
 import { Action } from '../../../../../../base/common/actions.js';
 import { Codicon } from '../../../../../../base/common/codicons.js';
 import { Disposable } from '../../../../../../base/common/lifecycle.js';
@@ -33,7 +33,7 @@ class InlineDiffDeletedCodeMargin extends Disposable {
         this._clipboardService = _clipboardService;
         this._visibility = false;
         this._marginDomNode.style.zIndex = '10';
-        this._diffActions = document.createElement('div');
+        this._diffActions = createElement('div');
         this._diffActions.className = ThemeIcon.asClassName(Codicon.lightBulb) + ' lightbulb-glyph';
         this._diffActions.style.position = 'absolute';
         const lineHeight = this._modifiedEditor.getOption(EditorOption.lineHeight);

package/vscode/src/vs/editor/browser/widget/diffEditor/diffEditorWidget.d.ts

@@ -4,6 +4,7 @@ import { ITransaction } from "../../../../base/common/observable.js";
 import { IAccessibilitySignalService } from "../../../../platform/accessibilitySignal/browser/accessibilitySignalService.service.js";
 import { IContextKeyService } from "../../../../platform/contextkey/common/contextkey.service.js";
 import { IInstantiationService } from "../../../../platform/instantiation/common/instantiation.js";
+import { IKeybindingService } from "../../../../platform/keybinding/common/keybinding.service.js";
 import { IEditorProgressService } from "../../../../platform/progress/common/progress.service.js";
 import { IDiffEditorOptions } from "../../../common/config/editorOptions.js";
 import { IDimension } from "../../../common/core/2d/dimension.js";
@@ -29,6 +30,7 @@ export declare class DiffEditorWidget extends DelegatingEditor implements IDiffE
     private readonly _parentInstantiationService;
     private readonly _accessibilitySignalService;
     private readonly _editorProgressService;
+    private readonly keybindingService;
     static ENTIRE_DIFF_OVERVIEW_WIDTH: number;
     private readonly elements;
     private readonly _diffModelSrc;
@@ -50,7 +52,7 @@ export declare class DiffEditorWidget extends DelegatingEditor implements IDiffE
     private readonly _movedBlocksLinesPart;
     private readonly _gutter;
     get collapseUnchangedRegions(): boolean;
-    constructor(_domElement: HTMLElement, options: Readonly<IDiffEditorConstructionOptions>, codeEditorWidgetOptions: IDiffCodeEditorWidgetOptions, _parentContextKeyService: IContextKeyService, _parentInstantiationService: IInstantiationService, codeEditorService: ICodeEditorService, _accessibilitySignalService: IAccessibilitySignalService, _editorProgressService: IEditorProgressService);
+    constructor(_domElement: HTMLElement, options: Readonly<IDiffEditorConstructionOptions>, codeEditorWidgetOptions: IDiffCodeEditorWidgetOptions, _parentContextKeyService: IContextKeyService, _parentInstantiationService: IInstantiationService, codeEditorService: ICodeEditorService, _accessibilitySignalService: IAccessibilitySignalService, _editorProgressService: IEditorProgressService, keybindingService: IKeybindingService);
     getViewWidth(): number;
     getContentHeight(): number;
     protected _createInnerEditor(instantiationService: IInstantiationService, container: HTMLElement, options: Readonly<IEditorConstructionOptions>, editorWidgetOptions: ICodeEditorWidgetOptions): CodeEditorWidget;

package/vscode/src/vs/editor/browser/widget/diffEditor/diffEditorWidget.js

@@ -13,6 +13,7 @@ import { IAccessibilitySignalService } from '../../../../platform/accessibilityS
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.service.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { ServiceCollection } from '../../../../platform/instantiation/common/serviceCollection.js';
+import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.service.js';
 import { bindContextKey } from '../../../../platform/observable/common/platformObservableUtils.js';
 import { IEditorProgressService } from '../../../../platform/progress/common/progress.service.js';
 import { Position } from '../../../common/core/position.js';
@@ -51,13 +52,14 @@ let DiffEditorWidget = class DiffEditorWidget extends DelegatingEditor {
     static { this.ENTIRE_DIFF_OVERVIEW_WIDTH = OverviewRulerFeature.ENTIRE_DIFF_OVERVIEW_WIDTH; }
     get onDidContentSizeChange() { return this._editors.onDidContentSizeChange; }
     get collapseUnchangedRegions() { return this._options.hideUnchangedRegions.get(); }
-    constructor(_domElement, options, codeEditorWidgetOptions, _parentContextKeyService, _parentInstantiationService, codeEditorService, _accessibilitySignalService, _editorProgressService) {
+    constructor(_domElement, options, codeEditorWidgetOptions, _parentContextKeyService, _parentInstantiationService, codeEditorService, _accessibilitySignalService, _editorProgressService, keybindingService) {
         super();
         this._domElement = _domElement;
         this._parentContextKeyService = _parentContextKeyService;
         this._parentInstantiationService = _parentInstantiationService;
         this._accessibilitySignalService = _accessibilitySignalService;
         this._editorProgressService = _editorProgressService;
+        this.keybindingService = keybindingService;
         this.elements = h('div.monaco-diff-editor.side-by-side', { style: { position: 'relative', height: '100%' } }, [
             h('div.editor.original@original', { style: { position: 'absolute', height: '100%', } }),
             h('div.editor.modified@modified', { style: { position: 'absolute', height: '100%', } }),
@@ -244,6 +246,7 @@ let DiffEditorWidget = class DiffEditorWidget extends DelegatingEditor {
         this._register(autorun(reader => {
             this._options.setModel(this._diffModel.read(reader));
         }));
+        this._register(this.keybindingService.registerContainer(this.getContainerDomNode()));
     }
     getViewWidth() {
         return this._rootSizeObserver.width.get();
@@ -516,7 +519,8 @@ DiffEditorWidget = ( __decorate([
     ( __param(4, IInstantiationService)),
     ( __param(5, ICodeEditorService)),
     ( __param(6, IAccessibilitySignalService)),
-    ( __param(7, IEditorProgressService))
+    ( __param(7, IEditorProgressService)),
+    ( __param(8, IKeybindingService))
 ], DiffEditorWidget));
 function toLineChanges(state) {
     return ( state.mappings.map(x => {

package/vscode/src/vs/editor/browser/widget/diffEditor/embeddedDiffEditorWidget.d.ts

@@ -6,10 +6,11 @@ import { IAccessibilitySignalService } from "../../../../platform/accessibilityS
 import { IContextKeyService } from "../../../../platform/contextkey/common/contextkey.service.js";
 import { IInstantiationService } from "../../../../platform/instantiation/common/instantiation.js";
 import { IEditorProgressService } from "../../../../platform/progress/common/progress.service.js";
+import { IKeybindingService } from "../../../../platform/keybinding/common/keybinding.service.js";
 export declare class EmbeddedDiffEditorWidget extends DiffEditorWidget {
     private readonly _parentEditor;
     private readonly _overwriteOptions;
-    constructor(domElement: HTMLElement, options: Readonly<IDiffEditorConstructionOptions>, codeEditorWidgetOptions: IDiffCodeEditorWidgetOptions, parentEditor: ICodeEditor, contextKeyService: IContextKeyService, instantiationService: IInstantiationService, codeEditorService: ICodeEditorService, accessibilitySignalService: IAccessibilitySignalService, editorProgressService: IEditorProgressService);
+    constructor(domElement: HTMLElement, options: Readonly<IDiffEditorConstructionOptions>, codeEditorWidgetOptions: IDiffCodeEditorWidgetOptions, parentEditor: ICodeEditor, contextKeyService: IContextKeyService, instantiationService: IInstantiationService, codeEditorService: ICodeEditorService, accessibilitySignalService: IAccessibilitySignalService, editorProgressService: IEditorProgressService, keybindingService: IKeybindingService);
     getParentEditor(): ICodeEditor;
     private _onParentConfigurationChanged;
     updateOptions(newOptions: IEditorOptions): void;

package/vscode/src/vs/editor/browser/widget/diffEditor/embeddedDiffEditorWidget.js

@@ -7,10 +7,11 @@ import { IAccessibilitySignalService } from '../../../../platform/accessibilityS
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.service.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { IEditorProgressService } from '../../../../platform/progress/common/progress.service.js';
+import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.service.js';
 
 let EmbeddedDiffEditorWidget = class EmbeddedDiffEditorWidget extends DiffEditorWidget {
-    constructor(domElement, options, codeEditorWidgetOptions, parentEditor, contextKeyService, instantiationService, codeEditorService, accessibilitySignalService, editorProgressService) {
-        super(domElement, parentEditor.getRawOptions(), codeEditorWidgetOptions, contextKeyService, instantiationService, codeEditorService, accessibilitySignalService, editorProgressService);
+    constructor(domElement, options, codeEditorWidgetOptions, parentEditor, contextKeyService, instantiationService, codeEditorService, accessibilitySignalService, editorProgressService, keybindingService) {
+        super(domElement, parentEditor.getRawOptions(), codeEditorWidgetOptions, contextKeyService, instantiationService, codeEditorService, accessibilitySignalService, editorProgressService, keybindingService);
         this._parentEditor = parentEditor;
         this._overwriteOptions = options;
         super.updateOptions(this._overwriteOptions);
@@ -33,7 +34,8 @@ EmbeddedDiffEditorWidget = ( __decorate([
     ( __param(5, IInstantiationService)),
     ( __param(6, ICodeEditorService)),
     ( __param(7, IAccessibilitySignalService)),
-    ( __param(8, IEditorProgressService))
+    ( __param(8, IEditorProgressService)),
+    ( __param(9, IKeybindingService))
 ], EmbeddedDiffEditorWidget));
 
 export { EmbeddedDiffEditorWidget };

package/vscode/src/vs/editor/browser/widget/diffEditor/features/movedBlocksLinesFeature.js

@@ -1,5 +1,5 @@
 
-import { h } from '../../../../../base/browser/dom.js';
+import { createElementNS, h } from '../../../../../base/browser/dom.js';
 import { ActionBar } from '../../../../../base/browser/ui/actionbar/actionbar.js';
 import { Action } from '../../../../../base/common/actions.js';
 import { tieBreakComparators, compareBy, booleanComparator, numberComparator } from '../../../../../base/common/arrays.js';
@@ -82,19 +82,19 @@ class MovedBlocksLinesFeature extends Disposable {
                 const right = width;
                 const rectWidth = infoMod.glyphMarginWidth + infoMod.lineNumbersWidth;
                 const rectHeight = 18;
-                const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+                const rect = createElementNS('http://www.w3.org/2000/svg', 'rect');
                 rect.classList.add('arrow-rectangle');
                 rect.setAttribute('x', `${right - rectWidth}`);
                 rect.setAttribute('y', `${line.to - rectHeight / 2}`);
                 rect.setAttribute('width', `${rectWidth}`);
                 rect.setAttribute('height', `${rectHeight}`);
                 this._element.appendChild(rect);
-                const g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
-                const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+                const g = createElementNS('http://www.w3.org/2000/svg', 'g');
+                const path = createElementNS('http://www.w3.org/2000/svg', 'path');
                 path.setAttribute('d', `M ${0} ${line.from} L ${verticalY} ${line.from} L ${verticalY} ${line.to} L ${right - arrowWidth} ${line.to}`);
                 path.setAttribute('fill', 'none');
                 g.appendChild(path);
-                const arrowRight = document.createElementNS('http://www.w3.org/2000/svg', 'polygon');
+                const arrowRight = createElementNS('http://www.w3.org/2000/svg', 'polygon');
                 arrowRight.classList.add('arrow');
                 reader.store.add(autorun(reader => {
                     path.classList.toggle('currentMove', line.move === model.activeMovedText.read(reader));
@@ -107,7 +107,7 @@ class MovedBlocksLinesFeature extends Disposable {
             }
             this.width.set(lineAreaWidth, undefined);
         });
-        this._element = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        this._element = createElementNS('http://www.w3.org/2000/svg', 'svg');
         this._element.setAttribute('class', 'moved-blocks-lines');
         this._rootElement.appendChild(this._element);
         this._register(toDisposable(() => this._element.remove()));

package/vscode/src/vs/editor/browser/widget/diffEditor/features/overviewRulerFeature.js

@@ -1,6 +1,6 @@
 
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
-import { h, addStandardDisposableListener, EventType, addDisposableListener } from '../../../../../base/browser/dom.js';
+import { createElement, h, addStandardDisposableListener, EventType, addDisposableListener } from '../../../../../base/browser/dom.js';
 import { createFastDomNode } from '../../../../../base/browser/fastDomNode.js';
 import { ScrollbarState } from '../../../../../base/browser/ui/scrollbar/scrollbarState.js';
 import { Disposable } from '../../../../../base/common/lifecycle.js';
@@ -48,7 +48,7 @@ let OverviewRulerFeature = class OverviewRulerFeature extends Disposable {
             const removeColor = theme.getColor(diffOverviewRulerRemoved) || ( (theme.getColor(diffRemoved) || defaultRemoveColor).transparent(2));
             return { insertColor, removeColor };
         });
-        const viewportDomElement = createFastDomNode(document.createElement('div'));
+        const viewportDomElement = createFastDomNode(createElement('div'));
         viewportDomElement.setClassName('diffViewport');
         viewportDomElement.setPosition('absolute');
         const diffOverviewRoot = h('div.diffOverview', {

package/vscode/src/vs/editor/browser/widget/diffEditor/utils/editorGutter.js

@@ -1,5 +1,5 @@
 
-import { h, reset } from '../../../../../base/browser/dom.js';
+import { h, reset, createElement } from '../../../../../base/browser/dom.js';
 import { Disposable, toDisposable } from '../../../../../base/common/lifecycle.js';
 import '../../../../../base/common/observableInternal/index.js';
 import { LineRange } from '../../../../common/core/ranges/lineRange.js';
@@ -66,7 +66,7 @@ class EditorGutter extends Disposable {
                         unusedIds.delete(gutterItem.id);
                         let view = this.views.get(gutterItem.id);
                         if (!view) {
-                            const viewDomNode = document.createElement('div');
+                            const viewDomNode = createElement('div');
                             this._domNode.appendChild(viewDomNode);
                             const gutterItemObs = observableValue('item', gutterItem);
                             const itemView = this.itemProvider.createView(gutterItemObs, viewDomNode);

package/vscode/src/vs/editor/browser/widget/diffEditor/utils.js

@@ -1,4 +1,5 @@
 
+import { createElement } from '../../../../base/browser/dom.js';
 import { findLast } from '../../../../base/common/arraysFind.js';
 import { CancellationTokenSource } from '../../../../base/common/cancellation.js';
 import { DisposableStore, toDisposable, Disposable } from '../../../../base/common/lifecycle.js';
@@ -163,7 +164,7 @@ class PlaceholderViewZone {
     constructor(_afterLineNumber, heightInPx) {
         this._afterLineNumber = _afterLineNumber;
         this.heightInPx = heightInPx;
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         this._actualTop = observableValue(this, undefined);
         this._actualHeight = observableValue(this, undefined);
         this.actualTop = this._actualTop;

package/vscode/src/vs/editor/browser/widget/markdownRenderer/browser/markdownRenderer.js

@@ -1,6 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
+import { createElement } from '../../../../../base/browser/dom.js';
 import { renderMarkdown } from '../../../../../base/browser/markdownRenderer.js';
 import { createTrustedTypesPolicy } from '../../../../../base/browser/trustedTypes.js';
 import { onUnexpectedError } from '../../../../../base/common/errors.js';
@@ -29,7 +30,7 @@ let MarkdownRenderer = class MarkdownRenderer {
     }
     render(markdown, options, markedOptions) {
         if (!markdown) {
-            const element = document.createElement('span');
+            const element = createElement('span');
             return { element, dispose: () => { } };
         }
         const disposables = ( new DisposableStore());
@@ -54,7 +55,7 @@ let MarkdownRenderer = class MarkdownRenderer {
                     languageId = PLAINTEXT_LANGUAGE_ID;
                 }
                 const html = await tokenizeToString(this._languageService, value, languageId);
-                const element = document.createElement('span');
+                const element = createElement('span');
                 element.innerHTML = (MarkdownRenderer_1._ttpTokenizer?.createHTML(html) ?? html);
                 if (this._options.editor) {
                     const fontInfo = this._options.editor.getOption(EditorOption.fontInfo);

package/vscode/src/vs/editor/contrib/codelens/browser/codelensWidget.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { $, reset } from '../../../../base/browser/dom.js';
+import { createElement, $, reset } from '../../../../base/browser/dom.js';
 import { renderLabelWithIcons } from '../../../../base/browser/ui/iconLabel/iconLabels.js';
 import { Constants } from '../../../../base/common/uint.js';
 import * as codelensWidget from './codelensWidget.css';
@@ -16,7 +16,7 @@ class CodeLensViewZone {
         this.heightInPx = heightInPx;
         this._onHeight = onHeight;
         this.suppressMouseDown = true;
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
     }
     onComputedHeight(height) {
         if (this._lastHeight === undefined) {
@@ -42,7 +42,7 @@ class CodeLensContentWidget {
         this._editor = editor;
         this._id = `codelens.widget-${(CodeLensContentWidget._idPool++)}`;
         this.updatePosition(line);
-        this._domNode = document.createElement('span');
+        this._domNode = createElement('span');
         this._domNode.className = `codelens-decoration`;
     }
     withCommands(lenses, animate) {

package/vscode/src/vs/editor/contrib/colorPicker/browser/colorPickerParts/colorPickerCloseButton.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import * as colorPicker from '../colorPicker.css';
-import { $ as $$1, append, addDisposableListener, EventType } from '../../../../../base/browser/dom.js';
+import { $ as $$1, createElement, append, addDisposableListener, EventType } from '../../../../../base/browser/dom.js';
 import { Disposable } from '../../../../../base/common/lifecycle.js';
 import { localize } from '../../../../../nls.js';
 import { Emitter } from '../../../../../base/common/event.js';
@@ -16,10 +16,10 @@ class CloseButton extends Disposable {
         super();
         this._onClicked = this._register(( new Emitter()));
         this.onClicked = this._onClicked.event;
-        this._button = document.createElement('div');
+        this._button = createElement('div');
         this._button.classList.add('close-button');
         append(container, this._button);
-        const innerDiv = document.createElement('div');
+        const innerDiv = createElement('div');
         innerDiv.classList.add('close-button-inner-div');
         append(this._button, innerDiv);
         const closeButton = append(innerDiv, $('.button' + ThemeIcon.asCSSSelector(registerIcon('color-picker-close', Codicon.close, ( localize(962, 'Icon to close the color picker'))))));

package/vscode/src/vs/editor/contrib/colorPicker/browser/colorPickerParts/colorPickerHeader.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import * as colorPicker from '../colorPicker.css';
-import { $ as $$1, append, addDisposableListener, EventType } from '../../../../../base/browser/dom.js';
+import { $ as $$1, append, createElement, addDisposableListener, EventType } from '../../../../../base/browser/dom.js';
 import { Color } from '../../../../../base/common/color.js';
 import { Disposable } from '../../../../../base/common/lifecycle.js';
 import { localize } from '../../../../../nls.js';
@@ -31,7 +31,7 @@ class ColorPickerHeader extends Disposable {
         append(container, this._domNode);
         this._pickedColorNode = append(this._domNode, $('.picked-color'));
         append(this._pickedColorNode, $('span.codicon.codicon-color-mode'));
-        this._pickedColorPresentation = append(this._pickedColorNode, document.createElement('span'));
+        this._pickedColorPresentation = append(this._pickedColorNode, createElement('span'));
         this._pickedColorPresentation.classList.add('picked-color-presentation');
         const tooltip = ( localize(963, "Click to toggle color options (rgb/hsl/hex)"));
         this._pickedColorNode.setAttribute('title', tooltip);

package/vscode/src/vs/editor/contrib/colorPicker/browser/colorPickerParts/colorPickerInsertButton.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import * as colorPicker from '../colorPicker.css';
-import { append, addDisposableListener, EventType } from '../../../../../base/browser/dom.js';
+import { append, createElement, addDisposableListener, EventType } from '../../../../../base/browser/dom.js';
 import { Emitter } from '../../../../../base/common/event.js';
 import { Disposable } from '../../../../../base/common/lifecycle.js';
 
@@ -11,7 +11,7 @@ class InsertButton extends Disposable {
         super();
         this._onClicked = this._register(( new Emitter()));
         this.onClicked = this._onClicked.event;
-        this._button = append(container, document.createElement('button'));
+        this._button = append(container, createElement('button'));
         this._button.classList.add('insert-button');
         this._button.textContent = 'Insert';
         this._register(addDisposableListener(this._button, EventType.CLICK, () => {

package/vscode/src/vs/editor/contrib/colorPicker/browser/colorPickerParts/colorPickerSaturationBox.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import * as colorPicker from '../colorPicker.css';
-import { $ as $$1, append, addDisposableListener, EventType, getDomNodePagePosition } from '../../../../../base/browser/dom.js';
+import { $ as $$1, append, createElement, addDisposableListener, EventType, isElement, getDomNodePagePosition } from '../../../../../base/browser/dom.js';
 import { GlobalPointerMoveMonitor } from '../../../../../base/browser/globalPointerMoveMonitor.js';
 import { Color, HSVA } from '../../../../../base/common/color.js';
 import { Emitter } from '../../../../../base/common/event.js';
@@ -20,7 +20,7 @@ class SaturationBox extends Disposable {
         this.onColorFlushed = this._onColorFlushed.event;
         this._domNode = $('.saturation-wrap');
         append(container, this._domNode);
-        this._canvas = document.createElement('canvas');
+        this._canvas = createElement('canvas');
         this._canvas.className = 'saturation-box';
         append(this._domNode, this._canvas);
         this.selection = $('.saturation-selection');
@@ -37,7 +37,7 @@ class SaturationBox extends Disposable {
         return this._canvas;
     }
     onPointerDown(e) {
-        if (!e.target || !(e.target instanceof Element)) {
+        if (!e.target || !isElement(e.target)) {
             return;
         }
         this.monitor = this._register(( new GlobalPointerMoveMonitor()));

package/vscode/src/vs/editor/contrib/colorPicker/browser/colorPickerParts/colorPickerStrip.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import * as colorPicker from '../colorPicker.css';
-import { $ as $$1, append, addDisposableListener, EventType, getDomNodePagePosition } from '../../../../../base/browser/dom.js';
+import { $ as $$1, append, addDisposableListener, EventType, isElement, getDomNodePagePosition } from '../../../../../base/browser/dom.js';
 import { GlobalPointerMoveMonitor } from '../../../../../base/browser/globalPointerMoveMonitor.js';
 import { Color, RGBA } from '../../../../../base/common/color.js';
 import { Emitter } from '../../../../../base/common/event.js';
@@ -42,7 +42,7 @@ class Strip extends Disposable {
         this.updateSliderPosition(value);
     }
     onPointerDown(e) {
-        if (!e.target || !(e.target instanceof Element)) {
+        if (!e.target || !isElement(e.target)) {
             return;
         }
         const monitor = this._register(( new GlobalPointerMoveMonitor()));

package/vscode/src/vs/editor/contrib/colorPicker/browser/standaloneColorPicker/standaloneColorPickerWidget.js

@@ -14,7 +14,7 @@ import { ILanguageFeaturesService } from '../../../../common/services/languageFe
 import { DefaultDocumentColorProvider } from '../defaultDocumentColorProvider.js';
 import { IEditorWorkerService } from '../../../../common/services/editorWorker.service.js';
 import { StandaloneColorPickerParticipant } from './standaloneColorPickerParticipant.js';
-import { trackFocus } from '../../../../../base/browser/dom.js';
+import { createElement, trackFocus } from '../../../../../base/browser/dom.js';
 import { IHoverService } from '../../../../../platform/hover/browser/hover.service.js';
 
 var StandaloneColorPickerWidget_1;
@@ -41,7 +41,7 @@ let StandaloneColorPickerWidget = class StandaloneColorPickerWidget extends Disp
         this._hoverService = _hoverService;
         this.allowEditorOverflow = true;
         this._position = undefined;
-        this._body = document.createElement('div');
+        this._body = createElement('div');
         this._colorHover = null;
         this._selectionSetInEditor = false;
         this._onResult = this._register(( new Emitter()));

package/vscode/src/vs/editor/contrib/find/browser/findOptionsWidget.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { addDisposableListener, EventType } from '../../../../base/browser/dom.js';
+import { createElement, addDisposableListener, EventType } from '../../../../base/browser/dom.js';
 import * as findOptionsWidget from './findOptionsWidget.css';
 import { CaseSensitiveToggle, WholeWordsToggle, RegexToggle } from '../../../../base/browser/ui/findinput/findInputToggles.js';
 import { Widget } from '../../../../base/browser/ui/widget.js';
@@ -30,7 +30,7 @@ class FindOptionsWidget extends Widget {
         this._editor = editor;
         this._state = state;
         this._keybindingService = keybindingService;
-        this._domNode = document.createElement('div');
+        this._domNode = createElement('div');
         this._domNode.className = 'findOptionsWidget';
         this._domNode.style.display = 'none';
         this._domNode.style.top = '10px';

package/vscode/src/vs/editor/contrib/find/browser/findWidget.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { trackFocus, getTotalWidth, getDomNodePagePosition, getTopLeftOffset, getComputedStyle } from '../../../../base/browser/dom.js';
+import { createElement, trackFocus, getTotalWidth, getDomNodePagePosition, getTopLeftOffset, getComputedStyle } from '../../../../base/browser/dom.js';
 import { alert } from '../../../../base/browser/ui/aria/aria.js';
 import { Toggle } from '../../../../base/browser/ui/toggle/toggle.js';
 import { Sash, Orientation } from '../../../../base/browser/ui/sash/sash.js';
@@ -78,7 +78,7 @@ class FindWidgetViewZone {
         this.afterLineNumber = afterLineNumber;
         this.heightInPx = FIND_INPUT_AREA_HEIGHT;
         this.suppressMouseDown = false;
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         this.domNode.className = 'dock-find-viewzone';
     }
 }
@@ -801,7 +801,7 @@ class FindWidget extends Widget {
         if (isLinux) {
             this._register(this._findInput.onMouseDown((e) => this._onFindInputMouseDown(e)));
         }
-        this._matchesCount = document.createElement('div');
+        this._matchesCount = createElement('div');
         this._matchesCount.className = 'matchesCount';
         this._updateMatchesCount();
         const hoverDelegate = this._register(createInstantHoverDelegate());
@@ -821,10 +821,10 @@ class FindWidget extends Widget {
                 assertReturnsDefined(this._codeEditor.getAction(FIND_IDS.NextMatchFindAction)).run().then(undefined, onUnexpectedError);
             }
         }, this._hoverService)));
-        const findPart = document.createElement('div');
+        const findPart = createElement('div');
         findPart.className = 'find-part';
         findPart.appendChild(this._findInput.domNode);
-        const actionsContainer = document.createElement('div');
+        const actionsContainer = createElement('div');
         actionsContainer.className = 'find-actions';
         findPart.appendChild(actionsContainer);
         actionsContainer.appendChild(this._matchesCount);
@@ -950,10 +950,10 @@ class FindWidget extends Widget {
                 this._controller.replaceAll();
             }
         }, this._hoverService)));
-        const replacePart = document.createElement('div');
+        const replacePart = createElement('div');
         replacePart.className = 'replace-part';
         replacePart.appendChild(this._replaceInput.domNode);
-        const replaceActionsContainer = document.createElement('div');
+        const replaceActionsContainer = createElement('div');
         replaceActionsContainer.className = 'replace-actions';
         replacePart.appendChild(replaceActionsContainer);
         replaceActionsContainer.appendChild(this._replaceBtn.domNode);
@@ -971,7 +971,7 @@ class FindWidget extends Widget {
             }
         }, this._hoverService)));
         this._toggleReplaceBtn.setExpanded(this._isReplaceVisible);
-        this._domNode = document.createElement('div');
+        this._domNode = createElement('div');
         this._domNode.className = 'editor-widget find-widget';
         this._domNode.setAttribute('aria-hidden', 'true');
         this._domNode.ariaLabel = NLS_FIND_DIALOG_LABEL;
@@ -1056,7 +1056,7 @@ class SimpleButton extends Widget {
         if (this._opts.icon) {
             className = className + ' ' + ThemeIcon.asClassName(this._opts.icon);
         }
-        this._domNode = document.createElement('div');
+        this._domNode = createElement('div');
         this._domNode.tabIndex = 0;
         this._domNode.className = className;
         this._domNode.setAttribute('role', 'button');