Move blur event reset into non-touch handlers

[rreusser]

Related to #11048, the tab bar toggle also emits a window blur event which interrupts interactions when the page is initially opened:

IMG_0104.mp4

Simply removing all blur handling has this effect on desktop, in which interactions continue after the window is backgrounded:

The solution taken by this PR is to move a blur handler into individual non-touch handlers, so that blur events only reset non-touch events.

The main concern here is that we lose out on a couple things that the stop method does:

mapbox-gl-js/src/ui/handler_manager.js

Lines 290 to 300 in c13e5ce

	stop(allowEndAnimation: boolean) {
	// do nothing if this method was triggered by a gesture update
	if (this._updatingCamera) return;
	for (const {handler} of this._handlers) {
	handler.reset();
	}
	this._inertia.clear();
	this._fireEvents({}, {}, allowEndAnimation);
	this._changes = [];
	}

Launch Checklist

• briefly describe the changes in this PR
• include before/after visuals or gifs if this PR includes visual changes
• write tests for all new functionality
• document any changes to public APIs
• post benchmark scores
• manually test the debug page
• tagged @mapbox/map-design-team @mapbox/static-apis if this PR includes style spec API or visual changes
• tagged @mapbox/gl-native if this PR includes shader changes or needs a native port
• apply changelog label ('bug', 'feature', 'docs', etc) or use the label 'skip changelog'
• add an entry inside this element for inclusion in the mapbox-gl-js changelog: <changelog></changelog>

[ansis]

This looks good to me!

The main concern here is that we lose out on a couple things that the stop method does:

fireEvents still gets called later on if necessary and I don't think the inertia will cause any problems.