Class TouchSelectionMenuController

src/cm/touchSelectionMenu.js:126–668

}

class TouchSelectionMenuController {
	#view;
	#container;
	#getActiveFile;
	#isShiftSelectionActive;
	#stateSyncRaf = 0;
	#isScrolling = false;
	#isPointerInteracting = false;
	#shiftSelectionSession = null;
	#pendingShiftSelectionClick = null;
	#menuActive = false;
	#menuRequested = false;
	#enabled = true;
	#handlingMenuAction = false;
	#menuShowTimer = null;
	#tooltipObserver = null;

	constructor(view, options = {}) {
		this.#view = view;
		this.#container =
			options.container || view.dom.closest(".editor-container") || view.dom;
		this.#getActiveFile = options.getActiveFile || (() => null);
		this.#isShiftSelectionActive =
			options.isShiftSelectionActive || (() => false);
		this.$menu = document.createElement("menu");
		this.$menu.className = "cursor-menu";
		this.#bindEvents();
	}

	#bindEvents() {
		const root = this.#view.dom;
		root.addEventListener("contextmenu", this.#onContextMenu, true);
		document.addEventListener("pointerdown", this.#onGlobalPointerDown, true);
		document.addEventListener("pointerup", this.#onGlobalPointerUp, true);
		document.addEventListener("pointercancel", this.#onGlobalPointerUp, true);

		this.#tooltipObserver = new MutationObserver((mutations) => {
			const relevant = mutations.some((m) =>
				[...m.addedNodes, ...m.removedNodes].some(
					(n) =>
						n.nodeType === 1 &&
						(n.matches?.(".cm-tooltip") || n.querySelector?.(".cm-tooltip")),
				),
			);
			if (!relevant || !this.#menuActive || !this.#shouldShowMenu()) {
				return;
			}
			this.#showMenuDeferred();
		});
		this.#tooltipObserver.observe(this.#view.dom, {
			childList: true,
			subtree: true,
		});
	}

	destroy() {
		const root = this.#view.dom;
		root.removeEventListener("contextmenu", this.#onContextMenu, true);