@codingame/monaco-vscode-api 9.0.2 → 10.0.0

package/vscode/src/vs/workbench/contrib/scm/browser/dirtydiffDecorator.js

@@ -23,37 +23,33 @@ import '../../../../platform/theme/common/colors/minimapColors.js';
 import '../../../../platform/theme/common/colors/miscColors.js';
 import '../../../../platform/theme/common/colors/quickpickColors.js';
 import '../../../../platform/theme/common/colors/searchColors.js';
-import { MouseTargetType, isCodeEditor } from '../../../../editor/browser/editorBrowser.js';
-import { registerEditorAction, registerEditorContribution, EditorAction, EditorContributionInstantiation } from '../../../../editor/browser/editorExtensions.js';
+import { isCodeEditor } from '../../../../editor/browser/editorBrowser.js';
+import { registerEditorAction, registerEditorContribution, EditorAction } from '../../../../editor/browser/editorExtensions.js';
 import { getOuterEditor, PeekViewWidget, peekViewBorder, peekViewTitleBackground, peekViewTitleForeground, peekViewTitleInfoForeground } from '../../../../editor/contrib/peekView/browser/peekView.js';
 import { ContextKeyExpr, RawContextKey } from '../../../../platform/contextkey/common/contextkey.js';
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.service.js';
 import { EditorContextKeys } from '../../../../editor/common/editorContextKeys.js';
-import { KeyCode, KeyMod as KeyMod$1 } from '../../../../base/common/keyCodes.js';
 import { Position } from '../../../../editor/common/core/position.js';
 import { rot } from '../../../../base/common/numbers.js';
-import { KeybindingsRegistry, KeybindingWeight } from '../../../../platform/keybinding/common/keybindingsRegistry.js';
+import { KeybindingsRegistry } from '../../../../platform/keybinding/common/keybindingsRegistry.js';
 import { EmbeddedDiffEditorWidget } from '../../../../editor/browser/widget/diffEditor/embeddedDiffEditorWidget.js';
-import { EditorOption } from '../../../../editor/common/config/editorOptions.js';
 import { Action, ActionRunner } from '../../../../base/common/actions.js';
 import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.service.js';
 import { basename } from '../../../../base/common/resources.js';
 import { MenuRegistry, MenuId, MenuItemAction } from '../../../../platform/actions/common/actions.js';
 import { IMenuService } from '../../../../platform/actions/common/actions.service.js';
 import { createAndFillInActionBarActions } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
-import { ScrollType } from '../../../../editor/common/editorCommon.js';
-import { shouldSynchronizeModel, OverviewRulerLane, MinimapPosition } from '../../../../editor/common/model.js';
+import { shouldSynchronizeModel, OverviewRulerLane } from '../../../../editor/common/model.js';
 import { sortedDiff, equals } from '../../../../base/common/arrays.js';
 import { ICodeEditorService } from '../../../../editor/browser/services/codeEditorService.js';
 import { createStyleSheet, prepend, $ } from '../../../../base/browser/dom.js';
-import { isTextFileEditorModel, EncodingMode } from '../../../services/textfile/common/textfiles.js';
+import { isTextFileEditorModel } from '../../../services/textfile/common/textfiles.js';
 import { ITextFileService } from '../../../services/textfile/common/textfiles.service.js';
 import { gotoPreviousLocation, gotoNextLocation } from '../../../../platform/theme/common/iconRegistry.js';
 import { Codicon } from '../../../../base/common/codicons.js';
 import { ThemeIcon } from '../../../../base/common/themables.js';
 import { onUnexpectedError } from '../../../../base/common/errors.js';
 import { TextCompareEditorActiveContext } from '../../../common/contextkeys.js';
-import { ProgressLocation } from '../../../../platform/progress/common/progress.js';
 import { IProgressService } from '../../../../platform/progress/common/progress.service.js';
 import { Color } from '../../../../base/common/color.js';
 import { ResourceMap } from '../../../../base/common/map.js';
