azure-maps-control 3.5.0 → 3.6.0

package/dist/atlas-core-snr.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.5.0";
+	var version = "3.6.0";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -52822,10 +52826,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;
 	}
@@ -53585,12 +53588,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");
 	            }
 	        };
@@ -53657,7 +53658,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");
@@ -53863,12 +53863,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");
 	            }
 	        };
@@ -53953,7 +53951,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");
@@ -57770,12 +57767,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");
 	            }
 	        };
@@ -58001,7 +57996,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$3(_this, void 0, void 0, function () {
@@ -65808,7 +65802,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);
@@ -65818,16 +65812,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) {
@@ -68359,6 +68354,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;
@@ -72812,6 +72808,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
@@ -72949,10 +72951,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.
@@ -73445,6 +73447,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
 	 */
@@ -73955,7 +73967,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

package/dist/atlas-core.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$2 = "3.5.0";
+	var version$2 = "3.6.0";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -52822,10 +52826,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;
 	}
@@ -53585,12 +53588,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");
 	            }
 	        };
@@ -53657,7 +53658,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");
@@ -53863,12 +53863,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");
 	            }
 	        };
@@ -53953,7 +53951,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");
@@ -57770,12 +57767,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");
 	            }
 	        };
@@ -58001,7 +57996,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 () {
@@ -65808,7 +65802,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);
@@ -65818,16 +65812,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) {
@@ -68359,6 +68354,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;
@@ -96473,6 +96469,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
@@ -96610,10 +96612,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.
@@ -97106,6 +97108,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
 	 */
@@ -97616,7 +97628,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