azure-maps-control 3.4.0 → 3.6.0

package/dist/atlas-esm.js

@@ -51649,7 +51649,7 @@ var Options = /** @class */ (function () {
     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; }) ||
@@ -51684,7 +51684,7 @@ var __read$h = (window && window.__read) || function (o, n) {
  * @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;
@@ -52088,6 +52088,10 @@ var Localizer = /** @class */ (function () {
      * @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.
@@ -52211,7 +52215,7 @@ var UserAgent = /** @class */ (function () {
     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.
@@ -52243,7 +52247,7 @@ var Version$1 = /** @class */ (function () {
     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; }) ||
@@ -52317,7 +52321,7 @@ var AuthenticationType;
  * 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;
         /**
@@ -52825,10 +52829,9 @@ function setMaxParallelImageRequests(maxParallelImageRequests) {
  * 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;
 }
@@ -53182,7 +53185,7 @@ var positionTooltip = function (tooltip, eventTarget, forceAbsolute) {
     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; }) ||
@@ -53232,7 +53235,7 @@ var ControlPosition;
  * 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;
         /**
@@ -53376,7 +53379,7 @@ var index$5 = /*#__PURE__*/Object.freeze({
 	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; }) ||
@@ -53396,7 +53399,7 @@ var __extends$1i = (window && window.__extends) || (function () {
  * 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;
         /**
@@ -53498,7 +53501,7 @@ var ControlBase = /** @class */ (function (_super) {
     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; }) ||
@@ -53517,7 +53520,7 @@ var __extends$1h = (window && window.__extends) || (function () {
  * 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;
         /**
@@ -53542,7 +53545,7 @@ var CompassControlOptions = /** @class */ (function (_super) {
     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; }) ||
@@ -53561,7 +53564,7 @@ var __extends$1g = (window && window.__extends) || (function () {
  * 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.
@@ -53588,12 +53591,10 @@ var CompassControl = /** @class */ (function (_super) {
         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");
             }
         };
@@ -53660,7 +53661,6 @@ var CompassControl = /** @class */ (function (_super) {
         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");
@@ -53746,7 +53746,7 @@ var CompassControl = /** @class */ (function (_super) {
     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; }) ||
@@ -53765,7 +53765,7 @@ var __extends$1f = (window && window.__extends) || (function () {
  * 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;
         /**
@@ -53790,7 +53790,7 @@ var PitchControlOptions = /** @class */ (function (_super) {
     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; }) ||
@@ -53809,7 +53809,7 @@ var __extends$1e = (window && window.__extends) || (function () {
  * 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.
@@ -53866,12 +53866,10 @@ var PitchControl = /** @class */ (function (_super) {
         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");
             }
         };
@@ -53956,7 +53954,6 @@ var PitchControl = /** @class */ (function (_super) {
         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");
@@ -54037,7 +54034,7 @@ var PitchControl = /** @class */ (function (_super) {
     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; }) ||
@@ -54056,7 +54053,7 @@ var __extends$1d = (window && window.__extends) || (function () {
  * 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.
@@ -57574,7 +57571,7 @@ var merge_1 = merge;
 
 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; }) ||
@@ -57593,7 +57590,7 @@ var __extends$1c = (window && window.__extends) || (function () {
  * 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;
         /**
@@ -57638,7 +57635,7 @@ var StyleControlOptions = /** @class */ (function (_super) {
     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; }) ||
@@ -57709,7 +57706,7 @@ var __read$f = (window && window.__read) || function (o, n) {
  * 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.
@@ -57773,12 +57770,10 @@ var StyleControl = /** @class */ (function (_super) {
         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");
             }
         };
@@ -58004,7 +57999,6 @@ var StyleControl = /** @class */ (function (_super) {
         }
         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 () {
@@ -58074,7 +58068,7 @@ var StyleControl = /** @class */ (function (_super) {
     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; }) ||
@@ -58093,7 +58087,7 @@ var __extends$1a = (window && window.__extends) || (function () {
  * 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;
         /**
@@ -58118,7 +58112,7 @@ var TrafficOptions = /** @class */ (function (_super) {
     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; }) ||
@@ -58137,7 +58131,7 @@ var __extends$19 = (window && window.__extends) || (function () {
  * 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;
         /**
@@ -58157,7 +58151,7 @@ var TrafficControlOptions = /** @class */ (function (_super) {
     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; }) ||
@@ -58176,7 +58170,7 @@ var __extends$18 = (window && window.__extends) || (function () {
  * 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.
@@ -58303,7 +58297,7 @@ var TrafficControl = /** @class */ (function (_super) {
     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; }) ||
@@ -58333,7 +58327,7 @@ var __values$j = (window && window.__values) || function(o) {
  * 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
      */
@@ -59067,7 +59061,7 @@ var Feature = /** @class */ (function () {
     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; }) ||
@@ -59086,7 +59080,7 @@ var __extends$16 = (window && window.__extends) || (function () {
  * 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.
@@ -61306,7 +61300,7 @@ function getClosestPointOnGeometry(pt, geom, units, decimals) {
     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; }) ||
@@ -61326,7 +61320,7 @@ var __extends$15 = (window && window.__extends) || (function () {
  * 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.
@@ -61518,7 +61512,7 @@ var Polygon = /** @class */ (function () {
     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; }) ||
@@ -61548,7 +61542,7 @@ var __values$h = (window && window.__values) || function(o) {
  * 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;
@@ -61844,7 +61838,7 @@ var Shape = /** @class */ (function (_super) {
     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; }) ||
@@ -61877,7 +61871,7 @@ var __values$g = (window && window.__values) || function(o) {
  * [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) {
@@ -62594,7 +62588,7 @@ var MultiPolygon = /** @class */ (function () {
     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; }) ||
@@ -62625,7 +62619,7 @@ var __extends$12 = (window && window.__extends) || (function () {
  * 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.
@@ -63114,7 +63108,7 @@ var index$3 = /*#__PURE__*/Object.freeze({
 	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; }) ||
@@ -63133,7 +63127,7 @@ var __extends$11 = (window && window.__extends) || (function () {
  * 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;
         /**
@@ -63153,7 +63147,7 @@ var ZoomControlOptions = /** @class */ (function (_super) {
     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; }) ||
@@ -63172,7 +63166,7 @@ var __extends$10 = (window && window.__extends) || (function () {
  * 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.
@@ -63286,10 +63280,169 @@ var ZoomControl = /** @class */ (function (_super) {
     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 = 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,
@@ -65652,7 +65805,7 @@ var ImageLayer = /** @class */ (function (_super) {
      */
     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);
@@ -65662,16 +65815,17 @@ var ImageLayer = /** @class */ (function (_super) {
             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) {
@@ -68203,6 +68357,7 @@ var Popup = /** @class */ (function (_super) {
         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;
@@ -113856,6 +114011,12 @@ var StyleOptions = /** @class */ (function (_super) {
          * @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
@@ -113993,10 +114154,10 @@ var ServiceOptions = /** @class */ (function (_super) {
         /**
          * 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.
@@ -114489,6 +114650,16 @@ var __values$2 = (window && window.__values) || function(o) {
     };
     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
  */
@@ -114999,7 +115170,31 @@ var StyleManager = /** @class */ (function () {
                 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