maplibre-gl 6.4.1 → 6.5.0

package/dist/maplibre-gl-dev.mjs

@@ -1,10 +1,10 @@
 /**
 * MapLibre GL JS
-* @license 3-Clause BSD. Full text of license: https://github.com/maplibre/maplibre-gl-js/blob/v6.4.1/LICENSE.txt
+* @license 3-Clause BSD. Full text of license: https://github.com/maplibre/maplibre-gl-js/blob/v6.5.0/LICENSE.txt
 */
 import { $ as tileCoordinatesToMercatorCoordinates, $n as deepEqual, $r as mul, $t as TRANSITION_SUFFIX, A as evaluateSizeForFeature, Ai as perspective, An as getVideo, Ar as remapSaturate, At as toEvaluationFeature, Bi as invert, Br as wrap, Bt as SegmentVector, C as isCustomStyleLayer, Ci as equals, Cn as Event, Cr as nextPowerOfTwo, Ct as HEATMAP_FULL_RENDER_FBO_KEY, D as SymbolBucket, Di as invert$1, Dn as getArrayBuffer, Dr as radiansToDegrees, Dt as RGBAImage, E as isSymbolStyleLayer, Ei as identity, En as GLOBAL_DISPATCHER_ID, Er as pointPlaneSignedDistance, Et as AlphaImage, F as ImagePosition, Fi as translate, Fn as removeProtocol, Fr as subscribe, Ft as Uniform4f, G as isFillExtrusionStyleLayer, Gn as bezier, Gr as length, Gt as PosArray, H as isLineStyleLayer, Hi as isOffscreenCanvasDistorted, Hn as angleToRotateBetweenVectors2D, Hr as pixelsToTileUnits, Ht as CollisionCircleLayoutArray, I as potpack, Ii as create$4, In as config, Ir as threePlaneIntersection, It as UniformColor, J as cameraDirectionFromPitchBearing, Jn as createIdentityMat4f32, Jr as zero, Jt as TriangleIndexArray, Kn as clamp, Kr as scale$1, Kt as QuadTriangleArray, L as isStyleImageWebGLData, Li as fromRotation, Ln as AbortError, Lr as translatePosition, Lt as UniformColorArray, Mi as rotateY$1, Mn as sameOrigin, Mr as rollPitchBearingToQuat, Mt as Uniform1i, N as getAnchorAlignment, Ni as rotateZ, Nn as addProtocol, Nr as scaleZoom, Nt as Uniform2f, O as addDynamicAttributes, Oi as multiply, On as getJSON, Or as rayPlaneIntersection, Ot as isCircleStyleLayer, Pi as scale, Pn as getProtocol, Pr as sphericalToCartesian, Pt as Uniform3f, Q as projectToWorldCoordinates, Qn as createVec4f64, Qr as slerp, Qt as Properties, R as renderStyleImage, Ri as create$2, Rn as isAbortError, Rr as uniqueId, Rt as UniformFloatArray, S as createStyleLayer, Si as create$1, Sn as ErrorEvent, Sr as mod, St as isHillshadeStyleLayer, T as isBackgroundStyleLayer, Ti as fromScaling, Tn as AJAXError, Tr as pick, Tt as renderColorRamp, Ui as offscreenCanvasSupported, Un as arrayBufferToImage, Ur as EXTENT, Ut as LineStripIndexArray, V as collisionCircleLayout, Vi as rotate, Vn as MAX_VALID_LATITUDE, Vr as zoomScale, Vt as CollisionBoxArray, Wi as Point, Wn as arrayBufferToImageBitmap, Wr as create$3, Wt as Pos3dArray, X as getMercatorHorizon, Xn as createMat4f64, Xr as fromValues, Xt as isRasterStyleLayer, Y as cameraMercatorCoordinateFromCenterAndRotation, Yn as createIdentityMat4f64, Yr as fromEuler, Yt as createLayout, Z as maxMercatorHorizonAngle, Zn as createVec3f64, Zr as multiply$1, Zt as DataConstantProperty, _ as UnwrappedTileID, _i as transformMat4$1, _n as emptyStyle, _r as isTouchableEvent, _t as SubdivisionGranularityExpression, a as clipLine, ai as dot, ar as evaluateZoomSnap, at as mercatorXfromLng, b as isInBoundsForZoomLngLat, bi as clone$1, bn as interpolateFactory, br as lerp, ci as negate, cn as validateAndEmit, cr as findLineIntersection, ct as LngLat, di as rotateY, dn as Color, dr as getEdgeTiles, dt as EXTENT_BOUNDS, ei as scale$3, en as Transitionable, er as defaultEasing, et as unprojectFromWorldCoordinates, f as GEOJSON_TILE_LAYER_NAME, fi as rotateZ$1, fn as ProjectionDefinition, ft as Bounds, g as OverscaledTileID, gi as transformMat3, gn as diff, gr as isSafari, gt as SOUTH_POLE_Y, h as CanonicalTileID, hi as sub, hn as derefLayers, hr as isPointableEvent, ht as NORTH_POLE_Y, ii as cross, in as ZoomHistory, ir as ensureError, it as lngFromMercatorX, j as evaluateSizeForZoom, ji as rotateX, jn as makeRequest, jr as rollPitchBearingEqual, jt as Uniform1f, k as getOverlapMode, ki as ortho, kn as getReferrer, kr as readImageUsingVideoFrame, kt as polygonIntersectsPolygon, li as normalize, ln as validateStyle, lr as getAABB, lt as earthRadius, mi as scaleAndAdd, mr as isImageBitmap, ni as add, nr as differenceOfAnglesDegrees, nt as altitudeFromMercatorZ, oi as len, on as SPEC_SOURCE_TYPES, or as extend, ot as mercatorYfromLat, pi as scale$2, pn as ValidationError, pr as getRollPitchBearing, pt as isFillStyleLayer, q as calculateTileMatrix, qn as clone$2, qr as sqrLen, qt as RasterBoundsArray, r as TextAnchorEnum, ri as clone, rn as codePointUsesLocalIdeographFontFamily, rr as distanceOfAnglesRadians, rt as latFromMercatorY, s as TileCache, si as length$1, sn as emitValidationErrors, sr as filterObject, st as mercatorZfromAltitude, t as getAnchorJustification, ti as transformMat4, tn as EvaluationParameters, tr as degreesToRadians, tt as MercatorCoordinate, u as GeoJSONFeature, ui as rotateX$1, un as validateStyleAndEmit, ur as getAngleDelta, v as calculateTileKey, vi as transformQuat, vn as featureFilter, vr as isTouchableOrPointableType, vt as SubdivisionGranularitySetting, w as validateCustomStyleLayer, wi as exactEquals, wn as Evented, wr as parseCacheControl, wt as isHeatmapStyleLayer, x as Actor, xi as copy, xn as latest, xr as mapObject, xt as Texture, y as compareTileId, yi as zero$1, yr as isWorker, yt as isColorReliefStyleLayer, z as parseGlyphPbf, zi as determinant, zn as throwIfAborted, zr as warnOnce, zt as UniformMatrix4f } from "./maplibre-gl-shared-dev.mjs";
 //#region package.json
-var version$2 = "6.4.1";
+var version$2 = "6.5.0";
 //#endregion
 //#region src/util/browser.ts
 let linkEl;
@@ -3808,10 +3808,8 @@ var GeoJSONSource = class extends Evented {
 };
 //#endregion
 //#region src/webgl/program/raster_program.ts
