azure-maps-control 2.1.6 → 2.1.10

package/dist/atlas.js

@@ -43487,7 +43487,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    return Url;
 	}());
 
-	var version = "2.1.6";
+	var version = "2.1.10";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -43532,7 +43532,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
 	        tooltipContent.classList.add('dark');
 	    }
-	    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function (e) {
+	    var themeQuery = window.matchMedia('(prefers-color-scheme: dark)');
+	    var onThemeChange = function (e) {
 	        var isDark = e.matches;
 	        if (isDark && !tooltipContent.classList.contains('dark')) {
 	            tooltipContent.classList.add('dark');
@@ -43540,7 +43541,14 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        else if (!isDark && tooltipContent.classList.contains('dark')) {
 	            tooltipContent.classList.remove('dark');
 	        }
-	    });
+	    };
+	    // compensate for browsers where MediaQueryList is not derived from EventTarget (pre iOS13 Safari)
+	    if (typeof themeQuery.addEventListener === 'function') {
+	        themeQuery.addEventListener('change', function (e) { return onThemeChange(e); });
+	    }
+	    else if (typeof themeQuery.addListener === 'function') {
+	        themeQuery.addListener(function (e) { return onThemeChange(e); });
+	    }
 	    return tooltipContent;
 	};
 	/**
@@ -46839,6 +46847,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        var styleOpsGrid = this.buildStyleOpsGrid(container);
 	        var currStyleButton = this.buildCurrStyleBtn(container, styleOpsGrid);
 	        var tooltip = buildAccessibleTooltip("Select Style");
+	        styleOpsGrid.classList.add(options ? options.position || 'top-right' : 'top-right');
 	        container.addEventListener("mouseover", function () {
 	            _this.hasMouse = true;
 	            container.classList.add(StyleControl.Css.inUse);
@@ -46904,6 +46913,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	            if (image.alt !== newAlt) {
 	                image.alt = newAlt;
 	            }
+	            if (image.parentElement.lastChild instanceof Text) {
+	                image.parentElement.lastChild.textContent = newAlt;
+	            }
 	        }
 	    };
 	    /**
@@ -46934,15 +46946,21 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        styleOptionButton.setAttribute("type", "button");
 	        var styleIconImage = new Image();
 	        styleIconImage.src = icon;
-	        styleIconImage.alt = friendlyName;
+	        if (this.options.layout === "icons") {
+	            styleIconImage.alt = friendlyName;
+	        }
 	        styleOptionButton.appendChild(styleIconImage);
 	        if (this.options.layout === "icons") {
 	            styleOptionButton.classList.add(StyleControl.Css.button);
 	        }
 	        else {
+	            styleOptionButton.classList.add(StyleControl.Css.listButton);
+	            styleOptionButton.classList.add(StyleControl.Css.expanded);
 	            styleOptionButton.appendChild(document.createTextNode(friendlyName));
 	        }
 	        styleOptionButton.addEventListener("click", function () {
+	            _this.hasMouse = false;
+	            _this.hasFocus = false;
 	            var styleButton = _this.styleButtons[name];
 	            if (styleButton && !styleButton.hasAttribute("disabled")) {
 	                _this._invokeEvent("styleselected", name);
@@ -46961,12 +46979,16 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        return styleOptionButton;
 	    };
 	    StyleControl.prototype.buildCurrStyleBtn = function (container, opsGrid) {
-	        var selectCurrButton = document.createElement("button");
-	        selectCurrButton.classList.add(StyleControl.Css.button);
+	        var selectCurrButton = document.createElement("div");
+	        if (this.options.layout == 'icons') {
+	            selectCurrButton.classList.add(StyleControl.Css.button);
+	        }
+	        else {
+	            selectCurrButton.classList.add(StyleControl.Css.listButton);
+	        }
 	        selectCurrButton.classList.add(StyleControl.Css.currentStyle);
 	        selectCurrButton.setAttribute("aria-label", "Select Style");
 	        selectCurrButton.setAttribute("alt", "Select Style");
-	        selectCurrButton.setAttribute("type", "button");
 	        this.currStyleImage = new Image();
 	        selectCurrButton.appendChild(this.currStyleImage);
 	        var selectCurrButtonIcon = document.createElement("div");
@@ -46978,7 +47000,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        var _this = this;
 	        var styleOpsGrid = document.createElement("div");
 	        styleOpsGrid.classList.add(StyleControl.Css.styleOptions);
-	        styleOpsGrid.classList.add(this.options.layout);
+	        if (this.options.layout === 'icons') {
+	            styleOpsGrid.classList.add(this.options.layout);
+	        }
+	        else {
+	            styleOpsGrid.classList.add(StyleControl.Css.dropdown);
+	        }
 	        styleOpsGrid.setAttribute("aria-label", "Style Options");
 	        styleOpsGrid.classList.add("hidden-accessible-element");
 	        // Once the map's style definition is initialized create a map between style names and icons.
@@ -47012,6 +47039,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                    if (style.name === currStyle) {
 	                        _this.currStyleImage.src = iconUrl;
 	                        _this.currStyleImage.alt = _this.mapToFriendlyStyleName(style.name);
+	                        _this.currStyleImage.parentElement.appendChild(document.createTextNode(_this.mapToFriendlyStyleName(style.name)));
 	                    }
 	                }
 	            }
@@ -47027,9 +47055,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                    var styleOptionButton = _this.buildSelectStyleBtn(styleName, iconUrl);
 	                    styleOpsGrid.appendChild(styleOptionButton);
 	                    _this.styleButtons[styleName] = styleOptionButton;
-	                    var tooltip = buildAccessibleTooltip(_this.mapToFriendlyStyleName(styleName));
-	                    styleOpsGrid.appendChild(tooltip);
-	                    positionTooltip(tooltip, styleOptionButton);
+	                    if (_this.options.layout === "icons") {
+	                        var tooltip = buildAccessibleTooltip(_this.mapToFriendlyStyleName(styleName));
+	                        styleOpsGrid.appendChild(tooltip);
+	                        positionTooltip(tooltip, styleOptionButton);
+	                    }
 	                });
 	            }
 	            else {
@@ -47038,9 +47068,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                    var styleOptionButton = _this.buildSelectStyleBtn(styleName, iconUrl);
 	                    styleOpsGrid.appendChild(styleOptionButton);
 	                    _this.styleButtons[styleName] = styleOptionButton;
-	                    var tooltip = buildAccessibleTooltip(_this.mapToFriendlyStyleName(styleName));
-	                    styleOpsGrid.appendChild(tooltip);
-	                    positionTooltip(tooltip, styleOptionButton);
+	                    if (_this.options.layout === "icons") {
+	                        var tooltip = buildAccessibleTooltip(_this.mapToFriendlyStyleName(styleName));
+	                        styleOpsGrid.appendChild(tooltip);
+	                        positionTooltip(tooltip, styleOptionButton);
+	                    }
 	                });
 	            }
 	            Object.entries(_this.styleButtons).forEach(function (_a) {
@@ -47062,9 +47094,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    StyleControl.InvertOrderPositions = [exports.ControlPosition.TopRight, exports.ControlPosition.BottomRight];
 	    StyleControl.Css = {
 	        button: "azure-maps-control-button",
+	        listButton: "azure-maps-control-list-button",
+	        expanded: 'expanded',
 	        currentStyle: "curr-style",
 	        inUse: "in-use",
-	        styleOptions: "style-options"
+	        styleOptions: "style-options",
+	        dropdown: "azure-maps-control-dropdown"
 	    };
 	    StyleControl.StyleNamesMap = {
 	        road: "Road",
@@ -49200,6 +49235,62 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    }
 	    return geodesic;
 	}
+	/**
+	 * Denormalizes path on antimeridian, this makes lines with coordinates on the opposite side of the antimeridian to always cross it. Note that the path crossing antimeridian will contain longitude outside of -180 to 180 range.
+	 * See getPathSplitByAntimeridian when this is not desired.
+	 * @param path Array of position objects or linestring to denormalize
+	 * @returns A denormalized array of position objects, path crossing antimeridian will contain longitude outside of -180 to 180 range.
+	 */
+	function getPathDenormalizedAtAntimerian(path) {
+	    var coords = Array.isArray(path) ? path : path.coordinates;
+	    return coords.reduce(function (targetPath, coord) {
+	        var last = targetPath.length > 0 ? targetPath[targetPath.length - 1] : null;
+	        // denormalize longitude on antimeridian crossing
+	        if (last && Math.abs(coord[0] - last[0]) > 180.0) {
+	            var denormLon = last[0] < 0 ? coord[0] - 360.0 : coord[0] + 360.0;
+	            targetPath.push([denormLon, coord[1]]);
+	        }
+	        else {
+	            targetPath.push(coord);
+	        }
+	        return targetPath;
+	    }, []);
+	}
+	/**
+	 * Split path on antimeridian into multiple paths.
+	 * See getPathDenormalizedAtAntimerian when this is not desired.
+	 * @param path Array of position objects or linestring to split
+	 * @returns A path split into multiple paths by antimeridian.
+	 */
+	function getPathSplitByAntimeridian(path) {
+	    var coords = Array.isArray(path) ? path : path.coordinates;
+	    var currentNonCrossing = [];
+	    var outputPaths = [];
+	    for (var k = 0; k < coords.length; k++) {
+	        currentNonCrossing.push(coords[k]);
+	        if (k + 1 >= coords.length) {
+	            continue;
+	        }
+	        var _a = __read(coords[k], 2), lon1 = _a[0], lat1 = _a[1];
+	        var _b = __read(coords[k + 1], 2), lon2 = _b[0], lat2 = _b[1];
+	        // split the line by antimeridian 
+	        // and break geodesic into two line segments
+	        if (Math.abs(lon2 - lon1) > 180.0) {
+	            var denormLon2 = lon1 > 0 ? lon2 + 360.0 : lon2 - 360.0;
+	            var antiLon = lon1 > 0 ? 180.0 : -180.0;
+	            var abs = Math.abs(denormLon2 - lon1);
+	            var antiAbs = Math.abs(antiLon - lon1);
+	            var f = antiAbs / abs;
+	            var dLat = (lat2 - lat1) * f;
+	            var antiLat = lat1 + dLat;
+	            currentNonCrossing.push([antiLon, antiLat]);
+	            outputPaths.push(currentNonCrossing);
+	            currentNonCrossing = [[-antiLon, antiLat]];
+	        }
+	    }
+	    outputPaths.push(currentNonCrossing);
+	    return outputPaths;
+	}
 	/**
 	 * Takes an array of positions objects and fills in the space between them with accurately positioned positions to form an approximated Geodesic path.
 	 * @param path Array of position objects that form a path to fill in.
@@ -49223,18 +49314,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        // Convert positions from degrees to Radians
 	        geodesic = geodesic.concat(_constructGeodesic(locs[i], locs[i + 1], nodeSize));
 	    }
-	    return geodesic.reduce(function (targetPath, coord) {
-	        var last = targetPath.length > 0 ? targetPath[targetPath.length - 1] : null;
-	        // denormalize longitude on antimeridian crossing
-	        if (last && Math.abs(coord[0] - last[0]) > 180.0) {
-	            var denormLon = last[0] < 0 ? coord[0] - 360.0 : coord[0] + 360.0;
-	            targetPath.push([denormLon, coord[1]]);
-	        }
-	        else {
-	            targetPath.push(coord);
-	        }
-	        return targetPath;
-	    }, []);
+	    return getPathDenormalizedAtAntimerian(geodesic);
 	}
 	/**
 	 * Takes an array of positions objects and fills in the space between them with accurately positioned positions to form an approximated Geodesic path broken by antimeridian into multiple sub-paths.
@@ -49361,15 +49441,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    return null;
 	}
 	/**
-	 * Calculates an array of position objects that are an equal distance away from a central point to create a regular polygon.
-	 * @param origin Center of the regular polygon.
-	 * @param radius Radius of the regular polygon.
-	 * @param numberOfPositions Number of positions the polygon should have.
-	 * @param units Unit of distance measurement. Default is meters.
-	 * @param offset An offset to rotate the polygon. When 0 the first position will align with North.
-	 * @returns An array of position objects that form a regular polygon.
+	 * constructs raw regular polygon path that doesn't handle antimeridian crossing
 	 */
