Method _onClickCapture

packages/main/src/TableSelection.ts:296–335

(e: MouseEvent)

	}

	_onClickCapture(e: MouseEvent) {
		if (!this._table || this.mode !== TableSelectionMode.Multiple) {
			return;
		}

		if (isHeaderSelectionCell(e)) {
			this._stopRangeSelection();
			return;
		}

		if (!isSelectionCell(e)) {
			this._stopRangeSelection();
			return;
		}

		const row = findRowInPath(e.composedPath());

		if (e.shiftKey && this._rangeSelection?.isMouse) {
			const startRow = this._rangeSelection.rows[0];
			const startIndex = this._table.rows.indexOf(startRow);
			const endIndex = this._table.rows.indexOf(row);

			const selectionState = this.isSelected(startRow);

			// When doing a range selection and clicking on an already selected row, the checked status should not change
			// Therefore, we need to manually set the checked attribute again, as clicking it would deselect it and leads to
			// a visual inconsistency.
			row.shadowRoot?.querySelector("#selection-component")?.toggleAttribute("checked", selectionState);
			e.stopPropagation();

			if (startIndex === -1 || endIndex === -1 || row.rowKey === startRow.rowKey || row.rowKey === this._rangeSelection.rows[this._rangeSelection.rows.length - 1].rowKey) {
				return;
			}

			const change = endIndex - startIndex;
			this._handleRangeSelection(row, change);
		} else if (row) {
			this._startRangeSelection(row, !this.isSelected(row), true);
		}
	}

	/**
	 * Start the range selection and initialises the range selection state