azure-maps-control 2.2.3 → 2.2.5

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.3";
+    var version = "2.2.5";
 
     /**
      * 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");
@@ -10120,6 +10104,72 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 
     var cloneDeepWith_1 = cloneDeepWith;
 
+    /**
+     * A hidden HTML element that is used to provide accessibility to shapes such as bubble.
+     */
+    var AccessibleIndicator = /** @class */ (function () {
+        /**
+         * Constructs an AccessibleIndicator object by initializing a hidden `div` element.
+         * @internal
+         */
+        function AccessibleIndicator(options) {
+            var _this = this;
+            /**
+             * Attaches the indicator to the HTML document in a hidden style.
+             * @param map The map.
+             */
+            this.attach = function (map) {
+                // If attaching to a different map, remove popup on current map
+                if (_this.map !== map) {
+                    // If map was defined the indicator was attached to another map.
+                    if (_this.map) {
+                        _this.detachFromCurrentMap();
+                    }
+                    _this.map = map;
+                    _this.map.indicators._getCollectionDiv().appendChild(_this.element);
+                    _this.map.indicators.add(_this);
+                }
+            };
+            /**
+             * Removes the indicator from the map and the HTML document.
+            */
+            this.remove = function () {
+                _this.detachFromCurrentMap();
+                _this.element.remove();
+            };
+            /**
+             * Get the DOM element of the indicator.
+             * @returns The DOM element of the indicator.
+             */
+            this.getElement = function () {
+                return _this.element;
+            };
+            this.detachFromCurrentMap = function () {
+                if (_this.map) {
+                    _this.map.indicators.remove(_this);
+                    delete _this.map;
+                }
+            };
+            this.element = document.createElement("div");
+            // Set tabindex to 0 to make the element focusable.
+            this.element.setAttribute("tabindex", "0");
+            // Set the role to option, and it's container to listbox so the reader will read the listbox as a list.
+            // For example, NVDA will read "data point, {posinset} of {setsize}" when the indicator is focused.
+            this.element.setAttribute("role", "option");
+            if (options === null || options === void 0 ? void 0 : options.setSize)
+                this.element.setAttribute("aria-setsize", options.setSize.toString());
+            if (options === null || options === void 0 ? void 0 : options.positionInSet)
+                this.element.setAttribute("aria-posinset", options.positionInSet.toString());
+            this.element.setAttribute("aria-label", "data point");
+            this.element.classList.add(AccessibleIndicator.Css.hidden);
+        }
+        // CSS class names.
+        AccessibleIndicator.Css = {
+            hidden: "hidden-accessible-element"
+        };
+        return AccessibleIndicator;
+    }());
+
     var __extends$k = (window && window.__extends) || (function () {
         var extendStatics = function (d, b) {
             extendStatics = Object.setPrototypeOf ||
@@ -10978,7 +11028,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         // and can be used to determine which events are ours vs Mapbox's.
         Layer.LayerEvents = {
             layeradded: undefined,
-            layerremoved: undefined
+            layerremoved: undefined,
+            focusin: undefined,
+            focusout: undefined,
         };
         return Layer;
     }(EventEmitter));
@@ -11133,6 +11185,14 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
              * @default 8
              */
             _this.radius = 8;
+            /**
+             * @internal
+             * Specifies whether to create focusable indicators for the bubbles.
+             *
+             * Note: We treat this as an internal option for now because we hadn't fully decided the default styling for the indicators.
+             * Once we decide, we will make this a public option or remove it.
+             */
+            _this.createIndicators = false;
             return _this;
         }
         return BubbleLayerOptions;
@@ -11153,6 +11213,58 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
+    var __awaiter$1 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    };
+    var __generator$1 = (window && window.__generator) || function (thisArg, body) {
+        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f) throw new TypeError("Generator is already executing.");
+            while (_) try {
+                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                if (y = 0, t) op = [op[0] & 2, t.value];
+                switch (op[0]) {
+                    case 0: case 1: t = op; break;
+                    case 4: _.label++; return { value: op[1], done: false };
+                    case 5: _.label++; y = op[1]; op = [0]; continue;
+                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                    default:
+                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                        if (t[2]) _.ops.pop();
+                        _.trys.pop(); continue;
+                }
+                op = body.call(thisArg, _);
+            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    };
+    var __read$3 = (window && window.__read) || function (o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m) return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+        }
+        catch (error) { e = { error: error }; }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"])) m.call(i);
+            }
+            finally { if (e) throw e.error; }
+        }
+        return ar;
+    };
     /**
      * Renders Point objects as scalable circles (bubbles).
      */