-	function getRegularPolygonPath(origin, radius, numberOfPositions, units, offset) {
+	function _constructRegularPolygonPath(origin, radius, numberOfPositions, units, offset) {
 	    units = units || "meters";
 	    offset = (offset) ? offset : 0;
 	    origin = getPosition(origin);
@@ -49378,9 +49452,32 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    for (var i = 0; i <= numberOfPositions; i++) {
 	        points.push(getDestination(origin, (i * centralAngle + offset) % 360, radius, units));
 	    }
-	    // TODO: Check for crossing the antimeridian, consider splitting path by -180/180 longitude
 	    return points;
 	}
+	/**
+	 * Calculates an array of position objects that are an equal distance away from a central point to create a regular polygon.
+	 * @param origin Center of the regular polygon.
+	 * @param radius Radius of the regular polygon.
+	 * @param numberOfPositions Number of positions the polygon should have.
+	 * @param units Unit of distance measurement. Default is meters.
+	 * @param offset An offset to rotate the polygon. When 0 the first position will align with North.
+	 * @returns An array of position objects that form a regular polygon. Path crossing antimeridian will contain longitude outside of -180 to 180 range. See getRegularPolygonPaths() when this is undesired.
+	 */
+	function getRegularPolygonPath(origin, radius, numberOfPositions, units, offset) {
+	    return getPathDenormalizedAtAntimerian(_constructRegularPolygonPath(origin, radius, numberOfPositions, units, offset));
+	}
+	/**
+	 * Calculates an array of position objects that are an equal distance away from a central point to create a regular polygon broken by antimeridian into multiple sub-paths.
+	 * @param origin Center of the regular polygon.
+	 * @param radius Radius of the regular polygon.
+	 * @param numberOfPositions Number of positions the polygon should have.
+	 * @param units Unit of distance measurement. Default is meters.
+	 * @param offset An offset to rotate the polygon. When 0 the first position will align with North.
+	 * @returns An array of paths that form a regular polygon. Comparing to getRegularPolygonPath, sub-paths will always contain longitude in -180 to 180 range
+	 */
+	function getRegularPolygonPaths(origin, radius, numberOfPositions, units, offset) {
+	    return getPathSplitByAntimeridian(_constructRegularPolygonPath(origin, radius, numberOfPositions, units, offset));
+	}
 	/**
 	 * Calculates a position object that is a fractional distance between two position objects.
 	 * @param origin First position to calculate mid-point between.
@@ -50701,12 +50798,15 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 		getDestination: getDestination,
 		getDistanceTo: getDistanceTo,
 		getEarthRadius: getEarthRadius,
+		getPathDenormalizedAtAntimerian: getPathDenormalizedAtAntimerian,
+		getPathSplitByAntimeridian: getPathSplitByAntimeridian,
 		getGeodesicPath: getGeodesicPath,
 		getGeodesicPaths: getGeodesicPaths,
 		getHeading: getHeading,
 		getLengthOfPath: getLengthOfPath,
 		getPositionAlongPath: getPositionAlongPath,
 		getRegularPolygonPath: getRegularPolygonPath,
+		getRegularPolygonPaths: getRegularPolygonPaths,
 		interpolate: interpolate,
 		normalizeLatitude: normalizeLatitude,
 		normalizeLongitude: normalizeLongitude,
@@ -51870,9 +51970,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        var zoomOutDisabled = this.map.getCamera().zoom <= this.map._getMap().getMinZoom() || reachedLatitudeBoundaries;
 	        if (this.zoomInButton && this.zoomInButton.disabled != zoomInDisabled) {
 	            this.zoomInButton.disabled = zoomInDisabled;
+	            this.zoomInButton.setAttribute("aria-label", zoomInDisabled ? "Zoom In disabled" : "Zoom In");
 	        }
 	        if (this.zoomOutButton && this.zoomOutButton.disabled != zoomOutDisabled) {
 	            this.zoomOutButton.disabled = zoomOutDisabled;
+	            this.zoomInButton.setAttribute("aria-label", zoomInDisabled ? "Zoom Out disabled" : "Zoom Out");
 	        }
 	    };
 	    ZoomControl.prototype.constructZoomInButton = function (map) {
@@ -68071,10 +68173,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	            if (!_this._rotateTimeout) {
 	                if (Date.now() - _this._lastHeadingTime >= _this._headUpdateLimit) {
 	                    // If the min required time has already passed just do the update.
+	                    // tslint:disable-next-line: no-string-based-set-timeout
 	                    _this._rotateTimeout = setTimeout(_this._updateHeading, CompassControl.RotationDuration + 25);
 	                }
 	                else {
 	                    // If the min required time hasn't passed start a timeout if doesn't already exist.
+	                    // tslint:disable-next-line: no-string-based-set-timeout
 	                    _this._rotateTimeout = setTimeout(_this._updateHeading, _this._headUpdateLimit - (Date.now() - _this._lastHeadingTime));
 	                }
 	            }
@@ -68096,6 +68200,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        this._onMoveEnd = function (event) {
 	            if (event.fromControl) {
 	                // If the move end event originated from a control element delay the response to batch control clicks.
+	                // tslint:disable-next-line: no-string-based-set-timeout
 	                _this._controlTimeout = setTimeout(_this._updateCam, _this._controlEventDelay);
 	            }
 	            else {
@@ -68107,6 +68212,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        this._onStyleData = function () {
 	            // Use setTimeout with no delay to allow mapbox time to
 	            // update the value of .loaded() before we check it.
+	            // tslint:disable-next-line: no-string-based-set-timeout
 	            setTimeout(_this._updateStyle);
 	        };
 	        /** Event handler for when the mouse or touch goes down */
@@ -68926,11 +69032,33 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                "Rotate 15 degrees counter clockwise: shift + left arrow.",
 	                "Increase pitch 10 degrees: shift + up arrow.",
 	                "Decrease pitch 10 degrees: shift + down arrow.",
-	                "Toggle verbose map state: control + alt + D.",
+	                // Interesting... i'm not sure that verbose map state was ever implemented 
+	                // "Toggle verbose map state: control + alt + D.",
 	                "Jump focus to the map: Escape."
 	            ].join("\n");
 	            _this.map.getCanvasContainer().appendChild(_this.atlasMapKeyBindings);
 	            _this.atlasMapKeyBindings.setAttribute("aria-live", "polite");
