maplibre-gl 3.3.0 → 3.3.1

package/dist/maplibre-gl-dev.js

@@ -1,4 +1,4 @@
-/* MapLibre GL JS is licensed under the 3-Clause BSD License. Full text of license: https://github.com/maplibre/maplibre-gl-js/blob/v3.3.0/LICENSE.txt */
+/* MapLibre GL JS is licensed under the 3-Clause BSD License. Full text of license: https://github.com/maplibre/maplibre-gl-js/blob/v3.3.1/LICENSE.txt */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
 typeof define === 'function' && define.amd ? define(factory) :
@@ -30249,7 +30249,7 @@ function evaluateVariableOffset(anchor, offset) {
         if (radialOffset < 0)
             radialOffset = 0; // Ignore negative offset.
         // solve for r where r^2 + r^2 = radialOffset^2
-        const hypotenuse = radialOffset / Math.sqrt(2);
+        const hypotenuse = radialOffset / Math.SQRT2;
         switch (anchor) {
             case 'top-right':
             case 'top-left':
@@ -34029,7 +34029,7 @@ define(['./shared'], (function (performance) { 'use strict';
 
 var name = "maplibre-gl";
 var description = "BSD licensed community fork of mapbox-gl, a WebGL interactive maps library";
-var version$2 = "3.3.0";
+var version$2 = "3.3.1";
 var main = "dist/maplibre-gl.js";
 var style = "dist/maplibre-gl.css";
 var license = "BSD-3-Clause";
@@ -34070,13 +34070,13 @@ var dependencies = {
 var devDependencies = {
 	"@mapbox/mapbox-gl-rtl-text": "^0.2.3",
 	"@mapbox/mvt-fixtures": "^3.10.0",
-	"@rollup/plugin-commonjs": "^25.0.3",
+	"@rollup/plugin-commonjs": "^25.0.4",
 	"@rollup/plugin-json": "^6.0.0",
-	"@rollup/plugin-node-resolve": "^15.1.0",
+	"@rollup/plugin-node-resolve": "^15.2.1",
 	"@rollup/plugin-replace": "^5.0.2",
 	"@rollup/plugin-strip": "^3.0.2",
 	"@rollup/plugin-terser": "^0.4.3",
-	"@rollup/plugin-typescript": "^11.1.2",
+	"@rollup/plugin-typescript": "^11.1.3",
 	"@types/benchmark": "^2.1.2",
 	"@types/cssnano": "^5.0.0",
 	"@types/d3": "^7.4.0",
@@ -34086,38 +34086,38 @@ var devDependencies = {
 	"@types/gl": "^6.0.2",
 	"@types/glob": "^8.1.0",
 	"@types/jest": "^29.5.3",
-	"@types/jsdom": "^21.1.1",
+	"@types/jsdom": "^21.1.2",
 	"@types/minimist": "^1.2.2",
 	"@types/murmurhash-js": "^1.0.4",
 	"@types/nise": "^1.4.1",
-	"@types/node": "^20.4.8",
+	"@types/node": "^20.5.7",
 	"@types/offscreencanvas": "^2019.7.0",
 	"@types/pixelmatch": "^5.2.4",
 	"@types/pngjs": "^6.0.1",
-	"@types/react": "^18.2.18",
+	"@types/react": "^18.2.21",
 	"@types/react-dom": "^18.2.7",
 	"@types/request": "^2.48.8",
 	"@types/shuffle-seed": "^1.1.0",
 	"@types/window-or-global": "^1.0.4",
-	"@typescript-eslint/eslint-plugin": "^6.2.1",
-	"@typescript-eslint/parser": "^6.2.1",
+	"@typescript-eslint/eslint-plugin": "^6.4.1",
+	"@typescript-eslint/parser": "^6.4.1",
 	address: "^1.2.2",
 	benchmark: "^2.1.4",
 	canvas: "^2.11.2",
 	cssnano: "^6.0.1",
 	d3: "^7.8.5",
 	"d3-queue": "^3.0.7",
-	"devtools-protocol": "^0.0.1179426",
+	"devtools-protocol": "^0.0.1188743",
 	diff: "^5.1.0",
 	"dts-bundle-generator": "^8.0.1",
-	eslint: "^8.46.0",
+	eslint: "^8.48.0",
 	"eslint-config-mourner": "^3.0.0",
 	"eslint-plugin-html": "^7.1.0",
-	"eslint-plugin-import": "^2.28.0",
+	"eslint-plugin-import": "^2.28.1",
 	"eslint-plugin-jest": "^27.2.3",
-	"eslint-plugin-react": "^7.33.1",
+	"eslint-plugin-react": "^7.33.2",
 	"eslint-plugin-tsdoc": "0.2.17",
-	expect: "^29.6.2",
+	expect: "^29.6.4",
 	gl: "^6.0.2",
 	glob: "^10.3.3",
 	"is-builtin-module": "^3.2.1",
@@ -34135,28 +34135,28 @@ var devDependencies = {
 	"pdf-merger-js": "^4.3.0",
 	pixelmatch: "^5.3.0",
 	pngjs: "^7.0.0",
-	postcss: "^8.4.27",
+	postcss: "^8.4.28",
 	"postcss-cli": "^10.1.0",
 	"postcss-inline-svg": "^6.0.0",
 	"pretty-bytes": "^6.1.1",
-	puppeteer: "^21.0.1",
+	puppeteer: "^21.1.0",
 	react: "^18.2.0",
 	"react-dom": "^18.2.0",
-	rollup: "^3.27.2",
+	rollup: "^3.28.1",
 	"rollup-plugin-sourcemaps": "^0.6.3",
 	rw: "^1.3.3",
 	semver: "^7.5.4",
 	"shuffle-seed": "^1.1.6",
 	"source-map-explorer": "^2.5.3",
 	st: "^3.0.0",
-	stylelint: "^15.10.2",
+	stylelint: "^15.10.3",
 	"stylelint-config-standard": "^34.0.0",
 	"ts-jest": "^29.1.1",
 	"ts-node": "^10.9.1",
-	tslib: "^2.6.1",
+	tslib: "^2.6.2",
 	typedoc: "^0.24.8",
-	"typedoc-plugin-markdown": "^3.15.4",
-	"typedoc-plugin-missing-exports": "^2.0.1",
+	"typedoc-plugin-markdown": "^3.16.0",
+	"typedoc-plugin-missing-exports": "^2.1.0",
 	typescript: "^5.1.6"
 };
 var overrides = {
@@ -34187,6 +34187,7 @@ var scripts = {
 	"build-benchmarks": "npm run build-dev && rollup --configPlugin @rollup/plugin-typescript -c test/bench/rollup_config_benchmarks.ts",
 	"watch-benchmarks": "rollup --configPlugin @rollup/plugin-typescript -c test/bench/rollup_config_benchmarks.ts --watch",
 	"start-server": "st --no-cache -H 0.0.0.0 --port 9966 .",
+	"start-docs": "docker run --rm -it -p 8000:8000 -v ${PWD}:/docs squidfunk/mkdocs-material",
 	start: "run-p watch-css watch-dev start-server",
 	"start-bench": "run-p watch-css watch-benchmarks start-server",
 	lint: "eslint --cache --ext .ts,.tsx,.js,.html --ignore-path .gitignore .",
@@ -36059,7 +36060,6 @@ class TileBounds {
  * map.getSource('some id').setTiles(['https://d25uarhxywzl1j.cloudfront.net/v0.1/{z}/{x}/{y}.mvt']);
  * ```
  * @see [Add a vector tile source](https://maplibre.org/maplibre-gl-js/docs/examples/vector-source/)
- * @see [Add a third party vector tile source](https://maplibre.org/maplibre-gl-js/docs/examples/third-party/)
  */
 class VectorTileSource extends performance.Evented {
     constructor(id, options, dispatcher, eventedParent) {
@@ -37089,6 +37089,10 @@ function getCoordinatesCenterTileID(coords) {
  * map.removeSource('some id');  // remove
  * ```
  * @see [Add a video](https://maplibre.org/maplibre-gl-js/docs/examples/video-on-a-map/)
+ *
+ * Note that when rendered as a raster layer, the layer's `raster-fade-duration` property will cause the video to fade in.
+ * This happens when playback is started, paused and resumed, or when the video's coordinates are updated. To avoid this behavior,
+ * set the layer's `raster-fade-duration` property to `0`.
  */
 class VideoSource extends ImageSource {
     constructor(id, options, dispatcher, eventedParent) {
@@ -41640,6 +41644,7 @@ class Style extends performance.Evented {
         this._load(empty, { validate: false });
     }
     _load(json, options, previousStyle) {
+        var _a;
         const nextState = options.transformStyle ? options.transformStyle(previousStyle, json) : json;
         if (options.validate && emitValidationErrors(this, performance.validateStyle(nextState))) {
             return;
@@ -41658,7 +41663,7 @@ class Style extends performance.Evented {
         this.glyphManager.setURL(nextState.glyphs);
         this._createLayers();
         this.light = new Light(this.stylesheet.light);
-        this.map.setTerrain(this.stylesheet.terrain);
+        this.map.setTerrain((_a = this.stylesheet.terrain) !== null && _a !== void 0 ? _a : null);
         this.fire(new performance.Event('data', { dataType: 'style' }));
         this.fire(new performance.Event('style.load'));
     }
@@ -42076,7 +42081,7 @@ class Style extends performance.Evented {
             layer = performance.createStyleLayer(layerObject);
         }
         else {
-            if (typeof layerObject.source === 'object') {
+            if ('source' in layerObject && typeof layerObject.source === 'object') {
                 this.addSource(id, layerObject.source);
                 layerObject = performance.clone$1(layerObject);
                 layerObject = performance.extend(layerObject, { source: id });
@@ -43277,6 +43282,9 @@ class Program {
         }
         gl.shaderSource(fragmentShader, fragmentSource);
         gl.compileShader(fragmentShader);
+        if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {
+            throw new Error(`Could not compile fragment shader: ${gl.getShaderInfoLog(fragmentShader)}`);
+        }
         gl.attachShader(this.program, fragmentShader);
         const vertexShader = gl.createShader(gl.VERTEX_SHADER);
         if (gl.isContextLost()) {
@@ -43285,6 +43293,9 @@ class Program {
         }
         gl.shaderSource(vertexShader, vertexSource);
         gl.compileShader(vertexShader);
+        if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {
+            throw new Error(`Could not compile vertex shader: ${gl.getShaderInfoLog(vertexShader)}`);
+        }
         gl.attachShader(this.program, vertexShader);
         this.attributes = {};
         const uniformLocations = {};
@@ -43296,6 +43307,9 @@ class Program {
             }
         }
         gl.linkProgram(this.program);
+        if (!gl.getProgramParameter(this.program, gl.LINK_STATUS)) {
+            throw new Error(`Program failed to link: ${gl.getProgramInfoLog(this.program)}`);
+        }
         gl.deleteShader(vertexShader);
         gl.deleteShader(fragmentShader);
         for (let it = 0; it < allUniformsInfo.length; it++) {
@@ -47535,16 +47549,20 @@ class Transform {
 function throttle(fn, time) {
     let pending = false;
     let timerId = null;
+    let lastCallContext = null;
+    let lastCallArgs;
     const later = () => {
         timerId = null;
         if (pending) {
-            fn();
+            fn.apply(lastCallContext, lastCallArgs);
             timerId = setTimeout(later, time);
             pending = false;
         }
     };
-    return () => {
+    return (...args) => {
         pending = true;
+        lastCallContext = this;
+        lastCallArgs = args;
         if (!timerId) {
             later();
         }
@@ -52356,14 +52374,17 @@ let Map$1 = class Map extends Camera {
         if (typeof window !== 'undefined') {
             addEventListener('online', this._onWindowOnline, false);
             let initialResizeEventCaptured = false;
+            const throttledResizeCallback = throttle((entries) => {
+                if (this._trackResize && !this._removed) {
+                    this.resize(entries)._update();
+                }
+            }, 50);
             this._resizeObserver = new ResizeObserver((entries) => {
                 if (!initialResizeEventCaptured) {
                     initialResizeEventCaptured = true;
                     return;
                 }
-                if (this._trackResize) {
-                    this.resize(entries)._update();
-                }
+                throttledResizeCallback(entries);
             });
             this._resizeObserver.observe(this._container);
         }
@@ -53455,7 +53476,8 @@ let Map$1 = class Map extends Camera {
      * ```
      */
     getTerrain() {
-        return this.terrain && this.terrain.options;
+        var _a, _b;
+        return (_b = (_a = this.terrain) === null || _a === void 0 ? void 0 : _a.options) !== null && _b !== void 0 ? _b : null;
     }
     /**
      * Returns a Boolean indicating whether all tiles in the viewport from all sources on
@@ -53744,7 +53766,7 @@ let Map$1 = class Map extends Camera {
      *
      * @param layer - The layer to add,
      * conforming to either the MapLibre Style Specification's [layer definition](https://maplibre.org/maplibre-style-spec/layers) or,
-     * less commonly, the {@link CustomLayerInterface} specification.
+     * less commonly, the {@link CustomLayerInterface} specification. Can also be a layer definition with an embedded source definition.
      * The MapLibre Style Specification's layer definition is appropriate for most layers.
      *
      * @param beforeId - The ID of an existing layer to insert the new layer before,
@@ -54748,7 +54770,6 @@ const defaultOptions$3 = {
  * map.addControl(nav, 'top-left');
  * ```
  * @see [Display map navigation controls](https://maplibre.org/maplibre-gl-js/docs/examples/navigation/)
- * @see [Add a third party vector tile source](https://maplibre.org/maplibre-gl-js/docs/examples/third-party/)
  */
 class NavigationControl {
     /**
@@ -55448,7 +55469,7 @@ class Marker extends performance.Evented {
             if (!('offset' in popup.options)) {
                 const markerHeight = 41 - (5.8 / 2);
                 const markerRadius = 13.5;
-                const linearOffset = Math.sqrt(Math.pow(markerRadius, 2) / 2);
+                const linearOffset = Math.abs(markerRadius) / Math.SQRT2;
                 popup.options.offset = this._defaultMarker ? {
                     'top': [0, 0],
                     'top-left': [0, 0],
@@ -57021,7 +57042,7 @@ function normalizeOffset(offset) {
     }
     else if (typeof offset === 'number') {
         // input specifies a radius from which to calculate offsets at all positions
-        const cornerOffset = Math.round(Math.sqrt(0.5 * Math.pow(offset, 2)));
+        const cornerOffset = Math.round(Math.abs(offset) / Math.SQRT2);
         return {
             'center': new performance.Point(0, 0),
             'top': new performance.Point(0, offset),