azure-maps-control 2.2.2 → 2.2.4

package/dist/atlas-core-bare.js

@@ -265,7 +265,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return Url;
     }());
 
-    var version = "2.2.2";
+    var version = "2.2.4";
 
     /**
      * A helper class that provides methods for getting various forms of the map controls current version.
@@ -306,27 +306,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         var tooltipContent = document.createElement("span");
         tooltipContent.innerText = name;
         tooltipContent.classList.add('tooltiptext');
-        // mimics default edge tooltip theming
-        if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-            tooltipContent.classList.add('dark');
-        }
-        var themeQuery = window.matchMedia('(prefers-color-scheme: dark)');
-        var onThemeChange = function (e) {
-            var isDark = e.matches;
-            if (isDark && !tooltipContent.classList.contains('dark')) {
-                tooltipContent.classList.add('dark');
-            }
-            else if (!isDark && tooltipContent.classList.contains('dark')) {
-                tooltipContent.classList.remove('dark');
-            }
-        };
-        // compensate for browsers where MediaQueryList is not derived from EventTarget (pre iOS13 Safari)
-        if (typeof themeQuery.addEventListener === 'function') {
-            themeQuery.addEventListener('change', function (e) { return onThemeChange(e); });
-        }
-        else if (typeof themeQuery.addListener === 'function') {
-            themeQuery.addListener(function (e) { return onThemeChange(e); });
-        }
         if (navigator.userAgent.indexOf('Edg') != -1) {
             tooltipContent.classList.add('edge');
         }
@@ -4514,6 +4493,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 }
             });
             container.addEventListener("focusout", function (event) {
+                if (event.target === currStyleButton) {
+                    // on focusout from reveal button -> reset the tabIndex on the styleOpsGrid elements that could have been set to -1 on esc key press
+                    Array.from(styleOpsGrid.children).forEach(function (e) { return e.removeAttribute('tabIndex'); });
+                }
                 if (!(event.relatedTarget instanceof Node && container.contains(event.relatedTarget))) {
                     _this.hasFocus = false;
                     if (!_this.hasMouse) {
@@ -4528,6 +4511,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 if (event.keyCode === 27) {
                     event.stopPropagation();
                     currStyleButton.focus();
+                    Array.from(styleOpsGrid.children).forEach(function (e) { return e.setAttribute('tabIndex', "-1"); });
                     if (container.classList.contains(StyleControl.Css.inUse)) {
                         container.classList.remove(StyleControl.Css.inUse);
                         styleOpsGrid.classList.add("hidden-accessible-element");
@@ -14672,6 +14656,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 defaultRegion: {
                     code: "NGT",
                     strings: "en/resource.json"
+                },
+                latn: {
+                    code: "NGT-Latn",
+                    strings: "en/resource.json"
                 }
             },
             ar: {
@@ -14718,6 +14706,18 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 us: {
                     code: "en-US",
                     strings: "en/resource.json"
+                },
+                au: {
+                    code: "en-AU",
+                    strings: "en/resource.json"
+                },
+                gb: {
+                    code: "en-GB",
+                    strings: "en/resource.json"
+                },
+                nz: {
+                    code: "en-NZ",
+                    strings: "en/resource.json"
                 }
             },
             es: {
@@ -14843,14 +14843,31 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 }
             },
             zh: {
+                // per https://microsoft.sharepoint.com/sites/globalreadiness/SitePages/Language-fallback.aspx
+                // Chinese - Neutral (zh) fallbacks to en-US
                 defaultRegion: {
-                    code: "zh-Hant",
-                    strings: "zh-tw/resource.json"
+                    code: "zh",
+                    strings: "en/resource.json"
+                }
+            },
+            "zh-hans": {
+                defaultRegion: {
+                    code: "zh-Hans",
+                    strings: "zh-cn/resource.json"
+                },
+                cn: {
+                    code: "zh-Hans-CN",
+                    strings: "zh-cn/resource.json"
                 }
             },
             "zh-hant": {
+                // per discussion with global readiness team, we were explicitly asked to not fallback zh-hant to zh-tw
                 defaultRegion: {
                     code: "zh-Hant",
+                    strings: "en/resource.json"
+                },
+                tw: {
+                    code: "zh-Hant-TW",
                     strings: "zh-tw/resource.json"
                 }
             }
@@ -15479,7 +15496,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
     /**
      * Specifies which set of geopolitically disputed borders and labels are displayed on the map. The View parameter (also referred to as “user region parameter”) is a 2-letter ISO-3166 Country Code that will show the correct maps for that country/region. Country/Regions that are not on the View list or if unspecified will default to the “Unified” View.
      * Please see the supported [Views]{@link https://aka.ms/AzureMapsLocalizationViews }.
-     * It is your responsibility to determine the location of your users, and then set the View parameter correctly for that location. The View parameter in Azure Maps must be used in compliance with applicable laws, including those regarding mapping, of the country where maps, images and other data and third party content that You are authorized to access via Azure Maps is made available.
+     * It is your responsibility to determine the location of your users, and then set the View parameter correctly for that location. The View parameter in Azure Maps must be used in compliance with applicable laws, including those regarding mapping, of the country/region where maps, images and other data and third party content that You are authorized to access via Azure Maps is made available.
      * @param view The new default view
      */
     function setView(view) {
@@ -16076,11 +16093,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 // Translations for oceans: https://en.wikipedia.org/wiki/List_of_alternative_names_for_oceans
                 this._preloadedCache.add(lang);
                 var oceanConfig = {
-                    source: ["Ocean label", "Ocean name"],
+                    source: [],
                     labelType: "water",
                     minZoom: 0,
                     radius: 3950000,
-                    polygonSources: ["Ocean", "Ocean or sea"]
+                    polygonSources: [] // doesn't affect the cache key
                 };
                 var shortLang = lang;
                 var index = shortLang.indexOf("-");
@@ -16176,6 +16193,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
+    var __spreadArray$2 = (window && window.__spreadArray) || function (to, from) {
+        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+            to[j] = from[i];
+        return to;
+    };
     /**
      * This class analyizes the current view of a map and provides a description for use by accessibilty tools.
      * TODO: Use services when in  GeoPol regions. (Kasmir) or when user region sensitive.
@@ -16212,8 +16234,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             this._minRoadDistance = 25;
             // Minium distance in pixels a second road must be in order to be considered an intersection.
             this._minIntersectionPixelDistance = 50;
-            // The vector tile source id for Azure Maps.
-            this._baseVectorTileSourceId = "microsoft.base";
             /*
              * Show details based on zoom level.
              *
@@ -16236,7 +16256,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
              * Vector Tile source layers: https://developer.tomtom.com/maps-api/maps-api-documentation-vector/tile
              */
             // Configuration for label extraction.
-            this._lableConfig = [
+            this._labelConfig = [
                 // Water labels
                 {
                     source: ["Ocean label", "Ocean name"],
@@ -16370,10 +16390,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     polygonSources: ["Reservation"]
                 }
             ];
-            // Name of all polygon layers in which we want to do an intersection test with.
-            this._polygonStyleLayer = ["National or state park", "National park", "Reservation", "Airport",
-                "Runway", "Stadium", "University", "Zoo", "Shopping", "Hospital", "Amusement park", "Ocean", "Sea",
-                "Ocean or sea"];
             // Name of all label types to cache.
             this._labelCache = new Set(["city", "state", "country", "water", "majorPoi"]);
             // Name of all road source layers.
@@ -16635,6 +16651,20 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             this._map.events.addOnce("idle", function () {
                 if (!_this._disposed) {
                     _this._updateCam(true);
+                    // Find the id of the vector tile source being used.
+                    _this._baseVectorTileSourceId = MapViewDescriptor._baseVectorTileSourceIds.find(function (id) { return _this._map.sources.getById(id); });
+                    // Set the label config based on the vector tile source.
+                    if (_this._baseVectorTileSourceId === "bing-mvt") {
+                        _this._labelConfig = MapViewDescriptor._labelConfigBing;
+                        _this._roadLayers = MapViewDescriptor._roadLayersBing;
+                    }
+                    // Derive polygon layers from the label config.
+                    _this._polygonStyleLayer = _this._labelConfig.reduce(function (acc, cur) {
+                        if (cur.polygonSources) {
+                            acc.push.apply(acc, __spreadArray$2([], __read$6(cur.polygonSources)));
+                        }
+                        return acc;
+                    }, []);
                     // Add event listeners directly to mapbox because we will be using custom event data.
                     // We don't automatically forward all properties of a mapbox event, so the custom data would be lost.
                     var baseMap = _this._map._getMap();
@@ -16732,8 +16762,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                             info_1 = {};
                             cPx_1 = this._map.positionsToPixels([cam.center])[0];
                             ErrorHandler.tryCatch(this._map, function () {
-                                intersects_1 = _this._map._getMap().queryRenderedFeatures(cPx_1, {
-                                    layers: _this._polygonStyleLayer,
+                                var map = _this._map._getMap();
+                                intersects_1 = map.queryRenderedFeatures(cPx_1, {
+                                    layers: _this._polygonStyleLayer.filter(function (layerId) { return map.getLayer(layerId); }),
                                     filter: ["==", ["geometry-type"], "Polygon"]
                                 });
                             }, function () { });
@@ -16743,8 +16774,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                             }
                             intersectingType_1 = null;
                             // Loop through each label config and try and retireve details about the map view.
-                            for (i = 0, cnt = this._lableConfig.length; i < cnt; i++) {
-                                layerInfo = this._lableConfig[i];
+                            for (i = 0, cnt = this._labelConfig.length; i < cnt; i++) {
+                                layerInfo = this._labelConfig[i];
                                 if (cam.zoom >= layerInfo.minZoom) {
                                     // If the layer info has polygons defined, do an intersection test for matching.
                                     if (layerInfo.polygonSources) {
@@ -16844,7 +16875,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             // Loop through the label sources.
             for (var i = 0, len = layerInfo.source.length; i < len; i++) {
                 var params = {
-                    sourceLayer: layerInfo.source[i]
+                    sourceLayer: layerInfo.source[i],
+                    filter: ["has", "name"]
                 };
                 var labels = this._map._getMap().querySourceFeatures(this._baseVectorTileSourceId, params);
                 var closest = null;
@@ -16921,21 +16953,22 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 }
                 if (closestRoad) {
                     // Capture state and country codes from the closest road to ensure we have the most accurate values.
-                    if (!info.country) {
+                    // Note: bing tiles do not have country_code and country_subdivision in road features.
+                    if (!info.country && closestRoad.properties.country_code) {
                         info.country = closestRoad.properties.country_code;
                         info.countryDis = 0;
                         MapViewDescriptor._labelCache.cache(info.country, {
-                            source: ["Country name"],
+                            source: [],
                             labelType: "country",
                             radius: 5000,
                             minZoom: 0
                         }, cPoint.geometry.coordinates, lang);
                     }
-                    if (!info.state) {
+                    if (!info.state && closestRoad.properties.country_subdivision) {
                         info.state = closestRoad.properties.country_subdivision;
                         info.stateDis = 0;
                         MapViewDescriptor._labelCache.cache(info.state, {
-                            source: ["State name"],
+                            source: [],
                             labelType: "state",
                             radius: 5000,
                             minZoom: 4
@@ -17190,7 +17223,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                             if (a.country) {
                                 info.country = a.country;
                                 MapViewDescriptor._labelCache.cache(info.country, {
-                                    source: ["Country name"],
+                                    source: [],
                                     labelType: "country",
                                     radius: 5000,
                                     minZoom: 0
@@ -17199,7 +17232,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                             if (a.countrySubdivision) {
                                 info.state = a.countrySubdivision;
                                 MapViewDescriptor._labelCache.cache(info.state, {
-                                    source: ["State name"],
+                                    source: [],
                                     labelType: "state",
                                     radius: 5000,
                                     minZoom: 4
@@ -17208,7 +17241,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                             if (a.municipality) {
                                 info.city = a.municipality;
                                 MapViewDescriptor._labelCache.cache(info.state, {
-                                    source: ["Small city"],
+                                    source: [],
                                     labelType: "city",
                                     radius: 1000,
                                     minZoom: 10
@@ -17241,6 +17274,118 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             if (increment === void 0) { increment = 1; }
             return Math.round(val / increment) * increment;
         };
+        // Ids of vector tile sources for different style APIs.
+        MapViewDescriptor._baseVectorTileSourceIds = ["microsoft.base", "vectorTiles", "bing-mvt"];
+        // Configuration for label extraction of Bing tiles.
+        MapViewDescriptor._labelConfigBing = [
+            // Water labels
+            {
+                source: ["water_feature"],
+                labelType: "water",
+                minZoom: 0,
+                radius: 3950000,
+                polygonSources: ["generic_water_fill"]
+            },
+            {
+                source: ["water_feature"],
+                labelType: "water",
+                minZoom: 3,
+                radius: 1000000,
+                polygonSources: ["generic_water_fill"]
+            },
+            // Country labels
+            {
+                source: ["country_region"],
+                labelType: "country",
+                minZoom: 0,
+                maxZoom: 5,
+                radius: 300000
+            },
+            // State labels
+            {
+                source: ["admin_division1"],
+                labelType: "state",
+                minZoom: 4,
+                maxZoom: 7,
+                radius: 300000
+            },
+            // City labels
+            {
+                source: ["populated_place"],
+                labelType: "city",
+                minZoom: 8,
+                radius: 40000
+            },
+            // Neighbourhood labels
+            {
+                source: ["neighborhood"],
+                labelType: "neighbourhood",
+                minZoom: 12,
+                radius: 6000
+            },
+            // POI labels
+            {
+                source: ["amusement_park"],
+                labelType: "poi",
+                minZoom: 14,
+                radius: 2000,
+                polygonSources: ["amusement_park_fill"]
+            },
+            {
+                source: ["hospital"],
+                labelType: "poi",
+                minZoom: 14,
+                radius: 1000,
+                polygonSources: ["hospital_fill"]
+            },
+            {
+                source: ["shopping_center"],
+                labelType: "poi",
+                minZoom: 14,
+                radius: 1000,
+                polygonSources: ["shopping_center_fill"]
+            },
+            {
+                source: ["stadium"],
+                labelType: "poi",
+                minZoom: 14,
+                radius: 1000,
+                polygonSources: ["stadium_fill"]
+            },
+            {
+                source: ["higher_education_facility", "school"],
+                labelType: "poi",
+                minZoom: 14,
+                radius: 1000,
+                polygonSources: ["higher_education_facility_fill", "school_fill"]
+            },
+            {
+                source: ["zoo"],
+                labelType: "poi",
+                minZoom: 14,
+                radius: 1000,
+                polygonSources: ["zoo_fill"]
+            },
+            // Major Poi labels
+            {
+                source: ["airport", "airport_terminal"],
+                labelType: "majorPoi",
+                minZoom: 11,
+                radius: 3000,
+                polygonSources: ["airport_terminal_fill", "airport_fill-merged7", "airport_runway_fill"]
+            },
+            {
+                source: ["reserve"],
+                labelType: "majorPoi",
+                minZoom: 7,
+                radius: 15000,
+                polygonSources: ["generic_reserve_fill", "land_cover_forest_fill"]
+            }
+        ];
+        // Name of all road source layers of Bing tiles.
+        MapViewDescriptor._roadLayersBing = new Set([
+            "road"
+        ]);
         return MapViewDescriptor;
     }());
 
@@ -20998,7 +21143,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$2 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$3 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -21016,7 +21161,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         'data-azure-maps-attribution-order',
         'data-azure-maps-attribution-dynamic'
     ];
-    var allowedAttributionAttributes = __spreadArray$2([
+    var allowedAttributionAttributes = __spreadArray$3([
         'href'
     ], __read$7(attributionRuleAttributes));
     var AttributionRuleProxy = /** @class */ (function () {
@@ -21241,7 +21386,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         AttributionRuleProxy.prototype.applyAttributionResponse = function (attributions) {
             var _this = this;
-            var copyrights = attributions.map(function (resp) { return resp.copyrights || []; }).reduce(function (flat, copyrights) { return __spreadArray$2(__spreadArray$2([], __read$7(flat)), __read$7(copyrights)); }, []);
+            var copyrights = attributions.map(function (resp) { return resp.copyrights || []; }).reduce(function (flat, copyrights) { return __spreadArray$3(__spreadArray$3([], __read$7(flat)), __read$7(copyrights)); }, []);
             if (copyrights.length == 0) {
                 // no attribution for a provided tileset/bbox/z
                 return;
@@ -21306,7 +21451,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$3 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$4 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -21427,10 +21572,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     }, function () { return document.createElement('span'); });
                 });
                 var registeredRuleSet = new Set(Object.values(registeredRules));
-                var redundantRules = new Set(__spreadArray$3([], __read$8(allRules)).filter(function (rule) { return !registeredRuleSet.has(rule); }));
-                var redundantElements = new Set(__spreadArray$3([], __read$8(redundantRules)).map(function (rule) { return rule.getElement(); }));
+                var redundantRules = new Set(__spreadArray$4([], __read$8(allRules)).filter(function (rule) { return !registeredRuleSet.has(rule); }));
+                var redundantElements = new Set(__spreadArray$4([], __read$8(redundantRules)).map(function (rule) { return rule.getElement(); }));
                 // eject redundant rules associated elements altogether
-                __spreadArray$3([], __read$8(redundantElements)).filter(function (elem) { return elem.parentElement !== null; })
+                __spreadArray$4([], __read$8(redundantElements)).filter(function (elem) { return elem.parentElement !== null; })
                     .forEach(function (elem) { return elem.parentElement.removeChild(elem); });
                 _this.rules = Object.values(registeredRules);
                 var attributionsToApply = attributions
@@ -21466,7 +21611,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 var visibleTextNodes = function (elem) {
                     return Array.from(elem.style.display != 'none' ? elem.children : [])
                         .map(function (elem) { return visibleTextNodes(elem); })
-                        .reduce(function (flattened, nodes) { return __spreadArray$3(__spreadArray$3([], __read$8(flattened)), __read$8(nodes)); }, Array.from(elem.style.display != 'none' ? elem.childNodes : []).filter(function (node) { return node.nodeType == node.TEXT_NODE; }));
+                        .reduce(function (flattened, nodes) { return __spreadArray$4(__spreadArray$4([], __read$8(flattened)), __read$8(nodes)); }, Array.from(elem.style.display != 'none' ? elem.childNodes : []).filter(function (node) { return node.nodeType == node.TEXT_NODE; }));
                 };
                 var newRenderContext = _this.virtualContext.cloneNode(true);
                 var visibleNodes = visibleTextNodes(newRenderContext);
@@ -21481,7 +21626,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 //     }
                 // });
                 // strip all predefined keywords 
-                visibleNodes.forEach(function (node) { return node.textContent = __spreadArray$3([], __read$8(attributionFilters)).reduce(function (target, filter) { return target.replace(filter, '').trim(); }, node.textContent); });
+                visibleNodes.forEach(function (node) { return node.textContent = __spreadArray$4([], __read$8(attributionFilters)).reduce(function (target, filter) { return target.replace(filter, '').trim(); }, node.textContent); });
                 // strip year from each node
                 // visibleNodes.forEach(node => node.textContent = node.textContent.replace(copyrightYearPattern, '').trim());
                 // deduplicate attribution text
@@ -23707,6 +23852,15 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             }
             return this.initPromise;
         };
+        /**
+         * Cleans up any resources used by the authentication manager.
+         */
+        AuthenticationManager.prototype.dispose = function () {
+            if (this.tokenTimeOutHandle) {
+                clearTimeout(this.tokenTimeOutHandle);
+                this.tokenTimeOutHandle = null;
+            }
+        };
         /**
          * Gets the default auth context to be shared between maps without one specified to them.
          */
@@ -25191,7 +25345,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$4 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$5 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -25627,7 +25781,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     // If a specified layer hasn't been added to the map throw an error.
                     var index = this_1.layerIndex.findIndex(function (l) { return l.getId() === layerId; });
                     if (index > -1) {
-                        layerIds.push.apply(layerIds, __spreadArray$4([], __read$a(this_1.layerIndex[index]._getLayerIds()
+                        layerIds.push.apply(layerIds, __spreadArray$5([], __read$a(this_1.layerIndex[index]._getLayerIds()
                             .filter(function (id) { return !!_this.map._getMap().getLayer(id); }))));
                     }
                     else {
@@ -26386,7 +26540,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$5 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$6 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -26461,7 +26615,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 }
                 finally { if (e_1) throw e_1.error; }
             }
-            return _super.prototype.merge.apply(this, __spreadArray$5([], __read$b(valuesList)));
+            return _super.prototype.merge.apply(this, __spreadArray$6([], __read$b(valuesList)));
         };
         return CameraBoundsOptions;
     }(Options));
@@ -26950,7 +27104,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$6 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$7 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -27061,7 +27215,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             /**
              * Specifies which set of geopolitically disputed borders and labels are displayed on the map. The View parameter (also referred to as “user region parameter”) is a 2-letter ISO-3166 Country Code that will show the correct maps for that country/region. Country/Regions that are not on the View list or if unspecified will default to the “Unified” View.
              * Please see the supported [Views]{@link https://aka.ms/AzureMapsLocalizationViews}
-             * It is your responsibility to determine the location of your users, and then set the View parameter correctly for that location. The View parameter in Azure Maps must be used in compliance with applicable laws, including those regarding mapping, of the country where maps, images and other data and third party content that You are authorized to access via Azure Maps is made available.
+             * It is your responsibility to determine the location of your users, and then set the View parameter correctly for that location. The View parameter in Azure Maps must be used in compliance with applicable laws, including those regarding mapping, of the country/region where maps, images and other data and third party content that You are authorized to access via Azure Maps is made available.
              * default: `undefined`
              * @default undefined
              */
@@ -27109,7 +27263,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 finally { if (e_1) throw e_1.error; }
             }
             // Then execute the standard merge behavior.
-            return _super.prototype.merge.apply(this, __spreadArray$6([], __read$c(valueList)));
+            return _super.prototype.merge.apply(this, __spreadArray$7([], __read$c(valueList)));
         };
         return StyleOptions;
     }(Options));
@@ -27167,7 +27321,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$7 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$8 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -27402,10 +27556,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             // won't change default behavior in Options as usually that's what desired
             // instead capture it here and reassign.
             var currentTransforms = this._transformers;
-            var transformersToMerge = valueList ? valueList.filter(function (value) { return value !== undefined; }).reduce(function (flattened, value) { return __spreadArray$7(__spreadArray$7([], __read$d(flattened)), __read$d(value._transformers || [])); }, []) : [];
+            var transformersToMerge = valueList ? valueList.filter(function (value) { return value !== undefined; }).reduce(function (flattened, value) { return __spreadArray$8(__spreadArray$8([], __read$d(flattened)), __read$d(value._transformers || [])); }, []) : [];
             // Then execute the standard merge behavior.
             // If subscription key auth method isn't being used then the subscription key property should be undefined.
-            var merged = _super.prototype.merge.apply(this, __spreadArray$7([], __read$d(valueList)));
+            var merged = _super.prototype.merge.apply(this, __spreadArray$8([], __read$d(valueList)));
             if (merged.authOptions.authType !== exports.AuthenticationType.subscriptionKey) {
                 merged["subscription-key"] = merged.subscriptionKey = undefined;
             }
@@ -27417,7 +27571,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             if (merged.mapConfiguration && typeof merged.mapConfiguration !== 'string') {
                 merged.mapConfiguration = __assign$7(__assign$7({}, merged.mapConfiguration), { defaultConfiguration: merged.mapConfiguration.defaultConfiguration || merged.mapConfiguration['defaultStyle'], configurations: merged.mapConfiguration.configurations || merged.mapConfiguration['styles'] });
             }
-            this._transformers = __spreadArray$7(__spreadArray$7([], __read$d(currentTransforms || [])), __read$d(transformersToMerge.filter(function (toMerge) { return !currentTransforms.includes(toMerge); })));
+            this._transformers = __spreadArray$8(__spreadArray$8([], __read$d(currentTransforms || [])), __read$d(transformersToMerge.filter(function (toMerge) { return !currentTransforms.includes(toMerge); })));
             if (this.transformRequest && !this._transformers.includes(this.transformRequest)) {
                 this._transformers.push(this.transformRequest);
             }
@@ -27665,7 +27819,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$8 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$9 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -27692,6 +27846,13 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
              * Preserve the map configuration that was used before the indoor map configuration was set
              */
             this.preservedPreindoorMapConfiguration = undefined;
+            /**
+             * The state of the progressive loading
+             */
+            this._progressiveLoadingState = {
+                mapStyle: undefined,
+                pendingVisibilityChange: undefined,
+            };
             this._deferLayerGroupVisibilities = function (layerGroupLayers, initLayerGroups) {
                 var validInitLayerGroups = initLayerGroups.filter(function (groupName) { return groupName in layerGroupLayers; });
                 // If the initial layer groups are invalid, skip the progressive loading.
@@ -27699,11 +27860,19 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     return;
                 var map = _this.map._getMap();
                 var currentZoomLevel = map.getZoom();
-                // Select the layers to be deferred
+                var currentMapStyle = _this.map.getStyle().style;
+                // Cancel and release previous pending callback, if any.
+                if (_this._progressiveLoadingState.pendingVisibilityChange) {
+                    _this.map.events.remove('load', _this._progressiveLoadingState.pendingVisibilityChange);
+                    _this._progressiveLoadingState.pendingVisibilityChange = null;
+                }
+                // Keep the current map style for future comparison.
+                _this._progressiveLoadingState.mapStyle = currentMapStyle;
+                // Select deferrable layers
                 var deferredLayers = Object.entries(layerGroupLayers).reduce(function (deferred, _a) {
                     var _b = __read$e(_a, 2), groupName = _b[0], layers = _b[1];
                     var isInInitialLayerGroup = validInitLayerGroups.includes(groupName);
-                    return __spreadArray$8(__spreadArray$8([], __read$e(deferred)), __read$e(layers.filter(function (layer) {
+                    return __spreadArray$9(__spreadArray$9([], __read$e(deferred)), __read$e(layers.filter(function (layer) {
                         var _a;
                         // Exclude custom layers
                         if (layer.type === 'custom')
@@ -27726,22 +27895,34 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                                 return false;
                             }
                         }
-                        // Defer visible layers only.
+                        // Select visible layers only.
                         return ((_a = layer.layout) === null || _a === void 0 ? void 0 : _a.visibility) !== 'none';
                     })));
                 }, []);
-                // Hide the deferred layers at initial load, therefore we can save the render time.
+                // Hide the deferrable layers at initial load, therefore we can save the render time.
                 deferredLayers.forEach(function (layer) {
+                    // Since this happens before sending style object into the map rendering,
+                    // we only need to update the style object, but not necessary to update maplibre's layout properties.
                     layer.layout = layer.layout || {};
                     layer.layout.visibility = 'none';
                 });
-                // Make the deferred layers visible once the map instance is fully loaded
-                _this.map.events.addOnce('load', function () {
+                // Make the deferred layers visible once the map instance is fully loaded.
+                _this._progressiveLoadingState.pendingVisibilityChange = function () {
+                    // Release the callback.
+                    _this._progressiveLoadingState.pendingVisibilityChange = null;
+                    // Bail out the callback once map style has changed.
+                    var nextMapStyle = _this.map.getStyle().style;
+                    if (currentMapStyle !== nextMapStyle)
+                        return;
+                    // Make deferred layers visible
                     deferredLayers.forEach(function (layer) {
+                        // This happens after the map rendering; Therefore, we need to update
+                        // both the style object and the maplibre's layout properties.
                         layer.layout.visibility = 'visible';
                         map.setLayoutProperty(layer.id, 'visibility', 'visible');
                     });
-                });
+                };
+                _this.map.events.addOnce('load', _this._progressiveLoadingState.pendingVisibilityChange);
             };
             this._onStyleData = function () {
                 _this._lookUpAsync(_this.map.getStyle()).then(function (style) {
@@ -27883,7 +28064,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                             domain: _this.serviceOptions.staticAssetsDomain,
                             path: constants.stylePath + "/" + constants.styleResourcePath + "/" + style.name,
                             queryParams: {
-                                styleVersion: _this.serviceOptions.styleDefinitionsVersion,
+                                // Use the style version from the API response if it's available,
+                                // otherwise fallback to the version specified in the serviceOptions.
+                                // This is needed for flight testing the 2023-01-01 style version.
+                                styleVersion: definitions.version !== undefined && definitions.version !== null
+                                    ? definitions.version
+                                    : _this.serviceOptions.styleDefinitionsVersion
                                 // thus far we don't need to differentiate based on parameter here, as stylePatch will be called on cached styles as well 
                                 //language: styleOptions.language
                             },
@@ -28023,18 +28209,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             // should be modified before they are applied to the map.
             var styleOptions = this.map.getStyle();
             var trafficOptions = this.map.getTraffic();
-            // force a replacement of language placeholder in the tileset url to avoid resolution to a same cache with placeholders on language change
-            nextStyle.sources = Object.entries(nextStyle.sources).reduce(function (newSources, _a) {
-                var _b = __read$e(_a, 2), sourceKey = _b[0], source = _b[1];
-                var newSource = __assign$8({}, source);
-                if ('url' in newSource && typeof newSource.url === 'string') {
-                    if (newSource.url.includes(constants.languagePlaceHolder)) {
-                        newSource.url = newSource.url.replace(constants.languagePlaceHolder, styleOptions.language);
-                    }
-                }
-                newSources[sourceKey] = newSource;
-                return newSources;
-            }, {});
             var shouldProgressiveLoading = (styleOptions.progressiveLoading &&
                 // The feature only effective at the initial load.
                 !this.map._isLoaded());
@@ -28186,27 +28360,30 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
          * Fetches a json resource at the specified domain and path.
          */
         StyleManager.prototype._request = function (domain, path, resourceType, customQueryParams) {
-            var _a;
+            var _a, _b;
             if (customQueryParams === void 0) { customQueryParams = {}; }
             return __awaiter$3(this, void 0, void 0, function () {
                 var requestParams, fetchOptions;
-                var _b;
-                return __generator$3(this, function (_c) {
-                    switch (_c.label) {
+                var _c;
+                return __generator$3(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             requestParams = {
                                 url: new Url({
                                     protocol: "https",
                                     domain: domain,
                                     path: path,
-                                    queryParams: __assign$8((_b = {}, _b[constants.apiVersionQueryParameter] = this.serviceOptions.styleAPIVersion, _b), customQueryParams)
+                                    queryParams: __assign$8((_c = {}, _c[constants.apiVersionQueryParameter] = this.serviceOptions.styleAPIVersion, 
+                                    // Generate a hash code to avoid cache conflict
+                                    // TODO: Remove this once style version 2023-01-01 is publicly available
+                                    _c.hash = StyleManager._hashCode((_a = this.map.authentication) === null || _a === void 0 ? void 0 : _a.getToken()), _c), customQueryParams)
                                 }).toString()
                             };
                             if (typeof this.serviceOptions.transformRequest === "function" && resourceType) {
                                 // If a transformRequest(...) was specified use it.
                                 requestParams = this.serviceOptions.transformRequest(requestParams.url, resourceType);
                             }
-                            (_a = this.map.authentication) === null || _a === void 0 ? void 0 : _a.signRequest(requestParams);
+                            (_b = this.map.authentication) === null || _b === void 0 ? void 0 : _b.signRequest(requestParams);
                             fetchOptions = {
                                 method: "GET",
                                 mode: "cors",
@@ -28223,11 +28400,26 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                                         throw new Error("HTTP " + response.status + ": " + response.statusText + " ");
                                     }
                                 })];
-                        case 1: return [2 /*return*/, _c.sent()];
+                        case 1: return [2 /*return*/, _d.sent()];
                     }
                 });
             });
         };
+        /**
+         * A basic helper function to generate a hash from an input string.
+         */
+        StyleManager._hashCode = function (str) {
+            if (str === void 0) { str = ""; }
+            var chr, hash = 0;
+            if (!str)
+                return hash;
+            for (var i = 0; i < str.length; i++) {
+                chr = str.charCodeAt(i);
+                hash = (hash << 5) - hash + chr;
+                hash |= 0; // Convert to 32bit integer
+            }
+            return hash;
+        };
         return StyleManager;
     }());
 
@@ -28314,7 +28506,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$9 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$a = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -28501,7 +28693,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     _this.events.invoke("error", errorData);
                 });
                 // --> Set initial camera state of map
-                _this.setCamera(__assign$9(__assign$9({}, options), { type: "jump", duration: 0 }));
+                _this.setCamera(__assign$9(__assign$9({ 
+                    // Default minZoom to ensure the map doesn't zoom out to unsupported zoom levels.
+                    minZoom: 1 }, options), { type: "jump", duration: 0 }));
                 // Add delegates to map
                 {
                     _this.incidentDelegate = new IncidentServiceDelegate(_this);
@@ -28598,6 +28792,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 if (!mapboxCameraOptions) {
                     throw new Error("The map cannot be fit to the current canvas with the given CameraBoundsOptions.");
                 }
+                if ('pitch' in options) {
+                    mapboxCameraOptions.pitch = options.pitch;
+                }
+                if ('bearing' in options) {
+                    mapboxCameraOptions.bearing = options.bearing;
+                }
                 this.map.setMaxZoom(cameraBoundsOptions.maxZoom);
                 this._invokeEvent("maxzoomchanged", this.map.getMaxZoom());
                 maxBounds = this._generateSafeBounds(cameraBoundsOptions.maxBounds);
@@ -28720,8 +28920,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             // If this function is restructured such that a styledata event won't always trigger
             // if the language is changed, then either those delegates need changed
             // or the styledata event manually invoked.
+            var noDiffOnLanguageViewChange = diff && (this.styleOptions.language === newOptions.language && this.styleOptions.view === newOptions.view);
             this.styleOptions = newOptions;
-            this._setStyleComponents(newOptions, diff);
+            this._setStyleComponents(newOptions, noDiffOnLanguageViewChange);
         };
         /**
          * Returns the map control's current style settings.
@@ -29112,7 +29313,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 urls = layer.getOptions().subdomains || [];
             }
             // Add the tile urls to the layer, but don't update the map yet.
-            urls.push.apply(urls, __spreadArray$9([], __read$f(tileSources)));
+            urls.push.apply(urls, __spreadArray$a([], __read$f(tileSources)));
             layer._setOptionsNoUpdate({
                 subdomains: urls
             });
@@ -29281,9 +29482,13 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
          * Clean up the map's resources. Map will not function correctly after calling this method.
          */
         Map.prototype.dispose = function () {
+            var _a;
             this.clear();
             this.map.remove();
+            (_a = this.authentication) === null || _a === void 0 ? void 0 : _a.dispose();
             this.removed = true;
+            // Remove event listeners
+            window.removeEventListener("resize", this._windowResizeCallback);
             while (this.getMapContainer().firstChild) {
                 var currChild = this.getMapContainer().firstChild;
                 this.getMapContainer().removeChild(currChild);
@@ -29628,7 +29833,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$a = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$b = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -29774,7 +29979,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 lineLength = 50;
             }
             var lines = c.split(/<(tr|div|br|li|h[0-9]|p>)/);
-            longestStringLength = Math.max.apply(Math, __spreadArray$a([], __read$g((lines.map(function (el) { return el.replace(/<[a-zA-Z0-9\s=\/]+>/g, "").length; }))))) - 1;
+            longestStringLength = Math.max.apply(Math, __spreadArray$b([], __read$g((lines.map(function (el) { return el.replace(/<[a-zA-Z0-9\s=\/]+>/g, "").length; }))))) - 1;
             var w = Math.ceil(longestStringLength * 3.5);
             if (w < width) {
                 width = w;