+	            var baseShortcutKeyCodes = [
+	                // - (zoom out)
+	                189,
+	                // = (zoom in)
+	                187,
+	                // arrow up
+	                38,
+	                // arrow left
+	                37,
+	                // arrow right
+	                39,
+	                // arrow down
+	                40
+	            ];
+	            // accessibility recommendation: After using any of the map shortcut keys, NVDA should not read all the shortcut keys again.
+	            var mapCanvas = _this.map._getMap()._canvas;
+	            mapCanvas === null || mapCanvas === void 0 ? void 0 : mapCanvas.addEventListener('keyup', function (event) {
+	                if (baseShortcutKeyCodes.find(function (code) { return event.keyCode === code; })) {
+	                    _this.atlasMapKeyBindings.innerHTML = '';
+	                }
+	            });
 	        };
 	        this.initializeMapLiveStateInfo = function () {
 	            _this.mapViewDesc = new MapViewDescriptor(_this.map, _this.updateMapState);
@@ -68940,7 +69068,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	            _this.atlasMapLiveStateInfo.id = "atlas-map-state";
 	            _this.atlasMapLiveStateInfo.classList.add("hidden-accessible-element");
 	            _this.map.getCanvasContainer().appendChild(_this.atlasMapLiveStateInfo);
-	            _this.atlasMapLiveStateInfo.setAttribute("aria-live", "polite");
+	            _this.atlasMapLiveStateInfo.setAttribute("aria-live", "assertive");
 	        };
 	        this.initializeMapStyleInfo = function () {
 	            _this.atlasMapStyleInfo = document.createElement("div");
@@ -69483,89 +69611,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    return FocusShortcutHandler;
 	}());
 