@@ -11166,6 +11278,72 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
          */
         function BubbleLayer(source, id, options) {
             var _this = _super.call(this, id) || this;
+            _this.accessibleIndicator = [];
+            _this.setAccessibleIndicator = function () { return __awaiter$1(_this, void 0, void 0, function () {
+                var features, createIndicator, insertHiddenBefore, attach;
+                var _this = this;
+                return __generator$1(this, function (_a) {
+                    this.accessibleIndicator.forEach(function (indicator) { return indicator.remove(); });
+                    this.accessibleIndicator = [];
+                    features = this.map.layers.getRenderedShapes(this.map.getCamera().bounds, this);
+                    createIndicator = function (features, idx) {
+                        var bubbleFeature = features[idx];
+                        var indicator = new AccessibleIndicator({ positionInSet: idx + 1, setSize: features.length });
+                        var element = indicator.getElement();
+                        var _a = __read$3(_this.map.positionsToPixels([bubbleFeature.data.geometry.coordinates]), 1), pixel = _a[0];
+                        element.addEventListener('focusin', function (event) {
+                            _this.accessibleIndicator.filter(function (p) { return p !== indicator; }).forEach(function (popup) { return popup.remove(); });
+                            // insert previous and next popups
+                            if (idx - 1 >= 0) {
+                                insertHiddenBefore(indicator, createIndicator(features, idx - 1));
+                            }
+                            if (idx + 1 < features.length) {
+                                attach(createIndicator(features, idx + 1));
+                            }
+                            _this.map._getMap().setPaintProperty(_this.id, 'circle-stroke-color', ['case', ['==', ['get', '_azureMapsShapeId'], bubbleFeature.data.id], '#000000', _this.options.strokeColor]);
+                            var focusEvent = {
+                                target: element,
+                                type: 'focusin',
+                                map: _this.map,
+                                shape: bubbleFeature,
+                                originalEvent: event,
+                                pixel: pixel
+                            };
+                            _this._invokeEvent('focusin', focusEvent);
+                        });
+                        element.addEventListener('focusout', function (event) {
+                            _this.map._getMap().setPaintProperty(_this.id, 'circle-stroke-color', ['case', ['==', ['get', '_azureMapsShapeId'], bubbleFeature.data.id], _this.options.strokeColor, _this.options.strokeColor]);
+                            var focusEvent = {
+                                target: element,
+                                type: 'focusout',
+                                map: _this.map,
+                                shape: bubbleFeature,
+                                originalEvent: event,
+                                pixel: pixel
+                            };
+                            _this._invokeEvent('focusout', focusEvent);
+                        });
+                        _this.accessibleIndicator.push(indicator);
+                        return indicator;
+                    };
+                    insertHiddenBefore = function (base, toInsert) {
+                        toInsert.attach(_this.map);
+                        var elementToSwapIn = toInsert.getElement();
+                        var baseElement = base.getElement();
+                        baseElement.parentElement.insertBefore(elementToSwapIn, baseElement);
+                    };
+                    attach = function (popup) {
+                        popup.attach(_this.map);
+                    };
+                    if (features.length > 0) {
+                        attach(createIndicator(features, 0));
+                    }
+                    if (features.length > 1) {
+                        attach(createIndicator(features, features.length - 1));
+                    }
+                    return [2 /*return*/];
+                });
+            }); };
             _this.options = new BubbleLayerOptions().merge(cloneDeepWith_1(options, BubbleLayerOptions._cloneCustomizer));
             _this.options.source = source || _this.options.source;
             return _this;
@@ -11213,6 +11391,20 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             }
             this.options = newOptions;
         };
+        BubbleLayer.prototype.onAdd = function (map) {
+            _super.prototype.onAdd.call(this, map);
+            if (this.options.createIndicators) {
+                map.events.addOnce('idle', this.setAccessibleIndicator);
+                map.events.add('moveend', this.setAccessibleIndicator);
+            }
+        };
+        BubbleLayer.prototype.onRemove = function () {
+            _super.prototype.onRemove.call(this);
+            if (this.options.createIndicators) {
+                this.map.events.remove('idle', this.setAccessibleIndicator);
+                this.map.events.remove('moveend', this.setAccessibleIndicator);
+            }
+        };
         /**
          * @internal
          */
@@ -12331,7 +12523,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
     };
