azure-maps-control 3.5.0 → 3.6.1

package/dist/atlas.css

@@ -949,12 +949,10 @@
 .atlas-map .atlas-control-container .sub-container,
 .atlas-map .azure-maps-control-container > .style-options.icons {
   display: flex;
+  flex-wrap: wrap;
   flex-direction: row;
   position: relative;
 }
-.atlas-map .azure-maps-control-container > .style-options.icons {
-  flex-wrap: wrap;
-}
 .atlas-map .top-left.subcontrol-container {
   position: absolute;
   top: 0;

package/dist/atlas.js

@@ -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.5.0";
+	var version$3 = "3.6.1";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -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;
 	}
@@ -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");
@@ -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");
@@ -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 () {
@@ -63259,9 +63253,7 @@ uniform ${precision} ${type} u_${name};
 	        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",
@@ -63278,9 +63270,7 @@ uniform ${precision} ${type} u_${name};
 	        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",
@@ -65817,7 +65807,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);
@@ -65827,16 +65817,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) {
@@ -68368,6 +68359,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;
@@ -114021,6 +114013,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
@@ -114158,10 +114156,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.
@@ -114654,6 +114652,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
 	 */
@@ -115164,7 +115172,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
@@ -115962,6 +115994,7 @@ uniform ${precision} ${type} u_${name};
 	     * 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 = {
@@ -115971,7 +116004,8 @@ uniform ${precision} ${type} u_${name};
 	            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;
 	    };