-	/** A handler that adds support for pitch gestures on mobile devices. */
-	var MobilePitchHandler = /** @class */ (function () {
-	    function MobilePitchHandler(map) {
-	        var _this = this;
-	        // Constants for mobile pitch support.
-	        this.minDiffX = 70; // min x distance to recognize pitch gesture
-	        this.maxDiffY = 100; // max y distance to recognize pitch gesture
-	        this.minDiff = 30; // min distance to recognize zoom gesture
-	        this.delay = 160; // delay for pitch, in case it's a zoom gesture
-	        /** Callback for the touch start event */
-	        this._onTouchStart = function (data) {
-	            if (data.points.length === 2) {
-	                var diffY = data.points[0].y - data.points[1].y;
-	                var diffX = data.points[0].x - data.points[1].x;
-	                if (Math.abs(diffX) >= _this.minDiffX && Math.abs(diffY) <= _this.maxDiffY) {
-	                    data.originalEvent.preventDefault(); // prevent browser refresh on pull down
-	                    _this.map._getMap().touchZoomRotate.disable(); // disable native touch controls
-	                    _this.map._getMap().dragPan.disable();
-	                    _this.dpPoint = data.point;
-	                    _this.dpPitch = _this.map._getMap().getPitch();
-	                    _this.startTiming = Date.now();
-	                    _this.startDistance = Math.hypot(diffX, diffY);
-	                    _this.startEventData = data;
-	                }
-	            }
-	        };
-	        /** Callback for the touch move event */
-	        this._onTouchMove = function (data) {
-	            if (_this.dpPoint !== undefined && _this.dpPitch !== undefined) {
-	                data.preventDefault();
-	                data.originalEvent.preventDefault();
-	                var diffY = data.points[0].y - data.points[1].y;
-	                var diffX = data.points[0].x - data.points[1].x;
-	                var distance = Math.hypot(diffX, diffY);
-	                if (Math.abs(distance - _this.startDistance) >= _this.minDiff) {
-	                    if (_this.dpPoint) {
-	                        _this.map._getMap().touchZoomRotate.enable();
-	                        _this.map._getMap().dragPan.enable();
-	                    }
-	                    _this.dpPoint = undefined;
-	                    return;
-	                }
-	                if (Date.now() - _this.startTiming >= _this.delay) {
-	                    var diff = (_this.dpPoint.y - data.point.y) * 0.5;
-	                    _this.map._getMap().setPitch(_this.dpPitch + diff);
-	                }
-	            }
-	        };
-	        /** Callback for the touch end event */
-	        this._onTouchEnd = function () {
-	            if (_this.dpPoint) {
-	                _this.map._getMap().touchZoomRotate.enable();
-	                _this.map._getMap().dragPan.enable();
-	            }
-	            _this.dpPoint = undefined;
-	        };
-	        /** Callback for the touch cancel event */
-	        this._onTouchCancel = function () {
-	            if (_this.dpPoint) {
-	                _this.map._getMap().touchZoomRotate.enable();
-	                _this.map._getMap().dragPan.enable();
-	            }
-	            _this.dpPoint = undefined;
-	        };
-	        this.map = map;
-	    }
-	    /** Enables the mobile pitch gesture support. */
-	    MobilePitchHandler.prototype.enable = function () {
-	        this.map._getMap().on("touchstart", this._onTouchStart);
-	        this.map._getMap().on("touchmove", this._onTouchMove);
-	        this.map._getMap().on("touchend", this._onTouchEnd);
-	        this.map._getMap().on("touchcancel", this._onTouchCancel);
-	    };
-	    /** Disables the mobile pitch gesture support. */
-	    MobilePitchHandler.prototype.disable = function () {
-	        this.map._getMap().off("touchstart", this._onTouchStart);
-	        this.map._getMap().off("touchmove", this._onTouchMove);
-	        this.map._getMap().off("touchend", this._onTouchEnd);
-	        this.map._getMap().off("touchcancel", this._onTouchCancel);
-	    };
-	    return MobilePitchHandler;
-	}());
-
 	/** A handler that adds support for pinch and zoom gestures on devices without touch events. */
 	var PinchZoomHandler = /** @class */ (function () {
 	    function PinchZoomHandler(map) {
@@ -69616,7 +69661,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    function UserInteractionDelegate(map, options) {
 	        this.added = false;
 	        this.map = map;
-	        this.mobilePitch = new MobilePitchHandler(map);
 	        this.focusShortcut = new FocusShortcutHandler(map);
 	        this.pinchZoom = new PinchZoomHandler(map);
 	        this.options = new UserInteractionOptions().merge(options);
@@ -69662,7 +69706,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	            this.focusShortcut.disable();
 	            this.map._getMap().scrollZoom.disable();
 	            this.map._getMap().touchZoomRotate.disable();
-	            this.mobilePitch.disable();
 	            this.pinchZoom.disable();
 	        }
 	        else {
@@ -69714,12 +69757,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	            // Touch
 	            if (options.touchInteraction) {
 	                this.map._getMap().touchZoomRotate.enable();
-	                this.mobilePitch.enable();
 	                this.pinchZoom.enable();
 	            }
 	            else {
 	                this.map._getMap().touchZoomRotate.disable();
-	                this.mobilePitch.disable();
 	                this.pinchZoom.enable();
 	            }
 	        }
@@ -72478,6 +72519,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        if (!cancel) {
 	            originalMethod.apply(context, args);
 	            shouldCancel.set(context, true);
+	            // tslint:disable-next-line: no-string-based-set-timeout
 	            setTimeout(function () { return shouldCancel.delete(context); }, duration);
 	        }
 	    };
@@ -75057,6 +75099,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                        _this._storeAccessToken(token);
 	                        clearTimeout(_this.tokenTimeOutHandle); // Clear the previous refresh timeout in case it hadn't triggered yet.
 	                        // @ts-ignore
+	                        // tslint:disable-next-line: no-string-based-set-timeout
 	                        _this.tokenTimeOutHandle = setTimeout(_this._triggerTokenFetch, timeout * 1000);
 	                        resolve();
 	                    }
@@ -75104,6 +75147,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                    }
 	                    // Login and acquire a token.
 	                    // Fire it async so that users can add any listeners for token acquire events first.
