azure-maps-control 3.5.0 → 3.6.1

package/dist/atlas-esm.js

@@ -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.5.0";
+var version$3 = "3.6.1";
 
 /**
  * A helper class that provides methods for getting various forms of the map controls current version.
@@ -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;
 }
@@ -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");
@@ -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");
@@ -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 () {
@@ -63253,9 +63247,7 @@ var ZoomControl = /** @class */ (function (_super) {
         zoomInButton.setAttribute("alt", "Zoom In");
         zoomInButton.setAttribute("type", "button");
         zoomInButton.addEventListener("click", function () {
-            var _a;
             map.setCamera({
-                maxBounds: (_a = map._getMap().getMaxBounds()) === null || _a === void 0 ? void 0 : _a.toArray().flat(),
                 zoom: map.getCamera().zoom + _this.options.zoomDelta,
                 duration: ZoomControl.ZOOM_DURATION_MS,
                 type: "ease",
@@ -63272,9 +63264,7 @@ var ZoomControl = /** @class */ (function (_super) {
         zoomOutButton.setAttribute("alt", "Zoom Out");
         zoomOutButton.setAttribute("type", "button");
         zoomOutButton.addEventListener("click", function () {
-            var _a;
             map.setCamera({
-                maxBounds: (_a = map._getMap().getMaxBounds()) === null || _a === void 0 ? void 0 : _a.toArray().flat(),
                 zoom: map.getCamera().zoom - _this.options.zoomDelta,
                 duration: ZoomControl.ZOOM_DURATION_MS,
                 type: "ease",
@@ -65811,7 +65801,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);
@@ -65821,16 +65811,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) {
@@ -68362,6 +68353,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;
@@ -114015,6 +114007,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
@@ -114152,10 +114150,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.
@@ -114648,6 +114646,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
  */
@@ -115158,7 +115166,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
@@ -115956,6 +115988,7 @@ var Map$1 = /** @class */ (function (_super) {
      * Returns the camera's current properties.
      */
     Map.prototype.getCamera = function () {
+        var _a;
         var southWest = this.map.getBounds().getSouthWest().toArray();
         var northEast = this.map.getBounds().getNorthEast().toArray();
         var cameraOptions = {
@@ -115965,7 +115998,8 @@ var Map$1 = /** @class */ (function (_super) {
             pitch: this.map.getPitch(),
             bounds: new BoundingBox(southWest, northEast),
             minZoom: this.map.getMinZoom(),
-            maxZoom: this.map.getMaxZoom()
+            maxZoom: this.map.getMaxZoom(),
+            maxBounds: (_a = this.map.getMaxBounds()) === null || _a === void 0 ? void 0 : _a.toArray().flat(),
         };
         return cameraOptions;
     };