-/**
-* Affine texture coordinates represented as a homogeneous transform.
-*/
-const identityPerspectiveTransform = [
+/** The bilinear warp, which is also the affine one that a rectangle or a parallelogram needs. */
+const bilinearImageWarp = [
 	0,
 	0,
 	1
@@ -3820,7 +3818,7 @@ const rasterUniforms = (context, locations) => ({
 	"u_tl_parent": new Uniform2f(context, locations.u_tl_parent),
 	"u_scale_parent": new Uniform1f(context, locations.u_scale_parent),
 	"u_buffer_scale": new Uniform1f(context, locations.u_buffer_scale),
-	"u_perspective_transform": new Uniform3f(context, locations.u_perspective_transform),
+	"u_image_warp": new Uniform3f(context, locations.u_image_warp),
 	"u_fade_t": new Uniform1f(context, locations.u_fade_t),
 	"u_opacity": new Uniform1f(context, locations.u_opacity),
 	"u_image0": new Uniform1i(context, locations.u_image0),
@@ -3833,11 +3831,11 @@ const rasterUniforms = (context, locations) => ({
 	"u_coords_top": new Uniform4f(context, locations.u_coords_top),
 	"u_coords_bottom": new Uniform4f(context, locations.u_coords_bottom)
 });
-const rasterUniformValues = (parentTL, parentScaleBy, fade, layer, cornerCoords, perspectiveTransform) => ({
+const rasterUniformValues = (parentTL, parentScaleBy, fade, layer, cornerCoords, imageWarp) => ({
 	"u_tl_parent": parentTL,
 	"u_scale_parent": parentScaleBy,
 	"u_buffer_scale": 1,
-	"u_perspective_transform": perspectiveTransform,
+	"u_image_warp": imageWarp,
 	"u_fade_t": fade.mix,
 	"u_opacity": fade.opacity * layer.paint.get("raster-opacity"),
 	"u_image0": 0,
@@ -3877,8 +3875,150 @@ function saturationFactor(saturation) {
 	return saturation > 0 ? 1 - 1 / (1.001 - saturation) : -saturation;
 }
 //#endregion
+//#region src/render/mesh.ts
+var Mesh = class {
+	constructor(vertexBuffer, indexBuffer, segments) {
+		this.vertexBuffer = vertexBuffer;
+		this.indexBuffer = indexBuffer;
+		this.segments = segments;
+	}
+	destroy() {
+		this.vertexBuffer.destroy();
+		this.indexBuffer.destroy();
+		this.segments.destroy();
+		this.vertexBuffer = null;
+		this.indexBuffer = null;
+		this.segments = null;
+	}
+};
+//#endregion
+//#region src/data/pos_attributes.ts
+const posAttributes = createLayout([{
+	name: "a_pos",
+	type: "Int16",
+	components: 2
+}]);
+//#endregion
+//#region src/util/create_tile_mesh.ts
+/**
+* The size of border region for stencil masks, in internal tile coordinates.
+* Used for globe rendering.
+*/
+const EXTENT_STENCIL_BORDER = EXTENT / 128;
+/**
+* @internal
+* Creates a mesh of a quad that covers the entire tile (covering positions in range 0..EXTENT),
+* is optionally subdivided into finer quads, optionally includes a border
+* and optionally extends to the north and/or special pole vertices.
+* Also allocates and populates WebGL buffers for the mesh.
+* Forces 16 bit indices that are used throughout MapLibre.
+* @param context - The WebGL context wrapper.
+* @param options - Specify options for tile mesh creation such as granularity or border.
+* @returns The mesh vertices and indices, already allocated and uploaded into WebGL buffers.
+*/
+function createTileMeshWithBuffers(context, options) {
+	const tileMesh = createTileMesh(options, "16bit");
+	const vertices = PosArray.deserialize({
+		arrayBuffer: tileMesh.vertices,
+		length: tileMesh.vertices.byteLength / 2 / 2
+	});
+	const indices = TriangleIndexArray.deserialize({
+		arrayBuffer: tileMesh.indices,
+		length: tileMesh.indices.byteLength / 2 / 3
+	});
+	return new Mesh(context.createVertexBuffer(vertices, posAttributes.members), context.createIndexBuffer(indices), SegmentVector.simpleSegment(0, 0, vertices.length, indices.length));
+}
+/**
+* Creates a mesh of a quad that covers the entire tile (covering positions in range 0..EXTENT),
+* is optionally subdivided into finer quads, optionally includes a border
+* and optionally extends to the north and/or special pole vertices.
+* Additionally the resulting mesh indices type can be specified using `forceIndicesSize`.
+* @example
+* ```
+* // Creating a mesh for a tile that can be used for raster layers, hillshade, etc.
+* const meshBuffers = createTileMesh({
+*     granularity: map.style.projection.subdivisionGranularity.tile.getGranularityForZoomLevel(tileID.z),
+*     generateBorders: true,
+*     extendToNorthPole: tileID.y === 0,
+*     extendToSouthPole: tileID.y === (1 << tileID.z) - 1,
+* }, '16bit');
+* ```
+* @see [Add a custom layer with tiles to a globe](https://maplibre.org/maplibre-gl-js/docs/examples/add-a-custom-layer-with-tiles-to-a-globe/)
+* @param options - Specify options for tile mesh creation such as granularity or border.
+* @param forceIndicesSize - Specifies what indices type to use. The values '32bit' and '16bit' force their respective indices size. If undefined, the mesh may use either size, and will pick 16 bit indices if possible. If '16bit' is specified and the mesh exceeds 65536 vertices, an exception is thrown.
+* @returns Typed arrays of the mesh vertices and indices.
+*/
+function createTileMesh(options, forceIndicesSize) {
+	const granularity = options.granularity !== void 0 ? Math.max(options.granularity, 1) : 1;
+	const quadsPerAxisX = granularity + (options.generateBorders ? 2 : 0);
+	const quadsPerAxisY = granularity + (options.extendToNorthPole || options.generateBorders ? 1 : 0) + (options.extendToSouthPole || options.generateBorders ? 1 : 0);
+	const verticesPerAxisX = quadsPerAxisX + 1;
+	const verticesPerAxisY = quadsPerAxisY + 1;
+	const offsetX = options.generateBorders ? -1 : 0;
+	const offsetY = options.generateBorders || options.extendToNorthPole ? -1 : 0;
+	const endX = granularity + (options.generateBorders ? 1 : 0);
+	const endY = granularity + (options.generateBorders || options.extendToSouthPole ? 1 : 0);
+	const vertexCount = verticesPerAxisX * verticesPerAxisY;
+	const indexCount = quadsPerAxisX * quadsPerAxisY * 6;
+	const overflows16bitIndices = verticesPerAxisX * verticesPerAxisY > 65536;
+	if (overflows16bitIndices && forceIndicesSize === "16bit") throw new Error("Granularity is too large and meshes would not fit inside 16 bit vertex indices.");
+	const use32bitIndices = overflows16bitIndices || forceIndicesSize === "32bit";
+	const vertices = new Int16Array(vertexCount * 2);
+	let vertexId = 0;
+	for (let y = offsetY; y <= endY; y++) for (let x = offsetX; x <= endX; x++) {
+		let vx = x / granularity * EXTENT;
+		if (x === -1) vx = -EXTENT_STENCIL_BORDER;
+		if (x === granularity + 1) vx = EXTENT + EXTENT_STENCIL_BORDER;
+		let vy = y / granularity * EXTENT;
+		if (y === -1) vy = options.extendToNorthPole ? NORTH_POLE_Y : -EXTENT_STENCIL_BORDER;
+		if (y === granularity + 1) vy = options.extendToSouthPole ? SOUTH_POLE_Y : EXTENT + EXTENT_STENCIL_BORDER;
+		vertices[vertexId++] = vx;
+		vertices[vertexId++] = vy;
+	}
+	const indices = use32bitIndices ? new Uint32Array(indexCount) : new Uint16Array(indexCount);
+	let indexId = 0;
+	for (let y = 0; y < quadsPerAxisY; y++) for (let x = 0; x < quadsPerAxisX; x++) {
+		const v0 = x + y * verticesPerAxisX;
+		const v1 = x + 1 + y * verticesPerAxisX;
+		const v2 = x + (y + 1) * verticesPerAxisX;
+		const v3 = x + 1 + (y + 1) * verticesPerAxisX;
+		indices[indexId++] = v0;
+		indices[indexId++] = v2;
+		indices[indexId++] = v1;
+		indices[indexId++] = v1;
+		indices[indexId++] = v2;
+		indices[indexId++] = v3;
+	}
+	return {
+		vertices: vertices.buffer.slice(0),
+		indices: indices.buffer.slice(0),
+		uses32bitIndices: use32bitIndices
+	};
+}
+//#endregion
 //#region src/source/image_source.ts
 /**
+* How many grid cells per axis the mesh of a subdivided quad has. Within a cell the bilinear warp
+* is still approximated by one mapping per triangle, so the error falls off with the cell size.
+*/
+const SUBDIVIDED_QUAD_GRANULARITY = 16;
+/**
+* How much a warp may foreshorten the image, as the ratio between the largest and the smallest
+* homogeneous denominator over the quad, while staying purely projective. Ordinary oblique imagery
+* stays well below it.
+*/
+const PROJECTIVE_FORESHORTENING = 4;
+/**
+* The foreshortening at which a warp is taken to be purely bilinear.
+*
+* The denominator vanishes on the warp's vanishing line, and that line touches the quad exactly when
+* the quad degenerates into a triangle, so foreshortening grows without bound as a corner approaches
+* the diagonal between its neighbours. Left alone, such a quad keeps a valid but wildly lopsided
+* warp, squeezing nearly the whole image into a sliver along one edge and magnifying a handful of
+* texels over the rest of the quad.
+*/
+const BILINEAR_FORESHORTENING = 512;
+/**
 * A data source containing an image.
 * (See the [Style Specification](https://maplibre.org/maplibre-style-spec/#sources-image) for detailed documentation of options.)
 *
@@ -3929,9 +4069,12 @@ var ImageSource = class extends Evented {
 	/** @internal */
 	constructor(id, options, dispatcher, eventedParent) {
 		super();
-		this.perspectiveTransform = identityPerspectiveTransform;
+		this.imageWarp = bilinearImageWarp;
 		this.flippedWindingOrder = false;
+		this._warp = "auto";
 		this._imageDirty = false;
+		this._subdividedQuad = false;
+		this._subdividedMesh = null;
 		this.id = id;
 		this.dispatcher = dispatcher;
 		this.coordinates = options.coordinates;
@@ -4000,6 +4143,23 @@ var ImageSource = class extends Evented {
 		this.image = image;
 		this._imageDirty = true;
 	}
+	/**
+	* @internal
+	* The mesh the image is drawn with, or null to use the tile mesh of the current projection.
+	*
+	* The raster vertex shader evaluates {@link imageWarp} per vertex, so a pair of triangles only
+	* samples it at the four corners. That is enough for the affine mapping of a parallelogram, and
+	* for a purely projective mapping, whose straight lines survive linear interpolation across the
+	* diagonal. Anything in between is neither, and would be textured as two independently warped
+	* halves with a visible seam along that diagonal, so it needs the warp evaluated per grid cell.
+	*
+	* A projection that subdivides its own tile meshes already does this, so it keeps them.
+	*/
+	getMesh(context, projectionSubdividesTiles) {
+		if (!this._subdividedQuad || projectionSubdividesTiles) return null;
+		this._subdividedMesh ??= createTileMeshWithBuffers(context, { granularity: SUBDIVIDED_QUAD_GRANULARITY });
+		return this._subdividedMesh;
+	}
 	/** Teardown only: dropping the reference alone leaves the allocation to the GC. */
 	_disposeTexture() {
 		this.texture?.destroy();
@@ -4021,10 +4181,42 @@ var ImageSource = class extends Evented {
 			this._abortController = null;
 		}
 		this._disposeTexture();
+		this._subdividedMesh?.destroy();
+		this._subdividedMesh = null;
 		this.image = null;
 		this.tiles = {};
 	}
 	/**
+	* @experimental
+	* Sets how the image is warped onto its coordinates and re-renders the map.
+	*
+	* This only has an effect while the coordinates do not form a rectangle, and it is not part of
+	* the style specification, so it does not survive `map.setStyle`.
+	*
+	* @param warp - The warp to use, see {@link ImageSourceWarp}.
+	*
+	* @example
+	* ```ts
+	* // Keep the image pinned to its corners while the user drags them around.
+	* map.getSource('some id').setWarp('flat');
+	* ```
+	*/
+	setWarp(warp) {
+		if (this._warp === warp) return this;
+		this._warp = warp;
+		if (this.tileCoords) this.setCoordinates(this.coordinates);
+		return this;
+	}
+	/**
+	* @experimental
+	* Returns how the image is warped onto its coordinates.
+	*
+	* @returns The warp in use, see {@link ImageSourceWarp}.
+	*/
+	getWarp() {
+		return this._warp;
+	}
+	/**
 	* Sets the image's coordinates and re-renders the map.
 	*
 	* @param coordinates - Four geographical coordinates,
@@ -4039,7 +4231,8 @@ var ImageSource = class extends Evented {
 		this.terrainTileRanges = this._getOverlappingTileRanges(cornerCoords);
 		this.minzoom = this.maxzoom = this.tileID.z;
 		this.tileCoords = cornerCoords.map((coord) => this.tileID.getTilePoint(coord)._round());
-		this.perspectiveTransform = calculateRasterPerspectiveTransform(this.tileCoords);
+		this.imageWarp = calculateImageWarp(this.tileCoords, this._warp);
+		this._subdividedQuad = this.imageWarp[2] > 0 && !isParallelogram(this.tileCoords);
 		this.flippedWindingOrder = hasWrongWindingOrder(this.tileCoords);
 		this.fire(new MapSourceDataEvent("data", { sourceDataType: "content" }));
 		return this;
@@ -4137,13 +4330,11 @@ function hasWrongWindingOrder(coords) {
 	const e1x = coords[2].x - coords[0].x;
 	return e0x * (coords[2].y - coords[0].y) - e0y * e1x < 0;
 }
-const perspectiveEpsilon = Number.EPSILON;
-const perspectiveErrorFactor = 8;
 /**
-* Calculates the inverse-homography denominator used to sample non-affine
-* image-source texture coordinates. Image source tile coordinates are rounded
-* to integers before this runs, so singularity checks use exact zero or
-* Number.EPSILON scaled to the corner denominators.
+* How the image is warped onto its coordinates, given the corners in tile space and what the user
+* asked for. The projective warp is the perspective view of a plane, so it is the one a photograph
+* wants; the bilinear warp is a rubber sheet pinned at the corners, and is the only one left once
+* the corners stop describing a perspective view at all.
 *
 * Based on Paul S. Heckbert, "Fundamentals of Texture Mapping and Image
 * Warping", UCB/CSD-89-516, 1989, section 2.2.3 and appendix A.2.
@@ -4151,68 +4342,50 @@ const perspectiveErrorFactor = 8;
 * @see https://www2.eecs.berkeley.edu/Pubs/TechRpts/1989/5504.html
 * @see https://www.cs.cmu.edu/~ph/texfund/texfund.pdf
 */
-function calculateRasterPerspectiveTransform(cornerCoords) {
-	if (isParallelogram(cornerCoords)) return identityPerspectiveTransform;
+function calculateImageWarp(cornerCoords, warp) {
+	if (warp === "flat" || isParallelogram(cornerCoords)) return bilinearImageWarp;
 	const [topLeft, topRight, bottomRight, bottomLeft] = cornerCoords;
-	const sx = topLeft.x - topRight.x + bottomRight.x - bottomLeft.x;
-	const sy = topLeft.y - topRight.y + bottomRight.y - bottomLeft.y;
-	const dx1 = topRight.x - bottomRight.x;
-	const dy1 = topRight.y - bottomRight.y;
-	const dx2 = bottomLeft.x - bottomRight.x;
-	const dy2 = bottomLeft.y - bottomRight.y;
-	const determinant$1 = determinant([
-		dx1,
-		dy1,
-		dx2,
-		dy2
-	]);
-	if (Math.abs(determinant$1) < perspectiveEpsilon) return identityPerspectiveTransform;
-	const perspectiveX = (sx * dy2 - dx2 * sy) / determinant$1;
-	const perspectiveY = (dx1 * sy - sx * dy1) / determinant$1;
-	const forwardDenominators = [
+	const sumX = topLeft.x - topRight.x + bottomRight.x - bottomLeft.x;
+	const sumY = topLeft.y - topRight.y + bottomRight.y - bottomLeft.y;
+	const basis = [
+		topRight.x - bottomRight.x,
+		topRight.y - bottomRight.y,
+		bottomLeft.x - bottomRight.x,
+		bottomLeft.y - bottomRight.y
+	];
+	const [rightX, rightY, downX, downY] = basis;
+	const determinant$1 = determinant(basis);
+	const perspectiveX = (sumX * downY - downX * sumY) / determinant$1;
+	const perspectiveY = (rightX * sumY - sumX * rightY) / determinant$1;
+	const denominators = [
 		1,
 		1 + perspectiveX,
 		1 + perspectiveX + perspectiveY,
 		1 + perspectiveY
 	];
-	const forwardDenominatorScale = Math.max(...forwardDenominators.map((value) => Math.abs(value)));
-	const hasInvalidForwardDenominator = forwardDenominators.some((value) => !Number.isFinite(value) || value <= perspectiveErrorFactor * perspectiveEpsilon * forwardDenominatorScale);
-	if (!Number.isFinite(forwardDenominatorScale) || forwardDenominatorScale === 0 || hasInvalidForwardDenominator) return identityPerspectiveTransform;
-	const a = topRight.x - topLeft.x + perspectiveX * topRight.x;
-	const b = bottomLeft.x - topLeft.x + perspectiveY * bottomLeft.x;
-	const d = topRight.y - topLeft.y + perspectiveX * topRight.y;
-	const e = bottomLeft.y - topLeft.y + perspectiveY * bottomLeft.y;
-	const inverseDenominator = [
-		0,
-		0,
-		0
+	const foreshortening = Math.max(...denominators) / Math.min(...denominators);
+	const blend = warp === "perspective" ? 0 : bilinearBlend(foreshortening);
+	if (!(foreshortening >= 1 && foreshortening <= BILINEAR_FORESHORTENING) || blend >= 1) return bilinearImageWarp;
+	return [
+		perspectiveX,
+		perspectiveY,
+		blend
 	];
-	cross(inverseDenominator, [
-		a,
-		d,
-		perspectiveX
-	], [
-		b,
-		e,
-		perspectiveY
-	]);
-	const normalizationScale = Math.max(...inverseDenominator.map((value) => Math.abs(value)));
-	const cornerDenominators = cornerCoords.map(({ x, y }) => dot(inverseDenominator, [
-		x,
-		y,
-		1
-	]));
-	const cornerDenominatorErrors = cornerCoords.map(({ x, y }) => perspectiveErrorFactor * perspectiveEpsilon * (Math.abs(inverseDenominator[0] * x) + Math.abs(inverseDenominator[1] * y) + Math.abs(inverseDenominator[2])));
-	const denominatorScale = Math.max(...cornerDenominators.map((value) => Math.abs(value)));
-	const denominatorSign = Math.sign(cornerDenominators[0]);
-	const hasInvalidDenominator = cornerDenominators.some((value, index) => !Number.isFinite(value) || Math.abs(value) <= Math.max(perspectiveEpsilon * denominatorScale, cornerDenominatorErrors[index]) || Math.sign(value) !== denominatorSign);
-	if (!Number.isFinite(normalizationScale) || normalizationScale === 0 || !Number.isFinite(denominatorScale) || denominatorScale === 0 || hasInvalidDenominator) return identityPerspectiveTransform;
-	const transform = inverseDenominator.map((value) => value / normalizationScale);
-	return transform.every(Number.isFinite) ? transform : identityPerspectiveTransform;
+}
+/**
+* How far a warp of the given foreshortening is blended towards the bilinear one, ramping from
+* purely projective at {@link PROJECTIVE_FORESHORTENING} to purely bilinear at
+* {@link BILINEAR_FORESHORTENING}. Blending rather than switching keeps the image continuous as the
+* quad is reshaped: the two warps only agree for a parallelogram, and diverge by roughly a tenth of
+* the quad per unit of foreshortening, so a switch would visibly displace the image.
+*/
+function bilinearBlend(foreshortening) {
+	const ramp = (1 - PROJECTIVE_FORESHORTENING / foreshortening) / (1 - PROJECTIVE_FORESHORTENING / BILINEAR_FORESHORTENING);
+	return Math.max(0, ramp);
 }
 function isParallelogram(cornerCoords) {
-	const [tl, tr, br, bl] = cornerCoords;
-	return Math.abs(tl.x + br.x - tr.x - bl.x) < perspectiveEpsilon && Math.abs(tl.y + br.y - tr.y - bl.y) < perspectiveEpsilon;
+	const [topLeft, topRight, bottomRight, bottomLeft] = cornerCoords;
+	return topLeft.x + bottomRight.x === topRight.x + bottomLeft.x && topLeft.y + bottomRight.y === topRight.y + bottomLeft.y;
 }
 //#endregion
 //#region src/source/video_source.ts
@@ -8604,7 +8777,7 @@ const shaders = {
 	lineSDF: prepare("uniform lowp float u_device_pixel_ratio;uniform lowp float u_lineatlas_width;uniform sampler2D u_image;uniform float u_mix;in vec2 v_normal;flat in vec2 v_width2;in vec2 v_tex_a;in vec2 v_tex_b;in float v_gamma_scale;\n#ifdef GLOBE\nin float v_depth;\n#endif\n#pragma maplibre: define highp vec4 color\n#pragma maplibre: define lowp float blur\n#pragma maplibre: define lowp float opacity\n#pragma maplibre: define mediump float width\n#pragma maplibre: define lowp float floorwidth\n#pragma maplibre: define mediump vec4 dasharray_from\n#pragma maplibre: define mediump vec4 dasharray_to\nvoid main() {\n#pragma maplibre: initialize highp vec4 color\n#pragma maplibre: initialize lowp float blur\n#pragma maplibre: initialize lowp float opacity\n#pragma maplibre: initialize mediump float width\n#pragma maplibre: initialize lowp float floorwidth\n#pragma maplibre: initialize mediump vec4 dasharray_from\n#pragma maplibre: initialize mediump vec4 dasharray_to\nclipAntimeridian();float dist=length(v_normal)*v_width2.s;float blur2=(blur+1.0/u_device_pixel_ratio)*v_gamma_scale;float alpha=clamp(min(dist-(v_width2.t-blur2),v_width2.s-dist)/blur2,0.0,1.0);float sdfdist_a=texture(u_image,v_tex_a).a;float sdfdist_b=texture(u_image,v_tex_b).a;float sdfdist=mix(sdfdist_a,sdfdist_b,u_mix);float sdfgamma=(u_lineatlas_width/256.0/u_device_pixel_ratio)/min(dasharray_from.w,dasharray_to.w);alpha*=smoothstep(0.5-sdfgamma/floorwidth,0.5+sdfgamma/floorwidth,sdfdist);fragColor=color*(alpha*opacity);\n#ifdef GLOBE\nif (v_depth > 1.0) {discard;}\n#endif\n#ifdef OVERDRAW_INSPECTOR\nfragColor=vec4(1.0);\n#endif\n}", "\n#define scale 0.015873016\n#define LINE_DISTANCE_SCALE 2.0\nlayout(location=0) in ivec2 a_pos_normal;layout(location=1) in uvec4 a_data;uniform vec2 u_translation;uniform mediump float u_ratio;uniform lowp float u_device_pixel_ratio;uniform vec2 u_units_to_pixels;uniform float u_tileratio;uniform float u_crossfade_from;uniform float u_crossfade_to;uniform float u_lineatlas_height;out vec2 v_normal;flat out vec2 v_width2;out vec2 v_tex_a;out vec2 v_tex_b;out float v_gamma_scale;\n#ifdef GLOBE\nout float v_depth;\n#endif\n#pragma maplibre: define highp vec4 color\n#pragma maplibre: define lowp float blur\n#pragma maplibre: define lowp float opacity\n#pragma maplibre: define mediump float gapwidth\n#pragma maplibre: define lowp float offset\n#pragma maplibre: define mediump float width\n#pragma maplibre: define lowp float floorwidth\n#pragma maplibre: define mediump vec4 dasharray_from\n#pragma maplibre: define mediump vec4 dasharray_to\nvoid main() {\n#pragma maplibre: initialize highp vec4 color\n#pragma maplibre: initialize lowp float blur\n#pragma maplibre: initialize lowp float opacity\n#pragma maplibre: initialize mediump float gapwidth\n#pragma maplibre: initialize lowp float offset\n#pragma maplibre: initialize mediump float width\n#pragma maplibre: initialize lowp float floorwidth\n#pragma maplibre: initialize mediump vec4 dasharray_from\n#pragma maplibre: initialize mediump vec4 dasharray_to\nif (opacity < 0.01) {gl_Position=vec4(-2.0,-2.0,-2.0,1.0);return;}float ANTIALIASING=1.0/u_device_pixel_ratio/2.0;vec2 a_extrude=vec2(ivec2(a_data.xy)-128);float a_direction=float(int(a_data.z & 3u)-1);float a_linesofar=float((a_data.z >> 2u)+a_data.w*64u)*LINE_DISTANCE_SCALE;vec2 pos=vec2(a_pos_normal >> 1);mediump vec2 normal=vec2(a_pos_normal & 1);normal.y=normal.y*2.0-1.0;v_normal=normal;gapwidth=gapwidth/2.0;float halfwidth=width/2.0;offset=-1.0*offset;float inset=gapwidth+(gapwidth > 0.0 ? ANTIALIASING : 0.0);float outset=gapwidth+halfwidth*(gapwidth > 0.0 ? 2.0 : 1.0)+(halfwidth==0.0 ? 0.0 : ANTIALIASING);mediump vec2 dist=outset*a_extrude*scale;mediump float u=0.5*a_direction;mediump float t=1.0-abs(u);mediump vec2 offset2=offset*a_extrude*scale*normal.y*mat2(t,-u,u,t);float adjustedThickness=projectLineThickness(pos.y);vec4 projected_no_extrude=projectTile(pos+offset2/u_ratio*adjustedThickness+u_translation);vec4 projected_with_extrude=projectTile(pos+offset2/u_ratio*adjustedThickness+u_translation+dist/u_ratio*adjustedThickness);gl_Position=projected_with_extrude;\n#ifdef GLOBE\nv_depth=gl_Position.z/gl_Position.w;\n#endif\n#ifdef TERRAIN3D\nv_gamma_scale=1.0;\n#else\nfloat extrude_length_without_perspective=length(dist);float extrude_length_with_perspective=length((projected_with_extrude.xy-projected_no_extrude.xy)/projected_with_extrude.w*u_units_to_pixels);v_gamma_scale=extrude_length_without_perspective/extrude_length_with_perspective;\n#endif\nfloat u_patternscale_a_x=u_tileratio/dasharray_from.w/u_crossfade_from;float u_patternscale_a_y=-dasharray_from.z/2.0/u_lineatlas_height;float u_patternscale_b_x=u_tileratio/dasharray_to.w/u_crossfade_to;float u_patternscale_b_y=-dasharray_to.z/2.0/u_lineatlas_height;v_tex_a=vec2(a_linesofar*u_patternscale_a_x/floorwidth,normal.y*u_patternscale_a_y+(float(dasharray_from.y)+0.5)/u_lineatlas_height);v_tex_b=vec2(a_linesofar*u_patternscale_b_x/floorwidth,normal.y*u_patternscale_b_y+(float(dasharray_to.y)+0.5)/u_lineatlas_height);v_width2=vec2(outset,inset);}"),
 	lineGradientSDF: prepare("uniform lowp float u_device_pixel_ratio;uniform sampler2D u_image;uniform sampler2D u_image_dash;uniform float u_mix;uniform lowp float u_lineatlas_width;in vec2 v_normal;flat in vec2 v_width2;in vec2 v_tex_a;in vec2 v_tex_b;in float v_gamma_scale;in highp vec2 v_uv;\n#ifdef GLOBE\nin float v_depth;\n#endif\n#pragma maplibre: define lowp float blur\n#pragma maplibre: define lowp float opacity\n#pragma maplibre: define mediump float width\n#pragma maplibre: define lowp float floorwidth\n#pragma maplibre: define mediump vec4 dasharray_from\n#pragma maplibre: define mediump vec4 dasharray_to\nvoid main() {\n#pragma maplibre: initialize lowp float blur\n#pragma maplibre: initialize lowp float opacity\n#pragma maplibre: initialize mediump float width\n#pragma maplibre: initialize lowp float floorwidth\n#pragma maplibre: initialize mediump vec4 dasharray_from\n#pragma maplibre: initialize mediump vec4 dasharray_to\nclipAntimeridian();float dist=length(v_normal)*v_width2.s;float blur2=(blur+1.0/u_device_pixel_ratio)*v_gamma_scale;float alpha=clamp(min(dist-(v_width2.t-blur2),v_width2.s-dist)/blur2,0.0,1.0);vec4 color=texture(u_image,v_uv);float sdfdist_a=texture(u_image_dash,v_tex_a).a;float sdfdist_b=texture(u_image_dash,v_tex_b).a;float sdfdist=mix(sdfdist_a,sdfdist_b,u_mix);float sdfgamma=(u_lineatlas_width/256.0)/min(dasharray_from.w,dasharray_to.w);float dash_alpha=smoothstep(0.5-sdfgamma/floorwidth,0.5+sdfgamma/floorwidth,sdfdist);fragColor=color*(alpha*dash_alpha*opacity);\n#ifdef GLOBE\nif (v_depth > 1.0) {discard;}\n#endif\n#ifdef OVERDRAW_INSPECTOR\nfragColor=vec4(1.0);\n#endif\n}", "\n#define scale 0.015873016\n#define LINE_DISTANCE_SCALE 2.0\nlayout(location=0) in ivec2 a_pos_normal;layout(location=1) in uvec4 a_data;layout(location=2) in float a_uv_x;layout(location=3) in float a_split_index;uniform vec2 u_translation;uniform mediump float u_ratio;uniform lowp float u_device_pixel_ratio;uniform vec2 u_units_to_pixels;uniform float u_image_height;uniform float u_tileratio;uniform float u_crossfade_from;uniform float u_crossfade_to;uniform float u_lineatlas_height;out vec2 v_normal;flat out vec2 v_width2;out float v_gamma_scale;out highp vec2 v_uv;out vec2 v_tex_a;out vec2 v_tex_b;\n#ifdef GLOBE\nout float v_depth;\n#endif\n#pragma maplibre: define lowp float blur\n#pragma maplibre: define lowp float opacity\n#pragma maplibre: define mediump float gapwidth\n#pragma maplibre: define lowp float offset\n#pragma maplibre: define mediump float width\n#pragma maplibre: define lowp float floorwidth\n#pragma maplibre: define mediump vec4 dasharray_from\n#pragma maplibre: define mediump vec4 dasharray_to\nvoid main() {\n#pragma maplibre: initialize lowp float blur\n#pragma maplibre: initialize lowp float opacity\n#pragma maplibre: initialize mediump float gapwidth\n#pragma maplibre: initialize lowp float offset\n#pragma maplibre: initialize mediump float width\n#pragma maplibre: initialize lowp float floorwidth\n#pragma maplibre: initialize mediump vec4 dasharray_from\n#pragma maplibre: initialize mediump vec4 dasharray_to\nif (opacity < 0.01) {gl_Position=vec4(-2.0,-2.0,-2.0,1.0);return;}float ANTIALIASING=1.0/u_device_pixel_ratio/2.0;vec2 a_extrude=vec2(ivec2(a_data.xy)-128);float a_direction=float(int(a_data.z & 3u)-1);float a_linesofar=float((a_data.z >> 2u)+a_data.w*64u)*LINE_DISTANCE_SCALE;float texel_height=1.0/u_image_height;float half_texel_height=0.5*texel_height;v_uv=vec2(a_uv_x,a_split_index*texel_height-half_texel_height);vec2 pos=vec2(a_pos_normal >> 1);mediump vec2 normal=vec2(a_pos_normal & 1);normal.y=normal.y*2.0-1.0;v_normal=normal;gapwidth=gapwidth/2.0;float halfwidth=width/2.0;offset=-1.0*offset;float inset=gapwidth+(gapwidth > 0.0 ? ANTIALIASING : 0.0);float outset=gapwidth+halfwidth*(gapwidth > 0.0 ? 2.0 : 1.0)+(halfwidth==0.0 ? 0.0 : ANTIALIASING);mediump vec2 dist=outset*a_extrude*scale;mediump float u=0.5*a_direction;mediump float t=1.0-abs(u);mediump vec2 offset2=offset*a_extrude*scale*normal.y*mat2(t,-u,u,t);float adjustedThickness=projectLineThickness(pos.y);vec4 projected_no_extrude=projectTile(pos+offset2/u_ratio*adjustedThickness+u_translation);vec4 projected_with_extrude=projectTile(pos+offset2/u_ratio*adjustedThickness+u_translation+dist/u_ratio*adjustedThickness);gl_Position=projected_with_extrude;\n#ifdef GLOBE\nv_depth=gl_Position.z/gl_Position.w;\n#endif\n#ifdef TERRAIN3D\nv_gamma_scale=1.0;\n#else\nfloat extrude_length_without_perspective=length(dist);float extrude_length_with_perspective=length((projected_with_extrude.xy-projected_no_extrude.xy)/projected_with_extrude.w*u_units_to_pixels);v_gamma_scale=extrude_length_without_perspective/extrude_length_with_perspective;\n#endif\nfloat u_patternscale_a_x=u_tileratio/dasharray_from.w/u_crossfade_from;float u_patternscale_a_y=-dasharray_from.z/2.0/u_lineatlas_height;float u_patternscale_b_x=u_tileratio/dasharray_to.w/u_crossfade_to;float u_patternscale_b_y=-dasharray_to.z/2.0/u_lineatlas_height;v_tex_a=vec2(a_linesofar*u_patternscale_a_x/floorwidth,normal.y*u_patternscale_a_y+(float(dasharray_from.y)+0.5)/u_lineatlas_height);v_tex_b=vec2(a_linesofar*u_patternscale_b_x/floorwidth,normal.y*u_patternscale_b_y+(float(dasharray_to.y)+0.5)/u_lineatlas_height);v_width2=vec2(outset,inset);}"),
 	layerOpacity: prepare("uniform sampler2D u_image;uniform float u_opacity;in vec2 v_pos;void main() {fragColor=texture(u_image,v_pos)*u_opacity;\n#ifdef OVERDRAW_INSPECTOR\nfragColor=vec4(0.0);\n#endif\n}", "layout(location=0) in vec2 a_pos;out vec2 v_pos;void main() {gl_Position=vec4(a_pos.x*2.0-1.0,1.0-a_pos.y*2.0,0.0,1.0);v_pos.x=a_pos.x;v_pos.y=1.0-a_pos.y;}"),
-	raster: prepare("uniform float u_fade_t;uniform float u_opacity;uniform sampler2D u_image0;uniform sampler2D u_image1;in vec3 v_pos0;in vec3 v_pos1;uniform float u_brightness_low;uniform float u_brightness_high;uniform float u_saturation_factor;uniform float u_contrast_factor;uniform vec3 u_spin_weights;void main() {vec4 color0=texture(u_image0,v_pos0.xy/v_pos0.z);vec4 color1=texture(u_image1,v_pos1.xy/v_pos1.z);if (color0.a > 0.0) {color0.rgb=color0.rgb/color0.a;}if (color1.a > 0.0) {color1.rgb=color1.rgb/color1.a;}vec4 color=mix(color0,color1,u_fade_t);color.a*=u_opacity;vec3 rgb=color.rgb;rgb=vec3(dot(rgb,u_spin_weights.xyz),dot(rgb,u_spin_weights.zxy),dot(rgb,u_spin_weights.yzx));float average=(color.r+color.g+color.b)/3.0;rgb+=(average-rgb)*u_saturation_factor;rgb=(rgb-0.5)*u_contrast_factor+0.5;vec3 u_high_vec=vec3(u_brightness_low,u_brightness_low,u_brightness_low);vec3 u_low_vec=vec3(u_brightness_high,u_brightness_high,u_brightness_high);fragColor=vec4(mix(u_high_vec,u_low_vec,rgb)*color.a,color.a);\n#ifdef OVERDRAW_INSPECTOR\nfragColor=vec4(1.0);\n#endif\n}", "uniform vec2 u_tl_parent;uniform float u_scale_parent;uniform float u_buffer_scale;uniform vec3 u_perspective_transform;uniform vec4 u_coords_top;uniform vec4 u_coords_bottom;layout(location=0) in vec2 a_pos;out vec3 v_pos0;out vec3 v_pos1;void main() {vec2 fractionalPos=a_pos/8192.0;vec2 position=mix(mix(u_coords_top.xy,u_coords_top.zw,fractionalPos.x),mix(u_coords_bottom.xy,u_coords_bottom.zw,fractionalPos.x),fractionalPos.y);gl_Position=projectTile(position,position);vec2 texturePos=((fractionalPos-0.5)/u_buffer_scale)+0.5;\n#ifdef GLOBE\nif (a_pos.y <-32767.5) {texturePos.y=0.0;}if (a_pos.y > 32766.5) {texturePos.y=1.0;}\n#endif\nfloat perspectiveRatio=dot(u_perspective_transform,vec3(position,1.0));v_pos0=vec3(texturePos*perspectiveRatio,perspectiveRatio);vec2 parentPos=(texturePos*u_scale_parent)+u_tl_parent;v_pos1=vec3(parentPos*perspectiveRatio,perspectiveRatio);}"),
+	raster: prepare("uniform float u_fade_t;uniform float u_opacity;uniform sampler2D u_image0;uniform sampler2D u_image1;in vec3 v_pos0;in vec3 v_pos1;uniform float u_brightness_low;uniform float u_brightness_high;uniform float u_saturation_factor;uniform float u_contrast_factor;uniform vec3 u_spin_weights;void main() {vec4 color0=texture(u_image0,v_pos0.xy/v_pos0.z);vec4 color1=texture(u_image1,v_pos1.xy/v_pos1.z);if (color0.a > 0.0) {color0.rgb=color0.rgb/color0.a;}if (color1.a > 0.0) {color1.rgb=color1.rgb/color1.a;}vec4 color=mix(color0,color1,u_fade_t);color.a*=u_opacity;vec3 rgb=color.rgb;rgb=vec3(dot(rgb,u_spin_weights.xyz),dot(rgb,u_spin_weights.zxy),dot(rgb,u_spin_weights.yzx));float average=(color.r+color.g+color.b)/3.0;rgb+=(average-rgb)*u_saturation_factor;rgb=(rgb-0.5)*u_contrast_factor+0.5;vec3 u_high_vec=vec3(u_brightness_low,u_brightness_low,u_brightness_low);vec3 u_low_vec=vec3(u_brightness_high,u_brightness_high,u_brightness_high);fragColor=vec4(mix(u_high_vec,u_low_vec,rgb)*color.a,color.a);\n#ifdef OVERDRAW_INSPECTOR\nfragColor=vec4(1.0);\n#endif\n}", "uniform vec2 u_tl_parent;uniform float u_scale_parent;uniform float u_buffer_scale;uniform vec3 u_image_warp;uniform vec4 u_coords_top;uniform vec4 u_coords_bottom;layout(location=0) in vec2 a_pos;out vec3 v_pos0;out vec3 v_pos1;void main() {vec2 fractionalPos=a_pos/8192.0;vec2 topLeft=u_coords_top.xy;vec2 topRight=u_coords_top.zw;vec2 bottomLeft=u_coords_bottom.xy;vec2 bottomRight=u_coords_bottom.zw;vec2 bilinearPos=mix(mix(topLeft,topRight,fractionalPos.x),mix(bottomLeft,bottomRight,fractionalPos.x),fractionalPos.y);float denominator=dot(u_image_warp.xy,fractionalPos)+1.0;vec2 acrossTop=topRight-topLeft+u_image_warp.x*topRight;vec2 downLeft=bottomLeft-topLeft+u_image_warp.y*bottomLeft;vec2 projectivePos=(acrossTop*fractionalPos.x+downLeft*fractionalPos.y+topLeft)/denominator;vec2 position=mix(projectivePos,bilinearPos,u_image_warp.z);gl_Position=projectTile(position,position);vec2 texturePos=((fractionalPos-0.5)/u_buffer_scale)+0.5;\n#ifdef GLOBE\nif (a_pos.y <-32767.5) {texturePos.y=0.0;}if (a_pos.y > 32766.5) {texturePos.y=1.0;}\n#endif\nfloat perspectiveRatio=mix(1.0/denominator,1.0,u_image_warp.z);v_pos0=vec3(texturePos*perspectiveRatio,perspectiveRatio);vec2 parentPos=(texturePos*u_scale_parent)+u_tl_parent;v_pos1=vec3(parentPos*perspectiveRatio,perspectiveRatio);}"),
 	symbolIcon: prepare("uniform sampler2D u_texture;in vec2 v_tex;flat in float v_total_opacity;void main() {fragColor=texture(u_texture,v_tex)*v_total_opacity;\n#ifdef OVERDRAW_INSPECTOR\nfragColor=vec4(1.0);\n#endif\n}", "layout(location=0) in vec4 a_pos_offset;layout(location=1) in uvec4 a_data;layout(location=2) in vec4 a_pixeloffset;layout(location=3) in vec3 a_projected_pos;layout(location=4) in uint a_fade_opacity;uniform bool u_is_size_zoom_constant;uniform bool u_is_size_feature_constant;uniform highp float u_size_t;uniform highp float u_size;uniform highp float u_camera_to_center_distance;uniform highp float u_pitch;uniform bool u_rotate_symbol;uniform highp float u_aspect_ratio;uniform float u_fade_change;uniform mat4 u_label_plane_matrix;uniform mat4 u_coord_matrix;uniform bool u_is_text;uniform bool u_pitch_with_map;uniform vec2 u_texsize;uniform bool u_is_along_line;uniform bool u_is_variable_anchor;uniform vec2 u_translation;uniform float u_pitched_scale;uniform bool u_is_offset;out vec2 v_tex;flat out float v_total_opacity;\n#pragma maplibre: define lowp float opacity\nvoid main() {\n#pragma maplibre: initialize lowp float opacity\nvec2 a_pos=a_pos_offset.xy;vec2 a_offset=a_pos_offset.zw;vec2 a_tex=vec2(a_data.xy);vec2 a_size=vec2(a_data.zw);float a_size_min=float(a_data.z >> 1u);vec2 a_pxoffset=a_pixeloffset.xy;vec2 a_minFontScale=a_pixeloffset.zw/256.0;float ele=get_elevation(a_pos);highp float segment_angle=-a_projected_pos[2];float size;if (!u_is_size_zoom_constant && !u_is_size_feature_constant) {size=mix(a_size_min,a_size[1],u_size_t)/128.0;} else if (u_is_size_zoom_constant && !u_is_size_feature_constant) {size=a_size_min/128.0;} else {size=u_size;}vec2 translated_a_pos=a_pos+u_translation;vec4 projectedPoint=projectTileWithElevation(translated_a_pos,ele);vec2 fade_opacity=unpack_opacity(a_fade_opacity);float fade_change=fade_opacity[1] > 0.5 ? u_fade_change :-u_fade_change;float visibility=calculate_visibility(projectedPoint);v_total_opacity=opacity*max(0.0,min(visibility,fade_opacity[0]+fade_change));if (v_total_opacity < 0.1){gl_Position=vec4(-2.,-2.,-2.,1.);return;}highp float camera_to_anchor_distance=projectedPoint.w;highp float distance_ratio=u_pitch_with_map ?\ncamera_to_anchor_distance/u_camera_to_center_distance :\nu_camera_to_center_distance/camera_to_anchor_distance;highp float perspective_ratio=clamp(0.5+0.5*distance_ratio,0.0,4.0);if (!u_is_offset) {size*=perspective_ratio;}float fontScale=u_is_text ? size/24.0 : size;highp float symbol_rotation=0.0;if (u_rotate_symbol) {vec4 offsetProjectedPoint=projectTileWithElevation(translated_a_pos+vec2(1,0),ele);vec2 a=projectedPoint.xy/projectedPoint.w;vec2 b=offsetProjectedPoint.xy/offsetProjectedPoint.w;symbol_rotation=atan((b.y-a.y)/u_aspect_ratio,b.x-a.x);}highp float angle_sin=sin(segment_angle+symbol_rotation);highp float angle_cos=cos(segment_angle+symbol_rotation);mat2 rotation_matrix=mat2(angle_cos,-1.0*angle_sin,angle_sin,angle_cos);vec4 projected_pos;if (u_is_along_line || u_is_variable_anchor) {projected_pos=vec4(a_projected_pos.xy,ele,1.0);} else if (u_pitch_with_map) {projected_pos=u_label_plane_matrix*vec4(a_projected_pos.xy+u_translation,ele,1.0);} else {projected_pos=u_label_plane_matrix*projectTileWithElevation(a_projected_pos.xy+u_translation,ele);}float z=float(u_pitch_with_map)*projected_pos.z/projected_pos.w;float projectionScaling=1.0;\n#ifdef GLOBE\nif(u_pitch_with_map) {float anchor_pos_tile_y=(u_coord_matrix*vec4(projected_pos.xy/projected_pos.w,z,1.0)).y;projectionScaling=mix(projectionScaling,1.0/circumferenceRatioAtTileY(anchor_pos_tile_y)*u_pitched_scale,u_projection_transition);}\n#endif\nvec4 finalPos=u_coord_matrix*vec4(projected_pos.xy/projected_pos.w+rotation_matrix*(a_offset/32.0*max(a_minFontScale,fontScale)+a_pxoffset/16.0)*projectionScaling,z,1.0);if(u_pitch_with_map) {finalPos=projectTileWithElevation(finalPos.xy,finalPos.z);}gl_Position=finalPos;v_tex=a_tex/u_texsize;}"),
 	symbolSDF: prepare("#define SDF_PX 8.0\nuniform bool u_is_halo;uniform bool u_is_plain;uniform sampler2D u_texture;uniform highp float u_gamma_scale;uniform lowp float u_device_pixel_ratio;uniform bool u_is_text;in vec2 v_data0;in vec3 v_data1;\n#pragma maplibre: define highp vec4 fill_color\n#pragma maplibre: define highp vec4 halo_color\n#pragma maplibre: define lowp float halo_width\n#pragma maplibre: define lowp float halo_blur\nvoid main() {\n#pragma maplibre: initialize highp vec4 fill_color\n#pragma maplibre: initialize highp vec4 halo_color\n#pragma maplibre: initialize lowp float halo_width\n#pragma maplibre: initialize lowp float halo_blur\nfloat EDGE_GAMMA=0.105/u_device_pixel_ratio;vec2 tex=v_data0.xy;float gamma_scale=v_data1.x;float size=v_data1.y;float total_opacity=v_data1[2];float fontScale=u_is_text ? size/24.0 : size;highp float gamma=EDGE_GAMMA/(fontScale*u_gamma_scale);lowp float inner_edge=(256.0-64.0)/256.0;lowp float dist=texture(u_texture,tex).a;lowp vec4 color_alpha_out_text,color_alpha_out_halo;if (u_is_plain){highp float gamma_scaled=gamma*gamma_scale;highp float alpha=smoothstep(inner_edge-gamma_scaled,inner_edge+gamma_scaled,dist);color_alpha_out_text=total_opacity*alpha*fill_color;}if (u_is_halo) {float gamma_halo=(halo_blur*1.19/SDF_PX+EDGE_GAMMA)/(fontScale*u_gamma_scale);float inner_edge_halo=inner_edge+gamma_halo*gamma_scale;highp float gamma_scaled_halo=gamma_halo*gamma_scale;highp float alpha_halo=smoothstep(inner_edge_halo-gamma_scaled_halo,inner_edge_halo+gamma_scaled_halo,dist);highp float halo_edge=(6.0-halo_width/fontScale)/SDF_PX;alpha_halo= min(smoothstep(halo_edge-gamma_scaled_halo,halo_edge+gamma_scaled_halo,dist),1.0-alpha_halo);color_alpha_out_halo=total_opacity*alpha_halo*halo_color;}if (u_is_plain && u_is_halo) {fragColor=color_alpha_out_text+(1.-color_alpha_out_text.a)*color_alpha_out_halo;} else if (u_is_halo){fragColor=color_alpha_out_halo;} else {fragColor=color_alpha_out_text;}\n#ifdef OVERDRAW_INSPECTOR\nfragColor=vec4(1.0);\n#endif\n}", "layout(location=0) in vec4 a_pos_offset;layout(location=1) in uvec4 a_data;layout(location=2) in vec4 a_pixeloffset;layout(location=3) in vec3 a_projected_pos;layout(location=4) in uint a_fade_opacity;uniform bool u_is_size_zoom_constant;uniform bool u_is_size_feature_constant;uniform highp float u_size_t;uniform highp float u_size;uniform mat4 u_label_plane_matrix;uniform mat4 u_coord_matrix;uniform bool u_is_text;uniform bool u_pitch_with_map;uniform bool u_is_along_line;uniform bool u_is_variable_anchor;uniform highp float u_pitch;uniform bool u_rotate_symbol;uniform highp float u_aspect_ratio;uniform highp float u_camera_to_center_distance;uniform float u_fade_change;uniform vec2 u_texsize;uniform vec2 u_translation;uniform float u_pitched_scale;uniform bool u_is_offset;out vec2 v_data0;out vec3 v_data1;\n#pragma maplibre: define highp vec4 fill_color\n#pragma maplibre: define highp vec4 halo_color\n#pragma maplibre: define lowp float opacity\n#pragma maplibre: define lowp float halo_width\n#pragma maplibre: define lowp float halo_blur\nvoid main() {\n#pragma maplibre: initialize highp vec4 fill_color\n#pragma maplibre: initialize highp vec4 halo_color\n#pragma maplibre: initialize lowp float opacity\n#pragma maplibre: initialize lowp float halo_width\n#pragma maplibre: initialize lowp float halo_blur\nvec2 a_pos=a_pos_offset.xy;vec2 a_offset=a_pos_offset.zw;vec2 a_tex=vec2(a_data.xy);vec2 a_size=vec2(a_data.zw);float a_size_min=float(a_data.z >> 1u);vec2 a_pxoffset=a_pixeloffset.xy/16.0;vec2 a_minFontScale=a_pixeloffset.zw/256.0;float ele=get_elevation(a_pos);highp float segment_angle=-a_projected_pos[2];float size;if (!u_is_size_zoom_constant && !u_is_size_feature_constant) {size=mix(a_size_min,a_size[1],u_size_t)/128.0;} else if (u_is_size_zoom_constant && !u_is_size_feature_constant) {size=a_size_min/128.0;} else {size=u_size;}vec2 translated_a_pos=a_pos+u_translation;vec4 projectedPoint=projectTileWithElevation(translated_a_pos,ele);vec2 fade_opacity=unpack_opacity(a_fade_opacity);float visibility=calculate_visibility(projectedPoint);float fade_change=fade_opacity[1] > 0.5 ? u_fade_change :-u_fade_change;float interpolated_fade_opacity=max(0.0,min(visibility,fade_opacity[0]+fade_change));float total_opacity=opacity*interpolated_fade_opacity;if (total_opacity < 0.1){gl_Position=vec4(-2.,-2.,-2.,1.);return;}highp float camera_to_anchor_distance=projectedPoint.w;highp float distance_ratio=u_pitch_with_map ?\ncamera_to_anchor_distance/u_camera_to_center_distance :\nu_camera_to_center_distance/camera_to_anchor_distance;highp float perspective_ratio=clamp(0.5+0.5*distance_ratio,0.0,4.0);if (!u_is_offset) {size*=perspective_ratio;}float fontScale=u_is_text ? size/24.0 : size;highp float symbol_rotation=0.0;if (u_rotate_symbol) {vec4 offsetProjectedPoint=projectTileWithElevation(translated_a_pos+vec2(1,0),ele);vec2 a=projectedPoint.xy/projectedPoint.w;vec2 b=offsetProjectedPoint.xy/offsetProjectedPoint.w;symbol_rotation=atan((b.y-a.y)/u_aspect_ratio,b.x-a.x);}highp float angle_sin=sin(segment_angle+symbol_rotation);highp float angle_cos=cos(segment_angle+symbol_rotation);mat2 rotation_matrix=mat2(angle_cos,-1.0*angle_sin,angle_sin,angle_cos);vec4 projected_pos;if (u_is_along_line || u_is_variable_anchor) {projected_pos=vec4(a_projected_pos.xy,ele,1.0);} else if (u_pitch_with_map) {projected_pos=u_label_plane_matrix*vec4(a_projected_pos.xy+u_translation,ele,1.0);} else {projected_pos=u_label_plane_matrix*projectTileWithElevation(a_projected_pos.xy+u_translation,ele);}float z=float(u_pitch_with_map)*projected_pos.z/projected_pos.w;float projectionScaling=1.0;\n#ifdef GLOBE\nif(u_pitch_with_map) {float anchor_pos_tile_y=(u_coord_matrix*vec4(projected_pos.xy/projected_pos.w,z,1.0)).y;projectionScaling=mix(projectionScaling,1.0/circumferenceRatioAtTileY(anchor_pos_tile_y)*u_pitched_scale,u_projection_transition);}\n#endif\nvec4 finalPos=u_coord_matrix*vec4(projected_pos.xy/projected_pos.w+rotation_matrix*(a_offset/32.0*max(a_minFontScale,fontScale)+a_pxoffset)*projectionScaling,z,1.0);if(u_pitch_with_map) {finalPos=projectTileWithElevation(finalPos.xy,finalPos.z);}float gamma_scale=finalPos.w;gl_Position=finalPos;v_data0=a_tex/u_texsize;v_data1=vec3(gamma_scale,size,total_opacity);}"),
 	symbolTextAndIcon: prepare("#define SDF_PX 8.0\n#define SDF 1.0\n#define ICON 0.0\nuniform bool u_is_halo;uniform bool u_is_text;uniform sampler2D u_texture;uniform sampler2D u_texture_icon;uniform highp float u_gamma_scale;uniform lowp float u_device_pixel_ratio;in vec4 v_data0;in vec3 v_data1;flat in float v_is_sdf;\n#pragma maplibre: define highp vec4 fill_color\n#pragma maplibre: define highp vec4 halo_color\n#pragma maplibre: define lowp float halo_width\n#pragma maplibre: define lowp float halo_blur\nvoid main() {\n#pragma maplibre: initialize highp vec4 fill_color\n#pragma maplibre: initialize highp vec4 halo_color\n#pragma maplibre: initialize lowp float halo_width\n#pragma maplibre: initialize lowp float halo_blur\nfloat total_opacity=v_data1[2];if (v_is_sdf==ICON) {vec2 tex_icon=v_data0.zw;fragColor=texture(u_texture_icon,tex_icon)*total_opacity;\n#ifdef OVERDRAW_INSPECTOR\nfragColor=vec4(1.0);\n#endif\nreturn;}vec2 tex=v_data0.xy;float EDGE_GAMMA=0.105/u_device_pixel_ratio;float gamma_scale=v_data1.x;float size=v_data1.y;float fontScale=size/24.0;highp float gamma=EDGE_GAMMA/(fontScale*u_gamma_scale);lowp float buff=(256.0-64.0)/256.0;lowp float dist=texture(u_texture,tex).a;lowp vec4 color_alpha_out,color_alpha_out_halo;if (u_is_text) {highp float gamma_scaled=gamma*gamma_scale;highp float alpha=smoothstep(buff-gamma_scaled,buff+gamma_scaled,dist);color_alpha_out=fill_color*(alpha*total_opacity);}if (u_is_halo) {highp float gamma_halo=(halo_blur*1.19/SDF_PX+EDGE_GAMMA)/(fontScale*u_gamma_scale);lowp float buff_halo=(6.0-halo_width/fontScale)/SDF_PX;highp float gamma_scaled_halo=gamma_halo*gamma_scale;highp float alpha_halo=smoothstep(buff_halo-gamma_scaled_halo,buff_halo+gamma_scaled_halo,dist);color_alpha_out_halo=halo_color*(alpha_halo*total_opacity);}if (u_is_text && u_is_halo) {fragColor=color_alpha_out+(1.-color_alpha_out.a)*color_alpha_out_halo;} else if (u_is_halo) {fragColor=color_alpha_out_halo;} else {fragColor=color_alpha_out;}\n#ifdef OVERDRAW_INSPECTOR\nfragColor=vec4(1.0);\n#endif\n}", "layout(location=0) in vec4 a_pos_offset;layout(location=1) in uvec4 a_data;layout(location=2) in vec3 a_projected_pos;layout(location=3) in uint a_fade_opacity;uniform bool u_is_size_zoom_constant;uniform bool u_is_size_feature_constant;uniform highp float u_size_t;uniform highp float u_size;uniform mat4 u_label_plane_matrix;uniform mat4 u_coord_matrix;uniform bool u_is_text;uniform bool u_pitch_with_map;uniform highp float u_pitch;uniform bool u_rotate_symbol;uniform highp float u_aspect_ratio;uniform highp float u_camera_to_center_distance;uniform float u_fade_change;uniform vec2 u_texsize;uniform vec2 u_texsize_icon;uniform bool u_is_along_line;uniform bool u_is_variable_anchor;uniform vec2 u_translation;uniform float u_pitched_scale;uniform bool u_is_offset;out vec4 v_data0;out vec3 v_data1;flat out float v_is_sdf;\n#pragma maplibre: define highp vec4 fill_color\n#pragma maplibre: define highp vec4 halo_color\n#pragma maplibre: define lowp float opacity\n#pragma maplibre: define lowp float halo_width\n#pragma maplibre: define lowp float halo_blur\nvoid main() {\n#pragma maplibre: initialize highp vec4 fill_color\n#pragma maplibre: initialize highp vec4 halo_color\n#pragma maplibre: initialize lowp float opacity\n#pragma maplibre: initialize lowp float halo_width\n#pragma maplibre: initialize lowp float halo_blur\nvec2 a_pos=a_pos_offset.xy;vec2 a_offset=a_pos_offset.zw;vec2 a_tex=vec2(a_data.xy);vec2 a_size=vec2(a_data.zw);float a_size_min=float(a_data.z >> 1u);float is_sdf=float(a_data.z & 1u);float ele=get_elevation(a_pos);highp float segment_angle=-a_projected_pos[2];float size;if (!u_is_size_zoom_constant && !u_is_size_feature_constant) {size=mix(a_size_min,a_size[1],u_size_t)/128.0;} else if (u_is_size_zoom_constant && !u_is_size_feature_constant) {size=a_size_min/128.0;} else {size=u_size;}vec2 translated_a_pos=a_pos+u_translation;vec4 projectedPoint=projectTileWithElevation(translated_a_pos,ele);vec2 fade_opacity=unpack_opacity(a_fade_opacity);float visibility=calculate_visibility(projectedPoint);float fade_change=fade_opacity[1] > 0.5 ? u_fade_change :-u_fade_change;float interpolated_fade_opacity=max(0.0,min(visibility,fade_opacity[0]+fade_change));float total_opacity=opacity*interpolated_fade_opacity;if (total_opacity < 0.1){gl_Position=vec4(-2.,-2.,-2.,1.);return;}highp float camera_to_anchor_distance=projectedPoint.w;highp float distance_ratio=u_pitch_with_map ?\ncamera_to_anchor_distance/u_camera_to_center_distance :\nu_camera_to_center_distance/camera_to_anchor_distance;highp float perspective_ratio=clamp(0.5+0.5*distance_ratio,0.0,4.0);if (!u_is_offset) {size*=perspective_ratio;}float fontScale=size/24.0;highp float symbol_rotation=0.0;if (u_rotate_symbol) {vec4 offsetProjectedPoint=projectTileWithElevation(translated_a_pos+vec2(1,0),ele);vec2 a=projectedPoint.xy/projectedPoint.w;vec2 b=offsetProjectedPoint.xy/offsetProjectedPoint.w;symbol_rotation=atan((b.y-a.y)/u_aspect_ratio,b.x-a.x);}highp float angle_sin=sin(segment_angle+symbol_rotation);highp float angle_cos=cos(segment_angle+symbol_rotation);mat2 rotation_matrix=mat2(angle_cos,-1.0*angle_sin,angle_sin,angle_cos);vec4 projected_pos;if (u_is_along_line || u_is_variable_anchor) {projected_pos=vec4(a_projected_pos.xy,ele,1.0);} else if (u_pitch_with_map) {projected_pos=u_label_plane_matrix*vec4(a_projected_pos.xy+u_translation,ele,1.0);} else {projected_pos=u_label_plane_matrix*projectTileWithElevation(a_projected_pos.xy+u_translation,ele);}float z=float(u_pitch_with_map)*projected_pos.z/projected_pos.w;float projectionScaling=1.0;\n#ifdef GLOBE\nif(u_pitch_with_map && !u_is_along_line) {float anchor_pos_tile_y=(u_coord_matrix*vec4(projected_pos.xy/projected_pos.w,z,1.0)).y;projectionScaling=mix(projectionScaling,1.0/circumferenceRatioAtTileY(anchor_pos_tile_y)*u_pitched_scale,u_projection_transition);}\n#endif\nvec4 finalPos=u_coord_matrix*vec4(projected_pos.xy/projected_pos.w+rotation_matrix*(a_offset/32.0*fontScale)*projectionScaling,z,1.0);if(u_pitch_with_map) {finalPos=projectTileWithElevation(finalPos.xy,finalPos.z);}float gamma_scale=finalPos.w;gl_Position=finalPos;v_data0.xy=a_tex/u_texsize;v_data0.zw=a_tex/u_texsize_icon;v_data1=vec3(gamma_scale,size,total_opacity);v_is_sdf=is_sdf;}"),
@@ -8696,30 +8869,6 @@ uniform ${precision} ${type} u_${name};
 	};
 }
 //#endregion
-//#region src/render/mesh.ts
-var Mesh = class {
-	constructor(vertexBuffer, indexBuffer, segments) {
-		this.vertexBuffer = vertexBuffer;
-		this.indexBuffer = indexBuffer;
-		this.segments = segments;
-	}
-	destroy() {
-		this.vertexBuffer.destroy();
-		this.indexBuffer.destroy();
-		this.segments.destroy();
-		this.vertexBuffer = null;
-		this.indexBuffer = null;
-		this.segments = null;
-	}
-};
-//#endregion
-//#region src/data/pos_attributes.ts
-const posAttributes = createLayout([{
-	name: "a_pos",
-	type: "Int16",
-	components: 2
-}]);
-//#endregion
 //#region src/geo/projection/mercator_projection.ts
 const MercatorShaderDefine = "#define PROJECTION_MERCATOR";
 const MercatorShaderVariantKey = "mercator";
@@ -10626,103 +10775,6 @@ var MercatorCameraHelper = class {
 let properties;
 const getProperties = () => properties = properties || new Properties({ "type": new DataConstantProperty(latest["projection"]["type"], "type") });
 //#endregion
-//#region src/util/create_tile_mesh.ts
-/**
-* The size of border region for stencil masks, in internal tile coordinates.
-* Used for globe rendering.
-*/
-const EXTENT_STENCIL_BORDER = EXTENT / 128;
-/**
-* @internal
-* Creates a mesh of a quad that covers the entire tile (covering positions in range 0..EXTENT),
-* is optionally subdivided into finer quads, optionally includes a border
-* and optionally extends to the north and/or special pole vertices.
-* Also allocates and populates WebGL buffers for the mesh.
-* Forces 16 bit indices that are used throughout MapLibre.
-* @param context - The WebGL context wrapper.
-* @param options - Specify options for tile mesh creation such as granularity or border.
-* @returns The mesh vertices and indices, already allocated and uploaded into WebGL buffers.
-*/
-function createTileMeshWithBuffers(context, options) {
-	const tileMesh = createTileMesh(options, "16bit");
-	const vertices = PosArray.deserialize({
-		arrayBuffer: tileMesh.vertices,
-		length: tileMesh.vertices.byteLength / 2 / 2
-	});
-	const indices = TriangleIndexArray.deserialize({
-		arrayBuffer: tileMesh.indices,
-		length: tileMesh.indices.byteLength / 2 / 3
-	});
-	return new Mesh(context.createVertexBuffer(vertices, posAttributes.members), context.createIndexBuffer(indices), SegmentVector.simpleSegment(0, 0, vertices.length, indices.length));
-}
-/**
-* Creates a mesh of a quad that covers the entire tile (covering positions in range 0..EXTENT),
-* is optionally subdivided into finer quads, optionally includes a border
-* and optionally extends to the north and/or special pole vertices.
-* Additionally the resulting mesh indices type can be specified using `forceIndicesSize`.
-* @example
-* ```
-* // Creating a mesh for a tile that can be used for raster layers, hillshade, etc.
-* const meshBuffers = createTileMesh({
-*     granularity: map.style.projection.subdivisionGranularity.tile.getGranularityForZoomLevel(tileID.z),
-*     generateBorders: true,
-*     extendToNorthPole: tileID.y === 0,
-*     extendToSouthPole: tileID.y === (1 << tileID.z) - 1,
-* }, '16bit');
-* ```
-* @see [Add a custom layer with tiles to a globe](https://maplibre.org/maplibre-gl-js/docs/examples/add-a-custom-layer-with-tiles-to-a-globe/)
-* @param options - Specify options for tile mesh creation such as granularity or border.
-* @param forceIndicesSize - Specifies what indices type to use. The values '32bit' and '16bit' force their respective indices size. If undefined, the mesh may use either size, and will pick 16 bit indices if possible. If '16bit' is specified and the mesh exceeds 65536 vertices, an exception is thrown.
-* @returns Typed arrays of the mesh vertices and indices.
-*/
-function createTileMesh(options, forceIndicesSize) {
-	const granularity = options.granularity !== void 0 ? Math.max(options.granularity, 1) : 1;
-	const quadsPerAxisX = granularity + (options.generateBorders ? 2 : 0);
-	const quadsPerAxisY = granularity + (options.extendToNorthPole || options.generateBorders ? 1 : 0) + (options.extendToSouthPole || options.generateBorders ? 1 : 0);
-	const verticesPerAxisX = quadsPerAxisX + 1;
-	const verticesPerAxisY = quadsPerAxisY + 1;
-	const offsetX = options.generateBorders ? -1 : 0;
-	const offsetY = options.generateBorders || options.extendToNorthPole ? -1 : 0;
-	const endX = granularity + (options.generateBorders ? 1 : 0);
-	const endY = granularity + (options.generateBorders || options.extendToSouthPole ? 1 : 0);
-	const vertexCount = verticesPerAxisX * verticesPerAxisY;
-	const indexCount = quadsPerAxisX * quadsPerAxisY * 6;
-	const overflows16bitIndices = verticesPerAxisX * verticesPerAxisY > 65536;
-	if (overflows16bitIndices && forceIndicesSize === "16bit") throw new Error("Granularity is too large and meshes would not fit inside 16 bit vertex indices.");
-	const use32bitIndices = overflows16bitIndices || forceIndicesSize === "32bit";
-	const vertices = new Int16Array(vertexCount * 2);
-	let vertexId = 0;
-	for (let y = offsetY; y <= endY; y++) for (let x = offsetX; x <= endX; x++) {
-		let vx = x / granularity * EXTENT;
-		if (x === -1) vx = -EXTENT_STENCIL_BORDER;
-		if (x === granularity + 1) vx = EXTENT + EXTENT_STENCIL_BORDER;
-		let vy = y / granularity * EXTENT;
-		if (y === -1) vy = options.extendToNorthPole ? NORTH_POLE_Y : -EXTENT_STENCIL_BORDER;
-		if (y === granularity + 1) vy = options.extendToSouthPole ? SOUTH_POLE_Y : EXTENT + EXTENT_STENCIL_BORDER;
-		vertices[vertexId++] = vx;
-		vertices[vertexId++] = vy;
-	}
-	const indices = use32bitIndices ? new Uint32Array(indexCount) : new Uint16Array(indexCount);
-	let indexId = 0;
-	for (let y = 0; y < quadsPerAxisY; y++) for (let x = 0; x < quadsPerAxisX; x++) {
-		const v0 = x + y * verticesPerAxisX;
-		const v1 = x + 1 + y * verticesPerAxisX;
-		const v2 = x + (y + 1) * verticesPerAxisX;
-		const v3 = x + 1 + (y + 1) * verticesPerAxisX;
-		indices[indexId++] = v0;
-		indices[indexId++] = v2;
-		indices[indexId++] = v1;
-		indices[indexId++] = v1;
-		indices[indexId++] = v2;
-		indices[indexId++] = v3;
-	}
-	return {
-		vertices: vertices.buffer.slice(0),
-		indices: indices.buffer.slice(0),
-		uses32bitIndices: use32bitIndices
-	};
-}
-//#endregion
 //#region src/geo/projection/vertical_perspective_projection.ts
 const VerticalPerspectiveShaderDefine = "#define GLOBE";
 const VerticalPerspectiveShaderVariantKey = "globe";
@@ -11043,11 +11095,12 @@ function versorSetLocationAtPoint(tr, lnglat, point, panDelta, fixedBearing = tr
 	const delta = l ? fromValues(w[1] / l * s, -w[0] / l * s, w[2] / l * s, Math.cos(t)) : fromValues(0, 0, 0, 1);
 	const { lng: newCenterLng, lat: newCenterLat, bearing: newBearing } = lngLatBearingFromOrientation(multiply$1(createVec4f64(), centerQuat, delta));
 	const oldLat = tr.center.lat;
+	const oldZoom = tr.zoom;
 	const finalLat = clamp(newCenterLat, -90, 90);
 	const finalLng = fixedBearing ? fixedBearingLongitude(tr, point, panDelta, newCenterLng) : newCenterLng;
 	tr.setCenter(new LngLat(wrap(finalLng, -180, 180), finalLat));
 	if (!fixedBearing) tr.setBearing(newBearing);
-	tr.setZoom(tr.zoom + getZoomAdjustment(oldLat, tr.center.lat));
+	tr.setZoom(oldZoom + getZoomAdjustment(oldLat, tr.center.lat));
 }
 /**
 * Returns the center longitude for a bearing-preserving drag.
@@ -12856,7 +12909,7 @@ var VerticalPerspectiveCameraHelper = class VerticalPerspectiveCameraHelper {
 	*/
 	handleMapControlsPan(deltas, tr, preZoomAroundLoc) {
 		if (!deltas.panDelta) return;
-		versorSetLocationAtPoint(tr, preZoomAroundLoc, deltas.around, deltas.panDelta);
+		versorSetLocationAtPoint(tr, preZoomAroundLoc, tr.isPointOnMapSurface(deltas.around) ? deltas.around : tr.centerPoint, deltas.panDelta);
 	}
 	cameraForBoxAndBearing(options, padding, bounds, bearing, tr) {
 		const result = cameraForBoxAndBearing(options, padding, bounds, bearing, tr);
@@ -17365,17 +17418,17 @@ function drawRaster(painter, tileManager, layer, tileIDs, renderOptions) {
 	const { isRenderingToTexture } = renderOptions;
 	const source = tileManager.getSource();
 	const useSubdivision = painter.style.projection.useSubdivision;
-	if (source instanceof ImageSource) drawTiles(painter, tileManager, layer, tileIDs, null, false, false, source.tileCoords, source.perspectiveTransform, source.flippedWindingOrder, isRenderingToTexture);
+	if (source instanceof ImageSource) drawTiles(painter, tileManager, layer, tileIDs, null, false, false, source.tileCoords, source.imageWarp, source.flippedWindingOrder, isRenderingToTexture, source.getMesh(painter.context, useSubdivision));
 	else if (useSubdivision) {
 		const [stencilBorderless, stencilBorders, coords] = painter.stencilConfigForOverlapTwoPass(tileIDs);
-		drawTiles(painter, tileManager, layer, coords, stencilBorderless, false, true, cornerCoords, identityPerspectiveTransform, false, isRenderingToTexture);
-		drawTiles(painter, tileManager, layer, coords, stencilBorders, true, true, cornerCoords, identityPerspectiveTransform, false, isRenderingToTexture);
+		drawTiles(painter, tileManager, layer, coords, stencilBorderless, false, true, cornerCoords, bilinearImageWarp, false, isRenderingToTexture);
+		drawTiles(painter, tileManager, layer, coords, stencilBorders, true, true, cornerCoords, bilinearImageWarp, false, isRenderingToTexture);
 	} else {
 		const [stencil, coords] = painter.getStencilConfigForOverlapAndUpdateStencilID(tileIDs);
-		drawTiles(painter, tileManager, layer, coords, stencil, false, true, cornerCoords, identityPerspectiveTransform, false, isRenderingToTexture);
+		drawTiles(painter, tileManager, layer, coords, stencil, false, true, cornerCoords, bilinearImageWarp, false, isRenderingToTexture);
 	}
 }
-function drawTiles(painter, tileManager, layer, coords, stencilModes, useBorder, allowPoles, corners, perspectiveTransform, flipCullfaceMode = false, isRenderingToTexture = false) {
+function drawTiles(painter, tileManager, layer, coords, stencilModes, useBorder, allowPoles, corners, imageWarp, flipCullfaceMode = false, isRenderingToTexture = false, sourceMesh = null) {
 	const minTileZ = coords[coords.length - 1].overscaledZ;
 	const context = painter.context;
 	const gl = context.gl;
@@ -17408,8 +17461,8 @@ function drawTiles(painter, tileManager, layer, coords, stencilModes, useBorder,
 			applyGlobeMatrix: !isRenderingToTexture,
 			applyTerrainMatrix: true
 		});
-		const uniformValues = rasterUniformValues(parentTopLeft, parentScaleBy, fadeValues.fadeMix, layer, corners, perspectiveTransform);
-		const mesh = projection.getMeshFromTileID(context, coord.canonical, useBorder, allowPoles, "raster");
+		const uniformValues = rasterUniformValues(parentTopLeft, parentScaleBy, fadeValues.fadeMix, layer, corners, imageWarp);
+		const mesh = sourceMesh ?? projection.getMeshFromTileID(context, coord.canonical, useBorder, allowPoles, "raster");
 		const stencilMode = stencilModes ? stencilModes[coord.overscaledZ] : StencilMode.disabled;
 		program.draw(context, gl.TRIANGLES, depthMode, stencilMode, colorMode, flipCullfaceMode ? CullFaceMode.frontCCW : CullFaceMode.backCCW, uniformValues, terrainData, projectionData, layer.id, mesh.vertexBuffer, mesh.indexBuffer, mesh.segments);
 	}