+	                    // tslint:disable-next-line: no-string-based-set-timeout
 	                    setTimeout(function () { return _this._loginAndAcquire(resolve, reject); });
 	                }
 	                else if (_this.options.authType === exports.AuthenticationType.anonymous) {
@@ -75192,6 +75236,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                                _this.options.aadAppId));
 	                    }
 	                }
+	                // tslint:disable-next-line: no-string-based-set-interval
 	            }, 25);
 	        }
 	    };
@@ -75947,6 +75992,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	            // This is for consistency with the case where the load event hasn't already fired.
 	            // If the load event hasn't already fired the callback will also be executed async once it does fire.
 	            var loadData_1 = { type: "load", map: this.map };
+	            // tslint:disable-next-line: no-string-based-set-timeout
 	            setTimeout(function () { return modifiedCallback(loadData_1); });
 	        }
 	        else if (eventType === "ready") {
@@ -75955,6 +76001,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	            if (this.map._isReady()) {
 	                // Manually execute the callback if the ready event has already fired.
 	                var readyData_1 = { type: "ready", map: this.map };
+	                // tslint:disable-next-line: no-string-based-set-timeout
 	                setTimeout(function () { return modifiedCallback(readyData_1); });
 	            }
 	        }
@@ -76340,6 +76387,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                timeoutId_1 = setTimeout(function () {
 	                    timedOut_1 = true;
 	                    reject("Failed to load image within specified timeout: " + _this.imageLoadTimeout + " ms.");
+	                    // tslint:disable-next-line: no-string-based-set-timeout
 	                }, _this.imageLoadTimeout);
 	            }
 	        });
