src/vs/workbench/contrib/mergeEditor/browser/view/editors/inputCodeEditorView.ts/MergeConflictGutterItemView/constructor
class MergeConflictGutterItemView:	constructor(
		item: ModifiedBaseRangeGutterItemInfo,
		private readonly target: HTMLElement,
		contextMenuService: IContextMenuService,
	) {
		super();

		this.item.set(item, undefined);

		target.classList.add('merge-accept-gutter-marker');

		const checkBox = new Toggle({ isChecked: false, title: localize('accept', "Accept"), icon: Codicon.check });
		this._register(
			dom.addDisposableListener(checkBox.domNode, dom.EventType.MOUSE_DOWN, (e) => {
				if (e.button === 2) {
					const item = this.item.get();
					if (!item) {
						return;
					}

					contextMenuService.showContextMenu({
						getAnchor: () => checkBox.domNode,
						getActions: item.getContextMenuActions,
					});

					e.stopPropagation();
					e.preventDefault();
				}
			})
		);
		checkBox.domNode.classList.add('accept-conflict-group');

		this._register(
			autorun((reader) => {
				const item = this.item.read(reader)!;
				const value = item.toggleState.read(reader);
				const iconMap: Record<InputState, { icon: Codicon | undefined; checked: boolean }> = {
					[InputState.excluded]: { icon: undefined, checked: false },
					[InputState.conflicting]: { icon: Codicon.circleFilled, checked: false },
					[InputState.first]: { icon: Codicon.check, checked: true },
					[InputState.second]: { icon: Codicon.checkAll, checked: true },
				};
				checkBox.setIcon(iconMap[value].icon);
				checkBox.checked = iconMap[value].checked;

				if (!item.enabled.read(reader)) {
					checkBox.disable();
				} else {
					checkBox.enable();
				}
			}, 'Update Toggle State')
		);

		this._register(checkBox.onChange(() => {
			transaction(tx => {
				this.item.get()!.setState(checkBox.checked, tx);
			});
		}));

		target.appendChild(dom.h('div.background', [noBreakWhitespace]).root);
		target.appendChild(
			dom.h('div.checkbox', [dom.h('div.checkbox-background', [checkBox.domNode])]).root
		);
	}