-    var __read$3 = (window && window.__read) || function (o, n) {
+    var __read$4 = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -12422,7 +12614,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.
-            var merged = _super.prototype.merge.apply(this, __spreadArray([], __read$3(valueList)));
+            var merged = _super.prototype.merge.apply(this, __spreadArray([], __read$4(valueList)));
             if (isNewColorSet) {
                 merged.fillPattern = undefined;
             }
@@ -13753,7 +13945,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __read$4 = (window && window.__read) || function (o, n) {
+    var __read$5 = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -13865,7 +14057,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
              */
             _this._onDown = function (event) {
                 _this.map.popups._addDraggedPopup(_this);
-                var _a = __read$4(_this.map.positionsToPixels([_this.options.position]), 1), anchorPixel = _a[0];
+                var _a = __read$5(_this.map.positionsToPixels([_this.options.position]), 1), anchorPixel = _a[0];
                 if (event.type === "mousedown") {
                     event = event;
                     _this.dragOffset = [
@@ -14029,7 +14221,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 pixel[0] + this.dragOffset[0],
                 pixel[1] + this.dragOffset[1]
             ];
-            var _a = __read$4(this.map.pixelsToPositions([anchorPixel]), 1), anchorPos = _a[0];
+            var _a = __read$5(this.map.pixelsToPositions([anchorPixel]), 1), anchorPos = _a[0];
             this.options.position = anchorPos;
             this.marker.setLngLat(this.options.position);
             this._invokeEvent("drag", { type: "drag", target: this });
@@ -14183,7 +14375,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 posY = pt.y;
             }
             else {
-                var _a = __read$4(map.positionsToPixels([options.position]), 1), _b = __read$4(_a[0], 2), x = _b[0], y = _b[1];
+                var _a = __read$5(map.positionsToPixels([options.position]), 1), _b = __read$5(_a[0], 2), x = _b[0], y = _b[1];
                 posX = x;
                 posY = y;
             }
@@ -15100,7 +15292,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __read$5 = (window && window.__read) || function (o, n) {
+    var __read$6 = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -15253,7 +15445,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             for (var _i = 0; _i < arguments.length; _i++) {
                 valueList[_i] = arguments[_i];
             }
-            var merged = _super.prototype.merge.apply(this, __spreadArray$1([], __read$5(valueList)));
+            var merged = _super.prototype.merge.apply(this, __spreadArray$1([], __read$6(valueList)));
             if (merged.authType === exports.AuthenticationType.subscriptionKey) {
                 merged.authContext = merged.aadAppId = merged.getToken = undefined;
             }
@@ -16109,11 +16301,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("-");
@@ -16157,7 +16349,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return MapLabelCache;
     }());
 
-    var __awaiter$1 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+    var __awaiter$2 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
         function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
         return new (P || (P = Promise))(function (resolve, reject) {
             function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -16166,7 +16358,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var __generator$1 = (window && window.__generator) || function (thisArg, body) {
+    var __generator$2 = (window && window.__generator) || function (thisArg, body) {
         var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
         return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
         function verb(n) { return function (v) { return step([n, v]); }; }
@@ -16193,7 +16385,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
         }
     };
-    var __read$6 = (window && window.__read) || function (o, n) {
+    var __read$7 = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -16209,6 +16401,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.
@@ -16267,7 +16464,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"],
@@ -16401,10 +16598,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.
@@ -16445,9 +16638,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             // Flag indicating if detailed descriptions which include zoom, lat/lon information should be returned.
             this._returnDetailedDescriptions = false;
             /** Event handler for shortcuts. */
-            this._shortcutListener = function (e) { return __awaiter$1(_this, void 0, void 0, function () {
+            this._shortcutListener = function (e) { return __awaiter$2(_this, void 0, void 0, function () {
                 var cam, styleOps, lang, style, camDesc;
-                return __generator$1(this, function (_a) {
+                return __generator$2(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             if (!(e.altKey && e.ctrlKey && e.keyCode === 68)) return [3 /*break*/, 2];
@@ -16515,9 +16708,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             /** Event handler for when the mouse or touch goes down */
             this._onPointerDown = function (event) {
                 _this._lastPointerPos = _this._getEventPos(event);
-                _this._pointerTimeout = setTimeout(function () { return __awaiter$1(_this, void 0, void 0, function () {
+                _this._pointerTimeout = setTimeout(function () { return __awaiter$2(_this, void 0, void 0, function () {
                     var styleOps, lang, style, cam, loc;
-                    return __generator$1(this, function (_a) {
+                    return __generator$2(this, function (_a) {
                         switch (_a.label) {
                             case 0:
                                 styleOps = this._map.getStyle();
@@ -16575,9 +16768,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 delete _this._rotateTimeout;
             };
             /** Called when the map has finished changing styles and is ready to create a new description */
-            this._updateStyle = function () { return __awaiter$1(_this, void 0, void 0, function () {
+            this._updateStyle = function () { return __awaiter$2(_this, void 0, void 0, function () {
                 var cam, styleOps, lang, style, camDesc;
-                return __generator$1(this, function (_a) {
+                return __generator$2(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             cam = this._map.getCamera();
@@ -16629,9 +16822,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                         delete _this._moveTimeout;
                     }
                     // Send the new description to the map.
-                    _this._moveTimeout = setTimeout(function () { return __awaiter$1(_this, void 0, void 0, function () {
+                    _this._moveTimeout = setTimeout(function () { return __awaiter$2(_this, void 0, void 0, function () {
                         var loc;
-                        return __generator$1(this, function (_a) {
+                        return __generator$2(this, function (_a) {
                             switch (_a.label) {
                                 case 0:
                                     // Clear the rotate timeout as the move description will cover rotation.
@@ -16668,6 +16861,18 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     _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$7(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();
@@ -16724,7 +16929,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         /** Checks if the location has changed enough to justify a new description */
         MapViewDescriptor.prototype._checkLocThreshold = function (newCenter, lastCenter) {
-            var _a = __read$6(this._map.positionsToPixels([lastCenter, newCenter]), 2), lastPixel = _a[0], newPixel = _a[1];
+            var _a = __read$7(this._map.positionsToPixels([lastCenter, newCenter]), 2), lastPixel = _a[0], newPixel = _a[1];
             return Pixel.getDistance(lastPixel, newPixel) >= this._moveThreshold;
         };
         /** Checks if the heading has changed enough to justify a new description */
@@ -16749,10 +16954,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
          * @param cam The map camera informaiton.
          */
         MapViewDescriptor.prototype._getLocDesc = function (cam, lang, style) {
-            return __awaiter$1(this, void 0, void 0, function () {
+            return __awaiter$2(this, void 0, void 0, function () {
                 var info_1, cPx_1, intersects_1, intersectingPolygon, intersectingType_1, i, cnt, layerInfo, cl_1;
                 var _this = this;
-                return __generator$1(this, function (_a) {
+                return __generator$2(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             if (!(style !== "blank")) return [3 /*break*/, 3];
@@ -16777,8 +16982,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) {
@@ -16878,7 +17083,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;
@@ -16955,21 +17161,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
@@ -17224,7 +17431,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
@@ -17233,7 +17440,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
@@ -17242,7 +17449,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
@@ -17277,6 +17484,116 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         // 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;
     }());
 
@@ -17424,14 +17741,17 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 var trafficOptions = _this.map.getTraffic();
                 if (trafficOptions.flow !== "none") {
                     var trafficFlowComponent = _this.map.layers.getLayerById("traffic_" + trafficOptions.flow);
+                    if (!trafficFlowComponent && ['absolute', 'relative-delay'].includes(trafficOptions.flow)) {
+                        // Fallback to relative if deprecated flow type is used
+                        trafficFlowComponent = _this.map.layers.getLayerById("traffic_relative");
+                    }
                     if (trafficFlowComponent) {
-                        _this.lastFlowMode = trafficOptions.flow;
+                        _this.lastFlowMode = trafficFlowComponent.getId().replace("traffic_", "");
                         trafficFlowComponent._updateLayoutProperty("visibility", "visible", "none");
                     }
                 }
             };
             this.removeFromMap = function () {
-                var trafficOptions = _this.map.getTraffic();
                 if (_this.lastFlowMode != "none") {
                     var trafficFlowComponent = _this.map.layers.getLayerById("traffic_" + _this.lastFlowMode);
                     if (trafficFlowComponent) {
@@ -17684,7 +18004,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return IncidentPopupFactory;
     }());
 
-    var __awaiter$2 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+    var __awaiter$3 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
         function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
         return new (P || (P = Promise))(function (resolve, reject) {
             function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -17693,7 +18013,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var __generator$2 = (window && window.__generator) || function (thisArg, body) {
+    var __generator$3 = (window && window.__generator) || function (thisArg, body) {
         var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
         return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
         function verb(n) { return function (v) { return step([n, v]); }; }
@@ -17747,10 +18067,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 _this.map.events.add('moveend', _this.setAccessiblePopups);
             };
             this.accessiblePopups = [];
-            this.setAccessiblePopups = function () { return __awaiter$2(_this, void 0, void 0, function () {
+            this.setAccessiblePopups = function () { return __awaiter$3(_this, void 0, void 0, function () {
                 var features, localizedStrings, createPopup, insertHiddenBefore, insertHiddenInFront, addHidden;
                 var _this = this;
-                return __generator$2(this, function (_a) {
+                return __generator$3(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             this.accessiblePopups.forEach(function (popup) { return popup.remove(); });
@@ -21018,7 +21338,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
         return c > 3 && r && Object.defineProperty(target, key, r), r;
     };
-    var __read$7 = (window && window.__read) || function (o, n) {
+    var __read$8 = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -21034,7 +21354,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;
@@ -21052,9 +21372,9 @@ 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));
+    ], __read$8(attributionRuleAttributes));
     var AttributionRuleProxy = /** @class */ (function () {
         function AttributionRuleProxy(element, attributionChangeCallback) {
             var _this = this;
@@ -21277,7 +21597,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$8(flat)), __read$8(copyrights)); }, []);
             if (copyrights.length == 0) {
                 // no attribution for a provided tileset/bbox/z
                 return;
@@ -21326,7 +21646,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return AttributionRuleProxy;
     }());
 
-    var __read$8 = (window && window.__read) || function (o, n) {
+    var __read$9 = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -21342,7 +21662,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;
@@ -21380,7 +21700,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 var style = map.getStyle();
                 return Object.entries(style.sources)
                     .filter(function (_a) {
-                    var _b = __read$8(_a, 1), key = _b[0];
+                    var _b = __read$9(_a, 1), key = _b[0];
                     return style.layers
                         .filter(function (layer) { return layer && layer['source'] == key; })
                         .reduce(function (isVisible, layer) {
@@ -21388,7 +21708,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                         return !isLayerHidden || isVisible;
                     }, false);
                 }).map(function (_a) {
-                    var _b = __read$8(_a, 1), key = _b[0];
+                    var _b = __read$9(_a, 1), key = _b[0];
                     return map.getSource(key);
                 });
             };
@@ -21463,10 +21783,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$9(allRules)).filter(function (rule) { return !registeredRuleSet.has(rule); }));
+                var redundantElements = new Set(__spreadArray$4([], __read$9(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$9(redundantElements)).filter(function (elem) { return elem.parentElement !== null; })
                     .forEach(function (elem) { return elem.parentElement.removeChild(elem); });
                 _this.rules = Object.values(registeredRules);
                 var attributionsToApply = attributions
@@ -21502,7 +21822,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$9(flattened)), __read$9(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);
@@ -21517,7 +21837,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$9(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
@@ -23743,6 +24063,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.
          */
@@ -24473,7 +24802,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
     };
-    var __read$9 = (window && window.__read) || function (o, n) {
+    var __read$a = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -24671,7 +25000,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             var callbacks = new Dictionary(this.mapCallbackHandler.getEventCallbacks(eventType, layer));
             if (callbacks) {
                 callbacks.forEach(function (_a, callback) {
-                    var _b = __read$9(_a, 2), _ = _b[0], once = _b[1];
+                    var _b = __read$a(_a, 2), _ = _b[0], once = _b[1];
                     // Invoking a listener this way circumvents the fire once logic in the modified callback.
                     // So we check if the callback was added as a fire once and if so remove it here.
                     if (once) {
@@ -24779,7 +25108,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 eventDict.forEach(function (callbackDict, eventType) {
                     callbackDict.forEach(function (_a) {
                         var e_6, _b;
-                        var _c = __read$9(_a, 1), modifiedCallback = _c[0];
+                        var _c = __read$a(_a, 1), modifiedCallback = _c[0];
                         try {
                             for (var _d = __values$a(layer._getLayerIds()), _e = _d.next(); !_e.done; _e = _d.next()) {
                                 var mbLayerId = _e.value;
@@ -24812,7 +25141,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 eventDict.forEach(function (callbackDict, eventType) {
                     callbackDict.forEach(function (_a) {
                         var e_7, _b;
-                        var _c = __read$9(_a, 1), modifiedCallback = _c[0];
+                        var _c = __read$a(_a, 1), modifiedCallback = _c[0];
                         try {
                             for (var _d = __values$a(layer._getLayerIds()), _e = _d.next(); !_e.done; _e = _d.next()) {
                                 var mbLayerId = _e.value;
@@ -25211,7 +25540,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
     };
-    var __read$a = (window && window.__read) || function (o, n) {
+    var __read$b = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -25227,7 +25556,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;
@@ -25663,7 +25992,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$b(this_1.layerIndex[index]._getLayerIds()
                             .filter(function (id) { return !!_this.map._getMap().getLayer(id); }))));
                     }
                     else {
@@ -26406,7 +26735,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
     };
-    var __read$b = (window && window.__read) || function (o, n) {
+    var __read$c = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -26422,7 +26751,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;
@@ -26497,7 +26826,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$c(valuesList)));
         };
         return CameraBoundsOptions;
     }(Options));
@@ -26970,7 +27299,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
     };
-    var __read$c = (window && window.__read) || function (o, n) {
+    var __read$d = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -26986,7 +27315,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;
@@ -27145,7 +27474,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$d(valueList)));
         };
         return StyleOptions;
     }(Options));
@@ -27187,7 +27516,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
     };
-    var __read$d = (window && window.__read) || function (o, n) {
+    var __read$e = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -27203,7 +27532,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;
@@ -27438,10 +27767,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$e(flattened)), __read$e(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$e(valueList)));
             if (merged.authOptions.authType !== exports.AuthenticationType.subscriptionKey) {
                 merged["subscription-key"] = merged.subscriptionKey = undefined;
             }
@@ -27453,7 +27782,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$e(currentTransforms || [])), __read$e(transformersToMerge.filter(function (toMerge) { return !currentTransforms.includes(toMerge); })));
             if (this.transformRequest && !this._transformers.includes(this.transformRequest)) {
                 this._transformers.push(this.transformRequest);
             }
@@ -27649,7 +27978,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         return __assign$8.apply(this, arguments);
     };
-    var __awaiter$3 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+    var __awaiter$4 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
         function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
         return new (P || (P = Promise))(function (resolve, reject) {
             function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -27658,7 +27987,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var __generator$3 = (window && window.__generator) || function (thisArg, body) {
+    var __generator$4 = (window && window.__generator) || function (thisArg, body) {
         var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
         return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
         function verb(n) { return function (v) { return step([n, v]); }; }
@@ -27685,7 +28014,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
         }
     };
-    var __read$e = (window && window.__read) || function (o, n) {
+    var __read$f = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -27701,7 +28030,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;
@@ -27752,9 +28081,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 _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 _b = __read$f(_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$f(deferred)), __read$f(layers.filter(function (layer) {
                         var _a;
                         // Exclude custom layers
                         if (layer.type === 'custom')
@@ -27835,9 +28164,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                         || definitions.configurations[0];
                 }
             };
-            this._lookUpAsync = function (options) { return __awaiter$3(_this, void 0, void 0, function () {
+            this._lookUpAsync = function (options) { return __awaiter$4(_this, void 0, void 0, function () {
                 var definitions, result;
-                return __generator$3(this, function (_a) {
+                return __generator$4(this, function (_a) {
                     switch (_a.label) {
                         case 0: return [4 /*yield*/, this.definitions()];
                         case 1:
@@ -27946,7 +28275,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
                             },
@@ -28018,8 +28352,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             return style.theme.toLowerCase();
         };
         StyleManager.prototype.getThemeAsync = function (styleOptions) {
-            return __awaiter$3(this, void 0, void 0, function () {
-                return __generator$3(this, function (_a) {
+            return __awaiter$4(this, void 0, void 0, function () {
+                return __generator$4(this, function (_a) {
                     switch (_a.label) {
                         case 0: return [4 /*yield*/, this._lookUpAsync(styleOptions)];
                         case 1: return [2 /*return*/, (_a.sent()).theme];
@@ -28109,9 +28443,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                         setLayerVisibility(nextLayer, styleOptions.showBuildingModels ? 'visible' : 'none');
                     }
                     // Set visibility of traffic layers depending on traffic settings.
-                    if (trafficOptions.flow !== 'none' &&
-                        layerGroup === "traffic_" + trafficOptions.flow &&
-                        nextLayer.type == 'line') {
+                    if (trafficOptions.flow !== 'none' && nextLayer.type == 'line' &&
+                        (layerGroup === "traffic_" + trafficOptions.flow ||
+                            // Check if deprecated flow types are used and the layer is a bing-traffic layer.
+                            // Needed for backwards compatibility in Bing styles to support deprecated flow types.
+                            (['absolute', 'relative-delay'].includes(trafficOptions.flow) && nextLayer['source'] === "bing-traffic"))) {
                         setLayerVisibility(nextLayer, 'visible');
                     }
                     // Set visibility of labels
@@ -28140,7 +28476,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             // A FundamentalMapLayer (grouped layer) representation of the next style must be built.
             var previousLayers = this.map.layers.getLayers();
             var nextLayers = Object.entries(layerGroupLayers).map(function (_a) {
-                var _b = __read$e(_a, 2), layerGroupName = _b[0], layerGroupMapboxLayers = _b[1];
+                var _b = __read$f(_a, 2), layerGroupName = _b[0], layerGroupMapboxLayers = _b[1];
                 return _this._buildFundamentalLayerFrom(layerGroupMapboxLayers, layerGroupName);
             });
             // Update FundamentalMapLayers in LayerManager
@@ -28237,27 +28573,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 () {
+            return __awaiter$4(this, void 0, void 0, function () {
                 var requestParams, fetchOptions;
-                var _b;
-                return __generator$3(this, function (_c) {
-                    switch (_c.label) {
+                var _c;
+                return __generator$4(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",
@@ -28274,11 +28613,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;
     }());
 
@@ -28287,6 +28641,123 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      */
     var isHMREnabled = function () { return 'ENVIRONMENT' in window && !!window['ENVIRONMENT']['hmr']; };
 
+    var __values$j = (window && window.__values) || function(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m) return m.call(o);
+        if (o && typeof o.length === "number") return {
+            next: function () {
+                if (o && i >= o.length) o = void 0;
+                return { value: o && o[i++], done: !o };
+            }
+        };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    };
+    /**
+     * @internal
+     * A manager for the map control's hidden indicators.
+     * Exposed through the `indicators` property of the `atlas.Map` class.
+     * Cannot be instantiated by the user.
+     */
+    var AccessibleIndicatorManager = /** @class */ (function () {
+        /**
+         * Constructs the indicator manager to be exposed only through the `indicators` property of the `Map` class.
+         * @param map The map whose indicators are being managed by this.
+         * @internal
+         */
+        function AccessibleIndicatorManager(map) {
+            this.map = map;
+            this.indicators = new Set();
+        }
+        /**
+         * Adds an indicator to the map
+         * @param indicator The indicator(s) to add.
+         */
+        AccessibleIndicatorManager.prototype.add = function (indicator) {
+            var e_1, _a;
+            indicator = Array.isArray(indicator) ? indicator : [indicator];
+            try {
+                for (var indicator_1 = __values$j(indicator), indicator_1_1 = indicator_1.next(); !indicator_1_1.done; indicator_1_1 = indicator_1.next()) {
+                    var i = indicator_1_1.value;
+                    if (!this.indicators.has(i)) {
+                        this.indicators.add(i);
+                        i.attach(this.map);
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (indicator_1_1 && !indicator_1_1.done && (_a = indicator_1.return)) _a.call(indicator_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        };
+        /**
+         * Removes all indicators from the map.
+         */
+        AccessibleIndicatorManager.prototype.clear = function () {
+            var _this = this;
+            this.indicators.forEach(function (indicator) {
+                _this.indicators.delete(indicator);
+                indicator.remove();
+            });
+        };
+        /**
+         * Removes an indicator from the map
+         * @param indicator The indicator(s) to remove.
+         */
+        AccessibleIndicatorManager.prototype.remove = function (indicator) {
+            var e_2, _a;
+            indicator = Array.isArray(indicator) ? indicator : [indicator];
+            try {
+                for (var indicator_2 = __values$j(indicator), indicator_2_1 = indicator_2.next(); !indicator_2_1.done; indicator_2_1 = indicator_2.next()) {
+                    var i = indicator_2_1.value;
+                    if (this.indicators.has(i)) {
+                        this.indicators.delete(i);
+                        i.remove();
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (indicator_2_1 && !indicator_2_1.done && (_a = indicator_2.return)) _a.call(indicator_2);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        };
+        /**
+         * Returns the indicators currently attached to the map.
+         */
+        AccessibleIndicatorManager.prototype.getIndicators = function () {
+            return Array.from(this.indicators);
+        };
+        /**
+         * Returns the div element that should contain all the indicator containers.
+         * Creates it if it doesn't already exist.
+         * @internal
+         */
+        AccessibleIndicatorManager.prototype._getCollectionDiv = function () {
+            var collection = this.map.getMapContainer()
+                .querySelector("." + AccessibleIndicatorManager.Css.collection);
+            if (!collection) {
+                // If the collection div doesn't exist create it.
+                collection = document.createElement("div");
+                collection.setAttribute("aria-label", "map data");
+                // Set the container role to listbox, and the descents' role to option, so the reader will read the listbox as a list.
+                // For example, NVDA will read "data point, 1 of 1" when the indicator is focused.
+                collection.setAttribute("role", "listbox");
+                collection.classList.add(AccessibleIndicatorManager.Css.collection);
+                this.map.getMapContainer().appendChild(collection);
+            }
+            return collection;
+        };
+        AccessibleIndicatorManager.Css = {
+            collection: "accessible-indicator-collection-container"
+        };
+        return AccessibleIndicatorManager;
+    }());
+
     var __extends$19 = (window && window.__extends) || (function () {
         var extendStatics = function (d, b) {
             extendStatics = Object.setPrototypeOf ||
@@ -28313,7 +28784,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         return __assign$9.apply(this, arguments);
     };
-    var __awaiter$4 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
+    var __awaiter$5 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
         function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
         return new (P || (P = Promise))(function (resolve, reject) {
             function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -28322,7 +28793,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     };
-    var __generator$4 = (window && window.__generator) || function (thisArg, body) {
+    var __generator$5 = (window && window.__generator) || function (thisArg, body) {
         var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
         return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
         function verb(n) { return function (v) { return step([n, v]); }; }
@@ -28349,7 +28820,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
         }
     };
-    var __read$f = (window && window.__read) || function (o, n) {
+    var __read$g = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -28365,12 +28836,12 @@ 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;
     };
-    var __values$j = (window && window.__values) || function(o) {
+    var __values$k = (window && window.__values) || function(o) {
         var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
         if (m) return m.call(o);
         if (o && typeof o.length === "number") return {
@@ -28480,6 +28951,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 _this.markers = new HtmlMarkerManager(_this);
                 _this.sources = new SourceManager(_this);
                 _this.popups = new PopupManager(_this);
+                _this.indicators = new AccessibleIndicatorManager(_this);
                 // Add CSS classes and set attributes for DOM elements.
                 _this.map.getContainer().classList.add(Map.Css.container);
                 _this.map.getCanvasContainer().classList.add(Map.Css.canvasContainer);
@@ -28522,7 +28994,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 _this.localizedStringsPromise = Localizer.getStrings(_this.styleOptions.language);
                 var stylesInit = _this.styles.initStyleset();
                 Promise.all([authManInit, stylesInit]).then(function (_a) {
-                    var _b = __read$f(_a, 2), _ = _b[0], definitions = _b[1];
+                    var _b = __read$g(_a, 2), _ = _b[0], definitions = _b[1];
                     // Check that the map hasn't been removed for any reason.
                     // If so no need to finish styling the map.
                     if (_this.removed) {
@@ -28552,7 +29024,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);
@@ -28621,6 +29095,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             else {
                 this.accessibleMapDelegate.removeFromMap();
             }
+            if (this.styles.serviceOptions.mapConfiguration !== this.serviceOptions.mapConfiguration) {
+                this.styles.initPromise = null;
+                this.styles.serviceOptions.mapConfiguration = this.serviceOptions.mapConfiguration;
+                this.setStyle({});
+            }
         };
         /**
          * Adds request transformer
@@ -29170,7 +29649,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$g(tileSources)));
             layer._setOptionsNoUpdate({
                 subdomains: urls
             });
@@ -29192,7 +29671,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         Map.prototype.removeLayers = function (layerNames) {
             var e_1, _a;
             try {
-                for (var layerNames_1 = __values$j(layerNames), layerNames_1_1 = layerNames_1.next(); !layerNames_1_1.done; layerNames_1_1 = layerNames_1.next()) {
+                for (var layerNames_1 = __values$k(layerNames), layerNames_1_1 = layerNames_1.next(); !layerNames_1_1.done; layerNames_1_1 = layerNames_1.next()) {
                     var layerName = layerNames_1_1.value;
                     // Previously calling removeLayers for layers that didn't exist in the map just did nothing.
                     // Now, LayerManager will throw an error, so we need to check if the layer exists before calling remove.
@@ -29334,14 +29813,19 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             this.layers.clear();
             this.sources.clear();
             this.markers.clear();
+            this.indicators.clear();
         };
         /**
          * 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);
@@ -29382,7 +29866,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             var e_2, _a;
             var positions = [];
             try {
-                for (var pixels_1 = __values$j(pixels), pixels_1_1 = pixels_1.next(); !pixels_1_1.done; pixels_1_1 = pixels_1.next()) {
+                for (var pixels_1 = __values$k(pixels), pixels_1_1 = pixels_1.next(); !pixels_1_1.done; pixels_1_1 = pixels_1.next()) {
                     var pixel = pixels_1_1.value;
                     var lngLat = this.map.unproject(pixel);
                     positions.push(new Position(lngLat.lng, lngLat.lat));
@@ -29405,7 +29889,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             var e_3, _a;
             var pixels = [];
             try {
-                for (var positions_1 = __values$j(positions), positions_1_1 = positions_1.next(); !positions_1_1.done; positions_1_1 = positions_1.next()) {
+                for (var positions_1 = __values$k(positions), positions_1_1 = positions_1.next(); !positions_1_1.done; positions_1_1 = positions_1.next()) {
                     var position = positions_1_1.value;
                     var point = this.map.project(position);
                     pixels.push(new Pixel(point.x, point.y));
@@ -29453,8 +29937,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
          */
         Map.prototype._rebuildStyle = function (diff) {
             if (diff === void 0) { diff = true; }
-            return __awaiter$4(this, void 0, void 0, function () {
-                return __generator$4(this, function (_a) {
+            return __awaiter$5(this, void 0, void 0, function () {
+                return __generator$5(this, function (_a) {
                     this.styles.setStyle(this.styleOptions, diff);
                     this.imageSprite._restoreImages();
                     return [2 /*return*/];
@@ -29670,7 +30154,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return Map;
     }(EventEmitter));
 
-    var __read$g = (window && window.__read) || function (o, n) {
+    var __read$h = (window && window.__read) || function (o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
         var i = m.call(o), r, ar = [], e;
@@ -29686,7 +30170,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;
@@ -29832,7 +30316,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$h((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;