azure-maps-control 2.2.4 → 2.2.6

package/dist/atlas.js

@@ -43619,7 +43619,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    return Url;
 	}());
 
-	var version = "2.2.4";
+	var version = "2.2.6";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -53440,6 +53440,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 ||
@@ -54298,7 +54364,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));
@@ -54453,6 +54521,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;
@@ -54473,6 +54549,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).
 	 */
@@ -54486,6 +54614,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;
@@ -54533,6 +54727,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
 	     */
@@ -55651,7 +55859,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;
@@ -55742,7 +55950,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;
 	        }
@@ -57073,7 +57281,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;
@@ -57185,7 +57393,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 = [
@@ -57349,7 +57557,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 });
@@ -57503,7 +57711,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;
 	        }
@@ -58420,7 +58628,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;
@@ -58573,7 +58781,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;
 	        }
@@ -69658,7 +69866,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); } }
@@ -69667,7 +69875,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]); }; }
@@ -69694,7 +69902,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;
@@ -69947,9 +70155,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];
@@ -70017,9 +70225,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();
@@ -70077,9 +70285,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();
@@ -70131,9 +70339,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.
@@ -70178,7 +70386,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                // 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)));
+	                        acc.push.apply(acc, __spreadArray$2([], __read$7(cur.polygonSources)));
 	                    }
 	                    return acc;
 	                }, []);
@@ -70238,7 +70446,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 */
@@ -70263,10 +70471,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];
@@ -71050,14 +71258,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) {
@@ -71310,7 +71521,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); } }
@@ -71319,7 +71530,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]); }; }
@@ -71373,10 +71584,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(); });
@@ -74644,7 +74855,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;
@@ -74680,7 +74891,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	];
 	var allowedAttributionAttributes = __spreadArray$3([
 	    'href'
-	], __read$7(attributionRuleAttributes));
+	], __read$8(attributionRuleAttributes));
 	var AttributionRuleProxy = /** @class */ (function () {
 	    function AttributionRuleProxy(element, attributionChangeCallback) {
 	        var _this = this;
@@ -74903,7 +75114,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$3(__spreadArray$3([], __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;
@@ -74952,7 +75163,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;
@@ -75006,7 +75217,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) {
@@ -75014,7 +75225,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);
 	            });
 	        };
@@ -75025,8 +75236,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                    resolve(source);
 	                }
 	                else {
-	                    // force source loading as same resolved source in different style will get cached and won't emit events 
-	                    source.load();
 	                    source.on('data', function sourceDataListener(event) {
 	                        if (event.sourceDataType == 'metadata') {
 	                            source.off('data', sourceDataListener);
@@ -75089,10 +75298,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$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(); }));
+	            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$4([], __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
@@ -75128,7 +75337,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$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; }));
+	                    .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);
@@ -75143,7 +75352,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$4([], __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
@@ -78108,7 +78317,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;
@@ -78306,7 +78515,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) {
@@ -78414,7 +78623,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;
@@ -78447,7 +78656,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;
@@ -78846,7 +79055,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;
@@ -79298,7 +79507,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$5([], __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 {
@@ -80041,7 +80250,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;
@@ -80132,7 +80341,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$6([], __read$b(valuesList)));
+	        return _super.prototype.merge.apply(this, __spreadArray$6([], __read$c(valuesList)));
 	    };
 	    return CameraBoundsOptions;
 	}(Options));
@@ -80605,7 +80814,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;
@@ -80780,7 +80989,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$7([], __read$c(valueList)));
+	        return _super.prototype.merge.apply(this, __spreadArray$7([], __read$d(valueList)));
 	    };
 	    return StyleOptions;
 	}(Options));
@@ -80822,7 +81031,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;
@@ -81073,10 +81282,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$8(__spreadArray$8([], __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$8([], __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;
 	        }
@@ -81088,7 +81297,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$8(__spreadArray$8([], __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);
 	        }
@@ -81284,7 +81493,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); } }
@@ -81293,7 +81502,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]); }; }
@@ -81320,7 +81529,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;
@@ -81387,9 +81596,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$9(__spreadArray$9([], __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')
@@ -81470,9 +81679,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:
@@ -81658,8 +81867,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];
@@ -81749,9 +81958,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
@@ -81780,7 +81991,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
@@ -81879,10 +82090,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    StyleManager.prototype._request = function (domain, path, resourceType, customQueryParams) {
 	        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 _c;
-	            return __generator$3(this, function (_d) {
+	            return __generator$4(this, function (_d) {
 	                switch (_d.label) {
 	                    case 0:
 	                        requestParams = {
@@ -81945,6 +82156,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 ||
@@ -81971,7 +82299,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); } }
@@ -81980,7 +82308,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]); }; }
@@ -82007,7 +82335,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;
@@ -82028,7 +82356,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        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 {
@@ -82141,6 +82469,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);
@@ -82152,9 +82481,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                showLogo: _this.styleOptions.showLogo,
 	                customAttribution: _this.styleOptions.customAttribution
 	            });
-	            _this.controls.add(_this.copyrightControl, {
-	                position: exports.ControlPosition.NonFixed
-	            });
 	            // Initialize state of map
 	            // --> Initialize the authentication manager
 	            var authManInit = _this.authentication ?
@@ -82181,14 +82507,18 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	            _this._setAutoResize(_this.styleOptions.autoResize);
 	            _this.map.showTileBoundaries = _this.styleOptions.showTileBoundaries;
 	            _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];
+	            authManInit
+	                .then(function () { return _this.styles.initStyleset(); })
+	                .then(function (definitions) {
 	                // Check that the map hasn't been removed for any reason.
 	                // If so no need to finish styling the map.
 	                if (_this.removed) {
 	                    return;
 	                }
+	                // Add controls after initStyleset to prevent redundant initStyleset calls
+	                _this.controls.add(_this.copyrightControl, {
+	                    position: exports.ControlPosition.NonFixed
+	                });
 	                if (_this.authentication && !_this.authentication.getToken()) {
 	                    throw new Error("AuthenticationManager finished initializing, but no token is available");
 	                }
@@ -82284,6 +82614,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
@@ -82833,7 +83168,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$a([], __read$f(tileSources)));
+	        urls.push.apply(urls, __spreadArray$a([], __read$g(tileSources)));
 	        layer._setOptionsNoUpdate({
 	            subdomains: urls
 	        });
@@ -82855,7 +83190,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.
@@ -82997,6 +83332,7 @@ 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.
@@ -83049,7 +83385,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));
@@ -83072,7 +83408,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));
@@ -83120,8 +83456,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*/];
@@ -83337,7 +83673,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;
@@ -83499,7 +83835,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$b([], __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;