@@ -78212,6 +78260,14 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	         * @default 'sans-serif'
 	         */
 	        _this.localIdeographFontFamily = 'sans-serif';
+	        /**
+	         * True to validate styles before it's getting applied.
+	         * Validation takes significant(few hundred ms) time to process styles during initial load.
+	         * Can be set to false for production environment to improve performance.
+	         * @internal
+	         * @default 'true'
+	         */
+	        _this.validateStyle = true;
 	        return _this;
 	    }
 	    /**
@@ -78370,7 +78426,15 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	     * @internal
 	     */
 	    function StyleManager(map, serviceOptions) {
+	        var _this = this;
 	        this.apiVersion = "2.0";
+	        this._onStyleData = function () {
+	            _this.map.events.invoke("stylechanged", {
+	                style: _this._lookUp(_this.map.getStyle()).name,
+	                map: _this.map,
+	                type: "stylechanged"
+	            });
+	        };
 	        this.map = map;
 	        this.serviceOptions = serviceOptions;
 	    }
@@ -78411,7 +78475,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    StyleManager.prototype.setStyleUrl = function (styleOptions) {
 	        var styleUrl = this.getStyleUrl(styleOptions);
 	        try {
-	            this.map._getMap().setStyle(styleUrl, { diff: true, stylePatch: this._stylePatch.bind(this) });
+	            this.map._getMap().setStyle(styleUrl, {
+	                diff: true,
+	                stylePatch: this._stylePatch.bind(this),
+	                validate: this.serviceOptions.validateStyle
+	            });
 	        }
 	        catch (e) {
 	            throw e;
@@ -78583,13 +78651,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	            preserveLayer(userLayer.layer.getId(), before === null || before === void 0 ? void 0 : before.id);
 	        });
 	        this.map.sources._syncSources(nextStyle.sources);
-	        this.map.events.addOnce("styledata", function (eventData) {
-	            _this.map.events.invoke("stylechanged", {
-	                style: _this._lookUp(_this.map.getStyle()).name,
-	                map: _this.map,
-	                type: "stylechanged"
-	            });
-	        });
+	        // If there was a previous styledata change event attached, remove it.
+	        // When the sprite url changes between style changes then mapbox can't perform the diff
+	        // In such cases it recalculate the style again. Removing previous attached 
+	        // event listner makes sure that style changed event is not fired twice in these cases.
+	        this.map.events.remove("styledata", this._onStyleData);
+	        this.map.events.addOnce("styledata", this._onStyleData);
 	    };
 	    StyleManager.prototype._buildFundamentalLayerFrom = function (layers, id) {
 	        if (layers && layers.length > 0) {