azure-maps-control 3.4.0 → 3.6.0

package/dist/atlas.js

@@ -51655,7 +51655,7 @@ uniform ${precision} ${type} u_${name};
 	    return Options;
 	}());
 
-	var __extends$1l = (window && window.__extends) || (function () {
+	var __extends$1n = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -51690,7 +51690,7 @@ uniform ${precision} ${type} u_${name};
 	 * @private
 	 */
 	var UrlOptions = /** @class */ (function (_super) {
-	    __extends$1l(UrlOptions, _super);
+	    __extends$1n(UrlOptions, _super);
 	    function UrlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        _this.domain = undefined;
@@ -52094,6 +52094,10 @@ uniform ${precision} ${type} u_${name};
 	     * @param locale The requested culture code.
 	     */
 	    Localizer.getCode = function (locale) {
+	        // If locale is set to 'auto', use the browser's configured language.
+	        if (locale.localeCompare("auto", undefined, { sensitivity: "base" }) === 0) {
+	            locale = navigator.language;
+	        }
 	        var code = CultureCode.parse(locale);
 	        // If the requested culture code includes a sensitive region simply return the original code.
 	        // This is to hopefully reduce the risk or providing bad content to users in a sensitive region.
@@ -52217,7 +52221,7 @@ uniform ${precision} ${type} u_${name};
 	    return UserAgent;
 	}());
 
-	var version$3 = "3.4.0";
+	var version$3 = "3.6.0";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -52249,7 +52253,7 @@ uniform ${precision} ${type} u_${name};
 	    return Version;
 	}());
 
-	var __extends$1k = (window && window.__extends) || (function () {
+	var __extends$1m = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -52323,7 +52327,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options for specifying how the map control should authenticate with the Azure Maps services.
 	 */
 	var AuthenticationOptions = /** @class */ (function (_super) {
-	    __extends$1k(AuthenticationOptions, _super);
+	    __extends$1m(AuthenticationOptions, _super);
 	    function AuthenticationOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -52831,10 +52835,9 @@ uniform ${precision} ${type} u_${name};
 	 * language is explicitly specified when using those parts of the API.
 	 * If a Map is initialized with the language explicitly defined and
 	 * setLanguage hasn't previously been called it will automatically be called by the Map constructor.
-	 * @param language The new default language.
+	 * @param language The new default language. If set to "auto", the browser's configured language will be used.
 	 */
 	function setLanguage(language) {
-	    // Find the best fit supported language.
 	    defaultLanguage = Localizer.getCode(language);
 	    hasSetLanguage = true;
 	}
@@ -53188,7 +53191,7 @@ uniform ${precision} ${type} u_${name};
 	    eventTarget.addEventListener("keydown", dismissTooltip);
 	};
 
-	var __extends$1j = (window && window.__extends) || (function () {
+	var __extends$1l = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53238,7 +53241,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for adding a control to the map.
 	 */
 	var ControlOptions = /** @class */ (function (_super) {
-	    __extends$1j(ControlOptions, _super);
+	    __extends$1l(ControlOptions, _super);
 	    function ControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -53382,7 +53385,7 @@ uniform ${precision} ${type} u_${name};
 		EventEmitter: EventEmitter
 	});
 
-	var __extends$1i = (window && window.__extends) || (function () {
+	var __extends$1k = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53402,7 +53405,7 @@ uniform ${precision} ${type} u_${name};
 	 * Implements control interface and provides support for automatic styling based on the map style.
 	 */
 	var ControlBase = /** @class */ (function (_super) {
-	    __extends$1i(ControlBase, _super);
+	    __extends$1k(ControlBase, _super);
 	    function ControlBase() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -53504,7 +53507,7 @@ uniform ${precision} ${type} u_${name};
 	    return ControlBase;
 	}(EventEmitter));
 
-	var __extends$1h = (window && window.__extends) || (function () {
+	var __extends$1j = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53523,7 +53526,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a CompassControl object.
 	 */
 	var CompassControlOptions = /** @class */ (function (_super) {
-	    __extends$1h(CompassControlOptions, _super);
+	    __extends$1j(CompassControlOptions, _super);
 	    function CompassControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -53548,7 +53551,7 @@ uniform ${precision} ${type} u_${name};
 	    return CompassControlOptions;
 	}(Options));
 
-	var __extends$1g = (window && window.__extends) || (function () {
+	var __extends$1i = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53567,7 +53570,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control for changing the rotation of the map.
 	 */
 	var CompassControl = /** @class */ (function (_super) {
-	    __extends$1g(CompassControl, _super);
+	    __extends$1i(CompassControl, _super);
 	    /**
 	     * Constructs a CompassControl.
 	     * @param options The options for the control.
@@ -53594,12 +53597,10 @@ uniform ${precision} ${type} u_${name};
 	        var expandGrid = function (expanded) {
 	            if (expanded) {
 	                container.classList.add("in-use");
-	                grid.setAttribute("aria-hidden", "false");
 	                grid.classList.remove("hidden-accessible-element");
 	            }
 	            else {
 	                container.classList.remove("in-use");
-	                grid.setAttribute("aria-hidden", "true");
 	                grid.classList.add("hidden-accessible-element");
 	            }
 	        };
@@ -53666,7 +53667,6 @@ uniform ${precision} ${type} u_${name};
 	        var grid = document.createElement("div");
 	        grid.classList.add("sub-container");
 	        grid.classList.add("hidden-accessible-element");
-	        grid.setAttribute("aria-hidden", "true");
 	        var rotationRightButton = this.constructRightRotationButton(map);
 	        var rotationLeftButton = this.constructLeftRotationButton(map);
 	        var tooltipLeft = buildAccessibleTooltip("Rotate Left");
@@ -53752,7 +53752,7 @@ uniform ${precision} ${type} u_${name};
 	    return CompassControl;
 	}(ControlBase));
 
-	var __extends$1f = (window && window.__extends) || (function () {
+	var __extends$1h = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53771,7 +53771,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a PitchControl object.
 	 */
 	var PitchControlOptions = /** @class */ (function (_super) {
-	    __extends$1f(PitchControlOptions, _super);
+	    __extends$1h(PitchControlOptions, _super);
 	    function PitchControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -53796,7 +53796,7 @@ uniform ${precision} ${type} u_${name};
 	    return PitchControlOptions;
 	}(Options));
 
-	var __extends$1e = (window && window.__extends) || (function () {
+	var __extends$1g = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53815,7 +53815,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control for changing the pitch of the map.
 	 */
 	var PitchControl = /** @class */ (function (_super) {
-	    __extends$1e(PitchControl, _super);
+	    __extends$1g(PitchControl, _super);
 	    /**
 	     * Constructs a PitchControl.
 	     * @param options The options for the control.
@@ -53872,12 +53872,10 @@ uniform ${precision} ${type} u_${name};
 	        var expandGrid = function (expanded) {
 	            if (expanded) {
 	                container.classList.add("in-use");
-	                grid.setAttribute("aria-hidden", "false");
 	                grid.classList.remove("hidden-accessible-element");
 	            }
 	            else {
 	                container.classList.remove("in-use");
-	                grid.setAttribute("aria-hidden", "true");
 	                grid.classList.add("hidden-accessible-element");
 	            }
 	        };
@@ -53962,7 +53960,6 @@ uniform ${precision} ${type} u_${name};
 	        var grid = document.createElement("div");
 	        grid.classList.add("sub-container");
 	        grid.classList.add("hidden-accessible-element");
-	        grid.setAttribute("aria-hidden", "true");
 	        this.pitchIncrementButton = this.constructPitchIncrementButton(map);
 	        this.pitchDecrementButton = this.constructPitchDecrementButton(map);
 	        var tooltipIncrement = buildAccessibleTooltip("Increase Pitch");
@@ -54043,7 +54040,7 @@ uniform ${precision} ${type} u_${name};
 	    return PitchControl;
 	}(ControlBase));
 
-	var __extends$1d = (window && window.__extends) || (function () {
+	var __extends$1f = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -54062,7 +54059,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control to display a scale bar on the map.
 	 */
 	var ScaleControl = /** @class */ (function (_super) {
-	    __extends$1d(ScaleControl, _super);
+	    __extends$1f(ScaleControl, _super);
 	    /**
 	     * A control to displays a scale bar relative to the pixel resolution at the center of the map.
 	     * @param options Options for defining how the control is rendered and functions.
@@ -57580,7 +57577,7 @@ uniform ${precision} ${type} u_${name};
 
 	var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
 
-	var __extends$1c = (window && window.__extends) || (function () {
+	var __extends$1e = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57599,7 +57596,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a StyleControl object.
 	 */
 	var StyleControlOptions = /** @class */ (function (_super) {
-	    __extends$1c(StyleControlOptions, _super);
+	    __extends$1e(StyleControlOptions, _super);
 	    function StyleControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -57644,7 +57641,7 @@ uniform ${precision} ${type} u_${name};
 	    return StyleControlOptions;
 	}(Options));
 
-	var __extends$1b = (window && window.__extends) || (function () {
+	var __extends$1d = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57715,7 +57712,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control for changing the style of the map.
 	 */
 	var StyleControl = /** @class */ (function (_super) {
-	    __extends$1b(StyleControl, _super);
+	    __extends$1d(StyleControl, _super);
 	    /**
 	     * Constructs a StyleControl.
 	     * @param options The options for the control.
@@ -57779,12 +57776,10 @@ uniform ${precision} ${type} u_${name};
 	        var expandGrid = function (expanded) {
 	            if (expanded) {
 	                container.classList.add(StyleControl.Css.inUse);
-	                styleOpsGrid.setAttribute("aria-hidden", "false");
 	                styleOpsGrid.classList.remove("hidden-accessible-element");
 	            }
 	            else {
 	                container.classList.remove(StyleControl.Css.inUse);
-	                styleOpsGrid.setAttribute("aria-hidden", "true");
 	                styleOpsGrid.classList.add("hidden-accessible-element");
 	            }
 	        };
@@ -58010,7 +58005,6 @@ uniform ${precision} ${type} u_${name};
 	        }
 	        styleOpsGrid.setAttribute("aria-label", "Style Options");
 	        styleOpsGrid.classList.add("hidden-accessible-element");
-	        styleOpsGrid.setAttribute("aria-hidden", "true");
 	        // Once the map's style definition is initialized create a map between style names and icons.
 	        // If a style is one of those to be shown by the style picker also create it's element.
 	        this.map.styles.definitions().then(function (definitions) { return __awaiter$7(_this, void 0, void 0, function () {
@@ -58080,7 +58074,7 @@ uniform ${precision} ${type} u_${name};
 	    return StyleControl;
 	}(ControlBase));
 
-	var __extends$1a = (window && window.__extends) || (function () {
+	var __extends$1c = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58099,7 +58093,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for setting traffic on the map.
 	 */
 	var TrafficOptions = /** @class */ (function (_super) {
-	    __extends$1a(TrafficOptions, _super);
+	    __extends$1c(TrafficOptions, _super);
 	    function TrafficOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -58124,7 +58118,7 @@ uniform ${precision} ${type} u_${name};
 	    return TrafficOptions;
 	}(Options));
 
-	var __extends$19 = (window && window.__extends) || (function () {
+	var __extends$1b = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58143,7 +58137,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a TrafficControl object.
 	 */
 	var TrafficControlOptions = /** @class */ (function (_super) {
-	    __extends$19(TrafficControlOptions, _super);
+	    __extends$1b(TrafficControlOptions, _super);
 	    function TrafficControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -58163,7 +58157,7 @@ uniform ${precision} ${type} u_${name};
 	    return TrafficControlOptions;
 	}(TrafficOptions));
 
-	var __extends$18 = (window && window.__extends) || (function () {
+	var __extends$1a = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58182,7 +58176,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control that toggles traffic data on the map.
 	 */
 	var TrafficControl = /** @class */ (function (_super) {
-	    __extends$18(TrafficControl, _super);
+	    __extends$1a(TrafficControl, _super);
 	    /**
 	     * Constructs a TrafficControl
 	     * @param options The options for the control.
@@ -58309,7 +58303,7 @@ uniform ${precision} ${type} u_${name};
 	    return TrafficControl;
 	}(ControlBase));
 
-	var __extends$17 = (window && window.__extends) || (function () {
+	var __extends$19 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58339,7 +58333,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control that display traffic legend on the map.
 	 */
 	var TrafficLegendControl = /** @class */ (function (_super) {
-	    __extends$17(TrafficLegendControl, _super);
+	    __extends$19(TrafficLegendControl, _super);
 	    /**
 	     * Construct a traffic legend control
 	     */
@@ -59073,7 +59067,7 @@ uniform ${precision} ${type} u_${name};
 	    return Feature;
 	}());
 
-	var __extends$16 = (window && window.__extends) || (function () {
+	var __extends$18 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -59092,7 +59086,7 @@ uniform ${precision} ${type} u_${name};
 	 * Represent a pixel coordinate or offset. Extends an array of [x, y].
 	 */
 	var Pixel = /** @class */ (function (_super) {
-	    __extends$16(Pixel, _super);
+	    __extends$18(Pixel, _super);
 	    /**
 	     * Constructs a Pixel object and initializes it with the specified x and y coordinates.
 	     * @param x The horizontal pixel offset.
@@ -61312,7 +61306,7 @@ uniform ${precision} ${type} u_${name};
 	    return result;
 	}
 
-	var __extends$15 = (window && window.__extends) || (function () {
+	var __extends$17 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -61332,7 +61326,7 @@ uniform ${precision} ${type} u_${name};
 	 * full description is detailed in [RFC 7946]{@link https://tools.ietf.org/html/rfc7946#section-3.1.1}.
 	 */
 	var Position = /** @class */ (function (_super) {
-	    __extends$15(Position, _super);
+	    __extends$17(Position, _super);
 	    /**
 	     * Constructs a Position.
 	     * @param longitude The position's longitude.
@@ -61524,7 +61518,7 @@ uniform ${precision} ${type} u_${name};
 	    return Polygon;
 	}());
 
-	var __extends$14 = (window && window.__extends) || (function () {
+	var __extends$16 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -61554,7 +61548,7 @@ uniform ${precision} ${type} u_${name};
 	 * A helper class that wraps a Geometry or Feature and makes it easy to update and maintain.
 	 */
 	var Shape = /** @class */ (function (_super) {
-	    __extends$14(Shape, _super);
+	    __extends$16(Shape, _super);
 	    function Shape(data, id, properties) {
 	        var _this = _super.call(this) || this;
 	        var geometry;
@@ -61850,7 +61844,7 @@ uniform ${precision} ${type} u_${name};
 	    return Shape;
 	}(EventEmitter));
 
-	var __extends$13 = (window && window.__extends) || (function () {
+	var __extends$15 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -61883,7 +61877,7 @@ uniform ${precision} ${type} u_${name};
 	 * [RFC 7946]{@link https://tools.ietf.org/html/rfc7946#section-5}.
 	 */
 	var BoundingBox = /** @class */ (function (_super) {
-	    __extends$13(BoundingBox, _super);
+	    __extends$15(BoundingBox, _super);
 	    function BoundingBox(southwestPositionOrPositions, northeastPosition) {
 	        var _this = this;
 	        if (southwestPositionOrPositions && northeastPosition) {
@@ -62600,7 +62594,7 @@ uniform ${precision} ${type} u_${name};
 	    return MultiPolygon;
 	}());
 
-	var __extends$12 = (window && window.__extends) || (function () {
+	var __extends$14 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -62631,7 +62625,7 @@ uniform ${precision} ${type} u_${name};
 	 * The `z` dimension of `MercatorPoint` is conformal. A cube in the mercator coordinate space would be rendered as a cube.
 	 */
 	var MercatorPoint = /** @class */ (function (_super) {
-	    __extends$12(MercatorPoint, _super);
+	    __extends$14(MercatorPoint, _super);
 	    /**
 	     * Constructs a MercatorPoint.
 	     * @param x A points x position in mercator units.
@@ -63120,7 +63114,7 @@ uniform ${precision} ${type} u_${name};
 		simplify: simplify
 	});
 
-	var __extends$11 = (window && window.__extends) || (function () {
+	var __extends$13 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -63139,7 +63133,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a ZoomControl object.
 	 */
 	var ZoomControlOptions = /** @class */ (function (_super) {
-	    __extends$11(ZoomControlOptions, _super);
+	    __extends$13(ZoomControlOptions, _super);
 	    function ZoomControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -63159,7 +63153,7 @@ uniform ${precision} ${type} u_${name};
 	    return ZoomControlOptions;
 	}(Options));
 
-	var __extends$10 = (window && window.__extends) || (function () {
+	var __extends$12 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -63178,7 +63172,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control for changing the zoom of the map.
 	 */
 	var ZoomControl = /** @class */ (function (_super) {
-	    __extends$10(ZoomControl, _super);
+	    __extends$12(ZoomControl, _super);
 	    /**
 	     * Constructs a ZoomControl.
 	     * @param options The options for the control.
@@ -63292,10 +63286,169 @@ uniform ${precision} ${type} u_${name};
 	    return ZoomControl;
 	}(ControlBase));
 
+	var __extends$11 = (window && window.__extends) || (function () {
+	    var extendStatics = function (d, b) {
+	        extendStatics = Object.setPrototypeOf ||
+	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+	            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+	        return extendStatics(d, b);
+	    };
+	    return function (d, b) {
+	        if (typeof b !== "function" && b !== null)
+	            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+	        extendStatics(d, b);
+	        function __() { this.constructor = d; }
+	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+	    };
+	})();
+	/**
+	 * The options for a FullscreenControl object.
+	 */
+	var FullscreenControlOptions = /** @class */ (function (_super) {
+	    __extends$11(FullscreenControlOptions, _super);
+	    function FullscreenControlOptions() {
+	        var _this = _super !== null && _super.apply(this, arguments) || this;
+	        /**
+	         * The style of the control.
+	         * Default `ControlStyle.light`
+	         * @default ControlStyle.light
+	         */
+	        _this.style = exports.ControlStyle.light;
+	        /**
+	         * Indicates if the control should be hidden if the browser does not support fullscreen mode.
+	         * Default `false`
+	         * @default false
+	         */
+	        _this.hideIfUnsupported = false;
+	        /**
+	         * The HTML element which should be made full screen.
+	         * If not specified, the map container element will be used.
+	         */
+	        _this.container = undefined;
+	        return _this;
+	    }
+	    return FullscreenControlOptions;
+	}(Options));
+
+	var __extends$10 = (window && window.__extends) || (function () {
+	    var extendStatics = function (d, b) {
+	        extendStatics = Object.setPrototypeOf ||
+	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+	            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+	        return extendStatics(d, b);
+	    };
+	    return function (d, b) {
+	        if (typeof b !== "function" && b !== null)
+	            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+	        extendStatics(d, b);
+	        function __() { this.constructor = d; }
+	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+	    };
+	})();
+	/**
+	 * A control to make the map or a specified element fullscreen.
+	 */
+	var FullscreenControl = /** @class */ (function (_super) {
+	    __extends$10(FullscreenControl, _super);
+	    /**
+	     * A control to make the map or a specified element fullscreen.
+	     * @param options Options for defining how the control is rendered and the container to be made fullscreen.
+	     */
+	    function FullscreenControl(options) {
+	        var _this = _super.call(this) || this;
+	        _this.map = null;
+	        _this.isFullscreenState = false;
+	        _this.options = new FullscreenControlOptions().merge(options);
+	        _this.control = new maplibregl.FullscreenControl({
+	            container: _this.options.container,
+	        });
+	        return _this;
+	    }
+	    /**
+	     * Initialization method for the control which is called when added to the map.
+	     * @param map The map that the control will be added to.
+	     * @param options The ControlOptions for this control.
+	     * @return An HTMLElement to be placed on the map for the control.
+	     */
+	    FullscreenControl.prototype.onAdd = function (map) {
+	        var _this = this;
+	        var _a, _b;
+	        this.map = map;
+	        (_b = (_a = this.map) === null || _a === void 0 ? void 0 : _a._getMap()) === null || _b === void 0 ? void 0 : _b.addControl(this.control);
+	        var container = this.buildContainer(map, this.options.style, "Fullscreen Control");
+	        var fullscreenButton = this.control._fullscreenButton;
+	        if (fullscreenButton) {
+	            var icon_1 = fullscreenButton.querySelector("span");
+	            if (icon_1) {
+	                var tooltip_1 = buildAccessibleTooltip("Enter Fullscreen");
+	                container.appendChild(fullscreenButton);
+	                // Add classes for styling.
+	                fullscreenButton.classList.add("azure-maps-control-button", "fullscreen");
+	                icon_1.classList.add("fullscreen-icon", "fullscreen-end");
+	                // Add the tooltip and prevent the default one set by Maplibre.
+	                fullscreenButton.removeAttribute("title"); // A title attribute will be converted to a tooltip by the browser.
+	                container.appendChild(tooltip_1);
+	                positionTooltip(tooltip_1, fullscreenButton);
+	                // Update the icon and the tooltip based on the fullscreen state.
+	                this.control.on("fullscreenstart", function () {
+	                    // Remove the title attribute added automatically whenever fullscreen event is fired
+	                    fullscreenButton.removeAttribute("title");
+	                    icon_1.classList.remove("fullscreen-end");
+	                    icon_1.classList.add("fullscreen-start");
+	                    tooltip_1.innerText = "Exit Fullscreen";
+	                    _this.isFullscreenState = true;
+	                });
+	                this.control.on("fullscreenend", function () {
+	                    fullscreenButton.removeAttribute("title");
+	                    icon_1.classList.remove("fullscreen-start");
+	                    icon_1.classList.add("fullscreen-end");
+	                    tooltip_1.innerText = "Enter Fullscreen";
+	                    _this.isFullscreenState = false;
+	                });
+	            }
+	        }
+	        // Invisiblize the control if the browser does not support fullscreen mode.
+	        if (this.options.hideIfUnsupported && !FullscreenControl.isSupported()) {
+	            container.style.display = "none";
+	        }
+	        return container;
+	    };
+	    /**
+	     * Method that is called when the control is removed from the map. Should perform any necessary cleanup for the
+	     * control.
+	     */
+	    FullscreenControl.prototype.onRemove = function () {
+	        var _a, _b;
+	        _super.prototype.onRemove.call(this);
+	        (_b = (_a = this.map) === null || _a === void 0 ? void 0 : _a._getMap()) === null || _b === void 0 ? void 0 : _b.removeControl(this.control);
+	        this.map = null;
+	    };
+	    /**
+	     * Gets the current fullscreen state of the map.
+	     * @returns A boolean indicating if the map is in fullscreen mode.
+	     */
+	    FullscreenControl.prototype.isFullscreen = function () {
+	        return this.isFullscreenState;
+	    };
+	    /**
+	     * Checks to see if the browser supports going into fullscreen mode.
+	     * @returns A boolean indicating if the browser supports fullscreen mode.
+	     */
+	    FullscreenControl.isSupported = function () {
+	        var d = document;
+	        return d['fullscreenEnabled'] ||
+	            d['msFullscreenEnabled'] ||
+	            d['mozFullScreenEnabled'] ||
+	            d['webkitFullscreenEnabled'];
+	    };
+	    return FullscreenControl;
+	}(ControlBase));
+
 	var index$2 = /*#__PURE__*/Object.freeze({
 		__proto__: null,
 		CompassControl: CompassControl,
 		ControlBase: ControlBase,
+		FullscreenControl: FullscreenControl,
 		PitchControl: PitchControl,
 		ScaleControl: ScaleControl,
 		StyleControl: StyleControl,
@@ -65658,7 +65811,7 @@ uniform ${precision} ${type} u_${name};
 	     */
 	    ImageLayer.prototype.setOptions = function (options) {
 	        var newOptions = new ImageLayerOptions().merge(this.options, cloneDeepWith$1(options, ImageLayerOptions._cloneCustomizer));
-	        var reloadImageTransform = (typeof options.url === "string" && options.url !== this.getOptions().url);
+	        var reloadImage = (typeof options.url === "string" && options.url !== this.getOptions().url);
 	        var coordChanged = (typeof options.coordinates !== "undefined" && options.coordinates !== this.getOptions().coordinates);
 	        if (this.map) {
 	            this._updateBaseProperties(newOptions, this.options);
@@ -65668,16 +65821,17 @@ uniform ${precision} ${type} u_${name};
 	            this._updatePaintProperty("raster-brightness-max", newOptions.maxBrightness, this.options.maxBrightness);
 	            this._updatePaintProperty("raster-opacity", newOptions.opacity, this.options.opacity);
 	            this._updatePaintProperty("raster-saturation", newOptions.saturation, this.options.saturation);
-	            // TODO: the mapbox typing file doesn't support maplibregl.ImageSource.updateImage()
-	            // update "as any" to "as maplibregl.ImageSource" after the typing file is updated
+	            // Get the image source
 	            var source = this.map._getMap().getSource(this._getSourceId());
-	            if (source) {
+	            // Check if the source exists and if we need to reload the image or if coordinates have changed
+	            if (source && (reloadImage || coordChanged)) {
+	                // Update the image with the new options
 	                source.updateImage(newOptions);
 	            }
 	        }
 	        this.options = newOptions;
 	        // Modified to update transform if image url or coordinates change
-	        if (reloadImageTransform) {
+	        if (reloadImage) {
 	            this.reloadImage();
 	        }
 	        else if (coordChanged) {
@@ -68209,6 +68363,7 @@ uniform ${precision} ${type} u_${name};
 	        ele.addEventListener("click", this.close);
 	        ele.classList.add(Popup.Css.close);
 	        ele.setAttribute("aria-label", "close");
+	        ele.setAttribute("type", "button");
 	        ele.setAttribute("tabindex", "0");
 	        ele.innerHTML = "×";
 	        return ele;
@@ -113862,6 +114017,12 @@ uniform ${precision} ${type} u_${name};
 	         * @deprecated use `view` instead.
 	         */
 	        _this.userRegion = _this.view;
+	        /**
+	         * Override the default styles for the map elements.​
+	         * Default `undefined`
+	         * @default undefined
+	         */
+	        _this.styleOverrides = undefined;
 	        /**
 	         * allows substituting a default MapControl's style transformer with custom one
 	         * Default style transformer is meant to update the incoming fetched style to desired state, as well as to synchronize the SDK state with style state
@@ -113999,10 +114160,10 @@ uniform ${precision} ${type} u_${name};
 	        /**
 	         * Disable telemetry collection
 	         * This option may only be set when initializing the map.
-	         * default: false (true for the Azure Government cloud)
-	         * @default false
+	         * default: true
+	         * @default true
 	         */
-	        _this.disableTelemetry = getDomain() === "atlas.azure.us";
+	        _this.disableTelemetry = true;
 	        /**
 	         * Disable telemetry collection
 	         * This option may only be set when initializing the map.
@@ -114495,6 +114656,16 @@ uniform ${precision} ${type} u_${name};
 	    };
 	    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 	};
+	/**
+	 * Mapping of styleOverrides options to style parameter values.
+	 */
+	var styleOverridesMapping = {
+	    countryRegion: "cr|bv:0",
+	    adminDistrict: "ad|bv:0",
+	    adminDistrict2: "ds|bv:0",
+	    buildingFootprint: "bld|v:0_adr|lv:0",
+	    roadDetails: "g|rasterDetailsVisible:0"
+	};
 	/**
 	 * @private
 	 */
@@ -115005,7 +115176,31 @@ uniform ${precision} ${type} u_${name};
 	                return targetStyleWithUserLayers;
 	            };
 	        }
-	        this.map._getMap().setStyle(targetDefinition.url || targetDefinition.style, {
+	        var styleUrl = targetDefinition.url;
+	        if (styleUrl && (styleOptions === null || styleOptions === void 0 ? void 0 : styleOptions.styleOverrides)) {
+	            // Append the st parameter in the url with the mapped value.
+	            // We loop through the styleOverrides and join the corresponding st parameter with "_".
+	            var url = new URL(styleUrl);
+	            var params = new URLSearchParams(url.search);
+	            var stParams = Object.entries(styleOptions === null || styleOptions === void 0 ? void 0 : styleOptions.styleOverrides)
+	                .filter(function (_a) {
+	                var _b = __read$2(_a, 2), key = _b[0], value = _b[1];
+	                return key in styleOverridesMapping &&
+	                    ( // bv stands for borderVisible
+	                    (styleOverridesMapping[key].includes('bv') && (value === null || value === void 0 ? void 0 : value.borderVisible) === false) ||
+	                        (!styleOverridesMapping[key].includes('bv') && (value === null || value === void 0 ? void 0 : value.visible) === false));
+	            })
+	                .map(function (_a) {
+	                var _b = __read$2(_a, 2), key = _b[0]; _b[1];
+	                return styleOverridesMapping[key];
+	            });
+	            if (stParams.length > 0) {
+	                params.set("st", stParams.join("_"));
+	                url.search = params.toString();
+	                styleUrl = url.toString();
+	            }
+	        }
+	        this.map._getMap().setStyle(styleUrl || targetDefinition.style, {
 	            diff: diff,
 	            validate: this.serviceOptions.validateStyle,
 	            transformStyle: transformStyleFunc