@@ -205,7 +201,7 @@ let DirtyDiffWidget = class DirtyDiffWidget extends PeekViewWidget {
         this.diffEditor.setModel(diffEditorModel);
         this.dropdown?.setSelection(labeledChange.label);
         const position = ( (new Position(getModifiedEndLineNumber(change), 1)));
-        const lineHeight = this.editor.getOption(EditorOption.lineHeight);
+        const lineHeight = this.editor.getOption(69 );
         const editorHeight = this.editor.getLayoutInfo().height;
         const editorHeightInLines = Math.floor(editorHeight / lineHeight);
         const height = Math.min(getChangeHeight(change) +  8, Math.floor(editorHeightInLines / 3));
@@ -237,14 +233,14 @@ let DirtyDiffWidget = class DirtyDiffWidget extends PeekViewWidget {
         if (!this.shouldUseDropdown()) {
             detail = this.model.changes.length > 1
                 ? ( localize(
-                6407,
+                6574,
                 "{0} - {1} of {2} changes",
                 label,
                 providerIndex + 1,
                 providerChanges.length
             ))
                 : ( localize(
-                6408,
+                6575,
                 "{0} - {1} of {2} change",
                 label,
                 providerIndex + 1,
@@ -254,8 +250,8 @@ let DirtyDiffWidget = class DirtyDiffWidget extends PeekViewWidget {
         }
         else {
             detail = this.model.changes.length > 1
-                ? ( localize(6409, "{0} of {1} changes", providerIndex + 1, providerChanges.length))
-                : ( localize(6410, "{0} of {1} change", providerIndex + 1, providerChanges.length));
+                ? ( localize(6576, "{0} of {1} changes", providerIndex + 1, providerChanges.length))
+                : ( localize(6577, "{0} of {1} change", providerIndex + 1, providerChanges.length));
             this.dropdownContainer.style.display = 'inherit';
         }
         this.setTitle(this.title, detail);
@@ -313,7 +309,7 @@ let DirtyDiffWidget = class DirtyDiffWidget extends PeekViewWidget {
         this._actionbarWidget.clear();
         this._actionbarWidget.push(actions.reverse(), { label: false, icon: true });
         this._actionbarWidget.push([next, previous], { label: false, icon: true });
-        this._actionbarWidget.push(( (new Action('peekview.close', ( localize(6411, "Close")), ThemeIcon.asClassName(Codicon.close), true, () => this.dispose()))), { label: false, icon: true });
+        this._actionbarWidget.push(( (new Action('peekview.close', ( localize(6578, "Close")), ThemeIcon.asClassName(Codicon.close), true, () => this.dispose()))), { label: false, icon: true });
     }
     _fillHead(container) {
         super._fillHead(container, true);
@@ -385,7 +381,7 @@ let DirtyDiffWidget = class DirtyDiffWidget extends PeekViewWidget {
             start = change.modifiedStartLineNumber;
             end = change.modifiedEndLineNumber;
         }
-        this.diffEditor.revealLinesInCenter(start, end, ScrollType.Immediate);
+        this.diffEditor.revealLinesInCenter(start, end, 1 );
     }
     _applyTheme(theme) {
         const borderColor = theme.getColor(peekViewBorder) || Color.transparent;
@@ -398,7 +394,7 @@ let DirtyDiffWidget = class DirtyDiffWidget extends PeekViewWidget {
         });
     }
     revealRange(range) {
-        this.editor.revealLineInCenterIfOutsideViewport(range.endLineNumber, ScrollType.Smooth);
+        this.editor.revealLineInCenterIfOutsideViewport(range.endLineNumber, 0 );
     }
     hasFocus() {
         return this.diffEditor.hasTextFocus();
@@ -418,10 +414,10 @@ class ShowPreviousChangeAction extends EditorAction {
     constructor(outerEditor) {
         super({
             id: 'editor.action.dirtydiff.previous',
-            label: ( localize(6412, "Show Previous Change")),
+            label: ( localize(6579, "Show Previous Change")),
             alias: 'Show Previous Change',
             precondition: ( (TextCompareEditorActiveContext.toNegated())),
-            kbOpts: { kbExpr: EditorContextKeys.editorTextFocus, primary: KeyMod$1.Shift | KeyMod$1.Alt | KeyCode.F3, weight: KeybindingWeight.EditorContrib }
+            kbOpts: { kbExpr: EditorContextKeys.editorTextFocus, primary: 1024  | 512  | 61 , weight: 100  }
         });
         this.outerEditor = outerEditor;
     }
@@ -445,10 +441,10 @@ class ShowNextChangeAction extends EditorAction {
     constructor(outerEditor) {
         super({
             id: 'editor.action.dirtydiff.next',
-            label: ( localize(6413, "Show Next Change")),
+            label: ( localize(6580, "Show Next Change")),
             alias: 'Show Next Change',
             precondition: ( (TextCompareEditorActiveContext.toNegated())),
-            kbOpts: { kbExpr: EditorContextKeys.editorTextFocus, primary: KeyMod$1.Alt | KeyCode.F3, weight: KeybindingWeight.EditorContrib }
+            kbOpts: { kbExpr: EditorContextKeys.editorTextFocus, primary: 512  | 61 , weight: 100  }
         });
         this.outerEditor = outerEditor;
     }
@@ -472,7 +468,7 @@ MenuRegistry.appendMenuItem(MenuId.MenubarGoMenu, {
     group: '7_change_nav',
     command: {
         id: 'editor.action.dirtydiff.next',
-        title: ( localize(6414, "Next &&Change"))
+        title: ( localize(6581, "Next &&Change"))
     },
     order: 1
 });
@@ -480,7 +476,7 @@ MenuRegistry.appendMenuItem(MenuId.MenubarGoMenu, {
     group: '7_change_nav',
     command: {
         id: 'editor.action.dirtydiff.previous',
-        title: ( localize(6415, "Previous &&Change"))
+        title: ( localize(6582, "Previous &&Change"))
     },
     order: 2
 });
@@ -488,10 +484,10 @@ class GotoPreviousChangeAction extends EditorAction {
     constructor() {
         super({
             id: 'workbench.action.editor.previousChange',
-            label: ( localize(6416, "Go to Previous Change")),
+            label: ( localize(6583, "Go to Previous Change")),
             alias: 'Go to Previous Change',
             precondition: ( (TextCompareEditorActiveContext.toNegated())),
-            kbOpts: { kbExpr: EditorContextKeys.editorTextFocus, primary: KeyMod$1.Shift | KeyMod$1.Alt | KeyCode.F5, weight: KeybindingWeight.EditorContrib }
+            kbOpts: { kbExpr: EditorContextKeys.editorTextFocus, primary: 1024  | 512  | 63 , weight: 100  }
         });
     }
     async run(accessor) {
@@ -522,10 +518,10 @@ class GotoNextChangeAction extends EditorAction {
     constructor() {
         super({
             id: 'workbench.action.editor.nextChange',
-            label: ( localize(6417, "Go to Next Change")),
+            label: ( localize(6584, "Go to Next Change")),
             alias: 'Go to Next Change',
             precondition: ( (TextCompareEditorActiveContext.toNegated())),
-            kbOpts: { kbExpr: EditorContextKeys.editorTextFocus, primary: KeyMod$1.Alt | KeyCode.F5, weight: KeybindingWeight.EditorContrib }
+            kbOpts: { kbExpr: EditorContextKeys.editorTextFocus, primary: 512  | 63 , weight: 100  }
         });
     }
     async run(accessor) {
@@ -577,9 +573,9 @@ async function playAccessibilitySymbolForChange(change, accessibilitySignalServi
 registerEditorAction(GotoNextChangeAction);
 KeybindingsRegistry.registerCommandAndKeybindingRule({
     id: 'closeDirtyDiff',
-    weight: KeybindingWeight.EditorContrib + 50,
-    primary: KeyCode.Escape,
-    secondary: [KeyMod$1.Shift | KeyCode.Escape],
+    weight: 100  + 50,
+    primary: 9 ,
+    secondary: [1024  | 9 ],
     when: ( (ContextKeyExpr.and(isDirtyDiffVisible))),
     handler: (accessor) => {
         const outerEditor = getOuterEditorFromDiffEditor(accessor);
@@ -759,7 +755,7 @@ let DirtyDiffController = class DirtyDiffController extends Disposable {
         if (!e.event.leftButton) {
             return;
         }
-        if (e.target.type !== MouseTargetType.GUTTER_LINE_DECORATIONS) {
+        if (e.target.type !== 4 ) {
             return;
         }
         if (!e.target.element) {
@@ -786,7 +782,7 @@ let DirtyDiffController = class DirtyDiffController extends Disposable {
         if (!range || range.startLineNumber !== lineNumber) {
             return;
         }
-        if (e.target.type !== MouseTargetType.GUTTER_LINE_DECORATIONS) {
+        if (e.target.type !== 4 ) {
             return;
         }
         if (!this.modelRegistry) {
@@ -841,20 +837,20 @@ const editorGutterModifiedBackground = registerColor('editorGutter.modifiedBackg
     light: '#2090D3',
     hcDark: '#1B81A8',
     hcLight: '#2090D3'
-}, ( localize(6418, "Editor gutter background color for lines that are modified.")));
+}, ( localize(6585, "Editor gutter background color for lines that are modified.")));
 const editorGutterAddedBackground = registerColor('editorGutter.addedBackground', {
     dark: '#487E02',
     light: '#48985D',
     hcDark: '#487E02',
     hcLight: '#48985D'
-}, ( localize(6419, "Editor gutter background color for lines that are added.")));
-const editorGutterDeletedBackground = registerColor('editorGutter.deletedBackground', editorErrorForeground, ( localize(6420, "Editor gutter background color for lines that are deleted.")));
-const minimapGutterModifiedBackground = registerColor('minimapGutter.modifiedBackground', editorGutterModifiedBackground, ( localize(6421, "Minimap gutter background color for lines that are modified.")));
-const minimapGutterAddedBackground = registerColor('minimapGutter.addedBackground', editorGutterAddedBackground, ( localize(6422, "Minimap gutter background color for lines that are added.")));
-const minimapGutterDeletedBackground = registerColor('minimapGutter.deletedBackground', editorGutterDeletedBackground, ( localize(6423, "Minimap gutter background color for lines that are deleted.")));
-const overviewRulerModifiedForeground = registerColor('editorOverviewRuler.modifiedForeground', ( (transparent(editorGutterModifiedBackground, 0.6))), ( localize(6424, 'Overview ruler marker color for modified content.')));
-const overviewRulerAddedForeground = registerColor('editorOverviewRuler.addedForeground', ( (transparent(editorGutterAddedBackground, 0.6))), ( localize(6425, 'Overview ruler marker color for added content.')));
-const overviewRulerDeletedForeground = registerColor('editorOverviewRuler.deletedForeground', ( (transparent(editorGutterDeletedBackground, 0.6))), ( localize(6426, 'Overview ruler marker color for deleted content.')));
+}, ( localize(6586, "Editor gutter background color for lines that are added.")));
+const editorGutterDeletedBackground = registerColor('editorGutter.deletedBackground', editorErrorForeground, ( localize(6587, "Editor gutter background color for lines that are deleted.")));
+const minimapGutterModifiedBackground = registerColor('minimapGutter.modifiedBackground', editorGutterModifiedBackground, ( localize(6588, "Minimap gutter background color for lines that are modified.")));
+const minimapGutterAddedBackground = registerColor('minimapGutter.addedBackground', editorGutterAddedBackground, ( localize(6589, "Minimap gutter background color for lines that are added.")));
+const minimapGutterDeletedBackground = registerColor('minimapGutter.deletedBackground', editorGutterDeletedBackground, ( localize(6590, "Minimap gutter background color for lines that are deleted.")));
+const overviewRulerModifiedForeground = registerColor('editorOverviewRuler.modifiedForeground', ( (transparent(editorGutterModifiedBackground, 0.6))), ( localize(6591, 'Overview ruler marker color for modified content.')));
+const overviewRulerAddedForeground = registerColor('editorOverviewRuler.addedForeground', ( (transparent(editorGutterAddedBackground, 0.6))), ( localize(6592, 'Overview ruler marker color for added content.')));
+const overviewRulerDeletedForeground = registerColor('editorOverviewRuler.deletedForeground', ( (transparent(editorGutterDeletedBackground, 0.6))), ( localize(6593, 'Overview ruler marker color for deleted content.')));
 let DirtyDiffDecorator = DirtyDiffDecorator_1 = class DirtyDiffDecorator extends Disposable {
     static createDecoration(className, tooltip, options) {
         const decorationOptions = {
@@ -874,7 +870,7 @@ let DirtyDiffDecorator = DirtyDiffDecorator_1 = class DirtyDiffDecorator extends
         if (options.minimap.active) {
             decorationOptions.minimap = {
                 color: themeColorFromId(options.minimap.color),
-                position: MinimapPosition.Gutter
+                position: 2
             };
         }
         return ModelDecorationOptions.createDynamic(decorationOptions);
@@ -889,7 +885,7 @@ let DirtyDiffDecorator = DirtyDiffDecorator_1 = class DirtyDiffDecorator extends
         const gutter = decorations === 'all' || decorations === 'gutter';
         const overview = decorations === 'all' || decorations === 'overview';
         const minimap = decorations === 'all' || decorations === 'minimap';
-        const diffAdded = ( localize(6427, 'Added lines'));
+        const diffAdded = ( localize(6594, 'Added lines'));
         this.addedOptions = DirtyDiffDecorator_1.createDecoration('dirty-diff-added', diffAdded, {
             gutter,
             overview: { active: overview, color: overviewRulerAddedForeground },
@@ -902,7 +898,7 @@ let DirtyDiffDecorator = DirtyDiffDecorator_1 = class DirtyDiffDecorator extends
             minimap: { active: minimap, color: minimapGutterAddedBackground },
             isWholeLine: true
         });
-        const diffModified = ( localize(6428, 'Changed lines'));
+        const diffModified = ( localize(6595, 'Changed lines'));
         this.modifiedOptions = DirtyDiffDecorator_1.createDecoration('dirty-diff-modified', diffModified, {
             gutter,
             overview: { active: overview, color: overviewRulerModifiedForeground },
@@ -915,7 +911,7 @@ let DirtyDiffDecorator = DirtyDiffDecorator_1 = class DirtyDiffDecorator extends
             minimap: { active: minimap, color: minimapGutterModifiedBackground },
             isWholeLine: true
         });
-        this.deletedOptions = DirtyDiffDecorator_1.createDecoration('dirty-diff-deleted', ( localize(6429, 'Removed lines')), {
+        this.deletedOptions = DirtyDiffDecorator_1.createDecoration('dirty-diff-deleted', ( localize(6596, 'Removed lines')), {
             gutter,
             overview: { active: overview, color: overviewRulerDeletedForeground },
             minimap: { active: minimap, color: minimapGutterDeletedBackground },
@@ -1070,7 +1066,7 @@ let DirtyDiffModel = class DirtyDiffModel extends Disposable {
     }
     triggerDiff() {
         if (!this.diffDelayer) {
-            return Promise.resolve(null);
+            return Promise.resolve();
         }
         return this.diffDelayer
             .trigger(() => this.diff())
@@ -1095,7 +1091,7 @@ let DirtyDiffModel = class DirtyDiffModel extends Disposable {
         this._onDidChange.fire({ changes, diff });
     }
     diff() {
-        return this.progressService.withProgress({ location: ProgressLocation.Scm, delay: 250 }, async () => {
+        return this.progressService.withProgress({ location: 3 , delay: 250 }, async () => {
             const originalURIs = await this.getQuickDiffsPromise();
             if (this._disposed || this._model.isDisposed() || (originalURIs.length === 0)) {
                 return Promise.resolve({ changes: [], mapChanges: ( (new Map())) });
@@ -1164,7 +1160,7 @@ let DirtyDiffModel = class DirtyDiffModel extends Disposable {
                     if (isTextFileEditorModel(ref.object)) {
                         const encoding = this._model.getEncoding();
                         if (encoding) {
-                            ref.object.setEncoding(encoding, EncodingMode.Decode);
+                            ref.object.setEncoding(encoding, 1 );
                         }
                     }
                     this.originalModelDisposables.add(ref);
@@ -1406,5 +1402,5 @@ DirtyDiffWorkbenchController = ( (__decorate([
     ( (__param(2, IConfigurationService))),
     ( (__param(3, ITextFileService)))
 ], DirtyDiffWorkbenchController)));
-registerEditorContribution(DirtyDiffController.ID, DirtyDiffController, EditorContributionInstantiation.AfterFirstRender);
+registerEditorContribution(DirtyDiffController.ID, DirtyDiffController, 1 );
 export { DirtyDiffController, DirtyDiffModel, DirtyDiffWorkbenchController, GotoNextChangeAction, GotoPreviousChangeAction, ShowNextChangeAction, ShowPreviousChangeAction, getOriginalResource, isDirtyDiffVisible };

package/vscode/src/vs/workbench/contrib/scm/browser/scmHistory.js

@@ -0,0 +1,250 @@
+import { localize } from '../../../../nls.js';
+import { deepClone } from '../../../../base/common/objects.js';
+import { registerColor, asCssVariable } from '../../../../platform/theme/common/colorUtils.js';
+import { foreground } from '../../../../platform/theme/common/colors/baseColors.js';
+import { chartsBlue, chartsPurple } from '../../../../platform/theme/common/colors/chartsColors.js';
+import '../../../../platform/theme/common/colors/editorColors.js';
+import { buttonForeground } from '../../../../platform/theme/common/colors/inputColors.js';
+import '../../../../platform/theme/common/colors/listColors.js';
+import '../../../../platform/theme/common/colors/menuColors.js';
+import '../../../../platform/theme/common/colors/minimapColors.js';
+import { badgeBackground } from '../../../../platform/theme/common/colors/miscColors.js';
+import '../../../../platform/theme/common/colors/quickpickColors.js';
+import '../../../../platform/theme/common/colors/searchColors.js';
+import { rot } from '../../../../base/common/numbers.js';
+import { svgElem } from '../../../../base/browser/dom.js';
+import { compareHistoryItemRefs } from './util.js';
+const SWIMLANE_HEIGHT = 22;
+const SWIMLANE_WIDTH = 11;
+const SWIMLANE_CURVE_RADIUS = 5;
+const CIRCLE_RADIUS = 4;
+const CIRCLE_STROKE_WIDTH = 2;
+const historyItemRefColor = registerColor('scmGraph.historyItemRefColor', chartsBlue, ( localize(9943, "History item reference color.")));
+const historyItemRemoteRefColor = registerColor('scmGraph.historyItemRemoteRefColor', chartsPurple, ( localize(9944, "History item remote reference color.")));
+const historyItemBaseRefColor = registerColor('scmGraph.historyItemBaseRefColor', '#EA5C00', ( localize(9945, "History item base reference color.")));
+const historyItemHoverDefaultLabelForeground = registerColor('scmGraph.historyItemHoverDefaultLabelForeground', foreground, ( localize(9946, "History item hover default label foreground color.")));
+const historyItemHoverDefaultLabelBackground = registerColor('scmGraph.historyItemHoverDefaultLabelBackground', badgeBackground, ( localize(9947, "History item hover default label background color.")));
+const historyItemHoverLabelForeground = registerColor('scmGraph.historyItemHoverLabelForeground', buttonForeground, ( localize(9948, "History item hover label foreground color.")));
+const historyItemHoverAdditionsForeground = registerColor('scmGraph.historyItemHoverAdditionsForeground', { light: '#587C0C', dark: '#81B88B', hcDark: '#A1E3AD', hcLight: '#374E06' }, ( localize(9949, "History item hover additions foreground color.")));
+const historyItemHoverDeletionsForeground = registerColor('scmGraph.historyItemHoverDeletionsForeground', { light: '#AD0707', dark: '#C74E39', hcDark: '#C74E39', hcLight: '#AD0707' }, ( localize(9950, "History item hover deletions foreground color.")));
+const colorRegistry = [
+    registerColor('scmGraph.foreground1', '#FFB000', ( localize(9951, "Source control graph foreground color (1)."))),
+    registerColor('scmGraph.foreground2', '#DC267F', ( localize(9952, "Source control graph foreground color (2)."))),
+    registerColor('scmGraph.foreground3', '#994F00', ( localize(9953, "Source control graph foreground color (3)."))),
+    registerColor('scmGraph.foreground4', '#40B0A6', ( localize(9954, "Source control graph foreground color (4)."))),
+    registerColor('scmGraph.foreground5', '#B66DFF', ( localize(9955, "Source control graph foreground color (5)."))),
+];
+function getLabelColorIdentifier(historyItem, colorMap) {
+    for (const ref of historyItem.references ?? []) {
+        const colorIdentifier = colorMap.get(ref.id);
+        if (colorIdentifier !== undefined) {
+            return colorIdentifier;
+        }
+    }
+    return undefined;
+}
+function createPath(colorIdentifier) {
+    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    path.setAttribute('fill', 'none');
+    path.setAttribute('stroke-width', '1px');
+    path.setAttribute('stroke-linecap', 'round');
+    path.style.stroke = asCssVariable(colorIdentifier);
+    return path;
+}
+function drawCircle(index, radius, strokeWidth, colorIdentifier) {
+    const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+    circle.setAttribute('cx', `${SWIMLANE_WIDTH * (index + 1)}`);
+    circle.setAttribute('cy', `${SWIMLANE_WIDTH}`);
+    circle.setAttribute('r', `${radius}`);
+    circle.style.strokeWidth = `${strokeWidth}px`;
+    if (colorIdentifier) {
+        circle.style.fill = asCssVariable(colorIdentifier);
+    }
+    return circle;
+}
+function drawVerticalLine(x1, y1, y2, color) {
+    const path = createPath(color);
+    path.setAttribute('d', `M ${x1} ${y1} V ${y2}`);
+    return path;
+}
+function findLastIndex(nodes, id) {
+    for (let i = nodes.length - 1; i >= 0; i--) {
+        if (nodes[i].id === id) {
+            return i;
+        }
+    }
+    return -1;
+}
+function renderSCMHistoryItemGraph(historyItemViewModel) {
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.classList.add('graph');
+    const historyItem = historyItemViewModel.historyItem;
+    const inputSwimlanes = historyItemViewModel.inputSwimlanes;
+    const outputSwimlanes = historyItemViewModel.outputSwimlanes;
+    const inputIndex = inputSwimlanes.findIndex(node => node.id === historyItem.id);
+    const circleIndex = inputIndex !== -1 ? inputIndex : inputSwimlanes.length;
+    const circleColor = circleIndex < outputSwimlanes.length ? outputSwimlanes[circleIndex].color :
+        circleIndex < inputSwimlanes.length ? inputSwimlanes[circleIndex].color : historyItemRefColor;
+    let outputSwimlaneIndex = 0;
+    for (let index = 0; index < inputSwimlanes.length; index++) {
+        const color = inputSwimlanes[index].color;
+        if (inputSwimlanes[index].id === historyItem.id) {
+            if (index !== circleIndex) {
+                const d = [];
+                const path = createPath(color);
+                d.push(`M ${SWIMLANE_WIDTH * (index + 1)} 0`);
+                d.push(`A ${SWIMLANE_WIDTH} ${SWIMLANE_WIDTH} 0 0 1 ${SWIMLANE_WIDTH * (index)} ${SWIMLANE_WIDTH}`);
+                d.push(`H ${SWIMLANE_WIDTH * (circleIndex + 1)}`);
+                path.setAttribute('d', d.join(' '));
+                svg.append(path);
+            }
+            else {
+                outputSwimlaneIndex++;
+            }
+        }
+        else {
+            if (outputSwimlaneIndex < outputSwimlanes.length &&
+                inputSwimlanes[index].id === outputSwimlanes[outputSwimlaneIndex].id) {
+                if (index === outputSwimlaneIndex) {
+                    const path = drawVerticalLine(SWIMLANE_WIDTH * (index + 1), 0, SWIMLANE_HEIGHT, color);
+                    svg.append(path);
+                }
+                else {
+                    const d = [];
+                    const path = createPath(color);
+                    d.push(`M ${SWIMLANE_WIDTH * (index + 1)} 0`);
+                    d.push(`V 6`);
+                    d.push(`A ${SWIMLANE_CURVE_RADIUS} ${SWIMLANE_CURVE_RADIUS} 0 0 1 ${(SWIMLANE_WIDTH * (index + 1)) - SWIMLANE_CURVE_RADIUS} ${SWIMLANE_HEIGHT / 2}`);
+                    d.push(`H ${(SWIMLANE_WIDTH * (outputSwimlaneIndex + 1)) + SWIMLANE_CURVE_RADIUS}`);
+                    d.push(`A ${SWIMLANE_CURVE_RADIUS} ${SWIMLANE_CURVE_RADIUS} 0 0 0 ${SWIMLANE_WIDTH * (outputSwimlaneIndex + 1)} ${(SWIMLANE_HEIGHT / 2) + SWIMLANE_CURVE_RADIUS}`);
+                    d.push(`V ${SWIMLANE_HEIGHT}`);
+                    path.setAttribute('d', d.join(' '));
+                    svg.append(path);
+                }
+                outputSwimlaneIndex++;
+            }
+        }
+    }
+    for (let i = 1; i < historyItem.parentIds.length; i++) {
+        const parentOutputIndex = findLastIndex(outputSwimlanes, historyItem.parentIds[i]);
+        if (parentOutputIndex === -1) {
+            continue;
+        }
+        const d = [];
+        const path = createPath(outputSwimlanes[parentOutputIndex].color);
+        d.push(`M ${SWIMLANE_WIDTH * parentOutputIndex} ${SWIMLANE_HEIGHT / 2}`);
+        d.push(`A ${SWIMLANE_WIDTH} ${SWIMLANE_WIDTH} 0 0 1 ${SWIMLANE_WIDTH * (parentOutputIndex + 1)} ${SWIMLANE_HEIGHT}`);
+        d.push(`M ${SWIMLANE_WIDTH * parentOutputIndex} ${SWIMLANE_HEIGHT / 2}`);
+        d.push(`H ${SWIMLANE_WIDTH * (circleIndex + 1)} `);
+        path.setAttribute('d', d.join(' '));
+        svg.append(path);
+    }
+    if (inputIndex !== -1) {
+        const path = drawVerticalLine(SWIMLANE_WIDTH * (circleIndex + 1), 0, SWIMLANE_HEIGHT / 2, inputSwimlanes[inputIndex].color);
+        svg.append(path);
+    }
+    if (historyItem.parentIds.length > 0) {
+        const path = drawVerticalLine(SWIMLANE_WIDTH * (circleIndex + 1), SWIMLANE_HEIGHT / 2, SWIMLANE_HEIGHT, circleColor);
+        svg.append(path);
+    }
+    if (historyItemViewModel.isCurrent) {
+        const outerCircle = drawCircle(circleIndex, CIRCLE_RADIUS + 3, CIRCLE_STROKE_WIDTH, circleColor);
+        svg.append(outerCircle);
+        const innerCircle = drawCircle(circleIndex, CIRCLE_STROKE_WIDTH, CIRCLE_RADIUS);
+        svg.append(innerCircle);
+    }
+    else {
+        if (historyItem.parentIds.length > 1) {
+            const circleOuter = drawCircle(circleIndex, CIRCLE_RADIUS + 2, CIRCLE_STROKE_WIDTH, circleColor);
+            svg.append(circleOuter);
+            const circleInner = drawCircle(circleIndex, CIRCLE_RADIUS - 1, CIRCLE_STROKE_WIDTH, circleColor);
+            svg.append(circleInner);
+        }
+        else {
+            const circle = drawCircle(circleIndex, CIRCLE_RADIUS + 1, CIRCLE_STROKE_WIDTH, circleColor);
+            svg.append(circle);
+        }
+    }
+    svg.style.height = `${SWIMLANE_HEIGHT}px`;
+    svg.style.width = `${SWIMLANE_WIDTH * (Math.max(inputSwimlanes.length, outputSwimlanes.length, 1) + 1)}px`;
+    return svg;
+}
+function renderSCMHistoryGraphPlaceholder(columns) {
+    const elements = svgElem('svg', {
+        style: { height: `${SWIMLANE_HEIGHT}px`, width: `${SWIMLANE_WIDTH * (columns.length + 1)}px`, }
+    });
+    for (let index = 0; index < columns.length; index++) {
+        const path = drawVerticalLine(SWIMLANE_WIDTH * (index + 1), 0, SWIMLANE_HEIGHT, columns[index].color);
+        elements.root.append(path);
+    }
+    return elements.root;
+}
+function toISCMHistoryItemViewModelArray(historyItems, colorMap = ( (new Map())), currentHistoryItemRef, currentHistoryItemRemoteRef, currentHistoryItemBaseRef) {
+    let colorIndex = -1;
+    const viewModels = [];
+    for (let index = 0; index < historyItems.length; index++) {
+        const historyItem = historyItems[index];
+        const isCurrent = historyItem.id === currentHistoryItemRef?.revision;
+        const outputSwimlanesFromPreviousItem = viewModels.at(-1)?.outputSwimlanes ?? [];
+        const inputSwimlanes = ( (outputSwimlanesFromPreviousItem.map(i => deepClone(i))));
+        const outputSwimlanes = [];
+        let firstParentAdded = false;
+        if (historyItem.parentIds.length > 0) {
+            for (const node of inputSwimlanes) {
+                if (node.id === historyItem.id) {
+                    if (!firstParentAdded) {
+                        outputSwimlanes.push({
+                            id: historyItem.parentIds[0],
+                            color: getLabelColorIdentifier(historyItem, colorMap) ?? node.color
+                        });
+                        firstParentAdded = true;
+                    }
+                    continue;
+                }
+                outputSwimlanes.push(deepClone(node));
+            }
+        }
+        for (let i = firstParentAdded ? 1 : 0; i < historyItem.parentIds.length; i++) {
+            let colorIdentifier;
+            if (!firstParentAdded) {
+                colorIdentifier = getLabelColorIdentifier(historyItem, colorMap);
+            }
+            else {
+                const historyItemParent = historyItems
+                    .find(h => h.id === historyItem.parentIds[i]);
+                colorIdentifier = historyItemParent ? getLabelColorIdentifier(historyItemParent, colorMap) : undefined;
+            }
+            if (!colorIdentifier) {
+                colorIndex = rot(colorIndex + 1, colorRegistry.length);
+                colorIdentifier = colorRegistry[colorIndex];
+            }
+            outputSwimlanes.push({
+                id: historyItem.parentIds[i],
+                color: colorIdentifier
+            });
+        }
+        const references = ( ((historyItem.references ?? [])
+            .map(ref => {
+            let color = colorMap.get(ref.id);
+            if (( (colorMap.has(ref.id))) && color === undefined) {
+                const inputIndex = inputSwimlanes.findIndex(node => node.id === historyItem.id);
+                const circleIndex = inputIndex !== -1 ? inputIndex : inputSwimlanes.length;
+                color = circleIndex < outputSwimlanes.length ? outputSwimlanes[circleIndex].color :
+                    circleIndex < inputSwimlanes.length ? inputSwimlanes[circleIndex].color : historyItemRefColor;
+            }
+            return { ...ref, color };
+        })));
+        references.sort((ref1, ref2) => compareHistoryItemRefs(ref1, ref2, currentHistoryItemRef, currentHistoryItemRemoteRef, currentHistoryItemBaseRef));
+        viewModels.push({
+            historyItem: {
+                ...historyItem,
+                references
+            },
+            isCurrent,
+            inputSwimlanes,
+            outputSwimlanes,
+        });
+    }
+    return viewModels;
+}
+export { SWIMLANE_HEIGHT, SWIMLANE_WIDTH, colorRegistry, historyItemBaseRefColor, historyItemHoverAdditionsForeground, historyItemHoverDefaultLabelBackground, historyItemHoverDefaultLabelForeground, historyItemHoverDeletionsForeground, historyItemHoverLabelForeground, historyItemRefColor, historyItemRemoteRefColor, renderSCMHistoryGraphPlaceholder, renderSCMHistoryItemGraph, toISCMHistoryItemViewModelArray };